﻿/* ---------------------------------------------
Screen Stylesheet for http://www.DomainName.com
Updated: 03/14/09 - Eddie Kasper
Version: 3.50
-------------------------------------------------
::COLORS::
	Black: #333 --example usage--

::TOC::
	Resets
	Defaults
	Typography
	Template 
	Links
	Navigation
	Forms
	Global Classes
	Pages

::Opacity/Transparency CSS

.opaque1 {	// for all other browsers
	opacity: .5;
}

.opaque2 {	// for IE8
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.opaque3 {	// for IE5-7
	filter: alpha(opacity=50);
}


	

--------------- ::Resets:: --------------------- */
body, address, blockquote, dl, ol, ul, li, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre {
margin:0;
padding:0;
}
fieldset, table {
border:none;
}
table {
border-collapse:collapse;
border-spacing:0;
overflow:hidden;
word-wrap:break-word; /* will not validate IE only */
}
/*
caption, th, td {
text-align: left;
}*/
*/
/*********** ---------- ::Defaults:: --------------------- ***********/
html { 
font-size:100.01%; 
height:100.1%; 
overflow-y:scroll; 
overflow: -moz-scrollbars-vertical; 
}  
 

body { 
height:100%;
font:13px/16px Helvetica,"Trebuchet MS",sans-serif;
background:#ffffff;
color:#333;
}

/*********** ---------- ::Typography:: ------------------- ***********/
address, h1, h2, h3, h4, h5, h6, li, p, pre {padding: 5px 10px;}
h1 {font-size:20px;}
h2 {font-size:16px;}
h3 {font-size:14px;}
h4, h5 {font-size:12px;}
address, li, p {font-size:12px;}
pre {font-size: 12px;}
ul {margin-left: 25px;}

/*********** ---------- ::Template:: --------------------- ***********/
#wrap {
width:930px;
margin:0 auto;

}
#masthead {
height: 110px;
background: transparent url('../images/site-graphics/header-bg.jpg') repeat-x;
}
#logoblock { 
width: 256px;
height: 74px;
float:left;
margin: 0px 0 20px 110px;
}
#right-header { display: none;
	width: 700px;
	height: 110px;
	float: right;
}
#phone-search {
	width: 380px;
	height: 60px;	
	margin-top: 20px;
	float: right;

}
#phone-search img {
	float: left;
}
#phone-search div input {
	float: left;
	padding: 2px;
	margin: 0 0 0 10px;
	border: 1px solid #ccc;
	background: #f9f9f9;
	width: 170px;	
}
#phone-search div input.search-submit {
	background: transparent url('../images/site-graphics/icon-search.png') no-repeat;
	width: 30px;
	border: 2px;
	margin: 0px 0 0 10px;
	cursor:pointer;
	height: 30px;
}
#phone-search #modal_small_search {
	display: none;
}
#shopping-cart {
	float: right;
	margin-top: 5px;
	width: 405px;
}
#shopping-cart ul {
}
#shopping-cart ul li.checkout img {
	vertical-align: middle;	
}
#accountbox {
	width: 295px;
	float: right;
	text-align: right;
	color: #666;
	margin: 5px 0 0px 0;
}

#top-menu { display: none;
	height: 30px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#left-col { display: none;
	width: 175px;
	float: left;
	padding: 5px 0 10px 0;
}
#left-col h3 {
	color: #ccc;
	font-size: 16px;
	padding: 3px 0;
	margin: 0px;
}
#contents {
width: 820px;
float: right;
margin: 0;
}
#intro-left { display: none;
	width:398px;
	height:460px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 0px solid #ccc;
	float: left;
	position: relative;
}
#intro-right { display: none;
	width:420px;
	height:460px;
	border-right: 0px solid #ccc;
	border-bottom: 0px solid #ccc;
	position: static;
	float: left;
}

#intro-left h3 {
	width:398px;
	padding: 0;
	background: #f2f5dd;
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
}
#intro-right h3 {
	width:420px;
	padding: 0;
	background: #f2f5dd;
	text-align: center;

}
#intro-right .ir-top {
	clear: both;
	position: relative;
	height:230px;
	width: 418px;
}
#intro-right .ir-bottom {
	clear: both;
	position: relative;
	height: 229px;
	width: 418px;
}

#intro-right .ir-top h3 {
	position: absolute;
	bottom: 0px;
	left: 0;
	display: block;
	width:418px;
}
#intro-right .ir-bottom h3 {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width:418px;
}

#intro-left h3 a, #intro-left h3 a:link, #intro-left h3 a:visited,
#intro-right h3 a, #intro-right h3 a:link, #intro-right h3 a:visited {
	text-align: center;
	font-size: 12px;
	color: #666;
	padding: 0;
	line-height: 22px;
	text-decoration:none;
}
#intro-left h3 a span, #intro-left h3 a:link span, #intro-left h3 a:visited span,
#intro-right h3 a span, #intro-right h3 a:link span, #intro-right h3 a:visited span {
	text-decoration:underline;
}
#intro-left h3 a:hover span, 
#intro-right h3 a:hover span{
	text-decoration:none;
}

#intro-left h3 img,
#intro-right h3 img {
	vertical-align: middle;
	padding-left: 10px;
}
#intro-right .ir-top {
	border-bottom: 1px solid #ccc;
}
#intro-right h3 a.lessone {
	line-height: 21px;
}
#banner-wrap { display: none;
	width: 1000px;
	height: 110px;
	border-top: 1px solid #ccc;
}
#banner-left {
	width: 690px;
	height: 110px;
	float: left;
	background: transparent url('../images/site-graphics/banner-bottom-left.jpg') no-repeat;
}
#banner-right {
	width: 300px;
	height: 110px;
	float: right;
	background: transparent url('../images/site-graphics/banner-bottom-right.jpg') no-repeat;
}
#banner-left ul {
	list-style: disc;
	margin: 0 0 0 25px;
	padding: 15px 0 0 210px;
	width: 330px;
	float:left;
}
#banner-left ul li {
	margin: 0;
	padding: 0;
}
#banner-left .guarantee-icon {
	float: right;
	width: 100px;
	height: 100px;
	margin-right: 15px;
}
#banner-right p {
	font-size: 11px;
	padding: 1px 10px;
	width: 155px;
	margin: 35px 0 0 13px;
}
#newsletter { display: none;
	height: 32px;
	padding-left: 115px;
	margin: 5px 0;
	background: #eff0d9 url('../images/site-graphics/logo-small.png')  15px 0 no-repeat;
}
#newsletter p {
	font-size: 12px;
	font-weight: bold;
	line-height: 32px;
	padding: 0;
	float: left;
	word-spacing:2px;
	
}
#newsletter div {
	width: 295px;
	margin-top: 5px;
	float: right;
}
#newsletter div input {
	float: left;
	padding: 2px;
	margin: 0;
	border: 1px solid #ccc;
	background: #f9f9f9;
	width: 245px;	
}
#newsletter div input.nl-submit {
	background: transparent url('../images/site-graphics/icon-arrow-right-2.png') no-repeat;
	width: 30px;
	height: 30px;
	border: 0px;
	margin: 5px 0 0 10px;
	cursor:pointer;
}
#footers { display: none;
clear:both;
width: 1000px;
height: 220px;
padding: 20px 0 0 0;
margin-top: 10px;
border-top: 1px solid #ccc;
}
#footers h3 {
	font-size: 14px;
	color: #c0cb56;
	padding: 0 20px;
	line-height: 14px;
}
#footers p {
	padding: 5px 20px 2px;
}
#footers p.copyright {
	text-align: center;
	font-size: 11px;
	color: #999;
}
#footers a.read-more {
	float:right;
	margin-right: 30px;
	color: #c0cb56;
	font-size: 11px;
}

.footers-left {
	width: 350px;
	height: 180px;
	float: left;
	border-right: 1px solid #ccc;
}
.footers-center1 {
	width: 250px;
	height: 180px;
	float: left;
	border-right: 1px solid #ccc;
}
.footers-center2 {
	width: 120px;
	height: 180px;
	float: left;
	border-right: 1px solid #ccc;
}
.footers-center2 img {
	margin: 5px 0 0 35px;
}
.footers-right {
	width: 220px;
	float: left;
}
.footers-right img {
	margin: 5px 0 0 20px;
	float: left;
}
#footers .footers-right ul li a:link {
	margin: 0px 0 0px 0;
	display: block;
}
#footers .footers-right ul li {
	padding: 3px 0 3px 30px;
	float: left;
}
#footers .footers-right ul li.twitter {
	background: transparent url('../images/site-graphics/icon-social.jpg') 0 0 no-repeat;
}
#footers .footers-right ul li.facebook {
	background: transparent url('../images/site-graphics/icon-social.jpg') 0 -45px no-repeat;
}
#footers .footers-right ul li.flickr {
	background: transparent url('../images/site-graphics/icon-social.jpg') 0 -88px no-repeat;
}
#footers .footers-right ul li.subscribe {
	background: transparent url('../images/site-graphics/icon-social.jpg') 0 -126px no-repeat;
}
#footers .footers-right ul li.bookmark {
	background: transparent url('../images/site-graphics/icon-social.jpg') 0 -175px no-repeat;
}
#footers .footers-right ul li a:link {
	background: transparent;
	display: inline;
}
/*********** ---------- ::Links:: ------------------------ ***********/
a {text-decoration:underline; color: #333;}
a:visited {text-decoration:underline;color: #333;}
a:active, a:focus, a:hover {
text-decoration:none;
outline:none;
color: #333;
}
a img {border:none;}

/*********** ----------  ::Navigation:: ------------------ ***********/

#shopping-cart ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
}
#shopping-cart ul li {
	margin: 0;
	padding: 0 0 0px 0;
	display: inline;
	height: 30px;
	font: normal 11px/18px Helvetica,"Trebuchet MS",sans-serif;
	color: #666;
	border-right: 1px solid #e5e5e5;
}
#shopping-cart ul li a, #shopping-cart ul li a:link, #shopping-cart ul li a:active, #shopping-cart ul li a:visited {
	font: normal 11px/18px Helvetica,"Trebuchet MS",sans-serif;
	background: transparent;
	color: #666;
	padding: 0 10px;
	margin: 0;
	text-decoration: none;
	
}
#shopping-cart ul li a:hover {
	text-decoration: underline;
	color: #666;
}
#shopping-cart ul li.viewcart {
	border: 0;
	padding: 0 0 5px 15px;
	margin-left: 5px;
	background: transparent url('../images/site-graphics/icon-cart.png') no-repeat;
}
#shopping-cart ul li.checkout{
	border: 0;
	padding: 0;
}
#shopping-cart ul li.checkout a{
	padding: 0 0px 0 0;
}



#accountbox ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
}
#accountbox ul li {
	margin: 0;
	padding: 0 0 0px 0;
	display: inline;
	height: 30px;
	font: normal 11px/18px Helvetica,"Trebuchet MS",sans-serif;
	color: #666;
	border-right: 1px solid #e5e5e5;
}
#accountbox ul li a, #accountbox ul li a:link, #accountbox ul li a:active, #accountbox ul li a:visited {
	font: normal 11px/18px Helvetica,"Trebuchet MS",sans-serif;
	background: transparent;
	color: #666;
	padding: 0 10px;
	margin: 0;
	text-decoration: none;
}
#accountbox ul li a:hover {
	text-decoration:underline;
}
#accountbox li.noborder {
	border: 0;
}


/*********** Top Menu Navigation ***********/
#top-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
}
#top-menu ul li {
	margin: 0;
	padding: 0;
	display: inline;
	font: bold 13px/30px Helvetica,"Trebuchet MS",sans-serif;
	color: #666;
	border-right: 1px solid #e5e5e5;
}
#top-menu ul li a, #top-menu ul li a:link, #top-menu ul li a:active, #top-menu ul li a:visited {
	font: bold 13px/30px Helvetica,"Trebuchet MS",sans-serif;
	background: transparent;
	color: #666;
	padding: 0 34px;
	margin: 0;
	text-decoration: none;
	
}
#top-menu ul li a:hover {
	text-decoration: underline;
	color: #666;
}
#top-menu ul li.blog {
	border: 0;
}
#top-menu ul li.blog a {
	color: #c0cb57;
}


/*********** Left Navigation ***********/

#left-col ul {
	list-style: none;
	margin: 0;
	padding: 0px 0;
	text-align: left;
}
#left-col ul li {
	margin: 2px 0 2px 0;
	padding: 0 0 0px 0;
    float: left;
    display: block;
    width: 175px;	
}
#left-col ul li a, #left-col ul li a:link, #left-col ul li a:active, #left-col ul li a:visited {
	font: bold 12px/15px Helvetica,"Trebuchet MS",sans-serif;
	color: #666;
	padding: 0px 0 0px 0px;
	margin: 0 0 0 0px;
	text-decoration: none;
}

#left-col ul li a:hover {
	text-decoration:underline;
}

/*level two*/
#left-col ul ul {
	margin: 2px 0 2px 0;
	float: left;
}

#left-col ul ul li {
	margin: 0;
	padding: 0px 0 0px 0px;
    float: left;
    display: block;
}
#left-col ul ul li a, #left-col ul ul li a:link, #left-col ul ul li a:active, #left-col ul ul li a:visited {
	font: normal 12px/15px Helvetica,"Trebuchet MS",sans-serif;
	color: #666;
	padding: 0px 0 0px 0px;
	margin: 0 0 0 10px;
	text-decoration: none;
}

#left-col ul ul li a:hover {
	text-decoration:underline;
}
/*level 3*/
#left-col ul ul ul.level-3{
	margin: 2px 0 2px 0;
	float: left;
}
#left-col ul ul a.bold:link, #left-col ul ul a.bold:visited {
	font-weight:bold;
	color: #666;
}

/*********** Footer Navigation ***********/
#footers ul {
	list-style: none;
	margin: 0;
	padding: 5px 0 0 22px;
}
#footers ul li {
	margin: 0;
	padding: 0;
	font: normal 12px/12px Helvetica,"Trebuchet MS",sans-serif;
	color: #333;
}
#footers ul li a, #footers ul li a:link, #footers ul li a:active, #footers ul li a:visited {
	font: normal 12px/18px Helvetica,"Trebuchet MS",sans-serif;
	background: transparent;
	color: #333;
	padding: 0 0px;
	margin: 0;
	text-decoration: underline;
	
}
#footers ul li a:hover {
	text-decoration: none;
	color: #333;
}
	
/* ---------- ::Forms:: ------------------------ */
label {cursor:pointer;}
input,label,select,textarea {
font-size:inherit;
font-family:inherit;
}
input, textarea {padding:2px;}
textarea {overflow:auto;}

/*********** ---------- ::Global Classes:: --------------- ***********/
.center {text-align:center;}
.clear {
clear:both;
padding:0;
margin:0;
line-height:normal;
}
.floatleft {float:left;}
.floatright {float:right;}
.hidden {display:none;}
.inline {display:inline;}
.large {
font-size:18px;
font-weight:100;
}
.light {color:#999;}
.small {
font-size:10px;
font-weight:normal;
}
.bold {
	font-weight: bold;
}
/*********** ---------- ::Pages:: ------------------------ ***********/

/*********** /// place specific page rules here if needed /// ***********/

#logolink {
	margin: 10px 0 0 0;
	padding: 0;
	width: 240px;
	height: 75px;
	display: block;
}

.divider {
	width: 740px;
	height: 10px;
	margin: 0 13px 0 8px;
	border-top: 1px solid #bbdabb;
}
.answers {
	padding-left: 30px;
	text-indent: -20px;
	padding-bottom: 20px;
}
#moretolove {
		display: none;
}
.viewprdright {
	float: left;
	padding-left: 20px;
	width: 350px;
}
.availability {
	display: none;
}
.viewprdright div, .viewprdright input, .viewprdright select, .viewprdright a  {
	display: none;
}
.viewprdright div.pcShowProductSDesc, .viewprdright div.pcShowProductSku, .viewprdright div.pcShowPrices {
	display: block;
	font-size: 14px;
	line-height: 150%;
}
#tcontent1 div {
	margin: 20px 0 0 5px;
	
}
.pcMainTable #ddrivetabs, #tcontent2 div, #tcontent3 div, #tcontent4 div{
	display: none;
}