@charset "utf-8";
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

* Filename: default.css
* Version: 2.0 (2009-07-16) YYYY-MM-DD
* Website: http://www.zapzyt.org/
* Author: MWB Interactive http://www.mwb.com
* Description: Handles the site layout & makes it pretty!

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== CSS RESET: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
img, a, div { behavior: url(http://www.zapzyt.com/iepngfix/iepngfix.htc) }

a { outline: none; }
a:active { outline: none; }
:focus { -moz-outline-style: none; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== GENERAL: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
html, body, #container { height: 100%; }
body { background-image: url(/images/bg.png); background-repeat: repeat-x; background-color: #ffffff; margin:0; }
body,td,th { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #163555; }
blockquote { color:#555; font-size:14px; font-style:italic; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== STRUCTURE: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
body > #container { height: auto; min-height: 100%; }
#container { background-image:url(/images/bg-main.jpg); background-repeat:no-repeat; background-position:center 26px; padding: 0 0 75px 0; }
#container-inside { width:770px; margin:0 auto; vertical-align:middle; }
#header { height:82px; padding:78px 0 0 12px; * padding: 53px 0 0 12px; * height: 107px; }
#intro { background:url(/images/bg-intro.png); _background:url(/images/bg-intro-ie6.jpg); background-repeat:repeat; _background-repeat:no-repeat; display:block; padding:15px; margin:0 0 20px 0; -moz-border-radius:5px; border-radius:5px; }
#intro h1 { font-size:15px; font-style:italic; }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== CONTENT: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#content { float:left; width:495px; padding:0 0 50px 0; }
#content h1 { font-size:23px; text-transform:uppercase; font-style:italic; font-weight:bold; padding:0 0 10px 0; }
#content h2 { font-size:15px; text-transform:uppercase; font-style:italic; font-weight:bold; padding:5px 0 0 0; }
#content p { padding:6px 0 6px 0; }
#content a { color:#f37736; border-bottom:#f37736 dotted 1px; text-decoration:none; }
#content a:hover { border-bottom:none;}
#content img { float: left; }


#left { float:left; width:247px; font-size:13px; }
#right { float:left; width:248px; font-size:13px; }

#feature { padding:0 0 0 10px; width:233px; display:block; margin:0 0 10px 0; }
#feature h1 { font-size:15px; color:#143861; text-transform:uppercase; font-style:italic; font-weight:bold; }
#feature img { float:left; }

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== CLASSES: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
.orange { color:#f37736; font-style:italic; font-weight:bold; }
.praise { color:#f37736; font-style:italic; text-align:right; font-size:11px; margin:0 0 10px 0;  }
.terms { font-size:10px; font-style:italic; }



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== NAVIGATION: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#navigation { height:25px; width:770px; float:right; }
#navigation ul { margin:0; padding:0; width:770px; z-index:10; }
#navigation ul li { float:left; list-style-type:none; position:relative; }
#navigation li a { background-image:url(/images/navigation-matrix.gif); display:block; }
#navigation li span{ display:none; }

#navigation ul #item1{ top:0; left:0; }
#navigation #item1 a{ width:89px; height:25px; background-position:0 0; }
#navigation #item1 a:hover, #navigation #item1 a.current{ background-position:0 -26px;}

#navigation ul #item2{ top:0; left:0px; }
#navigation #item2 a{ width:127px; height:25px; background-position:-89px 0; }
#navigation #item2 a:hover, #navigation #item2 a.current{ background-position:-89px -26px; }

#navigation ul #item3{ top:0; left:0px; }
#navigation #item3 a{ width:67px; height:25px; background-position:-216px 0; }
#navigation #item3 a:hover, #navigation #item3 a.current{ background-position:-216px -26px; }

#navigation ul #item4{ top:0; left:0px; }
#navigation #item4 a{ width:78px; height:25px; background-position:-283px 0; }
#navigation #item4 a:hover, #navigation #item4 a.current{ background-position:-283px -26px; }

#navigation ul #item5{ top:0; left:0px; }
#navigation #item5 a{ width:143px; height:25px; background-position:-361px 0; }
#navigation #item5 a:hover, #navigation #item4 a.current{ background-position:-361px -26px; }

#navigation ul #item6{ top:0; left:0px; }
#navigation #item6 a{ width:146px; height:25px; background-position:-504px 0; }
#navigation #item6 a:hover, #navigation #item4 a.current{ background-position:-504px -26px; }

#navigation ul #item7{ top:0; left:0px; }
#navigation #item7 a{ width:120px; height:25px; background-position:-652px 0; }
#navigation #item7 a:hover, #navigation #item4 a.current{ background-position:-652px -26px; }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== SIDEBAR: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#sidebar { float:right; width:260px; border-left:#0a2b52 dotted 1px; }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== CONTACT FORM: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
.loader { width: 31px; position:absolute; z-index:1 }


ol { list-style:none!important; }
ol.formy { margin:0; padding:0; }
ol.formy li { background:none!important; margin:0!important; padding:0; list-style:none!important; text-align:left; line-height:1.2em; background-image:none; }
li.formy { background-image:none; }

.formy label { width:200px; margin:0px 10px 0 0; text-align:left; font-size: 11px; display:block; padding:2px; }
.formy input,  .formy textarea,  .formy select { margin:0; padding:3px; background: #fbfbfb; border:none; border: 1px solid #ccc; vertical-align:top; }
.formy input:hover,  .formy textarea:hover,  .formy select:hover { background:#eee; }
.formy input:focus,  .formy textarea:focus,  .formy select:focus { background:#F3F8F8; }
.formy textarea,  .formy input { width:415px; }
.formy select { width:421px; /* attempt to have equal length */ }
.formy select.cfselectmulti { height:6.5em; }
.formy textarea { font-family: arial; font-size: 0.9em; height: 10em; overflow:auto; }
.formy input.cf_date { width:395px; }
.noformy input { border:none; background:#fff; width:auto; }

input.sendit {display:block; float:left; width: 92px; height: 17px; background: url(/images/btn-sendit.png) no-repeat; border: none; padding: 0px;}
input.sendit:hover { background: url(/images/btn-sendit.png) no-repeat 0 -17px; border: none;  padding: 0px; }
input.senditIE { width: 92px; height: 17px; background: url(/images/btn-sendit.png) no-repeat 0 -17px; border: none; padding: 0px;}

input.register {display:block; float:left; width: 102px; height: 20px; background: url(/images/btn-register.png) no-repeat; border: none; padding: 0px;}
input.register:hover { background: url(/images/btn-register.png) no-repeat 0 -20px; border: none;  padding: 0px; }
input.registerIE { width: 102px; height: 20px; background: url(/images/btn-register.png) no-repeat 0 -20px; border: none; padding: 0px;}

.moreinfo {display:block; float:left; width: 92px; height: 17px; background: url(/images/btn-moreinfo.png) no-repeat; border: none; padding: 0px;}
.moreinfo:hover { background: url(/images/btn-moreinfo.png) no-repeat 0 -17px; border: none;  padding: 0px; }
.moreinfoIE { width: 92px; height: 17px; background: url(/images/btn-moreinfo.png) no-repeat 0 -17px; border: none; padding: 0px;}

.buynow {display:block; float:left; width: 92px; height: 17px; background: url(/images/btn-buynow.png) no-repeat; border: none; padding: 0px;}
.buynow:hover { background: url(/images/btn-buynow.png) no-repeat 0 -17px; border: none;  padding: 0px; }
.buynowIE { width: 92px; height: 17px; background: url(/images/btn-buynow.png) no-repeat 0 -17px; border: none; padding: 0px;}

.registernow {display:block; float:left; width: 92px; height: 17px; background: url(/images/btn-registernow.png) no-repeat; border: none; padding:0; margin:6px 0 0 0;}
.registernow:hover { background: url(/images/btn-registernow.png) no-repeat 0 -17px; border: none;  padding: 0px; }
.registernowIE { width: 92px; height: 17px; background: url(/images/btn-registernow.png) no-repeat 0 -17px; border: none; padding: 0px;}


span.reqtxt,  span.emailreqtxt { display:block; /*for mozilla*/ width:421px; font-size:9px; vertical-align:top; color:#888888; text-align:right; margin:0; height:20px; line-height:13px; }
span.radiobtn { font-size: 11px; padding: 0 0 0 10px; }



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== FOOTER: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#footer { background-color:#f37736; background-image:url(/images/bg-footer.jpg); background-repeat:repeat-x; height:75px; width:100%; position: relative; z-index:50; margin-top: -75px; clear:both;  }
#footer p { font-size:10px; color:#ffffff; text-align:center; padding:18px 0 0 0; line-height:20px; }
#footer a { font-size:11px; color:#ffffff; border-bottom:#fff dotted 1px; text-decoration:none; }
#footer a:hover { border-bottom:none; }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== SWEEPSTAKES: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#sweepIntro { background:url(/images/bg-intro.png); background-repeat:repeat; display:block; padding:15px; margin:10px 0 20px 0; -moz-border-radius:5px; border-radius:5px;  }
#sweepIntro h1 { font-size:17px; font-weight:bold; font-style:italic; }
#sweepIntro h2 { font-size:23px; font-style:italic; }
#sweepIntro a { color:#f37736; border-bottom:#f37736 dotted 1px; text-decoration:none; }
#sweepIntro a:hover { border-bottom:none;}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== REBATE: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#rebateIntro { background:url(/images/bg-intro.png); background-repeat:repeat; display:block; padding:15px; margin:10px 0 20px 0; -moz-border-radius:5px; border-radius:5px;  }
#rebateIntro h1 { font-size:17px; font-weight:bold; font-style:italic; }
#rebateIntro h2 { font-size:23px; font-style:italic; }
#rebateIntro a { color:#f37736; border-bottom:#f37736 dotted 1px; text-decoration:none; }
#rebateIntro a:hover { border-bottom:none;}