/* mac hide\*/
html, body {height:100%}
/* end hide */
body {
   padding:0;
   margin:0;
   text-align:center; /* for ie6 and under */
   min-width:942px;/* for mozilla*/
   background-color: #ffffff;
   color: #000000;
	font-family: 'Trebuchet MS', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
	font-size: 13px; 
}
#outer{
   min-height:100%;
   width:942px; /* add 2px if borders are not used */
   color: #000000;
   text-align:left;
   margin:auto;
   position:relative;
 background-color:#ffffff;
/* The background image needs to be the same width as the #left div. The one I used is 138px X 9px */
}
 
* html #outer{height:99.9%;} /*For ie as treats height as min-height anyway - also addreeses rounding bug at bottom of screen in IE*/

#header{
   
   min-height:119px;
   background:#FFFFFF;
   position:relative;
}

#logo
{
float:left;
}


#menu
{
height:33px;
width:942px;
float:right;
padding-top:0px;
background:#fff url(../images/menu_bg.jpg) no-repeat top center;
}

#menu ul
{
margin-top:5px;
padding-top:3px;
}

#menu ul li {
	margin-left: 5px;
	padding: 3px 20px 0 0;
	list-style: none;
	display: inline;
	}

#menu ul li A{
	color:#000000;
	text-decoration:none;
	font-family: 'Trebuchet MS', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
	font-size: 14px; 
	font-weight:bold;
	}


#page_header {
   height:204px;
   width: 952px;
   background:inherit;
   position:relative;
}

#intro_text
{
float:left;
width: 364px;
min-height: 313px;
background:#000 url(../images/intro_text.jpg) repeat-y top center;
}

* html #header{height:70px}

#front_right {
   position:relative;/*ie needs this to show float */
   width:430px;
   float:right;
   color:#000;
}

#content_right {
   position:relative;/*ie needs this to show float */
   width:260px;
   float:right;
   color:#000;
   padding-top:16px;
}

#trad_promo
{
background:#fff url(../images/trad_bg.jpg) no-repeat top center;
width:430px;
height:242px;
}

#promo_content
{
float:right;
width:280px;
}

#promo_content H2
{
	font-family: 'Trebuchet MS', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
	font-size: 21px; 
	letter-spacing:-1px;
	font-weight:bold;
	color:#000000;
	margin-bottom:0px;
margin-top:22px;
}

#promo_content ul
{
	font-family: 'Trebuchet MS', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
	font-size: 12px; 
	color:#000000;
	margin-left:0px;
padding-left:20px;
margin-top:0px
}


#celeb_promo
{
background:#fff url(../images/celeb_bg.jpg) no-repeat top center;
width:430px;
height:242px;
margin-top:10px;
}

#front_flash
{
padding-top:10px;
}



#promo_price
{
text-align:center;
float:left;
font-size:36px;
line-height:25px;
}

#promo_price s
{
font-size:12px;
}

#flashcontent2
{
padding-left:8px;
}

#promo_options
{
float:right;
padding-left:10px;
margin-right:20px;
}

#left p {padding:2px}
#footer {
   width:952px; /* add 2px if borders are not used on the #outer div */
   clear:both;
   height:50px;
   background-color: #D7D7D7;
   color: #000000;
   text-align:center;
   left:0;
   bottom:0;
   position: absolute;
}


#footer p, a
{
font-family: 'Trebuchet MS', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 13px; 
color: #000; 
padding-top:10px;
}

* html #footer {/*only ie gets this style*/
   \height:52px;/* for ie5 */
   he\ight:50px;/* for ie6 */
   margin-bottom:-1px;
}
div,p  {margin-top:0}/*clear top margin for mozilla*/

#centrecontent {
   width:500px;
   float:left;
   padding-top:15px;
}


#centrecontent H1 {
font-family: 'Trebuchet MS', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 20px; 
letter-spacing:-1px;
margin-top:0px;
}

#centrecontent p {
padding-left:3px;
font-family: 'Trebuchet MS', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 13px; 
color: #000000; 
padding-right:20px;
text-align: justify;
line-height:20px;
}

#header_links
{
float:right;
padding:10px;
}

#header_links A
{
font-family: 'Trebuchet MS', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 12px; 
color: #000000; 
}

#centrecontent_content {
   width:650px;
   float:left;
   padding-top:15px;
}

#centrecontent_content H1 {
font-family: 'Trebuchet MS', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 25px; 
letter-spacing:-2px;
font-weight:normal;
margin-top:0px;
}

#centrecontent_content p {
padding-left:3px;
font-family: 'Trebuchet MS', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 13px; 
color: #000000; 
padding-right:20px;
text-align: justify;
line-height:20px;
}

#centrecontent_content_full {
   width:850px;
   float:left;
   padding-top:15px;
}

#centrecontent_content_full H1 {
font-family: 'Trebuchet MS', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 25px; 
letter-spacing:-2px;
font-weight:normal;
margin-top:0px;
}

#centrecontent_content_full p {
padding-left:3px;
font-family: 'Trebuchet MS', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 13px; 
color: #000000; 
padding-right:20px;
text-align: justify;
line-height:20px;
}

#step
{
float:left;
padding-top:10px;
padding-bottom:10px;
}

#step_photo
{
width:85px;
float:left;
padding-right:10px;
height:78px;
position:relative;
}

#step_description
{
float:left;
position:relative;
width:750px;
}

#step_clear
{
height:10px;
clear:both;
float:left;
width:400px;
background-color:black;
}

.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#F1F1F1}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f8f8f8;
  border-right:1px solid #f8f8f8;
  background:#f4f4f4}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fdfdfd;
  border-right:1px solid #fdfdfd;
  background:#f3f3f3}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #f3f3f3;
  border-right:1px solid #f3f3f3;}
.spiffy4{
  border-left:1px solid #f8f8f8;
  border-right:1px solid #f8f8f8}
.spiffy5{
  border-left:1px solid #f4f4f4;
  border-right:1px solid #f4f4f4}
.spiffyfg{
  background:#F1F1F1;}


.flash_style{display:block}
.flash_style *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#8C1121}
.flash_style1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #cd989f;
  border-right:1px solid #cd989f;
  background:#a84c58}
.flash_style2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #f3e7e8;
  border-right:1px solid #f3e7e8;
  background:#a13e4b}
.flash_style3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #a13e4b;
  border-right:1px solid #a13e4b;}
.flash_style4{
  border-left:1px solid #cd989f;
  border-right:1px solid #cd989f}
.flash_style5{
  border-left:1px solid #a84c58;
  border-right:1px solid #a84c58}
.flash_stylefg{
  background:#8C1121}

.lookup{display:block}
.lookup *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#DEDEDE}
.lookup1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f0f0f0;
  border-right:1px solid #f0f0f0;
  background:#e6e6e6}
.lookup2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fbfbfb;
  border-right:1px solid #fbfbfb;
  background:#e4e4e4}
.lookup3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #e4e4e4;
  border-right:1px solid #e4e4e4;}
.lookup4{
  border-left:1px solid #f0f0f0;
  border-right:1px solid #f0f0f0}
.lookup5{
  border-left:1px solid #e6e6e6;
  border-right:1px solid #e6e6e6}
.lookupfg{
  background:#DEDEDE}

#search
{
padding:10px;
}

#search H3
{
padding:0px;
margin:0px;
}
#search_container
{
width:212px;
} 

#search_box
{
float:left;
background: url(../images/search_bg.gif) no-repeat top;
width:168px;
height:33px;
padding-top:6px;
display: inline-block;
}

input.image
{
display: inline-block;
}

#search_box INPUT
{
background:#ffffff; 
font-family: 'Trebuchet MS', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; font-size: 13px; color: #000000; line-height: 16px;
border:0px;
width:140px;
margin-left:10px;
}

#content
{
padding:10px;
}


#clearfooter {width:100%;height:62px;clear:both} /* to clear footer */ 

hr {border: none 0; 
border-top: 1px dashed #B8B8B8;/*the border*/
width: 100%;
margin-top:16px;
padding-bottom:10px;
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
} 

#commentbox2{
background-color: #fff;
padding: 5px 14px 5px 14px;
font-family: 'Trebuchet MS', Arial, sans-serif; 
font-size: 13px;
line-height:16px;
}

#how_container
{
padding-top:10px;
margin-bottom:10px;
border-bottom: 1px dashed #B8B8B8;/*the border*/
clear:both
}

#how_image{
float:left;
width:190px;
padding:5px;
}

#how_description{
font-family: 'Trebuchet MS', Arial, sans-serif; 
font-size: 13px;
line-height:16px;
float:left;
width:400px;
}

#promo_content H2{
font-family: 'Trebuchet MS', Arial, sans-serif; 
font-size: 19px;
letter-spacing:-1px;
margin-top:20px;
margin-bottom:5px;
}

#commentfooter3{
background: url('../images/arrow2.gif') no-repeat 20px 0; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
color: #000000;
font-family: 'Trebuchet MS', Arial, sans-serif; 
font-size: 11px;
font-weight:bold;
line-height:17px
}

   div#roundedbox2 {
      background-color:#F1F1F1;   
      float: left;
      margin:  0 .2em .2em .2em;
      width:633px;
   }

  div#topleft2 {
      background: url(../images/corners2.gif) no-repeat top left;
      float: left;
      height: 16px;
      width: 16px;
   }
   div#topright2 {
      background: url(../images/corners2.gif) no-repeat top right;
      float: right;
      height: 16px;
      width: 16px;
   }
   div#bottomleft2 {
      background: url(../images/corners2.gif) no-repeat bottom left;
      float: left;
      height: 16px;
      width: 16px;
   }
   div#bottomright2 {
      background: url(../images/corners2.gif) no-repeat bottom right;
      float: right;
      height: 16px;
      width: 16px;
   }

   div#roundedbox2 #boxcontent{
      margin: 1em 1em;
   }

form, button{border:0; margin:0; padding:0;}
.spacer{clear:both; height:1px;}
/* ----------- My Form ----------- */
.myform{
	margin:0;
	width:400px;
	padding:14px;
}



	/* ----------- stylized ----------- */
	#stylized{
		border:solid 2px #bcbcbc;
		background:#fff;
	}
	#stylized h1 {
		font-size:14px;
		font-weight:bold;
		margin-bottom:8px;
	}
	#stylized p{
		font-size:11px;
		color:#666666;
		margin-bottom:20px;
		border-bottom:solid 1px #b7ddf2;
		padding-bottom:10px;
	}
	#stylized label{
		display:block;
		font-weight:bold;
		text-align:right;
		width:140px;
		float:left;
	}
	#stylized .small{
		color:#666666;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:140px;
	}
	#stylized input{
		float:left;
		font-family: 'Trebuchet MS',Arial;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:200px;
		margin:2px 0 20px 10px;
	}

	#stylized select{
		float:left;
		font-family: 'Trebuchet MS',Arial;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:200px;
		margin:2px 0 20px 10px;
	}

	#stylized img{
		float:left;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		margin:0px 0 10px 150px;
	}

	#stylized textarea{
		float:left;
		font-family: 'Trebuchet MS',Arial;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:200px;
		margin:2px 0 20px 10px;
	}

	#stylized button{ 
		clear:both;
		margin-left:150px;
		width:125px;
		height:31px;
		background:#666666 url(../images/button.png) no-repeat;
		text-align:center;
		line-height:31px;
		color:#FFFFFF;
		font-size:11px;
		font-weight:bold;
	}

#errorMessage
{
		border:solid 2px #890d0d;
		background:#bf1313;
		font-color:#fff;
		font-family: 'Trebuchet MS',Arial;
		font-size:13px;
		font-weight: bold;
		width:418px;
		padding:5px;
		margin-bottom:10px;
}

#successMessage
{
		border:solid 2px #25890d;
		background:#38ba1a;
		font-color:#fff;
		font-family: 'Trebuchet MS',Arial;
		font-size:13px;
		font-weight: bold;
		width:418px;
		padding:5px;
		margin-bottom:10px;
}