* { margin: 0; padding: 0; }
p, dl { margin: 1em 0; text-align:justify; }
a img { border: 0; }
.clear { clear: both; height: 20px; }


body {
	margin: 0, 0px;
	/*font: .8em Tahoma, "Lucida Grande", Verdana, Sans-serif;*/
	font-size: .8em;
	font-family: 'Lucida Grande', Geneva, Tahoma, Verdana, Sans-serif; 
	color: #333;
	text-align: center;
	background: #000000;
	width: 100%;
	background-image: url(images/bg_main.gif);
	background-repeat: repeat-x;
	}

table {
	font-size: 1em;
	font-family: 'Lucida Grande', Geneva, Tahoma, Verdana, Sans-serif; 
}

a:link, a:visited { color: #C90000; }/*#C90000 #265E15*/
a:hover, a:active { color: #333; }/*#C90000 #265E15*/

#install_inst.a:hover { color:#FFF; }

#header {
	position:relative;
	width: 100%;
	top: 0; left: 0;
	height: 35px;
	/*border-bottom: 1px solid #C90000;*/
	background: #000000;
	/*background-image: url(images/bg_header_top.gif);*/
}

#header.img {
	align:left;
}

#headernavcontainer {
	position:relative;
	width: 100%;
	height: 37px;
	padding: 0px;
	top: 0px;
	/*border-bottom: 1px solid #C90000;*/
	/*background-image: url(images/bg_header_nav.gif);*/
	/*background-color: #000000;*/
	/*background-image: url(images/nav_bg.gif);
	background-repeat:no-repeat;*/
}

#headernav {
	width: 875px;
	height: 50px;
	margin: 0 auto;
	padding: 0px;
	/*border: 1px solid #C90000;*/
	background-color: #000000;
	/*background-color: transparent;*/
}

td.nav1 {background-color:#000000}
.nav1:hover {
	background-color:#F90000;/*C90000*/
}

#container_bg{
	position: relative;
	width: 875px;
	margin: 0 auto;
	background-image: url(images/bg_content_tile.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

#container {
	position: relative;
	width: 875px;
	margin: 0 auto;
	top: 0;
	text-align: left;
	background-image: url(images/bg_content_top.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

#crumb {
	position: relative;
	width:740px;
	margin: 10px 10px 10px 30px;
}

#navigation {
	position: relative;
	width: 780px;
	/*overflow: hidden;*/
	height:75px;
	margin: 0 auto 0 auto;
	text-align: center;
	background: #000000;
	}
* html #navigation { height: 1%; }
#navigation ul li {
	float: left;
	width: 24%;
	height:75px;
	list-style: none;
	margin: 0 2px 0 0;
	border-bottom: 1px solid #FFF;
	}

#navigation ul li.products {
	border-right: 1px solid #FFF;
	}
#navigation ul li.service {
	border-right: 1px solid #FFF;
	}
#navigation ul li.gallery {
	border-right: 1px solid #FFF;
	}

#navigation ul li a {
	margin-top: 25px;
	display: block;
	/*padding: 0 10px 2px 10px;*/
	text-decoration: none;
	/*background: #E6E6E6;*/
	}
#navigation ul li a:hover, #navigation ul li a:active {
	background: #CCC;
	}
#navigation ul li.current a {
	color: #333;
	background: #FFF;
	}
#navigation ul li.search {
	position: absolute;
	top: 0; right: 0;
	font-size: .9em;
	}
#navigation ul li.search input#q {
	width: 100px;
	font-size: .9em;
	border: 1px solid #BBB;
	}
#navigation ul li.search input#go {
	margin: 0 0 0 2px; padding: 0;
	font-size: .9em;
	color: #265E15;
	border: 0;
	background: #E6E6E6;
	}



#branding {
	clear: both;
	width: 250px;
	margin: 10px;
	float: left;
	}
#branding h1 a {
	display: block;
	text-indent: -9000em;
	overflow: hidden;
	width: 378px; height: 45px;
	background: #FFF url(images/TSF.gif) no-repeat right bottom;
	}
#branding h2 {
	display: none;
	}


#status {
	float: right;
	padding: 15px 20px 0 0;
	text-align: right;
	background: #FFF url(nav-tab-right-current.gif) no-repeat right top;
	}
* html #status { padding-top: 25px; }
#status dl dt, #status dl dd {
	display: inline;
	margin-right: 10px;
	height: 45px;
	}
#status dl dt.updating {
	padding-left: 20px;
	background: url(status-update.gif) no-repeat 0 50%;
	}
#status dl dt.notupdating {
	padding-left: 0;
	background: #FFF;
	}


#landscape {
	clear: both;
	margin: 10px;
	height: 120px;
	color: #FFF;
	/*background: #FFF url(images/landscape-bg.gif) no-repeat 0 0;*/
	}
* html #landscape { margin-top: 0; }
#landscape h2 {
	width: 20px;
	text-indent: -9000em;
	}


#content {
	margin: 10px 30px 10px 30px;
	overflow: auto;
	}
* html #content { height: 1%; }
#content h3 {
	margin: 1em 0 0 0;
	font-size: 1.2em;
	}
#content h3 span {
	font-size: .9em;
	font-weight: normal;
	}
#content h4 {
	margin: 1em 0 1em 0;
	font-size: 1.1em;
	}
#content h5 {
	margin: 1em 0;
	font-size: 1em;
	}

#content-main-store {
	position: relative;
	float: left;
	width: 441px;
	margin-right: 20px;
	}
#content-main-cart {
	position: relative;
	float: left;
	width: 720px;
	margin-right: 20px;
	}

#content-main {
	position: relative;
	float: left;
	width: 745px;
	left: 35px;
	margin-right: 20px;
	/*border: 1px solid #BBB;*/
	}

	
#primarycontent {
	background-image: url(images/bg_whitepage_side.gif);
	background-repeat: repeat-y;
	width: 750px;
	text-align: left;
	margin: 7px 0 0px 2px;
	position: relative;
	}

#primarycontent .content {
	background-image: url(images/bg_whitepage_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding: 0 0 14px 0; 
	position: relative;
	}

#primarycontent-products {
	background-image: url(images/bg_whitepage_side_products.gif);
	background-repeat: repeat-y;
	width: 750px;
	text-align: left;
	margin: 7px 0 0px 2px;
	position: relative;
	}

#primarycontent-products .content {
	background-image: url(images/bg_whitepage_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding: 0 0 14px 0; 
	position: relative;
	}
	
#services {
	padding-left: 50px;
	padding-top: 10px;
	float: left;
	width: 650px;	
	}	
	
#feature {
	/*padding: 15px 40px 20px 20px;*/
	padding-top: 15px;
	background-image: url(images/bg_whitepage_top.gif);
	background-repeat: no-repeat;
	position: relative;
	}

#feature-products {
	/*padding: 15px 40px 20px 20px;*/
	padding-top: 0px;
	background-image: url(images/bg_whitepage_top_products.gif);
	background-repeat: no-repeat;
	position: relative;
	/*height: 600px;*/
	}

#feature-products #cart-checkout{
	padding: 15px 40px 20px 20px;*/
	padding-top: 0px;
	position: relative;
}

#feature-products #feature-title {
}

#feature-products #feature-title strong {
	margin: 15px 0 0 20px; 
	top: 5px;
	height: 20px;
}

#feature-products #feature-title img {
	margin: 10px 0 0 10px; 
	left: 0px;
	vertical-align: top;
	height: 20px;
}

#feature-sub2-productdetail2{
	position:relative;
	top: 5px;
	left: 10px;
	margin: 10px 0 0 0;
	padding-right: 10px;
	float: left;
	/*width: 520px;*/
	}	

#feature-sub2-productdetail2 #details{
	position:relative;
	margin: 10px 0 0 20px;
	padding-right: 0px;
	float: left;
	/*width: 400px;*/
	}	

#feature-sub2-productdetail2 #details p {
	position:relative;
	margin: 10px 0 0 20px;
	padding-right: 0px;
	float: left;
	width: 300px;
	}	
		
#feature-sub2-productdetail2 #contact{
	position:relative;
	margin: 10px 0 0 20px;
	padding-right: 10px;
	float: right;
	width: 180px;
	}	

#feature-sub2-productdetail{
	position:relative;
	top: 0px;
	left: 10px;
	margin: 10px 10px 0 0;
	/*border-bottom: 1px solid #CCCCCC;*/
	padding-right: 10px;
	float: left;
	width: 500px;
	}	

#feature-sub2-productdetail #details{
	position:relative;
	margin: 10px 0 0 10px;
	padding-right: 0px;
	float: left;
	width: 250px;
	}	

#feature-sub2-productdetail #contact{
	position:relative;
	margin: 20px 0 0 0px;
	padding-left: 10px;
	top: 0px;
	float: left;
	width: 160px;
}	

#feature-sub2-productdetail #details #addcart{
	position:relative;
	padding-right: 10px;
	float: left;
	width: 300px;
	}	
	
#feature-sub1-products {
	position: relative;
	float: left;
	top: 0px;
	margin: 0px 0 0 0px;
	width: 220px;
	_height: 1px;
}

#feature-sub1-products #cart {
	top: 0px;
	width: 175px;
	position: relative;
	margin: 5px 0 0 5px;
}

#feature-sub1-products #category {
	top: 10px;
	width: 175px;
	color: #FFF;
	padding: 0 0 0 5px;
	font-weight: bold;
	background-color: #999999;
	position: relative;
}

#feature-sub1-products #subcategory ul.plain {
	padding: 0 0 0 15px;
	line-height: 20px;
}

#feature-sub1-products #subcategory {
	top: 5px;
	width: 220px;
	padding: 0 0 0 0px;
	position: relative;
	margin: 5px 0 0 0;
}

#feature-sub1-products #subcategory a {
	font-size: 11px;
}

#feature-sub1-products #search {
	width: 175px;
	position: relative;
	margin: 5px 0 0 5px;
}

#feature-sub1-products #search input#q {
	width: 145px;
	font-size: .9em;
	border: 1px solid #BBB;
	margin-bottom: 5px;
	height:15px;
	color: #BBB;
	font-family: 'Lucida Grande', Geneva, Tahoma, Verdana, Sans-serif; 
	}
	
#feature-sub1-products #search input#go {
	margin: 0 0 5px 2px; 
	padding: 0;
	font-size: .9em;
	width: 25px;
	color: #c0c0c0;
	border: 1px solid #BBB;
	background: #E6E6E6;
	}
	
#feature.p {
	margin:  0 0 1.5em 0;
	line-height: 1.5em;
	}

#feature h2 {
	font-family: 'Lucida Grande', Geneva, Tahoma, Verdana, Sans-serif; 
	font-size: 18px;
	margin-left: 15px;
	/*border-bottom: 1px dotted #c0c0c0;*/
	width: 713px;
	position: relative;
	color: #FFF;
}

#feature h2 span {
	color: #000;
	display: block;
    position: absolute;
    top: -1px;
    left: -1px;
}

#feature h3 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 15px;
	/*border-bottom: 1px dotted #c0c0c0;*/
	/*width: 713px;*/
	position: relative;
	color: #000;
}

div.clearer {
	clear: both; 
	display: block; 
	margin: 0; 
	padding: 0; 
	height: 0; 
	line-height: 1px; 
	font-size: 1px;
	}

#distributor_map {
	text-align:center;
	width: 100%;
	}

.distributors-font {
	font-size:11px;
}	
	
#distributors-sub13 {
	padding-left: 10px;
	padding-top: 10px;
	float: left;
	width: 238px;	
	}

#distributors-sub23 {
	padding-left: 10px;
	padding-top: 10px;
	float: left;
	width: 238px;	
	}

#distributors-sub33 {
	padding-left: 10px;
	padding-top: 10px;
	float: left;
	width: 238px;	
	}
	
.distributors {
	border: 1px solid #c0c0c0;
	width: 230px;
}	

.name_west {
	background-color: #660000;
	color: #FFF;
	padding-left: 5px;
}

.name_midwest {
	background-color: #999999;
	color: #FFF;
	padding-left: 5px;
}

.name_east {
	background-color: #333333;
	color: #FFF;
	padding-left: 5px;
}
	
#feature .ataglance { 
	width:700px; 
	color:#676870; 
	font-size:10px; 
	padding:10px 5px 8px; 
	margin-bottom:10px; 
	border:1px solid #ddd; 
	border-width:1px 0; 
	overflow:hidden; 
	}
	
#feature-sub1 {
	padding-left: 10px;
	padding-top: 10px;
	float: left;
	width: 350px;	
	}
	
#feature-sub2{
	padding-top: 10px;
	padding-right: 10px;
	float: right;
	width: 350px;
	}	

#feature-sub2 ul {
	margin-left: 20px;
	type: none;
}
	
.featureImageCentered {
	margin-left: 40px;
	float: left;
}

.featureImageLeft {
	margin-left: 0px;
	margin-right: 10px;
	margin-top: 5px;
	float: left;
}

.featureImageRight {
	margin-left: 0px;
	float: right;
}
	
#content-main-sections {
	position: relative;
	float: left;
	width: 745px;
	height: 50px;
	left: 35px;
	margin-right: 20px;
	/*border: 1px solid #BBB;*/
	}

#content-main-aboutlinks {
	position: relative;
	float: left;
	width: 745px;
	height: 150px;
	left: 35px;
	margin-right: 20px;
	/*border: 1px solid #BBB;*/
	}

* html #section-index #content-main { margin-right: 20px; }

#section-cart #content-main, #section-blog #content-main, #section-search #content-main, #section-page #content-main, #section-collection #content-main {
	width: 459px;
	}
#section-product #content-main {
	width: 720px;
	margin-right: 20px;
	}

#section-page .logo {
	float: right;
	margin: 0 0 10px 10px;
	width: 100px; height: 100px;
	}

#content-secondary {
	float: left;
	width: 150px;
	margin-right: 10px;
	margin-left: 10px;
	}

#content-secondary-home {
	position: relative;
	float: left;
	width: 441px;
	margin-right: 20px;
	}

#aboutp3{
	position: relative;
	height: 120px;
	width: 180px;
	background: #FFFFFF url(images/about_p3.gif) no-repeat;
}

#abouttuning{
	height: 120px;
	width: 180px;
	background: #FFFFFF url(images/about_tuning.gif) no-repeat;
	float: left;
}

#aboutp3-hazard{
	position: relative;
	left: 50px;
	top: 1px;
}
	
.content-sidebar {
	float: left;
	width: 240px;
	margin-left: 20px;
	}
.content-sidebar p.related {
	margin-bottom: 2em;
	}
.content-sidebar p.related a {
	text-decoration: none;
	}
.content-sidebar .ssl {
	text-align: center;
	}


dl.subnav {
	overflow: auto;
	padding-bottom: 1em;
	}
* html dl.subnav { height: 1%; }
dl.subnav dt {
	padding-bottom: .8em;
	font-size: 1.2em;
	}
dl.subnav dt a {
	color: #333;
	text-decoration: none;
	}
dl.subnav dd {
	float: left;
	width: 50%;
	line-height: 1.6em;
	}
dl.subnav dd a {
	text-decoration: none;
	}


dl.preview {
	/*float: left;*/
	padding-left: 0px;
	width: 100px; 
	height: 16em;
	text-align:left;
	/*margin-right: 5px;*/
	font-size: .9em;
	line-height: 1.2em;*/
	}
/** html dl.preview { margin-right: 38px; }*/

#section-index dl.preview {
	margin-right: 8px;
	}
dl.preview a {
	text-decoration: none;
	}
dl.preview dt a {
	display: block;
	overflow: hidden;
	width: 100px;
	height: 100px;
	text-align: center;
	border: 1px solid #CCC;
	}
dl.preview dt a:hover { border-color: #265E15; }
dl.preview dt img {
	border: 0;
	}
dl.preview dd a strong { color: #333; font-weight: bold; }

.related { clear: left; padding-top: 1em; }
.related ul { margin: -1em 0 1em 0; }
#section-page .related ul { margin: 0 0 1em 0; }
.related ul li { display: inline; padding-right: .5em; }

.cart {
	font-size: 11px;
	color: #333333;
	line-height: 13px;
}

.footer {
	font-size: 11px;
	color: #FFFFFF;
	line-height: 13px;
}

.footer a{
	color: #999999;
}

.footer a:hover {
	color: #333333;
}


table.cart {
	margin: 1em 0;
	width: 100%;
	font-size: .9em;
	border: 1px solid #CCC;
	border-collapse: collapse;
	}
table.cart thead tr {
	border-bottom: 1px solid #CCC;
	}
table.cart tr {
	padding: 4px 0;
	}
table.cart th {
	padding: 4px;
	text-align: left;
	font-weight: bold;
	background: #E6E6E6;
	}
table.cart td {
	padding: 4px;
	vertical-align: middle;
	border-bottom: 1px solid #CCC;
	}
table.cart th.price, table.cart td.price {
	text-align: right;
	}
table.cart td.qty input {
	width: 2em;
	}
p.checkout {
	margin: 2em 0 1em 0;
	text-align: center;
	}
p.checkout input, p.add input {
	font-size: 1.5em;
	}
p.soldout {
	color: #900;
	font-weight: bold;
	}
	
dl.sidebox {
	padding: 20px; margin-bottom: 0;
	background: #EDEDED url(images/sidebar-bg-top.gif) no-repeat left top;
	}
* html dl.sidebox { padding-bottom: 10px; }
dl.sidebox dt {
	font-size: 1.2em;
	font-weight: bold;
	text-align: left;
	}
dl.sidebox dd img {
	float: right;
	margin: 0 0 5px 5px;
	}
.sidebox-bottom {
	margin: -1px 0 1.5em 0;
	height: 7px;
	background: #EDEDED url(images/sidebar-bg-bottom.gif) no-repeat left bottom;
	}


#section-product .photo {
	float: right;
	width: 242px;
	overflow: hidden;
	text-align: right;
	}
#section-product .photo div { position: relative; }
#section-product .photo div span {
	position: absolute;
	top: 2px; right: 2px;
	width: 12px; height: 12px;
	background: url(icon-zoom.gif) no-repeat;
}
#section-product .photo a {
	text-decoration: none;
	}
#section-product .photo a img {
	border: 1px solid #CCC;
	}
#section-product .photo a:hover img {
	border-color: #265E15;
	}
#section-product .photo .icon {
	float: right;
	margin: 4px 0 6px 6px;
	text-align: right;
	}
* html #section-product .photo .icon {
	margin-top: 4px;
	}


.details {
	float: left;
	width: 440px;
	}
.details .stock {
	font-size: .9em;
	}
.details .variants {
	padding-top: .5em;
}
.details .variants p {
	margin: .5em 0;
	}
.details .variants label.disable {
	color: #666;
	text-decoration: line-through;
	}
.details .add {
	padding-top: 6px;
	}
	
div.desc ul {
	padding: 0 30px 0 10px;
	font-size: .9em;
	list-style-type: disc
	}

div.desc ol {
	padding: 0 30px 0 10px;
	list-style-type: decimal;
	font-size: .9em;
	}
	
div.desc li {
	}
	
#hidelink {
	clear: both;
	padding: 30px 0 0 0;
	}

#section-page table.rates {
	width: 99%;
	border: collapse: collapse;
	border: 1px solid #CCC;
	margin: 0 0 1em 0;
	}
#section-page table.rates th {
	font-weight: bold;
	text-align: left;
	background: #EEE;
	}

#siteinfo {
	clear: both;
	width: 875px;
	/*overflow: auto;*/
	height: 55px;
	margin: 0 auto;
	text-align: left;
	font-size: .9em;
	color: #FFF;
	/*background: #F5F5F5;*/
	background-image: url(images/bg_content_base.jpg);
	background-position:top;
	background-repeat:no-repeat;

	}
* html #siteinfo { height: 1%; }
#siteinfo p {
	float: left;
	left: 50;
	height: 55px;
	width: 750px;
	line-height: 1.2em;
	padding-left: 30px;
	padding-top: 12px;
	}
#siteinfo p img {
	vertical-align: text-bottom;
	}
#siteinfo ul {
	float: right;
	width: 300px;
	margin: 1em 0;
	font-size: 1.1em;
	text-align: right;
	}
#siteinfo ul li {
	display: inline;
	margin-left: 10px;
	list-style: none;
	}

#imagen {
	margin-top: 25px;
	margin-bottom: 10px;
	width: 745px;
	height: 300px;
}

#boton-doc{
	padding-bottom: 10px;
}
	
div.boton {
	background-color: #EDEDED;/*#e7eaed*/
	border: 1px solid #d7dce1;
	font-size: 11px;
	padding: 4px 5px 4px 5px;
	margin-left: 10px;
	margin-right: 10px;
	line-height: 13px;
}

div.boton:hover {
	background-color: #ffb9b9;/*#cbe67b*/
	border: 1px solid #afcd54;
	font-size: 11px;
	margin-left: 10px;
	margin-right: 10px;
	line-height: 13px;
}

div.boton a{
	color:#737373;
	text-decoration: none;
	padding: 5px;
}

div.boton a:hover{
	color:#333;
	background: #ffb9b9;
	text-decoration: none;
}

.div_dotted_v {
	border-left: 1px solid #CCCCCC;
	width: 1px;
	float: left;
	width: 1px;
	height: 220px;
	position: relative;
	top: 24px;
	left: 0px;
}

.divider {position:relative;border-bottom: 1px solid #CCCCCC; padding-top: 10px; margin-bottom: 10px}

.div_dotted_h {
	clear:none;
	background-image: url(images/back_dotted.gif);
	background-repeat:repeat-x;
	height: 25px;
	margin-top: 25px;
}

/******************************************************************
	Styles below are for the Checkout
******************************************************************/

/* table that surrounds the items and other info */
.checkout_table {
	width: 100%;
	border: black solid 1px;
	font: 1em Tahoma, "Lucida Grande", Verdana, Sans-serif;
}

/* address blocks (table) */
.address_block {
	border: black solid 1px;
	height: 75px;
	width: 130px;
}

/* address block TDs */
.address_block td{
	text-align: left;
	white-space: nowrap;
}

/* tracking number DIV inside address block */
.address_block .tracking_number {
	margin-top: 4px;
	text-align: center;
}

/* row that contains the column labels */
.checkout_table .header_row,
.address_block .header_row
 {
	font-weight: bold;
 	height: 22px;
 	background-color: #CCCCCC;
}

.header_row td {
	padding-left: 5px;
}


.stat_table {
	border: black solid 1px;
}
.stat_top_row {
	background-color: #B4B9D2;
	color: black;
	font-weight: bold;
}
.stat_top_td {
	border-bottom: solid black 1px;
}
.stat_td {
	border-bottom: silver solid 1px;
}
.stat_td_alternate {
	border-bottom: silver solid 1px;
	background-color: #F1F3F9;
	padding-left:5px;
}

.stat_td {
	padding-left:5px;
}

/* row that contains an item */
.checkout_table .item_row td {
	vertical-align: top;
}

/* td inside top row */
.checkout_table .header_row td,
.address_block .header_row td
{
 	border-bottom: black solid 1px;
}


/* 1st td in top row - "Description" */
.checkout_table .header_row .td_1{
	text-align: left;
	padding-left: 4px;
}

/* 2nd, 3rd, and 4th td in top row - Options, Unit Price, Total" */
.checkout_table .header_row .td_2,
.checkout_table .header_row .td_3,
.checkout_table .header_row .td_4
{
	text-align: right;
	padding-right: 4px;
}

/* 1st column in table */
.checkout_table .header_row .td_1,
.checkout_table .item_row .td_1 
{
	width: 50%;
}

/* 2nd column in table */
.checkout_table .header_row .td_2,
.checkout_table .item_row .td_2 
{
	width: %30;
	text-align:right;
	line-height: 150%;
}

.checkout_table .item_row .td_2W {
line-height: 175%;	
font-size: 7pt;
}

/* 3rd column in table */
.checkout_table .header_row .td_3,
.checkout_table .item_row .td_3 
{
	width: 12%;
	text-align:right;
	line-height: 150%;
}

/* 4th column in table */
.checkout_table .header_row .td_4,
.checkout_table .item_row .td_4 
{
	width: 8%;
	text-align:right;
}


/* 1st td in item row */
.checkout_table .item_row .td_1 {
	height: 100px;
}

/* vertical border on certain cells */
.checkout_table .item_row .td_1,
.checkout_table .item_row .td_2,
.checkout_table .item_row .td_3,
.checkout_table .qty_row .td_1,
.checkout_table .qty_row .td_2
{
	border-right: silver solid 1px;
}

/* right padding for all td's in rows other than the first one */
.checkout_table .item_row td,
.checkout_table .qty_row td,
.checkout_table .footer_row td
{
	padding-right: 4px;
}

/* td inside qty row */
.checkout_table .qty_row td{
 	border-bottom: silver solid 1px;
 	border-top: silver solid 1px;
 	text-align: right;
	background-color: #EAEAEA;
}

/* payment method TD in footer row */
.checkout_table .footer_row .pay_method {
	vertical-align: bottom;
	padding: 4px;
}

/* quantity field & label */
.qty_row input,
.qty_row span
{
 	vertical-align: middle;
}

/* div containing thumbnail of product */
.checkout_table .product {
	margin: 4px 0px 4px 4px;
	width: 100%;
	font: 1em Tahoma, "Lucida Grande", Verdana, Sans-serif;
}

/* all tds in product table */
.checkout_table td {
	text-align: left;
}

/* td for product name */
.checkout_table .prod_name {
	margin-bottom: 5px;
	padding: 2px;
}

/* div for product image */
.checkout_table .product .prod_img {
	margin: 4px;
	float: left;
}


/* td for product buttons - modify, remove */
.checkout_table .prod_btns {
	padding-top: 4px;
}

/* div for savings info for item */
.checkout_table .savings_info {
	margin-top: 4px;
	margin-bottom: 4px;
	font-style: italic;
	clear: left;
}

/* div for option detail */
.checkout_table .order_option_detail {
	padding: 3px;
	margin-top: 5px;
}

/* div for each option line */
.checkout_table .order_option_detail_line,
.checkout_table .order_option_detail_line_alt {
	padding: 2px 2px 4px 2px;
	border-bottom: silver solid 1px;
}

/* div for alternating option lines */
.checkout_table .order_option_detail_line_alt {
	background-color: #f7f7f7;	
}

/* label for option name */
.checkout_table .order_option_detail_line .label,
.checkout_table .order_option_detail_line_alt .label {
	font-weight: bold;
	margin-right: 4px;
	color: #515151;
}

/* alternating color for label of option name */
.checkout_table .order_option_detail_line_alt .label {
	color: green;
}

.checkout_table .opt_detail_btn {
	border: 0px;
	cursor: pointer;
}

/***************************************************************
	Styles below are for the checkout progress indicator
	above checkout form..."Step 1, Step 2, etc..."
***************************************************************/
/* table that contains the progress links */
.checkout_progress {
}

/* checkout progress links */
.checkout_progress a,
.checkout_progress a:visited {
	color: green;
	text-decoration: none;
	vertical-align: middle;
}
.checkout_progress a:hover {
	color: green;	
	text-decoration: underline;
}

.checkout_step_pending {
	color: silver;
	font-size: 10pt;
}
.checkout_step_active {
	font-size: 10pt;	
	color:#66000;
	font-weight: bold;
}
.checkout_step_done {
	color: green;
	font-size: 10pt;
}
.checkout_step_pending,
.checkout_step_active,
.checkout_step_done {
	width: 20%;
	text-align: left;
	font-family: "Trebuchet MS", Verdana, Arial;
}
.checkout_step_active .checkout_step_num {
	/*font-style: italic;*/
}
.checkout_buttons_row1,
.checkout_buttons_row2 {
	text-align: center;
}
.checkout_buttons_row2 {
	margin-top: 15px;
}
.checkout_buttons_row1 img,
.checkout_buttons_row2 img {
	border: 0px;
}
#checkout_button_w_gc {
	margin-bottom: 17px;
	border: 0px;
}
#checkout_or {
	margin: 0px 4px 17px 6px;
}




/************************************************************************************
	Form field styles
************************************************************************************/
/* for incomplete fields */
.error_field,
.error_field_radios {
	background-color: #ff6767;
}
/* border around incomplete radio button fields */
.error_field_radios {
	border: gray solid 1px;
	padding-left: 2px;
}

/* readonly text input fields */
.readonly {
	background-color: silver;
}

input, select {
	font-size: 11px;
}


/************************************************************************************
	Subcategory div styles
************************************************************************************/
div.subcategory {
	font-size:12px;
	float: left;
	margin: 5px 5px 5px 5px;

}

/**********************************************************************************
	Category links in the "Product Catalog" nav block
**********************************************************************************/
.nav_block {

	/*

		Width was moved from here to the nav_block_content div because it wouldn't allow the 

		box to become wider if the content required it

		width: 155px;

	*/
	border: #CCCCCC solid 1px;
	background-color: #ffffff;
	margin-bottom: 0px;
}

.nav_block div.nav_block_title {
	font-weight: bold;
	border-bottom: #CCCCCC solid 1px;
	padding: 3px;
	margin-bottom: 2px;
	color: #525252;
	background-color: #dfdfdf;

}

.nav_block div.nav_block_content {
	/*border-bottom: silver solid 1px;*/

	padding-left: 5px;

	padding-right: 0px;

	padding-bottom: 0px;

	width: 188px;

}



/* This is the width for IE only, due to its box model problem */

*html .nav_block div.nav_block_content {

	width: 188px;

}









.nav_link_container {

}



.nav_link_container ul {

	list-style-type: none;

	margin: 0px;

	padding-left: 0px;

}



.nav_link_container a {

	display: block;
	font-size: 11px;
	padding: 2px;

}



/* width here is only for IE's benefit :( */

* html .nav_link_container a {

	width: 100%;

}



.nav_link_container a:link,

.nav_link_container a:visited {

	color:#868686;
	text-decoration: none;

}



.nav_link_container a:hover {
	color:#C90000;
	background-color: #dfdfdf;

}

.nav_link_container #inst a:hover {

}


.nav_link_container a.selected {
	font-weight: bold;
	text-decoration: underline;
	color:#C90000;
}


/**********************************************************************************

	Category links in the "Product Catalog" nav block

**********************************************************************************/

/* this is for text inside the anchor for selected categories, and for parents that are expanded */

.cat_links .expanded .parent a

{

	font-weight: bold;
	color:#C90000;
	/*
	color: #525252;
	background-color: #dfdfdf;*/
	text-decoration: underline;

	/*width: 100%;*/

}



/* this is the div surrounding an expanded parent and its children */

.cat_links .expanded

{

	/*border: silver solid 1px;*/

	margin-top: 4px;

	margin-bottom: 4px;

	width: 100%;

}



/* this is the div surrounding the expanded parent only */

.cat_links .expanded .parent {

	/*border-bottom: silver solid 1px;*/

	padding: 0px;

}



/* this is the div inside a parent category that contains the sub cats */

.cat_links .expanded .children {

	padding-left: 4px;

}






.install .parent
{
	font-weight: bold;
	color: #525252;
	background-color: #dfdfdf;

}

.install
{
	border: silver solid 1px;
	margin-top: 4px;
	margin-bottom: 4px;
	width: 97%;
}

/* this is the div surrounding the expanded parent only */
.install .parent {
	border-bottom: silver solid 1px;
	padding: 0 0 0 10px;
}

tbody tr td ul {
	margin-left:15px;

}

.login {
	width:80px;

}

/**********************************************************************************
	Messages to customer
**********************************************************************************/
/* this is usually used for error messages */
.action_msg {
	color: #F90000;
	font-weight: bold;
	padding-left:15px;
}

/* instruction message to customer */
.cart_instruction { 
	font-size: 10pt; 
	margin-bottom: 10px;
	padding-left:15px;
}

/* this is for the image of either a hand OR a balloon, and aligns it vertically with the msg text */
.cart_instruction img {
	vertical-align: middle;
}

/* add to cart error messages (div) */
.add_cart_errors {
	margin-top: 10px;
	color: #F90000;
	text-align: center;
}

/* for messages that are informational (with Balloon image to left of text) */
.cart_info_msg {
	margin-top: 5px;
	color: #5A85CA;
	font-weight: bold;
}

/******************************************************************
	Styles below are for the Address Form
******************************************************************/
/* Div surrounding form */
.address_form {
	padding-left:15px;
}