/********************************************************
 ROLA Style Sheet
 © Copyright 2008 Cequent Towing Products
********************************************************/

body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; /*13px;*/	background-color: white; 
	color: black; margin: 4px 5px 5px;}
a {color: #000000; text-decoration: none;}
a:hover {text-decoration: underline;}
a:visited {color: #000000;}

/* Sets the Head.inc format */
.headcontent {font-size :14px; font-weight: bold; line-height : 1.15; font-family : Arial, Helvetica; color: #FFFFFF;}

/* Sets the Side Menu Headers text size */
.menuheader {font-size :11px; font-weight: bold; line-height : 1.15; font-family : Arial, Helvetica; color: #FFFFFF;}

/* Sets the Product categories text size */
.menucontent {font-size :12px; font-weight: bold; line-height : 1.15; font-family : Arial, Helvetica; color: #FFFFFF;}

.pdcontent {font-size :16px; font-weight: bold; line-height : 1.15; font-family : Arial, Helvetica; color: #FFFFFF;}

.xlgcontent {font-size :16px; font-weight: bold; line-height : 1.15; font-family : Arial, Helvetica; color: #000000;}
.lgcontent {font-size :14px; font-weight: bold; line-height : 1.15; font-family : Arial, Helvetica; color: #000000;}
.titlehead {font-size :12px; font-weight: bold; line-height : 1.15; font-family : Arial, Helvetica; color: #000000;}
.dealerhead {font-size :11px; font-weight: bold; line-height : 1.15; font-family : Arial, Helvetica; color: #FFFFFF;}
.content {font-size :11px; line-height : 1.15; font-family : Arial, Helvetica; color: #000000;}
.content2 {font-size :12px; line-height : 1.15; font-family : Arial, Helvetica; color: #000000;}
.copyrighttext {font-size :9px; font-weight: bold; line-height : 1.15; font-family : Arial, Helvetica; color: #000000;}

.partrow {background-color: #000000;}
.textrow {background-color: #FFFFFF;}
.partstitle {font-size : 11px; font-weight : bold;  font-family : Arial, Helvetica; line-height : 1.15; color : #FFFFFF;}

/* ---------------------------------------------  */
/* All the style sheets below are not being used  */
/* ---------------------------------------------  */

table {margin: 0; /* Uncomment to see table layout border: 1px solid red; */}
td {font-size: 80%; /*13px;*/ vertical-align: top; border-width: 0; padding: 0; /*border: 1px solid red; */}

form {margin: 0px;}
h1 {font-size: 140%; font-weight: bold;}
h2 {font-size: 110%; font-weight:bold; margin-top: 10px;}
h2 a {font-size: 110%; color: Black; }
h2 a:visited {font-size: 110%; color: Black;}
h2.SectionTitle {font-size: 110%; font-weight:bold; margin-top: 15px; padding: 1px 5px; border: 1px solid #999999;}
ol {margin-top: 5px; margin-bottom: 5px;}

/********* Menu Table *********/
table.MenuBox {width: 180px; border: 1px solid #999999; margin-bottom: 5px;}
.MenuBox td {padding: 1px;}
.MenuBoxTitle th {text-align: left;	margin-left: 0; font-weight: bold; background-color: #999999; color: white;
	font-size: 80%; /*13px;*/ padding: 2px; height: 20px; background: #a5a5a5; border-bottom: 1px solid #656565;}
.MenuBoxContent td {font-size: 80%; /*13px;*/ background-color: white; color: black;}
.MenuBoxContent a {color: #555555; text-decoration: none;}
.MenuBoxContent a:hover {color: #555555; text-decoration: underline;}
.MenuBoxContent a:visited {color: #555555;}
.MenuBoxContent ul {margin-left: 1.25em; padding-left: 0; margin-top: 1px; margin-bottom: 4px;}
.MenuBoxContent ul li {padding-left: 0px; list-style: url(Menu_Bullet.gif) disc;}
/********* End Menu Table *********/

/********* Feat Box Table *********/
table.FeatBox {width: 130px; border: 1px solid #999999; margin-bottom: 5px;}
.FeatBox td {padding: 4px; text-align: center;}
.FeatBoxTitle th {text-align: left; margin-left: 0; font-weight: bold; background-color: #999999; color: white;
	font-size: 80%; /*13px;*/ padding: 2px; height: 20px; background: #c0c0c0; border-bottom: 1px solid #656565;}
.FeatBoxContent td {font-size: 80%; /*13px;*/ background-color: white; color: black;}
.FeatBoxContent a {color: #555555; text-decoration: none;}
.FeatBoxContent a:hover {color: red; text-decoration: underline;}
.FeatBoxContent a:visited {color: #555555;}
/********* End FeatBox Table *********/

/********* Product List *********/
div.ProductList {
	text-align: center;
}
table.ProductList { 
	border: 1px solid #999999;
}
.ProductList td {
	padding: 1px;
}
.ProductListTitle th{
	text-align: left;
	margin-left: 0;
	font-weight: bold; 	
	background-color: #999999;
	color: white;
	font-size: 80%; /*13px;*/
	padding: 2px;
	height: 20px;
	border-bottom: 1px solid #656565;
	background: url(Brushed.jpg);
}
.ProductListContent td
{
	font-size: 75%; /*13px;*/
	background-color: white;
	color: black;
	padding: 2px 1px
}
/********* End Product Table *********/

/********* Product Table *********/
div.ProductTable {
	text-align: center;
	margin-top: 10px;
}
table.ProductTable { 
	width: 90%;
	border-collapse: collapse;
	text-align: center;
	margin-left:auto; 
	margin-right:auto;
	margin: 0 auto; text-align: left; /* Used to center table in Mozilla */
}
.ProductTable td {
	padding: 0px;
	border: 1px solid #999999;
}
.ProductTableTitle th{
	text-align: left;
	margin-left: 0;
	font-weight: bold; 	
	background-color: #999999;
	color: white;
	font-size: 80%; /*13px;*/
	padding: 2px;
	height: 20px;
	border: 1px solid #999999;
	background: url(Brushed.jpg);
	border-bottom: 1px solid #656565;
}
.ProductTableContent td
{
	vertical-align: bottom;
	text-align: center;
	font-size: 80%; /*13px;*/
	background-color: white;
	color: black;
}
.ProdTableSale
{
	color: Red;
	font-weight: bold;
}
/********* End Product Table *********/

/********* Product Details Box *********/
div.ProdDetBox {
	text-align: center;
}
table.ProdDetBox { 
	border: 1px solid #999999;
	width: 200px;
}
.ProdDetBox td {
	padding: 1px;
}
.ProdDetBoxTitle th{
	text-align: left;
	margin-left: 0;
	font-weight: bold; 	
	background-color: #999999;
	color: white;
	font-size: 80%; /*13px;*/
	padding: 2px 4px;
	background: url(Brushed.jpg);
}
.ProdDetBoxContent td
{
	font-size: 75%; /*13px;*/
	background-color: white;
	color: black;
	border-top: 1px solid #999999;
	padding: 5px 3px;
}
table.OptionsBox {width: 100%; border: 1px solid #999999;}
table.OptionsBox td {padding: 1px; vertical-align: middle;}
/********* End Product Table *********/

/********* User Reviews *********/
p.ReviewText {margin: 0px 10px;}
span.ReviewTitle {font-weight: bold;}
span.ReviewerLbl {font-weight: bold;}
span.ReviewAvg {font-weight: bold;}
/********* End User Reviews *********/

/********* Navigation Tabs *********/
td.TopMenuSel
{
	color: white;
	font-weight: bold;
	background-color: #999999; 
	text-align: center;
	vertical-align: middle;
	background: url(img/menuitem-off.gif);
	height: 17px;
}
td.TopMenuSelCorner
{
	color: white;
	font-weight: bold;
	background-color: #999999; 
	text-align: center;
	vertical-align: top;
	background: url(Brushed.jpg);
	height: 25px;
}
td.TopMenuUnSel
{
	color: black;
	font-weight: bold;
	background-color: #999999;
	text-align: center;
	margin-left: 30px;
	margin-right: 30px;
	vertical-align: middle;
	background: url(BrushedLt.jpg);
	height: 25px;
}
.TopMenuUnSel a {color: black;}
.TopMenuUnSel a:visited {color: black;}
td.TopMenuUnSelCorner 
{
	color: black;
	font-weight: bold;
	background-color: #999999;
	text-align: center;
	vertical-align: top;
	background: url(BrushedLt.jpg);
	height: 25px;
}
/********* End Navigation Tabs *********/

/********* Product Listing (browse) *********/
div.BrowseList {text-align: center;}
div.BrowseList table /* Used to center table in Mozilla */
{	
	margin: 0 auto;
	text-align: left;
} 
table.BrowseList {width: 90%;}
table.BrowseList th
{
	text-align: right;
	vertical-align: middle;
	background-color: #999999;
	font-size: 80%;
	color: white;
	background: url(Brushed.jpg);
	border-bottom: 1px solid #656565;
}
table.BrowseList td {border-bottom: 1px solid #999999; padding: 5px;}
td.OfferCell {vertical-align: middle;}
.PicCell {}
.DetailCell {text-align: right;}
/********* End Product Listing (browse) *********/

/********* Shopping Cart *********/
div.Cart
{
	text-align: center;
}
table#Cart
{
	margin: 0 auto;
	text-align: left;
	margin-bottom: 10px;
	border: 1px solid #999999;
}
table#Cart th
{
	vertical-align: middle;
	/*background-color: #999999;*/
	font-size: 80%;
	font-weight: bold;
	color: white;
	border-bottom: 1px solid #656565;
	background: url(Brushed.jpg);
}
table#Cart td
{
	padding: 2px 4px;
}
#Cart td.CartNotes
{
	font-size: 75%;
	border-top: 1px solid #999999;
}
.CartLinks
{
	text-align: center;
	margin-bottom: 20px;
}
span.CartTotal
{
	font-weight: bold;
}
td.CartTotal
{
	text-align: right;
	border-top: 1px solid #999999;
}
tr.CartLine td
{
	vertical-align: top;
}
span.CartOptions
{
	font-size: 80%;
	margin-left: 20px;
}
div.RelProdsList
{
	margin: 20px 25px;
}
ul.RelProdsList li
{
	padding-left: 0px;
	list-style: url(Menu_Bullet.gif) disc;
}
/********* End Shopping Cart *********/

/********* Product Details *********/
.ProductDetails
{
	margin: 0px;
}
table.ProductDetails
{
	width: 100%;
}
.ProductDesc
{
}
div.ProdDetPriceCont /* This is to allow centering ProdDetPrice in IE by wrapping the div in another one */
{
	text-align: center;
}
div.ProdDetPrice
{
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding: 5px;
	border: 1px solid #999999;
	width: 60%;
}
td.ProdDetImg
{
	text-align: center;
}
div.ProdToolbar
{
	font-size: 80%;
	margin: -5px 0px 5px 0px ;
	text-align: right;
}
* html div.ProdToolbar
{	/* Hack for IE. Only IE will interpret this. To make up for bugs in IE's box mode
	see http://www.info.com.ph/~etan/w3pantheon/style/starhtmlbug.html */
	margin: -15px 0px 5px 0px ;
}
div.CompProdTeaser
{
	padding: 5px;
	width: 100%;
	border: 1px solid #999999;
}
div.CompProdTeaser h3
{
	font-weight: bold;
	font-size: 110%;
	margin: 0 0 5px 0;
}
div.CompProdTeaser table td
{
	padding: 5px;
}

/********* End Product Details *********/
h1.MainTitle
{
	font-size: 110%;
	font-weight:bold;
	margin-top: 0;
	margin-right: -10px;	/* remove the margin in the table cell */
	background: #999999;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #656565;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px; 
	color:white;
	height: 16px;	/* Size for all fully CSS compliant browsers (i.e. not IE!) */
	background: url(Brushed.jpg);
/*		background: url(Brushed.jpg);
		border: 1px solid #AAA;*/
}
* html body h1.MainTitle
{	/* Hack for IE. Only IE will interpret this. To make up for bugs in IE's box mode
	see http://www.info.com.ph/~etan/w3pantheon/style/starhtmlbug.html */
	height: 20px;
}
div.SectionDesc
{
	text-align: center;
	margin-top: 10px;
}
table.SectionDesc
{
	width: 90%;
	border: 1px solid #999999;
}
.SectionDesc td
{
	vertical-align: middle;
}
.Centered
{
	text-align: center;
}
.SecCurPrice
{
	font-size: 0.8em;
}
.TaxInc
{
	font-size: 80%;
}
.SKU
{
	font-size: 0.8em;
}
.BeforePrice
{
	font-style: italic;
}
.OfferPrice
{
	font-weight: bold;
	text-decoration: underline;
	color: red;
}
.Price
{
	font-weight: bold;
}
.Strike
{
	text-decoration: line-through;
}
.SubmitBtn
{
	background-color: #999999;
	border: 0px solid black;
	font-weight: bold;
	padding-left: 3px;
	padding-right: 3px;
	background: url(Brushed.jpg);
}
.HeaderTop
{
	background-color: #999999;
	border: 1px solid #000000;
	font-weight: bold;
	padding-left: 3px;
	padding-right: 3px;
	background: url(Brushed.jpg);	
	border-bottom: 1px solid #000000;
}
.HeaderBottom
{
	background-color: #999999;
	border: 1px solid black;
	padding-left: 3px;
	padding-right: 3px;
	background: url(BrushedLT.jpg);
	border-bottom: 1px solid #000000;
}
.Add2Cart
{
	font-weight: bold;
	text-align: center;
}
.Paging
{
	float: right;
	margin-right: 3%;
	margin-top: 10px;
}
.Displaying
{
	float: left;
	margin-top: 10px;
}
.SearchForm
{
	text-align: center;
	clear: both;
	margin-top: 50px;
}
/********* Checkout *********/
div.COLoginForm
{
	text-align: center;
}
table.COLoginForm
{
	border: 1px solid #999999;
	margin: 20px auto 20px; 
	text-align: left; /* Used to center table in Mozilla */
}
table.COLoginForm td
{
	padding: 5px 10px 5px;
}
table.COLoginForm td.COLoginOption
{
	padding-top: 10px;
	font-weight: bold;
}
div.COSteps
{
	text-align: right;
	margin-top: 0px;
	margin-bottom: 10px;
}
* html div.COSteps
{	/* Hack for IE. Only IE will interpret this. To make up for bugs in IE's box mode
	see http://www.info.com.ph/~etan/w3pantheon/style/starhtmlbug.html */
	margin-top: -10px;
}

/********* Table List *********/
div.TableList
{
	text-align: center;
	margin: 20px 0px;
}
table.TableList
{
	margin: 0 auto;
	text-align: left;
	margin-bottom: 10px;
	border: 1px solid #999999;
	width: 70%;
	border-collapse:collapse;
}
table.TableList th
{
	vertical-align: middle;
	background-color: #999999;
	font-size: 80%;
	font-weight: bold;
	border-bottom: 1px solid #656565;
	padding: 5px 6px;
	color: White;
	background: url(Brushed.jpg);
}
table.TableList td
{
	padding: 5px 8px;
	/*border-bottom: 1px solid #999999;*/
}
th.TableListDel
{
	width: 60px;
}
td.TableListtDel
{
	text-align: center;
}
/********* End Table List *********/
.searchline
{
	vertical-align: middle;
	background-color: #C0C0C0;
	text-align: right;
	background: url(BrushedLt.jpg);
}
td.searchline
{
	height: 30px;
}
.searchbutton
{
	background-color: #999999;
	border: 0px solid black;
	font-weight: bold;
	padding-left: 3px;
	padding-right: 3px;
	background: url(Brushed.jpg);
}
.searchtext
{
	border-top: 1px solid #656565;
	border-left: 1px solid #656565;
	border-bottom: 1px solid Silver;
	border-right: 1px solid Silver;
}
td.DarkBGBar
{
	background-color: #999999;
	height: 15px;
	background: url(Brushed.jpg);
}
td.DarkBGFootBar
{
	background-color: #999999;
	height: 15px;
	background: url(Brushed.jpg);
}
table#BottomNav
{
	border-top: 1px solid Silver;
	border-bottom: 1px solid #656565;
}
.PageTitle
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 140%; /*18px;*/
	font-weight: bold; 	
}
.Footer
{
	color: Gray;
	font-size: 70%; /*9px;*/
}
table.FullWidth 
{ 
	width: 100%; 
}
td.MenuSep
{
	width: 3px;
}
span.BreadCrumb
{
/*	margin: 0px 0px 0px 5px; */
	float: left; 
	font-size: 85%;
	position: relative; top: 3px; left: 5px;
}
td.FieldName
{
	font-weight: bold;
	padding-right: 10px;
}
table.OrderDetails td.FieldName
{
	width: 150px;
	padding-right: 10px;
	font-weight: bold;
	text-align: right;
}

div#LoginBox
{
	text-align: left;
	padding: 4px;
	margin: 0px 0px 5px;
	font-size: 80%;
	background-color: #CDCEE9;
	border: 1px solid #999999;
	background: url(loginboxbg.jpg);
}
div#LoginBox input
{
	font-size: 100%;
}
table#TopNav, table#BottomNav, table#SearchBar, table#Footer, table#MainBody
{
	width: 100%;
}
table#BottomNav
{
	margin-top: 5px;
}
table.MenuTable
{
	width: 130px;
}
table#SearchBar
{
	border-top: 1px solid #D5D5D5;
	border-bottom: 1px solid #999999;
}
td#LeftNav
{
	padding-top: 10px;
	width: 130px;
}
td#BodyCell
{
/*	width: 610px; */
	padding: 10px 10px;
}
td#RightNav
{
	padding-top: 10px;
	text-align: center;
	width: 130px;
}
td#LogoCell
{
	vertical-align: bottom;
}
img.LogoImg {}
td#RHTop
{
	text-align: right;
	font-size: 70%;
	padding-bottom: 10px;
	vertical-align: bottom;
}
#RHTop a
{
	color: #555555;
}
td#MainBodyCell
{
	padding: 0px 10px;
}
td#NavTabCell
{
	text-align: right;
	vertical-align: bottom;
	height:25px;
}
table#NavTabs
{
	margin: 0;
	float: right;
}
form#quicksearch{margin: 0;}
#Footer a
{
		color: #555;
		text-decoration: none;
}
#Footer a:hover
{
	color: red;
	text-decoration: underline;	
}
#Footer a:visited
{
		color: #555;
}
table#TopNav
{
	border-bottom: 1px solid #656565;
}
#TopNav, #BottomNav, #LeftNav, #RightNav, #SearchBar, #Footer{
}


/********** print styles **********/
@media print {
	#TopNav, #BottomNav, #LeftNav, #RightNav, #SearchBar
	{
	display: none;
	}
   .hiddenOnPrint {display: none;}
   .PageBreak {page-break-before:  always;}		/* use on div to create print page break */
}