/* Global CSS Document */
body { 
	margin: 0; 
	padding:0; 
	background-color:#e3e3e3; 
	background-image:url(../images/universal/bg-main.png); 
	background-repeat:repeat-x; 
	font-family: "Lucida Grande", Helvetica, Tahoma, sans-serif; }	

#wrapper, #top_wrapper, #btm_wrapper  { 
	width:920px; 
	margin: 0 auto; }
#btm_wrapper  { 
	-moz-box-shadow: 1px 1px 12px #444;
	-webkit-box-shadow: 1px 1px 12px #444;
	box-shadow: 1px 1px 12px #444;
	
	-webkit-border-radius: 0px 0px 4px 4px;
	-moz-border-radius: 0px 0px 4px 4px;
	border-radius: 0px 0px 4px 4px;  }



/* Header */

#header 		{ float: right; margin: 40px 0px 10px 0px; color:#fff; font-size:12px; width:170px;}

.logo 			{ margin: 10px 10px 5px 10px; border:none;}

.toplinks 		{ padding: 5px 2px 5px 0px;}
a.toplinks 		{ font-size:11px; color:#999; text-decoration:none;}
a:hover.toplinks {text-decoration:none; color:#fff;}

.fblogo 		{ margin-right:10px; float:left; border:none;} 

#line-white		{ margin:0; height:1px; max-width:904px; margin-left:7px; background-color:#7F7F7F; }
#line-aqua		{ margin:0; height:1px; max-width:904px; margin-left:7px; background-color:#00667F; }
#line-blue		{ margin:0; height:1px; max-width:904px; margin-left:7px; background-color:#00007F; }
#line-green		{ margin:0; height:1px; max-width:904px; margin-left:7px; background-color:#007F00; }
#line-red		{ margin:0; height:1px; max-width:904px; margin-left:7px; background-color:#7F0000; }
#line-violet	{ margin:0; height:1px; max-width:904px; margin-left:7px; background-color:#4C007F; }
#line-orange	{ margin:0; height:1px; max-width:904px; margin-left:7px; background-color:#7F3300; }
#line-yellow	{ margin:0; height:1px; max-width:904px; margin-left:7px; background-color:#7F7F00; }







/* Navbar w/ Drop Down Menu */
#nav {
	margin: 0;
	padding: 6px 0px 0px 3px;
	line-height: 100%;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;	

	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	
	-webkit-box-shadow: 0 1px 3px #111;
	-moz-box-shadow: 0 1px 3px #111;
	-box-shadow: 0 1px 3px #111;

	background: #323232; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#323232', endColorstr='#111111'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#323232), to(#111111)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #323232,  #111111); /* for firefox 3.6+ */
	background-image:url(../images/universal/navbar-bg.png); background-repeat:no-repeat;
	border: #333 1px solid;
}

#nav li.submen {
	margin: 0px 7px;
	padding: 0 0 7px;
	float: left;
	position: relative;
	list-style: none; }


/* main level link */
#nav a.topmenu {
	font-weight: bold;
	color: #eee;
	text-decoration: none;
	display: block;
	padding: 8px 14px;
	margin: 0;
	text-shadow: 0px 1px 0px #222; }


/* main level link hover */
#nav li.submen:hover > a {
	background: #CCC; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#a1a1a1'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#a1a1a1)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ebebeb,  #a1a1a1); /* for firefox 3.6+ */
	color: #333;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
	
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;	
	
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
}


/* level 2 list */
#nav ul.subnav {
	background: #CCC; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#a1a1a1'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#a1a1a1)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ebebeb,  #a1a1a1); /* for firefox 3.6+ */
	
	display: none;
	margin: 0;
	padding: 0;
	width: 900px;
	position: absolute;
	top: 37px;
	left: -5px;
	z-index:700;
	border: solid 1px #666;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
}


/* clearfix */
#nav:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#nav {
	display: inline-block;
}
html[xmlns] #nav {
	display: block;
}
* html #nav {
	height: 1%;
}

#subnavcontainer { width:900px; height:165px; padding: 25px 25px 15px 25px; }

.subnavdiv { margin:0px 27px 0px 27px; float:left; text-align:center; }

.subnavdiv  img { width:85px; }

.submenus { margin-top:0px; color:#777; margin-left:-12px; text-align:left; list-style:disc; margin-left:-17px; } 
.submenus li {margin:2px; }

.subnavtitle { margin-top:5px; margin-bottom:6px; color:#333333; text-shadow: 1px 1px 2px  #777777; text-align:left;}


a.listlinks 	{ font-size:11px; color:#666; text-decoration:none;}
a:hover.listlinks {text-decoration:none; color:#fff;}

.cart_icon { margin-left:9px; vertical-align:-1.5px; border:none; }









/* Headings & Content */	
#main_content, #main_content_reviews { 
	background: url(../images/universal/bg-content.png) repeat-x #fff;
	background-position:bottom;
	min-height:100%;
	width:820px;
	overflow: auto;
	padding: 25px 50px 15px 50px;
	
	-webkit-border-radius: 4px 4px 0px 0px;
	-moz-border-radius: 4px 4px 0px 0px;
	border-radius: 4px 4px 0px 0px;}
	

#content_heading { 
	background: url(../images/universal/bg-topbar.png) no-repeat; 
	position:relative; 
	width:550px;
	height:29px;
	color:#fff;
	text-align:left;
	padding: 5px 10px 0px 15px;}
	
	
#content_image, #content_image2, #content_image3,#content_image4, #content_image5 {
	position:absolute;
	border:0px;
	top:-10px;
	right:32px;}

#content_image2 {top:-17px;}	
#content_image3 {top:-18px; right:35px;}
#content_image4 {top:-4px;}
		

#content_wrapper {width:550px; float:right;}
#sidebox_wrapper {width:200px; float:left; position:relative; min-height:100%;}


#sidebox {
	background: url(../images/universal/bg-sidebox.png) no-repeat;
	height:320px;
	max-width:200px;
	text-align:left;
	padding: 5px 16px 0px 16px;
	}

.phimg {margin-right:7px; vertical-align:-7px;}




/* fonts & styles */
		
h1 			{ font-weight:normal;}

.title 		{ color:#fff; font-size:22px; margin-bottom:0px;}
.subtitle, .subtitle2 { width:275px; color:#666; font-size:11px; line-height:15px; text-align:left;}
.subtitle2 	{ width:300px;}

.content_title {font-size:14px; margin-top:0px;}


h2 			{ font-weight:normal; }

h3 			{ color:#000; font-size:14px; margin-bottom:7px;  text-shadow: 0px 1px 1px  #ccc;}

h4 			{ color:#000; font-size:13px;  margin: 0px 0px 3px 0px;  text-shadow: 0px 1px 1px  #ccc; }
h5 			{ color:#000; font-size:11px;  margin: 0px 0px 2px 0px;  text-shadow: 0px 1px 1px  #ccc; }

p  			{color:#555; margin-top:0; font-size:12px; line-height:18px; text-shadow: 0px 1px 1px  #eee; }

.texterms, .texterms2 { font-size:11px; line-height:14px; color:#666; }
.texterms2 	{font-size:10px;}

.productname 	{ font-style:italic; color:#666; text-shadow: 1px 1px 0px  #CCC; font-family:"Times New Roman", Times, serif;}





/* links */
a.normal 		{ color:#555; text-decoration:none;}

a.clear, a.black, a.aqua, a.blue, a.green, a.red, a.pink, a.violet, a.orange, a.yellow, a.brown {text-shadow:none; text-decoration:none;}

.clear, a:hover.normal 	{ color:#333; text-shadow: 1px 1px 2px  #777;}
.black, a:hover.black	{ color:#000; text-shadow: 1px 1px 2px  #999;}
.aqua, a:hover.aqua		{ color:#0099FF; text-shadow: 1px 1px 2px  #00CCFF;}
.blue, a:hover.blue		{ color:#0000CC; text-shadow: 1px 1px 2px  #3333CC;}
.green, a:hover.green	{ color:#009900; text-shadow: 1px 1px 2px  #00CC00;}
.red, a:hover.red		{ color:#CC0000; text-shadow: 1px 1px 2px  #FF0000;}
.pink, a:hover.pink		{ color:#FF00FF; text-shadow: 1px 1px 2px  #FF00FF;}
.violet, a:hover.violet	{ color:#6600CC; text-shadow: 1px 1px 2px  #9900FF;}
.orange, a:hover.orange	{ color:#FF3300; text-shadow: 1px 1px 2px  #FF9900;}
.yellow, a:hover.yellow	{ color:#FFFF00; text-shadow: 1px 1px 2px  #666600;}
.brown, a:hover.brown	{ color:#960; text-shadow: 1px 1px 2px  #C60;}






/* Dividers & Clears */
.sidebox_div 	{ background-color: #CCC; height:1px; border: 0px;}
.topdiv 		{ background-color:#272727; display:block; height:1px; border:none; float:left; margin-bottom:4px;}
.pagediv 		{ background-color: #CCC; height:1px; border: 0px;}
#clear			{ clear:both; }




/* forms */
select, input, textarea { margin-top:4px;}	
fieldset 	{ border:none;}







/* subscribe box and page */

.subscribeheader, .subscribebox, .subsribebottom { width:340px; margin:auto; }

.subscribeheader { background:url(../images/universal/bg-subscribeheader.png) no-repeat; height:34px; font-size:15px; line-height:34px;}

.subscribebox { background:url(../images/universal/bg-subscribe.png) repeat-x; width:298px; border-right: 1px solid #E6E6E6; border-left: 1px solid #E6E6E6; padding: 12px 20px 15px 20px;}

.subsribebottom { background:url(../images/universal/bg-subscribe_btm.png) no-repeat; height:5px;}


.subscribebutton {
    background: url(../images/universal/btn-subscribe.png) no-repeat;
    height: 21px;
    width: 88px;
    border: none;
	margin-left:30px; margin-top:6px;
}

.subscribebutton:hover { background: url(../images/universal/btn-subscribe.png) 0 -21px no-repeat; cursor:pointer;}



.subscribe {
	font-size:10px;
	float:left;
	background-color:#000;
	color:#999;
	text-align:left;
	padding: 8px 10px 8px 10px;
	margin-right:20px;
	}
.title_sub { color:#CCC; margin:0px; margin-bottom:3px; }
	
.input-box {
	color:#CCC;
	background:#000;
	margin-left:0;
	margin-top:8px;
	padding-left:0;
	margin-right:0;
	border: #333 solid 1px;
}




/* 404 Error Page */
#fourofour {
	background: url(../images/support/banner-support.png) no-repeat; 
	padding-top:35px;
	padding-left:50px; 
	height:115px; }
	
#error		{ text-align:center; margin-top:95px;}
.errorimg 	{ float:left; border:none;}
#funfact 	{ width:300px; float:left; margin-left:35px;}
.funfact 	{ padding-top:8px;}











/* footer */
#footer { 
	margin:0; 
	padding: 12px 13px 0px 20px; 
	position:relative; 
	height:22px; 
	color:#444; 
	font-weight:500; 
	background: url(../images/universal/divider.png) no-repeat #D2D2D2;
	
	-webkit-border-radius: 0px 0px 4px 4px;
	-moz-border-radius: 0px 0px 4px 4px;
	border-radius: 0px 0px 4px 4px;  }

.copyright { 
	font-size:10px; 
	text-align:left; 
	float:left; }
	
.footerlinks {
	padding: 0 6px 0 6px; 
	border-right:#777 1px solid;
	float:left; 
	font-size:10px; }

a.footerlinks { 
	color:#444; 
	text-decoration:none; }

a:hover.footerlinks { 
	color:#222; 
	text-shadow:1px 1px 2px #333; }
	

img.slogan 	{ margin-top:25px; margin-right:auto; margin-bottom:15px; margin-left:auto; display:block;}






/* Footer Dark 
#homepagefooter { 
	background: url(../images/universal/divider_home.png) no-repeat #222;
	color:#777; }
	
.footerlinks { 
	border-right:#444 1px solid; }

a.footerlinks { 
	color:#777; 
	text-decoration:none; }
	
a:hover.footerlinks { 
	color:#eee; 
	text-shadow:1px 1px 2px #BBB; }
*/