/* CSS Document */

/************************************************
GENERAL
************************************************/
Body
	{
	margin: 0 auto;
	border: 0;
	padding: 0;
	background-color:#333333;
	}
img
	{
	border: 0;
	padding: 0;
	margin: 0;
	}
form
	{
	margin: 0;
	padding: 0;
	border: 0;
	
	}
.clear
	{ 
  	clear:both; 
	/*** these next attributes are designed to keep the div 
	height to 0 pixels high, critical for Safari and Netscape 7 ***/ 
	  height:1px; 
	  overflow:hidden; 
	  line-height:1%; 
	  font-size:0px; 
	  margin-bottom:-1px; 
} 

/************************************************
Contain
************************************************/
#contain{
	margin: 0 auto;
	width:968px;
	padding: 0;
	border: 0;
}

/************************************************
Header
************************************************/
#header{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color:#000000;
}

/************************************************
Nav
************************************************/
#auxNav{
	margin: 0 0 0 0;
	padding: 0 10px 0 10px;
	float:right;
	border-left:1px #333 solid;
	border-right:1px #333 solid;
}

#auxNav p{
	margin: 0 0 0 0;
	padding: 0 0 0 10px;
}

#auxNav a{
	margin: 0 0 0 0;
	padding: 0 10px 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#ffffff;
	text-decoration:none;
	text-transform:uppercase;
	line-height:56px;
}

#auxNav a:hover{
	color:#AEDCED;
	text-decoration:none;
}

#auxNav a.on{
	margin: 0 0 0 0;
	padding: 0 10px 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#AEDCED;
	text-decoration:none;
	text-transform:uppercase;
}

#shoppingCart{
	margin: 0 0 0 0;
	padding: 0 20px 0 20px;
	float:right;
}

#shoppingCart img{
	margin: 20px 5px 0 0;
	padding: 0 0 0 0;
}

#shoppingCart p{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#ffffff;
	text-decoration:none;
	line-height:56px;
}

#shoppingCart .items{
	color:#E26B7A;
}

#logo{
	margin: 0 0 0 0;
	padding: 30px 0 0 0;
	float:left;
}

#nav{
	margin: 0 0 0 0;
	padding: 50px 0 0 0;
	float:left;
}

#nav a{
	margin: 0 0 0 0;
	padding: 0 10px 0 10px;
	border-right:1px #333 solid;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	text-decoration:none;
	text-transform:uppercase;
	line-height:22px;
	font-weight:bold;
}

#nav a.end{
	margin: 0 0 0 0;
	padding: 0 10px 0 10px;
	border-right:none;
	font-size:11px;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
}

#nav a:hover{
	color:#AEDCED;
	text-decoration:none;
	font-weight:bold;
}

#nav a.on{
	margin: 0 0 0 0;
	padding: 0 10px 0 10px;
	border-right:1px #333 solid;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#AEDCED;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
}

/************************************************
MastHead
************************************************/
#mastHead{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border-top:10px solid #ffffff;
	border-bottom:10px solid #ffffff;
	height:324px;
}

#imagerotator{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float:left;
}

#callout{
	width:283px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float:right;
	background-color:#ffffff;
}
#callout img{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float:left;
}

/************************************************
Content
************************************************/
#content{
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
/*	border-top:10px solid #333333;*/
	background-color:#000000;
	background-color:#231F20;
	background-image:url(../images/homeContain_bg.jpg);
	background-repeat:repeat-y;
}

/****NEW Steps****/
#content .left2{
	margin:0 0 0 0;
	padding:10px;
	float:left;
	width:664px;
}
#content .left2 p{
	margin: 7px 0 7px 5px;
	padding: 0 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#ffffff;
	line-height:18px;
}
#content .left2 .step{
	margin: 10px 0 0 15px;
	padding: 0 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	line-height:18px;
	float:left;
	width:196px;
}
#content .left2 .step p{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#ffffff;
	line-height:18px;
}
#content .left2 .step img.sample{
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
	border:1px solid #178296;
}
/****END NEW Steps****/
#content .left{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float:left;
}
#content .left .boxleft{
	margin: 0 0 0 0;
	padding: 40px 0 0 40px;
	width:283px;
	float:left;
}

#content .left .boxleft p{
	margin: 0 0 0 0;
	padding: 5px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	line-height:18px;
	width:243px;
}

#flashbanner{
	width:242px;
	height:165px;
}

#content .left .boxright{
	margin: 0 0 0 0;
	padding: 40px 0 20px 0;
	float:left;
}

#content .left .boxright p{
	margin: 0 0 0 0;
	padding: 5px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	line-height:18px;
	width:300px;
}
#content .left .boxright h1{
	margin: 0 0 0 0;
	padding: 5px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#ffffff;
	width:300px;
	font-weight:bold;
}
#content .left .boxright h2{
	margin: 0 0 0 0;
	padding: 5px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#ffffff;
	width:300px;
	font-weight:bold;
}
#content .left .boxright a{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color:#BED63A;
	text-decoration:underline;
}

#content .left .boxright a:hover{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color:#E1F741;
	text-decoration:underline;
}

#content .right{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float:right;
	width:283px;
	background-color:#231F20;
}

#content .right .callout{
	margin: 20px 20px 0 20px;
	padding: 0 0 20px 0;
	border-bottom:1px solid #333333;
}

#content .right .callout .inputText{
	margin: 10px 10px 0 10px;
	padding: 0 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333;
	border:1px #C1DBE7 solid;
}
#content .right .callout a.submit{
	margin: 0 0 0 0;
	padding: 1px 3px 1px 3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#ffffff;
	border:1px #ffffff solid;
	text-decoration:none;
	background-color:#000000;
}

#content .right .callout a:hover.submit{
	font-size:9px;
	color:#231F20;
	border:1px #ffffff solid;
	background-color:#C1DBE7;
	text-decoration:none;
}
/*
#content .right .calloutBottom{
	margin: 20px 20px 0 20px;
	padding: 0 0 20px 0;
}
*/

#content .right .calloutBottom {
	padding:0;
	height: 133px;
	background-color: #AE1158;
	}
#content .right img{
	margin: 0 0 0 0;
	padding: 0 10px 0 10px;
}
#content .right img.nopadding {
	padding: 0px;
	}
#content .right p{
	margin: 0 0 0 0;
	padding: 0 10px 0 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#C1DBE7;
	line-height:18px;
	font-weight:normal;
}

#content .right a{
	font-size:11px;
	color:#ffffff;
	text-decoration:underline;
}

#content .right  a:hover{
	font-size:11px;
	color:#C4C5C6;
	text-decoration:underline;
}

/************************************************
Footer
************************************************/
#footer{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#footer .left{
	margin: 0 0 0 0;
	padding: 0 0 0 10px;
	float:left;
}

#footer .left .column
	{
	display: block;
	float: left;
	margin: 10px 0 10px 0;
	padding: 0 35px 0 0;
	border: 0;
	}

#footer .left .column2
	{
	display: block;
	float: left;
	margin: 10px 0 10px 0;
	padding: 0 40px 0 0;
	border: 0;
	}
	
#footer .left .column3
	{
	display: block;
	float: left;
	margin: 10px 0 10px 0;
	padding: 0 35px 0 40px;
	border-left:1px solid #444;
	}

#footer .left .column4
	{
	float: left;
	margin: 10px 0 10px 0;
	padding: 0 5px 0 5px;
	}

#footer .left .column4 img
	{
	margin: 0;
	padding:0px 0 0 0px;
	}
	
#footer .left a
	{
	display: block;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-decoration: none;
	font-size: 8px;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	color: #999999;
	line-height:18px;
	letter-spacing:1px;
	}
	
#footer .left a:hover
	{
	text-decoration: none;
	color: #ffffff;
	}

#footer .right{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float:right;
}
#footer .right img{
	margin: 0 0 0 0;
	padding: 5px 0 0 20px;
}