﻿@charset "utf-8";

body { background-image:url(i/bg.gif); background-repeat: repeat-x; background-position:top left; font-family:Arial, Helvetica, Verdana, sans-serif; position:relative; }

*{ margin:0; padding:0;}
.clear{ margin:0; padding:0; clear:both;}

/*================================ WRAPPER START ================================ */
#wrapper{ margin:0 auto; width:941px; }
#container { width:941px; margin:0 auto; padding:30px 0 0 0;    }

.logo { float:left; height:41px; width:194px;}
.logoright { float:right; padding:20px 0 0 0; width:140px; height:8px;}
.headertop 
{
    position: relative;
    clear: both;
    width: 941px;
    height: 305px;
    margin-top: 22px;
    background: black;
    padding: 0px 0 20px 0;
}
.headertop A {color: White;}
/*================================ SWEEPS HOME ================================ */
#box_left{padding:10px 0px 0px 10px; float:left;  }
#box_left h1 { font-weight:bold; font-size:22px; color:#071c32;  }
#box_left h2 { font-weight:normal; font-size:13px; color:#333333; line-height:18px; }
#box_left h2 a {color:#333333; text-decoration:underline;}

#box_right { width:450px; padding:0px 0px 0px 0px;   float:left;  color: #333333; font-size:12px; padding-top:29px;    }
#box_right h1 { font-weight:bold; font-size:14px; color:#333333; }
#box_right h2 { font-weight:normal; font-size:13px; color:#333333; padding-top:8px; }
#box_right p { font-size:10px; font-weight:bold; color:#333; padding:30px 0 0px 0; }



#formbox {  float:right; padding:20px 0 40px 20px; color:#333333; width:436px; z-index:-9999;}
#formbox table tr td, #formboxTAF table tr td { padding:10px 5px 0 0px;}
#formbox label, #formboxTAF label { font-size:11px; color:#333;   }

#formbox input, #formboxTAF input
{ 
    background:White;
    font-size:12px; 
    color:#333;  
    padding:1px 0 1px 3px; 
    border:1px solid #999; 
    margin:0;  
    /*z-index:-9999;*/
}
	#formbox input.prefix { width:81px; }
	#formbox input.names { width:149px; }
	#formbox input.long { width:390px; }
	#formbox input.state { width:60px; }
	#formbox input.zip { width:90px; }
	#formbox input.country { width:130px; }
	#formbox input.phone {width:85px;}
	#formbox input.noborder, #formboxTAF input.noborder{border:0px !important; }
	#formbox select, #formboxTAF select {border:1px solid #999; z-index:-9999; font-size:11px; width: 60px; height: 19px; }

#formbox select, #formboxTAF select {background:White;color:#333333;}
#formbox textarea {background:White;color:#333333;}
#formbox .states.error {
	border:1px solid red;
}
#formboxTAF select
{
    width: 90px;
}
#formboxTAF input
{
    width: 230px;
    font-size: 14px;
    height: 28px;
}

#formbox label.error, p.error,
#formbox label.error span {color:#f00;}
#formbox input.error {
	border:1px solid #f00;}

#formbox .biggy { font-size:14px; color:#333333;}
#formbox .tiny { font-size:9px; color:#333333;}

.submit { float:left; clear:both; width:370px; height:56px; text-align:left; padding: 0;   position:relative;  }
.submit a.nothanks { position:absolute; top:20px; right:200px;}



/*================================ REFER FRIEND ================================ */
#box_left2    { padding:0px 0px 0px 90px; float:left;  }
#box_left2 h1 { font-weight:bold; font-size:18px; color:#071c32;  }
#box_left2 h2 { font-weight:normal; font-size:13px; color:#333333; line-height:18px; }

#box_right2    { height:100px; padding:0px 200px 0px 0px;  float:right;  color: #333333; font-size:12px; padding-top:10px;  }
#box_right2 img    {display:none}

#formbox2 { clear:both; float:left; padding:20px 0 40px 20px; color:#333333; width:920px;}
#formbox2 table { width:900px;  }
#formbox2 table tr td { padding:10px 10px 0 5px;}
#formbox2 label { font-size:11px; color:#333; padding-bottom:10px;  }
#formbox2 input.bg {width:255px; height:20px; font-size:12px; color:#333; padding:5px 0 0 5px; border:1px solid #999; }
#formbox2 .check { margin-bottom:5px; display:none;}

.submit2 { float:left; clear:both; width:870px; height:56px; text-align:right; padding: 0;   position:relative;  }
.submit2 a.nothanks { position:absolute; top:45px; right:200px;}
.submit2 #submit{position:relative; top:25px;}


/*================================ PROMO ENDED PAGE ================================ */
#box_left3 {padding:0px 0px 0px 90px; float:left;  }
#box_left3 h1 { font-weight:bold; font-size:22px; color:#071c32;  }
#box_left3 h2 { font-weight:normal; font-size:13px; color:#333333; line-height:35px; padding-top:30px; }
#box_left3 h2 a {color:#333333; text-decoration:underline; }

#box_left3 h2.normal { line-height:20px;}

.promoended { float:left; width:800px; position:relative; padding:50px 0px 200px 90px; }
.promoendedbucket { float:left; width:246px; height:141px; position:relative; padding:0px 0px 0px 0px; margin:0px 20px 0px 0px; background: url(i/bucket.gif); background-repeat:no-repeat;   }
.promoendedbucket h1 { padding:13px 5px 0 15px; font-size:12px; color:#273247; }
.promoendedbucket span.fan { position:absolute; left:99px; bottom:14px; }
.promoendedbucket span.learn { position:absolute; right:17px; bottom:19px; }



/*================================ FOOTER START ================================ */
#footer {padding-top:50px; margin:0 auto; width:920px; font-size:11px; color:#333333; padding-top:20px; padding-bottom:15px; text-align:center; line-height:20px; letter-spacing:1px;}
	#footer a{ text-decoration:underline; color:#333333; font-weight:normal; padding:0 2px 0 2px;  }
	#footer a:hover{ text-decoration:none;}

/*================================ LIGHTBOX START ================================ */
.black_overlay{ display: none; position: absolute; top: 0%; left: 0%; width: 100%; height:1400px; background-color: #000000; z-index:1001; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80); }
.white_content {display: none; position: absolute; top:400px; left: 10%; right:20%; width:941px; height: 550px; padding: 16px; border: 5px solid black; background-color: white; z-index:1002; overflow: auto;  font-size:11px; color:#000; }
.white_content span { font-size:14px; font-weight:bold;}
.white_content a {  color:blue; }
.white_content a.close { float:right; width:50px;  padding:0 10px 0 0; color:blue;}

.black_overlay2{ display: none; position: absolute; top: 0%; left: 0%; width: 100%; height:1400px; background-color: #000000; z-index:1001; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80); }
.white_content2 {display: none; position: absolute; top:700px; left: 10%; right:20%; width:941px; height: 600px; padding: 16px; border: 5px solid black; background-color: white; z-index:1002; overflow: auto;  font-size:11px; color:#000; }
.white_content2 span { font-size:14px; font-weight:bold;}
.white_content2 a {  color:blue; }
.white_content2 a.close { float:right; width:50px;  padding:0 10px 0 0; color:blue;}


/*================================ GALLERY SLIDESHOW START ================================ */

#slideshow {list-style:none; color:#BFCAD0;}
#slideshow span {display:none}
#gallerywrapper {width:402px; height: 285px; margin:20px 0 0 0; display:block; border:11px solid #BFCAD0; float: left; }
#gallerywrapper * {margin:0; padding:0}
#fullsize {position:relative; width:400px; height:234px; padding:0; border:1px solid #13233C; background:#BFCAD0;}
/*#information {position:absolute; bottom:0; width:500px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}*/
#image {width:400px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:234px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(i/left.gif) left center no-repeat}
#imgnext {right:0; background:url(i/right.gif) right center no-repeat}
/*#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(images/link.gif) center center no-repeat}*/
#thumbnails {padding-top:8px; height:41px; background:#BFCAD0; }
#slideleft {float:left; width:20px; height:41px; background:url(i/scroll-left.gif) center center no-repeat; background-color:#13233C}
#slideleft:hover {background-color:#13233C}
#slideright {float:right; width:20px; height:41px; background:#13233C url(i/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#13233C}
#slidearea {float:left; position:relative; width:348px; margin-left:6px; height:45px; overflow:hidden}
#slider {position:absolute; left:0; height:45px; }
#slider img {cursor:pointer; border:1px solid #13233C; padding:0}

DIV.offer_box_container
{
    height: 177px;
    width: 900px;
    margin-left: 5px;
}
DIV.offer_box_container DIV.offer_box
{
    background: url(i/offer_bg.gif) no-repeat;
    display: inline;
    float: left;
    width: 276px;
    height: 177px;
    margin-right: 35px;
    position: relative;
}
DIV.offer_box_container DIV.offer_box IMG.headline
{
    position: relative;
    left: 15px;
    top: 10px
}
DIV.offer_box_container DIV.offer_box DIV.obtext
{
    margin-top: 10px;
    font-weight: bold;
    color: #273247;
    width: 238px;
    font-size: 11px;
    position: relative;
    left: 15px;
    top: 10px;
}
DIV.offer_box_container DIV.offer_box A.oblink
{
    position: absolute;
    bottom: 20px;
    right: 10px;
}
DIV.offer_box_container DIV.offer_box DIV.obbookmarks
{
    position: absolute;
    bottom: 20px;
    right: 10px;
}
DIV.offer_box_container DIV.offer_box DIV.obbookmarks IMG
{
    margin-left: 3px;
}