/*design specs:

Logo Colors
	Blue: 0033CC
	Red: FF00000
	Yellow: FFCC00

Layout: 790px wide; gray body background. Header 100% wide, includes logo, search selects and primary
menu system.  LeftNav column 140px, center 500 or 650 depending on existance of rightNav at 150.
Spacing between major columns is 10px and is controlled via padding on the main table structures.

*/


/* Defaults */
body, div, p, table, tr, td, form, select, option, input {margin: 0px 0px 0px 0px; padding: 0px;}
/*body{background-image: url(../images/background.gif);}*/
body.siteMain{background-color:#CCCCCC;}
td {text-align: left;vertical-align: top;}
p, div, td, option, input, textarea, ul, ol, li {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px;
color:navy;}
li { line-height: 160%; }
select, option, input {font-size: 10px;}
p {margin: 0px 0px 4px 6px; padding:0px; text-align: left;}
a, a:active, a:hover, a:visited, a:link {text-decoration: none; color: navy;}
a:hover {text-decoration: underline;color: red;}
a.pageContentsLink, a.pageContentsLink:active, a.pageContentsLink:hover, a.pageContentsLink:visited, a.pageContentsLink:link {text-decoration: underline; color: navy;}
a.pageContentsLink:hover {text-decoration: underline;color: red;}
a.white, a.white:active, a.white:hover, a.white:visited, a.white:link {text-decoration: none; color: white;}
a.white:hover {color: red;}
a.red, a.red:active, a.red:hover, a.red:visited, a.red:link { font-weight: bold;  text-decoration: none; color: #CC3333;}
a.red:hover {color: #CC3333; text-decoration: underline;}
.heading { font-size: 13px; font-weight:bold;}
.headingGrBg { font-size: 14px; font-weight:bold;  text-transform: capitalize;
background-color: #CCCCCC;padding:4px 6px 2px 4px; line-height: 150%; text-decoration: underline;}
.normal {font-size: 12px; line-height: 150%;}

div.answers {
	border-width: 1px; border-color: navy; border-style: solid;
	width: 90%;
	text-align: center;
	padding: 10px;
	margin-left:20px;
}


/*temp defaults for use during setup*/
table.main, td.mainLNav, td.mainRNav, td.mainSplashWRnav,
	td.mainSplashWoRnav, td.mainContextNav, tr, td {border: 0px; border-color: yellow; border-style: solid;}
	td.mainLNav, td.mainRNav, td.mainSplashWRnav,
	td.mainSplashWoRnav {border-width: 0px 0px 0px 0px; border-color: red; border-style: solid;}


/**/
table.main {width: 790px; background-color: White; border: none;}
table.mainHdr {width: 100%;}
	td.mainHdr {width: 100%;}
	td.mainLNav {width:128px; height: 460px; padding: 0px 12px 0px 0px;}
	/*tables, divs, etc in LNav should be set to width: 100%;*/
	td.mainRNav {width:146px; padding: 0px 12px 0px 12px;}/*forces 10px between right and splash*/
		/*tables, divs, etc in LNav should be set to width: 100%;*/
	td.mainSplashWRnav {width:500px;  padding: 0px 0px 0px 0px;} /*splash area has full 500 to work with when rNav is present*/
	td.mainSplashWoRnav {width:640px; padding: 0px 60px 0px 0px;} /*splash area has 650 to work with when rNav is absent*/

table.mainFtr{border-width: 2px 0px 2px 0px; border-color: #0033CC; border-style: solid; margin-top:20px;
margin-bottom:14px;}
	td.mainFtr {width:790px; height: 100px;}

/*contextNav/path formatting*/
td.mainContextNav {height:16px;}
p.contextNav{padding:0px;  font-size: 10px; color:gray; width:300px;padding-left:8px;
border:0;border-top:1px;border-bottom:1px; border-color:gray; padding-top:2px;padding-bottom:2px;
border-style: dashed;height:14px; text-transform: uppercase;margin:0px;margin-bottom:10px;}


/*header classes*/
table.headerMenu{background-color:#0033CC; width:100%;border:0px;margin-bottom:16px;}
	td.headerMenu, td.headerMenuRight {padding:0px; margin:0px;padding-left:10px;background-color:white;color:navy;padding-top:6px;
	padding-bottom:10px; }
	td.headerMenuRight {	text-align: right; padding-right: 8px;}
table.headerSearch {background-color:#0033CC; width:100%;border:0px;}
	td.headerSearch {height:24px; vertical-align: middle; font-size: 9px; padding:2px 0px 2px 7px; color:white;border:0px;}
	select.headerSearch{width:120px;margin: 0px 0px 0px 6px;}
	form.headerSearch { background-color: navy;}
	td.altMenuCell {vertical-align: bottom;text-align:right;height:110px;}
	td.hdrAddressInfo {height:80px;; text-align: right;}
	p.hdrAddressInfo {font-size:10px;color:navy;padding-top:4px;padding-right:10px; text-align:left;}
	td.altMenu{ height: 22px; vertical-align: bottom; width:300px; background-color:#FFCC00; 
	background-color:white;text-align: right;}
	p.altMenu{margin:0px;padding:0px; padding-right:8px;padding-bottom:4px;}

/*productListing search results used in resultsNavigation*/
table.searchResultsTop{border-width: 0px 0px 0px 0px; border-color: gray; 
border-style: solid none solid none;}
	td.searchResultsDisplay {font-size:12px; padding: 0px 0px 6px 0px;text-transform: capitalize;}
	td.searchResultsFilters, td.searchResultsPagesToShow, td.sortBy {font-size:9px;
font-family:verdana,arial,sans-serif; text-decoration: none; text-align:left; padding: 6px 0px 5px 0px;}
	td.searchResultsFilters,td.sortBy{ vertical-align: top;}
	td.sortBy {text-align:right;}
	td.searchResultsFilters, td.sortBy {border-width: 1px 0px 1px 0px; border-color: navy; border-style: dashed none dashed none;}
	td.searchResultsPagesToShow{text-align:left;}
/* Previous-Next Styles */
	a.prevNext, a.prevNext:hover, a.prevNext:visited, div.prevNext, td.prevNext {font-size:10px;
	font-family:verdana,arial,sans-serif; text-decoration: none;}
	select.itemFilter{font-size:9px;margin: 0px 2px 0px 2px; padding:0px 0px 0px 0px; vertical-align: middle;}
	td.prevNext {padding: 6px 0px 5px 0px; text-align: right;font-size:9px;}
	tr.prevNext, tr.listHeadings {padding-top: 10px;}
	tr.listHeadings {padding-bottom: 4px;}

/*leftNav,right display boxes*/
table.leftNavBox {margin: 0px 0px 0px 0px; width:140px; border-color:#0033CC;border-width: 0px 1px 1px 0px;
border-style: solid solid solid solid;}
	td.leftNavHeader {background-color:#0033CC;color: white;padding: 4px; font-weight:bold;}
	td.leftNavCopy {padding: 8px 2px 8px 4px;height: 24px}
	p.leftNavHead, p.leftNavHead1, p.leftNavHead2, p.rightNavHead1 {margin: 0px 0px 3px 0px;}
	p.leftNavHead, p.leftNavHead1, p.leftNavHead2, p.rightNavHead1, p.rightNavHead2 { font-weight:bold;	}
	p.leftNavHead2, p.rightNavHead2 { margin-top: 8px;}
	p.leftNavItem, p.rightNavItem {margin: 0px 0px 2px 7px;}

table.rightNavBox {margin: 0px 0px 0px 0px; width:100%; border-color:#CC3333;border-width: 0px 1px 1px 1px;
border-style: solid solid solid solid;}
	td.rightNavHeader {background-color:#CC3333;color: white;padding: 4px; font-weight:bold;}
	td.rightNavCopy {padding: 8px 2px 8px 4px;height: 40px; }
	p.rightNavHead1, p.rightNavHead2, p.rightNavItem {color: #CC3333;}

	
table.cartInfo {margin: 0px 0px 0px 0px; width:100%; border-color:#0033CC;border-width: 0px 1px 1px 1px;
border-style: solid solid solid solid;}
	td.cartInfoHeader {background-color:#0033CC;color: white;padding: 4px; font-weight:bold;}
	td.cartInfoCopy {padding: 6px 4px 6px 4px; height: 40px}	
	td.cartInfoFooter {background-color:#0033CC;color: white;padding: 4px; font-weight:bold;
	font-size: 10px; text-align: center;}
	p.rightNavCartHead {font-weight:bold; margin-left:2px;}
	
/* Center section - itemListings, itemDetail, etc */
/*Item Display classes for item listings*/
table.listTable{}
	/*itemListCell is the td that holds all of the individual item tables*/
	td.itemListCell{width:500px;padding-right:4px;}
	/*unique table for each item has border*/
	table.itemDisplayInList{border-width: 0px; border-color: navy; border-style: dashed;margin:4px 0px 0px 4px;}
		/*itemSaleNotice only displays if the price is below retail*/
		td.itemSaleNotice, td.itemNoSaleNotice{color:white;
		font-weight:bold;padding:1px 0px 1px 4px;}
		td.itemSaleNotice{color:red;}
		/*itemImage centers the gif/jpgeg*/
		td.itemImage{ padding:2px 0px 0px 0px;text-align: center;}
		/*itemNumber centers the gif/jpgeg*/
		td.itemNumber, td.itemName, td.itemPrice,td.itemMfgName,
		 td.itemFooter{padding-left:4px;font-size:11px;width:160px;}
		td.itemNumber{text-transform: uppercase;font-weight:bold;}
		td.itemMfgName{text-transform: capitalize;font-weight:bold;}
		td.itemName{text-transform: capitalize;}
		td.itemPrice{}
		td.itemFooter{border-width: 0px 0px 1px 0px; border-color: gray; border-style: dashed;
		padding:2px 0px 4px 0px;margin: 2px 0px 0px 0px;}

/*ProductDetail Page*/
table.productDetail{ width:100%;}
	td.productDetailImage{width:220px; text-align: center; padding: 8px 0px 16px 0px;}
	td.productDetailRight{}
	td.productDetailImage{}
	td.prodDetailItemTitle {height:24px; vertical-align: top;}
		p.prodDetailItemTitle { font-size:13px; font-weight:bold;}
		p.prodDetailItemTitle2 { font-size:12px; font-weight:bold; padding: 0px 0px 6px 0px;}
		p.itemSubtitle { font-size:12px;  padding: 0px 0px 8px 8px;}
		p.itemDescription { font-size:11px; padding: 0px 0px 8px 18px;}
		
div.moreInfoForm{ width:100%; margin:20px 0px 20px 0px; padding: 6px 6px 6px 6px;
							border-width: 1px 1px 1px 1px; 
							border-color: #0033CC; border-style: dashed;
						    }
	td.moreInfoFormHeader{ 	border-width: 0px 0px 0px 0px; border-color: #0033CC; border-style: solid;
	padding: 8px 6px 4px 6px; background-color: #0033CC;	 }
	td.moreInfoForm{ border-width: 1px 1px 1px 1px; padding: 4px 4px 4px 4px;
							border-color: #0033CC; border-style: solid; text-align: center;}

table.addToCart{ width:100%; margin-top:12px;}
	td.addToCartTitle{text-align: left; padding: 0px 0px 0px 0px; text-transform: uppercase;
      font-weight:bold; vertical-align: bottom;}
	td.addToCartLeft{ text-align: right; padding: 0px 6px 5px 0px; vertical-align: top;
	font-weight:bold;}
	td.addToCartRight{ text-align: left; padding: 0px 0px 5px 0px; vertical-align: middle;}

	
/*general content pages w/no rnav */
table.generalSplashNoRNav { width:100%;}
	td.contentAreaTitle {height:24px; vertical-align: top;}
	td.generalMessageRow  { font-size:11px; padding: 0px 10px 8px 8px;}
	p.generalTitle{ font-size:13px; font-weight:bold; }
	p.generalMessage { font-size:12px; padding: 0px 0px 8px 8px;}
	p.copy {font-size:12px; line-height: 150%; margin: 0px 10px 14px 0px; 	}
	image.homeSplash{ margin: 0px 0px 14px 0px;	}
	
table.brandLists { text-align: center; margin-top: 20px; }
	
table.cart{ width: 620px;border-color:#0033CC;border-width: 1px 1px 1px 1px;
border-style: solid solid solid solid; margin-top:14px;}
	tr.columnHead, tr.cartFooter {background-color:#0033CC; height: 20px;}
	td.columnHead, td.columnHeadRight {background-color:#0033CC;color: white;
	font-weight:bold; padding: 0px 2px 6px 4px;
	text-decoration: underline; vertical-align: bottom; }
	td.cartItem, td.cartItemRight {padding: 4px 2px 2px 4px; font-size:10px; vertical-align: middle;}
	td.columnHeadRight, td.cartItemRight {text-align: right;}
	select.cart, input.cart {font-size:9px;}
	td.cartFooter, td.cartFooterRight {color: white;padding: 4px; font-weight:bold;
	font-size: 12px; text-align: center; vertical-align: middle;}
	
table.generalFormContainer{ width:500px; margin-bottom: 20px; }
	td.normalLabelLeft { text-align: right; padding: 0px 6px 5px 0px; vertical-align: middle;
	font-weight:bold;	}
	td.submit { text-align: right; vertical-align: middle; height: 40px;} 
	td.normalInputRight {	}
	p.normalFormLabel {	}
	p.smallFormLabel {	}
		
/*text classes*/
span.itemSalePrice {color:red;}
span.origPrice { text-decoration: line-through;}
span.red {color:red;}
span.blue {color:#0033CC;}
span.genderNote {font-size:9px;}

p.footerAddress { font-size:12px; margin-bottom: 12px; margin-left: 16px; margin-top: 12px;}
p.footerCopyright {font-size:11px;margin-bottom: 8px;margin-left: 16px; margin-top: 0px;}