body { 
	margin: 0;
	padding: 0;
	background: #0a1728 url(../images/bodybg.jpg) repeat-x;
	text-align: center;
}

a.skip	{display: none;}
a img {border: none;}

/* =TYPOGRAPHY-----------------------------------------*/	

body, td, select {
    font: 12px arial;
    line-height: 20px;
    color: #000000;
}

h1 {
	margin: 0 0 0px 0;
	padding: 0 0 10px 0;
	font: 21px times new roman;
	line-height: 28px;
 	color: #18355a;
}

h2, .header {
	margin: 0;
	padding: 0;
	font: 16px times new roman;
 	line-height: 25px;
 	color: #3176ae;
}

h3, .subheader	{
	margin: 0;
	padding: 0;
	font: 14px times new roman;
	font-weight: bold;
 	line-height: 22px;
 	color: #18355a;
	}
	
h4 {
	margin: 0;
	padding: 0;
	font: 14px times new roman;
	font-weight: bold;
 	line-height: 22px;
 	color: #3176ae;
}
 
a	{
	font: 12px arial;
    line-height: 20px;
    color: #214677;
	text-decoration: none;
	}
	
a:hover	{
	font: 12px arial;
    line-height: 20px;
    color: #214677;
	text-decoration: none;
	}
		

/* =CONTAINER DIVS-----------------------------------------*/	
#supercontainer {
background: url(../images/super.jpg) repeat-x scroll 0 0;
margin:0 auto;
padding:0;
position:relative;
text-align:left;
width:100%;
}

#container {
	margin: 0 auto 0 auto;
	text-align: left;
	width: 900px;
	padding: 0 0 0px 0;
	position: relative;
}

div#banner {
	float: left;
	width: 950px;
	height: 249px;
	margin: 0;
	padding: 0;
	background: url(../images/banner.jpg) no-repeat;
}


div#banner h1 {
    position: absolute;
    margin: 0;
    padding: 0;
}

div#banner h1 a {
    text-indent: -9999px;
    position: absolute;
    display: block;
    width: 240px;
    height: 167px;
    top: 0px;
    left: 327px;
    text-decoration: none;
}


/* =NAVIGATION-----------------------------------------*/	
	
div#navBar {
background: url(../images/nav.gif) top no-repeat;
    height: 20px;
    width: 900px;
    float: left;
    display: inline;
    margin: 214px 0 0 0px;
    padding: 0;
    }

ul#nav {
	padding: 0;
	margin: 0;
	list-style-type: none;
	text-align: center;
	}
	
ul#nav li {
	margin: 0 ;
	padding: 0;
	float: left;
 	}
 	
ul#nav a {
	display: block;
	height: 20px;
	padding: 0;
}

ul#nav a.on	{
	background-image: url('../images/nav.gif');} 
ul#nav a:hover	{
	background-image: url('../images/nav.gif');} 

ul#nav a span {display: none;}

ul#nav li.about a {width: 100px;}		
ul#nav li.about a.on {background-position: -0px -20px;}
ul#nav li.about a:hover {background-position: -0px -20px;}

ul#nav li.store a {width: 180px;}		
ul#nav li.store a.on {background-position: -100px -20px;}	
ul#nav li.store a:hover {background-position: -100px -20px;}

ul#nav li.connect a {width: 185px;}		
ul#nav li.connect a.on {background-position: -280px -20px;}
ul#nav li.connect a:hover {background-position: -280px -20px;}

ul#nav li.news a {width: 175px;}		
ul#nav li.news a.on {background-position: -465px -20px;}
ul#nav li.news a:hover {background-position: -465px -20px;}

ul#nav li.blog a {width: 90px;}		
ul#nav li.blog a.on {background-position: -640px -20px;}
ul#nav li.blog a:hover {background-position: -640px -20px;}

ul#nav li.trade a {width: 160px;}		
ul#nav li.trade a.on {background-position: -730px -20px;}
ul#nav li.trade a:hover {background-position: -730px -20px;}

ul#nav a span {display: none;}
		
		
div#subnav {
	width: 500px;
	height: 30px;
	text-align: left;
	float: left;
	padding: 0;
	margin: 15px 0 0 25px;
	display: inline;
	background: none;
		}
		
div#subnav ul {
	width: 500px;
	text-align: left;
	list-style-type: none;
	padding: 0;
	margin: 0px;
	display: inline;
		}		

div#subnav li	{
	display: inline;
	background: none;
	padding: 0;
	margin: 0 13px 0;
	}

div#subnav a	{
    color: #214677;
	font: 13px arial;
	font-weight: bold;
	padding: 0;
	margin: 0;
	display: inline;
	line-height: 20px;
	text-align: center;
}

div#subnav a:hover, div#subnav a.on { color: #3176ae;}
	

/* =SHOPPING MENU -----------------------------------------*/	

div#enav {
    width: 230px;
    height: 30px;
    float: right;
    display:inline;
    margin: 15px 28px 0 0;
    padding: 0;
    background: none;
}

ul#eNav {
	width: 340px;
	height: 20px;
	float: right;
    list-style-type: none;
	font: 11px times new roman;
	text-align: right;
	padding: 0 0 0 0px;
	margin: 0 0 0;
}

ul#eNav li {
    display: inline;
    margin: 0 0 0 12px;
    padding: 0;
   
}

ul#eNav li.first {
	background: url(../images/cart.jpg) left no-repeat;
	padding: 5px 0px 0 30px;
	}

ul#eNav a {
    color: #214677;
	font: 13px arial;
	padding: 0;
	margin: 0;
	display: inline;
	line-height: 22px;
	text-align: right;
}

ul#eNav a:hover,
ul#eNav a.on {
	color: #214677;
}


/* =EDITABLE BODY -----------------------------------------*/	
div#mainPageArea {
	margin: 0;
	width: 900px;
	padding: 0 0 0px 0;
	float: left;
	background: #fff url(../images/main.jpg) top no-repeat;
}

div#links {
	margin: 0 auto;
	width: 900px;
	height: 50px;
	padding: 0 0 0px 0;
	float: left;
background: #fff url(../images/links.jpg) bottom no-repeat;
}

div#links a {
	margin: 0 23px 0 0;
	float: left;
	height: 30px;
	display: inline;
	font: 13px arial;
	color: #214677;
	line-height: 28px;
}
	
div#links a.fb {background: url(../images/fb.jpg) left no-repeat;
	padding: 0 0px 0 30px; margin: 0 23px 0  80px;}	
div#links a.tw {background: url(../images/tw.jpg) left no-repeat;
	padding: 0 0px 0 30px;}	
div#links a.yt {background: url(../images/yt.jpg) left no-repeat;
	padding: 0 0px 0 30px;}	
div#links a.fk {background: url(../images/fk.jpg) left no-repeat;
	padding: 0 0px 0 30px;}	
div#links a.de {background: url(../images/de.jpg) left no-repeat;
	padding: 0 0px 0 30px;}	
div#links a.yp {background: url(../images/yp.jpg) left no-repeat;
	padding: 0 0px 0 30px;}	
div#links a.ct {background: url(../images/ct.jpg) left no-repeat;
	padding: 0 0px 0 30px;}	
div#links a.bg {background: url(../images/bg.jpg) left no-repeat;
	padding: 0 0px 0 30px;}	
    	
div#cmsContentArea {
	float: left;
	width: 752px;
	display: inline;
	margin: 40px 0px 0px 74px;
	padding: 0;
	background: none;
}

hr.cleaner {
      clear:both;
      height:1px;
      margin: -1px 0 0 0; 
	  padding: 5px;
      border:none;
      visibility: hidden;
      }
      

/* =HOMEPAGE-----------------------------------------*/	

body.home div#mainPageArea {
	margin: 0;
	width: 900px;
	padding: 0 0 0px 0;
	float: left;
	background: #fff url(../images/home_main.jpg) top no-repeat;
	}

body.home div#cmsContentArea {
	float: right;
	width: 571px;
	display: inline;
	margin: 1px 20px 0px 0px;
	padding: 0;
	background: none;
}

body.home div#specialsArea {
	float: left;
	width: 277px;
	display: inline;
	margin: 46px 0px 0px 20px;
	padding: 0;
	background: none;
}

body.home div#kicker1 {
	float: left;
	width: 277px;
	height: 238px;
	display: inline;
	margin: 0;
	padding: 0;
	background: none;
}

body.home div#kicker2 {
	float: left;
	width: 277px;
	display: inline;
	margin: 0;
	padding: 0;
	background: none;
}


div#signup {
	background: url(../images/mailing.jpg) top left no-repeat;
	display: inline;
	float: left;
	height: 71px;
	width: 277px;
	margin: 9px 0px 11px 0px;
	padding: 0;
}

form#signform {
	display: inline;
	float: left;
	width: 259px;
	height: 20px; 
	margin: 42px 0 0 0px; 
	padding: 0;
}
form#signform .button {float: right; display: inline; text-align: center; padding: 0;margin: 0;}
form#signform .text {display: inline; float: left; margin: 0;padding: 0;}


/* =FOOTER DIV-----------------------------------------*/	

div#footer
	{
	font: 11px arial;
	color: #648eab;
	width: 900px;
	margin: 0 auto 0 auto;
	background: none;
	padding: 25px 0 0 0;
	text-align: center;
	}
	
	
div#footer a {
	font: 12px arial;
	padding: 0 7px;
	margin: 0;
	color: #8d982d;
	text-decoration: none;
	}
	
div#footer p.legal {text-align: center; line-height: 20px;}
	
div#footer p {margin: 0; padding: 0px;}
div#footer p.footlinks {text-align: center; padding: 0px 0 20px 0;}


.button	{
		background-color: #e75020;
		color: #fff;
		border: none;
		text-transform: lowercase;
		font: 11px times new roman;
		cursor: hand;
		cursor: pointer;
}

/* =GENERIC OVERRIDES STYLES-------------------------------------*/

div.processBar {
	width: 100%;
}



div.catalog_crumbs,
div#autolist {
    display: none;
}