/*

@2007 Sanderson.com

Table of Contents:
01 - Crumbtrail/Product listing browse
02 - Sub group listing
03 - Product listing / Related items
04 - Product detail
05 - Related items

*/

/* ------------------------------------------------------------------------------ */
/* 01 - Crumbtrail/Product listing browse ------------------------- */
/* ------------------------------------------------------------------------------ */

#crumbs {
			padding: 15px 5px 18px 5px;
			font-size: 1.1em;
			background-color: #FFFFFF;
			}
			#crumbs p {margin: 0; padding: 0;}
			#crumbs p span {/*display: none;*/}

#prodPageNav {border-bottom: 2px solid #FFFFFF;background-color: #E6E6E6; line-height: 60px;}
		#prodPageNav select {vertical-align: middle;}
		#prodPageNav p {margin: 0; padding: 0 5px; line-height: 3em;}

		#filterBy {width: 38%; float: left;}
				#filterBy select {width: 180px;}

		#pgJmp {width: 59%; float: right;}
				#pgJmp select {width: 50px;}
				#pgJmp p {text-align: right;}
		#prodFooter {border-top: 1px solid #CCCCCC; margin: 0; padding: 5px 10px; text-align: right;}

/* ------------------------------------------------------------------------------ */
/* 03 - wgrp + wgrpPart + Related items  --------------- */
/* ------------------------------------------------------------------------------ */

ol#wgrp,
ol#wgrpPart {
		/* see CLEARFIX */
		/*float: right;*/
		width: 100%;
		list-style-type: none;
		list-style-position: outside;
		margin: 0;
		padding: 5px 0 0 0;
		font-size: 1.1em;
		}

		ol#wgrp li,
		ol#wgrpPart li {
				width: 142px;
				background-color: #FFFFFF;
				float: left;
				margin: 0 0 5px 5px;
				text-align: center;
				/* IE fix here */
				}

				ol li#headSumm {
						width: 730px;
						text-align: left;
						background-color: white;
						display: none;
						}
						ol li#headSumm h1 {color: #999999;padding-left: 5px;}

				ol#wgrpPart li div.vsInnerGoto {background-color: #eeF3fa; margin: 3px; padding: 3px; }
						ol#wgrpPart li div.vsInnerGoto img.small {margin: 0;}

				ol#wgrp li h2,
				ol#wgrpPart li h2 {
						font-size: 1.1em;
						font-weight: bold;
						height: 28px;
						margin: 0; padding: 3px 3px 5px 3px;
						text-align: left;
						background-color: #EEF3FA;
						border-top: none;
						border-right: 3px solid #FFFFFF;
						border-bottom: 1px solid #CCCCCC;
						border-left: 3px solid #FFFFFF;
						}
				ol#wgrp li h2 {text-align: center;border-bottom: 3px solid #FFFFFF;}
						
				ol#wgrp li h3,
				ol#wgrpPart li h3 {
						font-size: 0.9em;
						color: #666666;
						margin: 0; padding: 5px 3px 0 3px;
						text-align: left;
						background-color: #EEF3FA;
						border-top: 3px solid #FFFFFF;
						border-right: 3px solid #FFFFFF;
						border-bottom: none;
						border-left: 3px solid #FFFFFF;
						}

				ol#wgrp li a:link, ol#wgrp li a:visited,
				ol#wgrpPart li a:link, ol#wgrpPart li a:visited {
						color: black; border: none;
						}
				ol#wgrp li a:hover, ol#wgrp li a:hover,
				ol#wgrpPart li a:hover, ol#wgrpPart li a:hover {
						color: #5488CA;
						border: none;
						}

				ol#wgrp li img.small,
				ol#wgrpPart li img.small {
						margin: 0 6px;
						border-top: 5px solid #FFFFFF;
						border-bottom: 5px solid #FFFFFF;
						width: 130px; height: 130px;
						}

				dl.vsPrice, dl.vsPriceGoto {
						/* CLEARFIX */
						margin: 0px 3px; padding: 6px 0;
						font-size: 1.1em;
						line-height: 1.2em;
						border-top: 1px solid #CCCCCC;
						border-bottom: 1px solid #CCCCCC;
						}
				dl.vsPriceGoto {margin: 5px 0;}
						dl.vsPrice dt, dl.vsPriceGoto dt {float: left; width: 49%; text-align: left;}
						dl.vsPrice dd, dl.vsPriceGoto dd {float: right; width: 46%; text-align: right;}
						
						dl.vsPrice dt.srp, dl.vsPrice dd.srp,
						dl.vsPriceGoto dt.srp, dl.vsPriceGoto dd.srp {
								color: #5488CA;
								}

						dl.vsPrice dt.incl, dl.vsPrice dd.incl,
						dl.vsPriceGoto dt.incl, dl.vsPriceGoto dd.incl {
								height: 2.4em;
								}


				p.vsInfo img {padding: 5px 3px 20px 3px; text-align: left;}

#prodFooter {clear: both;}

/* ------------------------------------------------------------------------------ */
/* 04 - Product detail --------------------------------------- */
/* ------------------------------------------------------------------------------ */

#prodDetsContainer {background-color: #FFFFFF; margin: 5px;padding: 10px;}

		/* IMAGE ---------------------------------------------------------------------------------------------------------------------------------- */
		#prodImg {float: left;width: 299px;margin: 0; text-align: center;}
		#prodImg img#pimage {width: 250px;border: 1px solid #CCCCCC; margin: 0 auto;padding: 0 23px 0 24px;}

		/* DETAILS + Email a Friend ---------------------------------------------------------------------------------------------------------- */
		#prodDets {float: right;width: 380px; margin: 0 5px;}
				
				#prodDets h1 {margin: 0; padding: 0;font-weight: bold; font-size: 190%;}
				#prodDets h2, #prodImg h2 {margin: 15px 0 ; padding: 0; color: #09809E; font-size: 180%;font-weight: normal;text-align: left;}
				#prodDets h3 {margin: 0; padding: 5px 0;color: #666666;font-weight: normal;font-size: 1.1em;}
				
				p.partCode {margin: 0; padding: 5px 0;}
				
				dl#priceContainer {margin: 0; padding: 15px 0;font-size: 190%;border-top: 1px solid #CCCCCC;}
				dl#priceContainer dt {float: left; width: 55%; line-height: 115%;}
				dl#priceContainer dt.srp, dl#priceContainer dd.srp {color: #5488CA;}
				dl#priceContainer dd {float: right; width: 40%; text-align: right; line-height: 115%;}
				
				#buyOnlineContainer {
						background-color: #EEF3FA;
						border-bottom : 1px solid #CCCCCC;
						}
						
						table#buyOptions {width: 95%; margin: 10px 5px 0 5px;}
						table#buyOptions th {width: 27%; text-align: left;padding: 0 0 5px 0;}
						table#buyOptions td {padding: 0 0 5px 0;}
						table#buyOptions input.atb {margin-bottom: 10px;}

						p#stock {margin: 0;padding: 15px 5px;text-align: left;}
								p#stock span {}
						
						img.brandLogo {margin: 15px 0 0 0;}
						div#descr {line-height: 1.3em;}
						
						ul#specifications {}
								ul#specifications li {
										margin: 0 0 5px 0; padding: 0 0 0 15px;
										line-height: 1.3em;
										background: url('../img/bullets/specBullet.gif') 0 0.3em no-repeat;
										}
						
						input#buyBtnDDL {margin: 10px 0;display: block;}
						
						p#emailFriend {margin: 10px 0;line-height: 19px;font-weight: bold;}
							p#emailFriend img {float: left;vertical-align: bottom;}





						/* ALL POPUP WINDOWS */

						body#pops {margin:10px; padding:5px; background: url('../img/popUpBg.gif') 50% 0%;}
						
						body#pops p {clear: both; margin: 10px 0; line-height: 1.3em;}
						
						#popsContainer {
								border: 3px solid #CCCCCC;
								padding: 15px;
								background-color: #FFFFFF;
								font-size: 1.1em;
								}
								#popsContainer h1 {
										background-color: #09809E;
										margin: -10px -10px 20px -10px; padding: 10px;
										border-top: 3px solid #003543;
										}
								#popsContainer h2 {
										border-bottom:1px solid #E4E4E4;
										margin:0;padding:0;
										line-height: 1.6em;
										font-weight: bold;
										}
								#popsContainer h3 {
										color:#666666;
										font-size:1.1em;
										font-weight:normal;
										margin:0px; padding:0px;
										}
								#popsContainer h4 {
										clear: both;
										margin:10px 0;padding:0;
										line-height: 1.6em;
										color: #999999;
										}

								#popsContainer p.delAddr {padding: 10px 0;}

								#popsContainer td.totalCarrier, 
								#popsContainer td.totalOrder {
										text-align: right;
										font-size: 1.3em;
										color:#5488CA;
										padding: 5px;
										}

p.consig {background: #eeF3fa url('../img/shipped.gif') center left no-repeat;margin: -10px 2px 20px 0;padding: 15px 10px 15px 56px;}


/* ------------------------------------------------------------------------------ */
/* XX - Misc --------------------------------------- */
/* ------------------------------------------------------------------------------ */

#boughtMsg {border-top: 1px solid #E4E4E4; border-bottom: 1px solid #E4E4E4; background-color: #ECECEC;margin-top: 10px; padding: 10px 5px;}
#boughtMsg p {margin: 0; padding: 0;}