/*******************************************************************
	Filename: transtar.css
	Project:  transtarindustries.com
	
	Description:
	Stylesheet for pages
*******************************************************************/
body,p,div,span,td { font-family:Verdana,Arial,Helvetica,sans,sans-serif; font-size:12px; }
body { background-color:#ef6d3c; background-image:url(images/footer.jpg); background-repeat:repeat-y; margin:0px;  }
h1,h2,h3,h4,h5 { font-family:Verdana,Arial,Helvetica,sans,sans-serif; color:rgb(195,15,10); margin:0px; padding:0px; }
a { color:rgb(195,15,10); text-decoration:none; }
a:hover { color:rgb(254,201,59); text-decoration: underline; }
hr { width:100%; height:1px; margin: 5px 0px 5px 0px; color:#000000; }
form { margin:0px; }

#page { position:relative; border:0px solid rgb(82, 25, 24 ); width:100%; background-color:rgb(255,255,255); }
#page h1 { font-size:20px; font-weight:bold; }
#page h2 { font-size:16px; font-weight:bold; }
#page h3 { font-size:14px; font-weight:bold; }
#page h4 { font-size:12px; font-weight:bold; }
#page h5 { font-size:11px; font-weight:bold; }

#header { padding:0px; height:158px; background-image:url( images/topPicWide.jpg );background-repeat:no-repeat; position:relative; }
#cartSummary { position:absolute; left:520px; top:155px; z-index:1; padding:4px; color:#c30f0a; font-size:10px; font-weight:bold; }
#TranstarTheOne { position:absolute; left:230px; top:43px; width:515px; height:149px; background-image:url( images/TranstarTheOne.jpg ); background-repeat:no-repeat; }

/*Top Navigation*/
#nav { position:absolute; left:280px; top:3px; z-index:2; }
.navSection { position:relative; float:left; width:70px; }
.pagParent { float:left; width:60px; margin-right:5px; }
.pagParent a { display:block; padding:4px; font-size:11px; color:#ffffff; }
.pagParent a:hover { color:#fec93b; text-decoration:none; }
.navDropDown { position:absolute; left:1px; top:22px; width:150px; border:1px solid #dcdcdc; border-top:none; }
.pagChild { width:150px; text-align:left; background-color:#8b0a04; border-top:1px solid #dcdcdc; }
.pagChild a { display:block; width:142px; padding:4px; font-size:11px; color:#ffffff; }
.pagChild a:hover { color:#521918; text-decoration:none; background-color:#f2bc2b; }

#search { text-align:left; position:absolute; left:645px; top:27px; }
#search div { font-size:10px; color:#FFFFFF; }

#content { background-color:#ffffff; padding:20px 20px 10px 20px; text-align:left; }
#contentLeft { float:left; width:270px; margin-top:10px; }
#contentLeft h1 { font-weight:bold; font-size:18px; margin-left:20px; margin-bottom:10px; padding:0px; color:#000000; text-transform:none; }
#contentRight { margin-left:280px; margin-top:20px; width:450px; }

#subNav { text-align:left; border-left:1px solid black; margin-left:50px;  }
#subNav ul { list-style:none; text-align:left; padding:0px; margin:0px;  }
#subNav ul li { text-align:left; margin:0px 0px 10px 0px; padding-left:10px; color:#9e473c; font-weight:bold; }
#subNav ul li a { font-size:12px; color:#9e473c; }
#subNav ul li a:hover { color:rgb(254,201,59); text-decoration:none; }
#subNav ul li ul li { text-align:left; margin:0px 0px 0px 0px; padding-left:10px; color:#9e473c; font-weight:bold; }

#subNav .here { color:rgb(254,201,59); }

#footer { background-color:#ef6d3c; background-image:url(images/footer.jpg); background-repeat:repeat-y; text-align:left; }
#footer ul { list-style:none; padding:0px; margin:0px; line-height:25px; }
#footer ul li { display:inline; font-weight:bold; color:#ffffff; font-size:11px; margin:2px 5px 2px 5px;}
#footer ul li a { font-weight:bold; color:#ffffff; text-decoration:none; }
#footer ul li a:hover { text-decoration:underline; }

#navbar { margin-bottom:10px; padding:2px 6px 2px 2px; background-color:#af3a26 }
#clear { clear:both; }
		
/* Highlight Blocks */
/* light-blue 200px wide */
.hlgBlock { width:171px; border-left:2px solid #521918; border-right:2px solid #521918; padding:0px 5px 5px 5px; }
.hlgBlockTop { width:185px; height:11px; background-image:url( images/hlgBlockTop.gif ); background-repeat:no-repeat; }
.hlgBlockBottom { width:185px; height:11px; background-image:url( images/hlgBlockBottom.gif ); background-repeat:no-repeat; margin-bottom:10px; }
.hltItem { margin-bottom:5px; }
.hltItem a { font-size:10px; }
.hltThumbImage { float:left; margin:2px 5px 5px 0px; }
.dashline { width:100%; height:2px; border-top:dotted 1px #4c4b4b; }

/* Locations / Manufacturers*/
#locLeft { position:relative; float:left; margin-left:10px; width:370px; }
#locRightH { clear:right; float:right; padding:10px; margin:10px 0px 0px 0px; text-align:center; width:300px; }
#locRightD { clear:right; float:right; padding:10px; margin:0px 5px 0px 0px; width:300px; }
#locator { float:right; margin-right:10px; width:300px; }
.locButton { background-color:#aa3725; font-weight:bold; color:#FFFFFF; border:1px solid #000000; padding:5px; }
.title { font-weight:bold; font-size:18px; margin-bottom:10px; }

/* table display */
.tblhdr { font-size:11px; font-weight:bold; }
.tbldata { font-size:10px; }
.tbldata0 { font-size:10px; background-color:#dddddd; }
.tbldata1 { font-size:10px; background-color:#ffffff; }
.tbldata0 a { color:#000000; }
.tbldata0 a:hover { color:#9e473c; text-decoration:none; }
.tbldata1 a { color:#000000; }
.tbldata1 a:hover { color:#9e473c; text-decoration:none; }
/* rep accounts table */
.acclist { font-size:10px; border-top:solid 1px #c0c0c0; }
.acclist a { font-size:10px; }

/* shop */
.shoplink { font-size:12px; color:#9e473c; font-weight:bold; }
.shoplink:hover { color:rgb(254,201,59); text-decoration:none; }
.instock { color:#009900; }
.outofstock { color:#c30f0a; }
.partialstock { color:#e3663a; }
.inlineH5 { font-size:11px; font-weight:bold; color:rgb(195,15,10); }

/* shop forms */
.frmtext { font-family:Verdana,Arial,Helvetica,sans,sans-serif; font-size:10px; }
textarea { font-size:10px; }
select { font-size:10px; }
select option { text-transform:uppercase; }

/* page control */
#pagedetail { margin-top:10px; line-height:12px; text-align:right; float:right; font-size:10px; color:#000000; }
#pagedetail a { font-size:10px; }
#pagebar { text-align:center; vertical-align:middle; }
#pagebar a { color:#8f7979; font-size:11px; padding:0px 5px 0px 5px; width:20px; height:16px; text-align:center; vertical-align:middle; }
#pagebar a:hover { color:#ffffff; background-color:#9e473c; text-decoration:none; }
#pagebar span { color:#9e473c; font-size:11px; padding:0px 5px 0px 5px; font-weight:bold; vertical-align:middle; }
#pagebar img { vertical-align:middle; }
#pagebar .pagearrow { font-weight:bold; }

/* calendar */
.headline { font-size:14px; font-weight:bold; color:#9e473c; padding-top:4px; }
.calTable { background-color:#ffffff; border:1px #000000 solid; }
.calwkdays { font-size:12px; color: #FFFFFF; font-weight:bold; background-color: #9e473c; }
.calday0 { background-color: #E0E0E0; }
.calday1 { background-color: #FFFFFF; }
.caltxt	{ color: #000000; font-weight: normal; text-decoration: none; }
.caltxt:hover{ color:#9e473c; text-decoration: underline; }
.calEvtTitle { font-size:14px; font-weight:bold; color:#9e473c; }
.calEvtTitleLink { font-size:14px; font-weight:bold; color:#9e473c; text-decoration:none; }
.calEvtTitleLink:hover { font-size:14px; font-weight:bold; color:#9e473c; text-decoration:underline; }

.pageTitle { font-size:14px; color:#d75c35; font-weight:bold; margin-bottom:10px; }
.homeCustomer { font-size:12px; font-weight:bold; }
.homeCustomer:hover { text-decoration:none; }

/* Search Form */
#notfound { padding:5px; border:1px solid #000000; background-color:#dddddd; clear:both; }
#results { width:730px; margin:5px 0px 0px 0px; border-top:1px solid #C30F0A; padding:4px 0px 2px 0px; }
#cartContainer { margin-left:459px; margin-top:32px; padding:0px; }
#cartTab { width:160px; margin:0px; padding:3px 0px 2px 5px; color:#ffffff; background-color:#c30f0a; font-weight:bold; border:1px solid #000; border-bottom:0px; }
#cartBox2 { height:132px; width:248px; padding:4px; background-color:#dddddd; border:1px solid #000; }
#cartBox { height:162px; width:248px; padding:4px; background-color:#dddddd; border:1px solid #000; }
.groupResultHeader { font-size:12px; font-weight:bold; color:#c30f0a; margin-bottom:10px; }
.groupResultParts { width:698px; border:1px solid #666666; margin:4px 0px 0px 16px; display:none; }
.groupResultParts .tblhdr { font-weight:bold; color:#000000; }
.groupResultParts a { color:#000000; text-decoration:none; }
.groupResultParts a:hover { color:#000000; text-decoration: underline; }
.prtRow0 { font-size:10px; font-weight:normal; background-color:#dddddd; color:#000000; }
.prtRow1 { font-size:10px; font-weight:normal; background-color:#ffffff; color:#000000; }
.filter { padding:5px; background-color:#dddddd; border:1px solid #000; }

/* Search Tabs */
#tabContainer { float:left; width:450px; margin-top:20px; }
.tabber { margin-top:1em; }
.tabber .loading { color:#c30f0a; font-size:14px; font-weight:bold; }
.tabber .tabbertab { display:none; }

.tabberlive .loading { display:none; }
.tabberlive .tabbertabhide { display:none; }
.tabberlive { margin-top:1em; }

ul.tabbernav { margin:0px; padding:3px 0px; border-bottom:1px solid #000; font-weight:bold; }
ul.tabbernav li { list-style:none; margin-right:2px; display:inline; }
ul.tabbernav li a { padding:3px 0.5em; margin-right:1px; color:#ffffff; border:1px solid #000000; border-bottom:none; background-color:#c30f0a; text-decoration:none; }
ul.tabbernav li a:hover { text-decoration:none; }
ul.tabbernav li.tabberactive a { background-color:#dddddd; color:#000000; border-bottom:1px solid #dddddd; }
ul.tabbernav li.tabberactive a:hover { color:#000000; border-bottom: 1px solid #dddddd; text-decoration:none; }

.tabberlive .tabbertabdefault { height:160px; }
.tabberlive .tabbertab { height:160px; padding:5px; background-color:#dddddd; border:1px solid #000; border-top:0px; }
.tabberlive2 .tabbertab { height:130px; padding:5px; background-color:#dddddd; border:1px solid #000; border-top:0px; }

/* Part Detail */
.partDescription { float:left; }
.detailBoxTop { margin-left:465px; width:250px; border:1px solid #000; }
.subDetailBox { margin:15px 0px 0px 465px; width:250px; border:1px solid #000; }

/* Shopping Cart */
#cart { margin-top:10px; }
#cart .tblHdr { color:#c30f0a; border-bottom:2px solid #c30f0a; font-weight:bold; }

/* Checkout */
#checkoutContent { text-align:left; margin-top:30px; }
#checkoutContent .tblHdr { color:#ffffff; background-color:#c30f0a; font-weight:bold; }

/* Shop Filter/Exploded View */
#filterFlashContainer { margin-top:5px; width:550px; height:400px; }
#filterPage { border:2px solid rgb(82, 25, 24 ); width:590px; background-color:rgb(255,255,255); }
#filterPage textarea { font-family:Verdana,Arial,Helvetica,sans,sans-serif; font-size:11px; width:350px; }
#filterPage .frmtext { font-family:Verdana,Arial,Helvetica,sans,sans-serif; font-size:11px; }
