/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: Arial,sans-serif;
	color: #333333;
	line-height: 1.166;	
	margin: 0;
	padding: 0;
}

body, html {
	width: 100%;
	height: 100%;
}

a {	display: inline; color: #006699; text-decoration: none; }
a:link { color: #006699; text-decoration: none; }
a:visited {	color: #006699;	text-decoration: none;}
a:hover { color: #ff0000; text-decoration: underline; background-color: #fff; }

h1 {
 font-family: Verdana,Arial,sans-serif;
 color: #334d55;
 margin: 0;
 padding: 0;
}

h2 {
 font-family: Arial,sans-serif;
 color: #006699;
 margin: 0 0 15px 10px;
 padding: 0;
 clear: both;
}

h3 {
 font-family: Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 10px;
 padding: 0;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#masthead {
	position: relative;
	float: left;
	width: 100%;
}

#line {
	position: relative;
	float: left;
	width: 100%;
	border-top: 1px solid #333;
	background-color: #c00;
	height: 3px;
}

#navBar{
	position: relative;
	float: left;
	width: 18%;
	margin-left: 4px;
	padding: 0;
	background-color: #eee;
	border-right: 1px solid #333;
	border-left: 1px solid #333;
	border-bottom: 1px solid #333;
}

#content{ float: left; width: 55%;}

#content div.breadcrumbs { position: relative; float: left; margin: 10px; border-bottom: 1px dashed #999;}
#content div.breadcrumbs ul { margin: 0; padding: 0; list-style-type: none;}

#content div.breadcrumbs li {
	font-size: 11px;
	float: left;
	font-weight: bold;
	color: #333;
	margin: 0;
	padding: 5px 2px;}
#content div.breadcrumbs li a {
	color: #cc3300;
	text-decoration: none;
	border: 1px solid #fff;
	}
#content div.breadcrumbs li a:hover { color: #333; border: 1px solid #333;}
#content div.breadcrumbs ul li:before {content: "\0020 \0020 \0020 \00BB \0020";}
#content div.breadcrumbs ul li.first:before {content: "";}

#content div.subcategory { font-size: 12px; position: relative; float: left; clear: both; margin: 10px; width: 98%;}

#content div.subcategory h2 { font-size: 16px; color: #c00; border-bottom: 2px solid #333;}
#content div.subcategory h2 a {font-size: 16px; color: #ccc; display: inline; text-decoration: none; font-variant: small-caps;}
#content div.subcategory h2 a:visited { color: #ccc; display: inline;}
#content div.subcategory h2 a:hover { color: #333; display: inline;}

#content div.subcategory p.clear { clear: both; margin-top: 10px;}
#content div.subcategory li {margin: 0 0 10px 5px; list-style-type: square;}
#content div.subcategory li a {font-size: 12px; color: #c00; display: inline;}
#content div.subcategory li a:visited { color: #900; display: inline;}
#content div.subcategory li a:hover { background-color: #fff; color: #333; display: inline;}
#content div.subcategory img {float: left; margin: 2px 10px 2px 0}
/***********************************************/
/* Components                                  */
/***********************************************/

#masthead div#logo { margin: 0 0 0 10px; padding: 0;}

#logo div {
	position: relative;
	float: left;
	padding: 0;
	color: #fff;
	background-color: #fff;
	font-size: 55px;
}
#logo img {float: left; border: none; margin: 3px;}
#logo .tr 		{color: #c00;}
#logo .trailer	{color: #333; font-variant: small-caps;}
#logo .com		{color: #c00; font-variant: small-caps;}

#masthead div.cart {
	position: relative;
	float: right;
	width: 35%;
	color: #666;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	background-color: #006699;
}
div.cart div {float: left;}
div.cart div ul, div.cart div li {list-style: none; margin: 0; padding: 0;} 
div.cart div li {float:left;}
div.cart div li.img {background-color: #ccc; padding: 4px 2px 0 2px;}
div.cart div li a { display: block; font-size: 12px; color: #fff; padding: 5px 2px 5px 5px; text-decoration: underline }
div.cart div li a:visited { color: #fff; text-decoration: underline;}
div.cart div li a:hover { text-decoration: none; background-color:#006699; color: #fff;}
div.cart div.left {width: 60%;}
div.cart div.left a {padding: 5px 10px;}

/************* #globalNav styles **************/

#globalNav {
	position: relative;
	float: left;
	width: 100%;
	background-color: #333;
    font-size: 12px;
    line-height: normal;
}

#globalNav ul {	list-style: none; margin: 0; padding: 0;} 
#globalNav li {float:left; margin: 0; padding: 0;}
#globalNav ul li.start{
	background-color: #c00;
	color: #fff;
	font-weight: bold;
	border-right: 1px solid #333;
	padding: 5px 10px;
	}

#globalNav ul li.here { background-color: #eee;	padding: 5px 10px; font-weight: bold; }
#globalNav li a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 5px 10px;
	font-weight: bold;
	}
#globalNav li a:hover {	background-color: #c00;	border-bottom: 3px solid #333; padding: 5px 10px 2px;}

/************* #breadCrumb styles *************/

#breadCrumb{
	position: relative;
	width: 100%;
	float: left;
	font-size: 10px;
	color: #fff;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #333;
	background-color: #eee;
	padding: 0;
}

#breadCrumb ul {list-style: none; margin: 0; padding: 0;} 
#breadCrumb li { float:left; margin:0; padding:0;}

#breadCrumb ul li.here { background-color: #eee; padding: 3px 2px;}
#breadCrumb ul li.start { background-color: #333; padding: 3px 2px; }
#breadCrumb li a {
	display: block;
	color: #333;
	text-decoration: none;
	padding: 3px 2px;
	}
#breadCrumb li a:hover { color: #fff; background-color: #333;}

/************** .feature styles ***************/

div.feature	{
	clear: both;
	margin: 10px;
	padding: 0 0 10px 0;
	font-size: 80%;
	min-height: 150px;
	background-color: #eee;
	border-style: outset;
	border-color: #cc6600;
	border-width: 1px;
	}

div.feature h3	{ padding: 30px 0 5px 0;}
div.feature h2.free_shipping {padding: 30px 5px 10px; float: left}
div.feature img {padding: 10px; border: 1px solid #000;}
div.feature img.free_shipping {padding: 10px; border: none; float: left;}

div.feature div.promo {width: 98%; border: 1px groove #006633; margin: 10px auto; background-color: #fff; clear: both;}
div.feature div.promo img {padding: 0; margin: 5px; border: none; float: left; width: 75px; height: 50px;}
div.feature div.promo h3 {padding: 5px;}
div.feature div.promo p {padding: 2px; margin: 2px;}

div.feature a			{display: inline; color: #006699; text-decoration: none;}
div.feature a:link		{display: inline; color: #006699; text-decoration: none;}
div.feature a:visited	{display: inline; color: #006699; text-decoration: none;}
div.feature a:hover		{display: inline; color: #ff0000; text-decoration: underline; background-color: #fff;}

/************** .story styles *****************/

div.story{
	position: relative;
	margin: 10px;
	clear: both;
	padding: 10px;
	font-size: 12px;
	border-top: 1px dotted #000;
}
div.story img {
	position: relative;
	float: left;
	border: 1px dotted #ccc;
	margin: 2px 10px 10px 0;
}

div.story img.nofloat {
	float: none;
	position: relative;
	border: 1px dotted #ccc;
	margin: 20px;
}

div.story div.ssl-seal {float: left; margin: 0 10px 5px 0;}

div.story p{ margin: 0 0 10px 0; font-weight: normal;}

div.story p.fs { color: #009966; font-weight: bold;} /* free shipping */

div.story a			{display: inline; color: #006699; text-decoration: none;}
div.story a:link	{display: inline; color: #006699; text-decoration: none;}
div.story a:visited	{display: inline; color: #006699; text-decoration: none;}
div.story a:hover	{display: inline; color: #ff0000; text-decoration: underline; background-color: #fff;}

.story .newsheader {
	position: relative;
	width: 100%;
	color: #fff;
	padding: 2px 5px;
	background-color: #333333;
	font-size: 12px;
	font-weight: 500;
	margin: 0 0 10px;
}
div.story div.newsheader a {display: block; color: #fff; }
div.story div.newsheader a:visited {color: #fff;}
div.story div.newsheader a:hover {color: #fff; background-color: #c00; text-decoration: none;}

.story .promoHeader {
	width: 100%;
	color: #fff;
	padding: 2px 5px;
	background-color: #006600;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 10px;
}
div.story div.promoHeader a {display: block; color: #ccc; }
div.story div.promoHeader a:visited {color: #fff;}
div.story div.promoHeader a:hover {color: #fff; background-color: #009900; text-decoration: none;}

div.story a.button {
	float: right;
	display: block;
	color: #fff;
	background-image: url('/media/layout/gradient_brown.gif');
	text-decoration: none;
	font-variant: small-caps;
	padding: 5px;
	font-size: 12px;
	border: 1px solid #c90;
	margin: 5px;
	}
div.story a.button:visited { color: #fff; text-decoration: none; }
div.story a.button:active { color: #fff; text-decoration: none; }
div.story a.button:hover { color: #fff; text-decoration: none; border: 1px solid #000;}

div.story table {
	position: relative;
	clear: both;
	border: 1px solid #000;
	width: 100%;
	font-size: 12px;
	margin: 10px 0;
}

div.story table th { border-bottom: 1px dotted #ccc; background-color: #333; color: #fff;} 
div.story table tr.white { background-color: #fff; }
div.story table tr.grey { background-color: #eee; }
div.story table td { padding: 2px 3px; text-align: right;}
div.story table td + td { text-align: left; }
div.story table td + td + td { text-align: right;}
div.story table td + td + td + td { text-align: left; }

div.story li {list-style-type: square; margin: 0 0 5px 8px;}

div.story span.new {color: #f00; font-size: 14px; font-weight: bold; font-variant: small-caps;}
div.story span.canceled {color: #f00;}

div.story div.trailer-listing {clear: both; border: 1px solid #999999; padding: 5px; margin: 5px 0 10px;}
div.story div.trailer-listing:hover {background-color: #eee;}
div.story div.trailer-listing p.clear{clear: both; margin: 0; padding: 0;}
div.story div.trailer-listing img {border: 1px solid #000;}

div#listing-header {clear: both; margin: 5px 0 5px 10px;}
div#listing-header img {border: 1px solid #000; float: left; margin-right: 20px;}
div#listing-header h2 {clear: none;}
div#listing-header p {clear: both; margin: 0; padding: 0}

/*********************************************************************/
/********************* div#info and children *************************/
div#info {margin: 10px}

/* These div styles are merely for javascript events */
div#info div.header {background-color: #dbeadd; color: #333333; margin: 25px 0 10px 0; clear: both; width: 100%; font-weight: bold; padding: 3px 2px;}

div#info div.info-left {float: left; margin: 0; border-right: 1px dashed #333333; padding: 0 8px 0 0; width: 50%}
div#info div.info-left div.header {background-color: #fff; margin: 10px 0; border-bottom: 1px dotted #666666; font-weight: bold}
div#info div.info-left div.row {margin: 0 0 7px 0; clear: both;}
div#info div.info-left div.left {float: left; width: 140px; text-align: right; font-weight: bold; padding-right: 7px; color: #666;}
div#info div.info-left div.right {text-align: left; font-weight: normal; overflow: auto;}

div#info div.info-left p{margin: 8px 0;}

div#info div.info-right {margin: 0; width: 46%; float: right; padding: 0 0 0 8px;}
div#info div.info-right div.header {background-color: #fff; margin: 10px 0; border-bottom: 1px dotted #666666; font-weight: bold}
div#info div.info-right div.row {margin: 0 0 7px 0; clear: both;}
div#info div.info-right div.left {float: left; width: 170px; text-align: right; padding-right: 7px; color:#666;}

div#info div.info-right div.right {text-align: left; font-weight: normal;}

div#info span {color: #990000;}
div#info div.info-right ul {margin: 8px 0 0 0;}
div#info div.info-right ul li {margin: 5px 0;}

div#info div.info-right p.error{ color: #fe7865; font-weight: 800;}

div#info a {color: #006600; text-decoration: none}
div#info a:link, div#info a:visited {color: #006600;}
div#info a:hover {color: #0033cc; text-decoration: underline;}

/*********************************************************************/
/********************* div#info and children *************************/
div#images {margin: 10px}

/* These div styles are merely for javascript events */
div#images div.header {background-color: #dbeadd; color: #333333; margin: 25px 0 10px 0; clear: both; width: 100%; font-weight: bold; padding: 3px 2px;}

div#images img {margin: 10px 0; float: none; border: 1px solid #000;}

/************** .success styles *****************/

div.success{
	position: relative;
	margin: 10px;
	clear: both;
	color: #333;
	background-color: #eee;
	padding: 5px;
	font-size: 12px;
	border: 1px solid #0066cc;
}

div.success p{ margin: 5px;}

div.success a		{display: inline; color: #006699; text-decoration: none;}
div.success a:link	{color: #006699; text-decoration: none;}
div.success a:visited{color: #006699; text-decoration: none;}
div.success a:hover	{color: #ff0000; text-decoration: underline;}

.success .header {
	position: relative;
	width: 98%;
	margin: 0 auto 5px;
	padding: 2px 5px;
	border-bottom: 1px dotted green;
	background-color: #eee;
	font-size: 16px;
	font-weight: bold;
	color: #009933;
}
.success .header a {display: block; color: #000099;}
.success .header a:visited {color: #003366;}
.success .newsheader a:hover {color: #660033; text-decoration: none;}

/************** .error styles *****************/

div.error{
	position: relative;
	width: 95%;
	margin: 10px;
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 12px;
	border: 1px dotted #f00;
	background-color: #ffc;
}

div.error p{
	margin: 0 0 10px 0;
	background-color: #ffc;
}

div.error div.header {
	padding: 2px 5px;
	color: #f00;
	background-color: #ffc;
	border-bottom: 1px dotted #f00;
	font-size: 16px;
	font-weight: 500;
	margin: 0 10px 10px;
}
div.error div.header a { color: #f00;}
div.error div.header a:hover {
	display: block;
	color: #f00;
	background-color: #ffc;
	text-decoration: none;
}

/************** .product styles *****************/

div.product {
	position: relative;
	margin: 10px;
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 14px;
}

div.product img {
	position: relative;
	float: left;
	border: 1px dotted #ccc;
	margin: 5px 10px 5px 5px;
}

div.product img.pdf {
	float: left;
	border: 0;
	margin: 0 5px 5px;
}

div.product p{
	font-size: 12px;
	margin: 10px 0; color: #6b6b6b;
}

div.product span.new {color: #f00; font-size: 14px; font-weight: bold; font-variant: small-caps;}
div.product span.fs {color: #006633; font-size: font-weight: bold; font-variant: small-caps;} /* free shipping class */

div.product div.header {
	color: #666;
	font-size: 14px;
	font-weight: 600;
	margin: 0 10px 10px;
}

div.product ul { list-style-type: disc; margin: 0; padding: 0; }
div.product li { margin: 5px 0 5px 10px; padding: 0; color: #6b6b6b; font-size: 12px;}

div.product div.header a { display: inline; color: #0066cc; font-weight: bold;}
div.product div.header a:visited {color: #990099; display: inline;}
div.product div.header a:hover {color: #cc3300; text-decoration: none; display: inline;}
div.product div.header h2 { font-size: 16px; color: #000; margin-left: -10px;}

div.product div.header span.error { color: #06c;}

div.product caption {margin-bottom: 10px; font-size: 16px;}

div.product table {
	border: 1px solid #333;
	font-size: 11px;
	width: 100%;
	padding: 5px;
}
div.product table form {margin: 0; padding: 0; display: inline;}
div.product table input {font-size: 11px;}
div.product table tr.white {background-color: #fff;}
div.product table tr.grey {background-color: #eee;}
div.product table td { margin: 5px; }
div.product table td + td + td {text-align: center; }
div.product table td + td + td + td {text-align: left; }
div.product table td + td + td + td + td {text-align: right; }
div.product table td + td + td + td + td + td {text-align: right;}
div.product table td img{ border: 0;}

/************** table.cart styles *****************/

table.cart {
	border: 1px solid #333;
	font-size: 12px;
	width: 100%;
}
table.cart caption {padding: 3px; background-color:#333; color: #fff; font-weight: bold; border: 1px solid #c00;}
table.cart tr.white {background-color: #fff;}
table.cart tr.grey {background-color: #eee;}
table.cart td, th { padding: 2px; text-align: center; }
table.cart td + td + td {text-align: left; }
table.cart td + td + td + td {text-align: right; }
table.cart td + td + td + td + td {text-align: right; }

table.cart tr.shipping	{ background-color: #c00; color: #fff; font-weight: bold;}
table.cart tr.success	{ background-color: #fff; color: #006600; font-weight: bold;}
table.cart tr.subtotal	{ color: #333; font-weight: bold;}

table.cart tr.success a {
	background-color: #fff;
	margin-left: 15px;
	color: #003399;
	font-weight: bold;
	text-decoration: underline;
	}
table.cart tr.success a:hover	{ color: #c00; }

/************** .userInfo styles *****************/

table.userInfo {
	border: 1px solid #333;
	font-size: 12px;
	width: 100%;
	padding: 5px;
}
table.userInfo form {margin: 0; padding: 0; display: inline;}
table.userInfo tr { height: 22px; }
table.userInfo td { margin: 5px; }
table.userInfo td + td {text-align: left; padding-left: 20px; }
table.userInfo td + td + td {text-align: left; }

/************** .userInfo styles *****************/

table.orderInfo {
	border: 1px solid #333;
	clear: both;
	font-size: 12px;
	width: 100%;
	padding: 3px;
}
table.orderInfo caption {
	background-color: #333;
	color: #fff;
	font-size: 14px;
	padding: 3px 0;
	font-weight: bold;
	border: 1px solid #c00;
	}
table.orderInfo tr { height: 22px; }

table.orderInfo th { background-color: #333; padding: 2px 5px; }

table.orderInfo td { padding: 2px 3px; }
table.orderInfo tr.items td + td {text-align: left; }
table.orderInfo tr.items td + td + td {text-align: center; }
table.orderInfo tr.items td + td + td + td {text-align: right; }
table.orderInfo tr.items td + td + td + td + td {text-align: right; }

table.orderInfo tr.white { background-color: #fff; }
table.orderInfo tr.grey { background-color: #eee; }

table.orderInfo th.center {text-align: center}
table.orderInfo th.left {text-align: right}
table.orderInfo th.left {text-align: left}

table.orderInfo tr.center td, th { text-align: center; }
table.orderInfo tr.left td, th { text-align: left; }
table.orderInfo tr.right td, th { text-align: right; }

/************** .orderStatus styles *****************/

div.orderStatus {
	position: relative;
	float: left;
	margin: 0 auto 4px;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-bottom: 1px solid #333;
	font-size: 10px;
	}

div.orderStatus div { float: left; border-right: 1px solid #333; text-align: center; background-color: #666666; color: #fff;}
div.orderStatus div p { padding: 3px 3px 0; }
div.orderStatus div.current { background-color: #c00;}
div.orderStatus div.incomplete { background-color: #fff; color: #999999}

/************** .tracking styles *****************/

table.tracking {
	border: 1px solid #333;
	font-size: 12px;
	width: 100%;
	padding: 3px;
}
table.tracking caption { background-color: #663333; color: #fff; font-size: 14px; padding: 3px 0}
table.tracking tr { padding: 3px 0; }

table.tracking th { background-color: #333; padding-left: 5px; }
table.tracking td { text-align: center; padding: 2px 3px; }
table.tracking td + td {text-align: left;}
table.tracking td + td + td {text-align: left;}
table.tracking tr.white { background-color: #fff; }
table.tracking tr.grey { background-color: #eee; }

/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	width: 100%;
	font-size: 10px;
	height: 65px;
	border-top: 1px solid #333;
}

#siteInfo div.center {width: 750px; margin: 0 auto;}
#siteInfo div.img {position: relative; float: left; margin: 5px 10px;}
#siteInfo div.links {float: right; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666; padding: 10px; margin-top: 10px;} 

#siteInfo a 		{display: inline; color: #006699;	text-decoration: none; }
#siteInfo a:link	{color: #006699; text-decoration: none; }
#siteInfo a:visited {color: #006699; text-decoration: none;}
#siteInfo a:hover 	{color: #ff0000; text-decoration: underline; background-color: #fff; }

/************* #search styles ***************/

#search{
	padding: 5px 0px 5px 10px;
	border-bottom: 1px solid #cccccc;
	font-size: 10px;
}

#search form{
 margin: 0;
 padding: 0;
}

#search input.text { width: 70%}

#search label{
	display: block;
	margin: 0px;
	padding: 0px;
}


/*********** #navBar link styles ***********/

#navBar h3 {font-weight: bold; color: #333;}

/*********** #sectionLinks styles ***********/

#sectionLinks {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;
}

#sectionLinks ul {list-style-type: none; margin: 0; padding: 0;}
#sectionLinks li {margin: 0; padding: 0; font-size: 12px; border-bottom: 1px solid #ccc}

#sectionLinks li a {
	display: block;
	font-size: 12px;
	color: #fff;
	background-color: #999;
	border-top: 1px solid #ccc;
	border-right: 2px solid #999;
	padding: 2px 5px;
}

#sectionLinks li a:hover{
	background-color: #eee;
	text-decoration: none;
	color: #333;
	border-right: 2px solid #06c;
}

#sectionLinks li.header {color: #fff; background-color: #666; padding: 2px 7px; font-weight: bold;}
#sectionLinks li.here {background-color: #eee; color: #333; border-right: 2px solid #06c; padding: 2px 5px; font-weight: bold}

/** For SSL Cert Icon display **/
#sectionLinks div.center {text-align: center; margin: 7px 0;}


/*********** #trailerLinks styles ***********/

div.trailerLinks {margin: 0; padding: 0;}

div.trailerLinks ul {list-style-type: none; margin: 0; padding: 0;}
div.trailerLinks li {border-bottom: 1px solid #ccc; margin: 0; padding: 0;}

div.trailerLinks li.header { background-color: #dbeadd; color: #333333; padding: 2px 3px 2px 5px; font-weight: bold;}

div.trailerLinks li a {
	display: block;
	background-color: #eee;
	font-size: 11px;
	border-top: 1px solid #ccc;
	border-right: 4px solid #eee;
	padding: 2px 3px 2px 5px;
	color: #060;
	text-decoration: none;
}

div.trailerLinks li a:link, div.relatedLinks li a:visited {color: #060;}

div.trailerLinks li a:hover {
	background-color: #dddddd;
	text-decoration: none;
	color: #333;
	border-right: 4px solid #999;
}

/*********** .relatedLinks styles ***********/

div.relatedLinks {margin: 0; padding: 0;}

div.relatedLinks ul {list-style-type: none; margin: 0; padding: 0;}
div.relatedLinks li {border-bottom: 1px solid #ccc; margin: 0; padding: 0;}

div.relatedLinks li.header { color: #fff; background-color: #06c; padding: 2px 3px 2px 5px; font-weight: bold;}

div.relatedLinks li a {
	display: block;
	background-color: #eee;
	font-size: 11px;
	border-top: 1px solid #ccc;
	border-right: 4px solid #eee;
	padding: 2px 3px 2px 5px;
	color: #06c;
	text-decoration: none;
}

div.relatedLinks li a:link, div.relatedLinks li a:visited {color: #06c;}

div.relatedLinks li a:hover {
	background-color: #dddddd;
	text-decoration: none;
	color: #333;
	border-right: 4px solid #999;
}

/************** #featured-products styles **************/

#featured-products {
  	float:right;
	width: 15%;
	padding-right: 10px;
	text-align: center;
	font-size: 10px;
}

#featured-products div { border: 1px solid #333; margin: 5px 0; }
#featured-products a { color: #666; }
#featured-products a:hover { color: #333; background-color: #eee; text-decoration: none;}

#featured-products div:hover {
	background-color: #eee;
}

#featured-products div .header{
	border: 0;
	font-size: 9px;
	margin: 0;
	padding: 3px;
}

#featured-products div img{
	border: 1px solid #666;
}

#featured-products div p{ padding: 2px 4px; }

#featured-products div span {color: #993399 }

div#displayCart {
	position: relative;
	clear: both;
	width: 650px;
	margin: 10px;
	padding: 5px;
	font-size: 12px;
}
div#displayCart div.colHeader {
	clear: both;
	width: 100%;
	margin: 0; padding: 0;
}
div#displayCart div.colHeader div {
	font-weight: bold;
	float: left; 
	margin: 0 0 5px 0; padding: 5px 0;
	background-color: #666;
	color: #fff;
	text-align: center;
}
div#displayCart div.colHeader div.qty			{width: 106px;}
div#displayCart div.colHeader div.part			{width: 70px;}
div#displayCart div.colHeader div.description	{width: 53.3%;}
div#displayCart div.colHeader div.price 		{width: 55px;}
div#displayCart div.colHeader div.total 		{width: 70px;}

div#displayCart div.row {clear: both; font-weight: normal; margin: 2px 0; padding: 0; overflow: hidden;}
div#displayCart div.row:hover {background-color: #eee;}
div#displayCart div.row div {font-weight: normal; float: left; overflow: hidden;}
div#displayCart div.row div img {margin: 2px; padding: 0; border: none;}

div#displayCart div.row div.img			{width: 20px; padding-top: 2px;}
div#displayCart div.row div.qty			{width: 87px;}
div#displayCart div.row div.part		{text-align: left; width: 68px; padding: 4px 0 4px 4px;}
div#displayCart div.row div.empty		{text-align: center; width: 71px; padding: 4px 0 4px 0;}
div#displayCart div.row div.description	{text-align: left; width: 51%; padding: 4px 0 4px 8px;}
div#displayCart div.row div.price		{text-align: right; width: 52px; padding: 4px 4px 4px 0; background-color: #eee;}
div#displayCart div.row div.total		{text-align: right; width: 67px; padding: 4px 4px 4px 0;}

div#displayCart div.lastRow {clear: both; font-weight: normal; margin: 2px 0; padding: 0; overflow: hidden;}
div#displayCart div.lastRow div {font-weight: normal; float: left; overflow: hidden; margin-top: 10px;}
div#displayCart div.lastRow div.space		{width: 179px;}
div#displayCart div.lastRow div.links		{text-align: left; width: 51%; padding: 4px 0 4px 8px;}
div#displayCart div.lastRow div.price		{text-align: right; width: 53px; padding: 4px 4px 4px 0;}
div#displayCart div.lastRow div.total		{text-align: right; width: 67px; padding: 4px 4px 4px 0;}

div#displayCart div.lastRow div.links a {text-decoration: none; color:#fff; background-color: #0066cc; border: 1px solid #000; padding: 2px 4px;}
div#displayCart div.lastRow div.links a:link {color:#fff;}
div#displayCart div.lastRow div.links a:visited {color:#fff;}
div#displayCart div.lastRow div.links a:hover {color:#fff; background-color:#009900;}

div#displayCart div.lastRow div.links a.empty:hover {color:#fff; background-color: #ff0000;}

div#displayCart div.row div.qty input.update {
	font-size: 10px;
	margin-left: 4px;
	border: 1px dotted #0033ff;
	font-variant: small-caps;
	background-color: #ebebeb;
	color:#006633;
	width: 40px;
}
div#displayCart div.row div.qty input.update:hover {background-color: #fff;}