/* ---------------------------------------- */
/* Name: page.css
/* ---------------------------------------- */
/* Producer: Matt Latzke
/* Production Date: 06-12-08
/* ---------------------------------------- */
/* Description: page styles for idea factory
/* ---------------------------------------- */
/* Revisions:
/* ---------------------------------------- */
/* Top Floor Technologies
/* http://www.topfloortech.com
/* ---------------------------------------- */

@import url(framework.css);
@import url(thickbox.css);
@import url(content.css);

/* ---------------------------------------- */
/* Colors
/* ---------------------------------------- */
/* Very Light Blue: #8ec6f6
/* Dark Blue Text: #3572a6
/* Dark Red Links: #b34f4b
/* ---------------------------------------- */

/* --- Header --- */
	#header_skin h2 a{display:block; height:101px; width:250px; background:url(../images/logo.png) no-repeat bottom right; padding:19px 0 0 25px; float:left;}
/* --- Branding --- */
	#branding{height:430px; position:relative;}
		html>body #branding{height:auto; min-height:480px;}
/* --- Content --- */
	#content{padding-top:27px;}
/* --- Left Nav --- */
	#lNav{float:left; width:195px; padding-left:12px;}
	#lNav a:hover, #lNav a:visisted:hover{color:#b34f4b;}
	#lNav ul{list-style:none;}
	#lNav ul li h4 a{display:block; height:47px; width:155px; padding-left:18px; line-height:45px; text-decoration:none; font-weight:normal; background:url(../images/red_lNavBg1.gif) no-repeat top left; color:#fff; font-size:12px}
	#lNav ul .current h4 a{background-position:bottom left;}
	#lNav ul ul h4 a{height:38px; line-height:37px; background:url(../images/red_lNavBg2.gif) no-repeat top left; color:#fff;}
	#lNav ul li h4 a:hover, #lNav ul li .subopen:hover{color:#B13344 !important; text-decoration:none;}
	#lNav h5 a, #lNav h6 a{display:block; color:#b13344; background:url(../images/red_gNavDelimiter.gif) no-repeat 0 5px; padding-left:10px; font-size:12px; font-weight:normal; margin:0 0 5px 13px; width:147px; line-height:14px;}
	#lNav ul ul{margin-bottom:10px;}
/* --- Content Shell --- */
	#contentShell{float:left; width:683px;}
/* --- Content Buffer --- */
	#contentBuffer{float:left; margin-top:15px;}
	.contentSmall{width:388px;}
	.contentLarge{width:683px;}
	#contentBuffer ol li{list-style:decimal;}
	#contentBuffer #faq li{margin-bottom:1em;}
	#contentBuffer #faq h3{margin-bottom:2px;}
	#contentBuffer ul li{list-style:disc;}
	/* --- Breadcrumbs --- */
		#breadcrumbs{color:#f5b2bf; font-size:11px; margin-left:0 !important; float:left;}
		#breadcrumbs li{border:none; background:url(../images/red_breadcrumbDelimiter.gif) no-repeat left center; padding-left:10px; margin-left:2px;}
		#breadcrumbs .home{background-image:none;}
		#content #breadcrumbs a{color:#f5b2bf;}
		#content #breadcrumbs a:hover{color:#f5b2bf;}
		#content #breadcrumbs a:visited:{color:#f5b2bf;}
	/* --- Content Styling --- */
		#myOnPageContent{display:none;}
	/* --- Product Nav --- */
		#contentBuffer #prodNav2{clear:both; list-style:none; padding-top:15px; margin-left:-1px;}
		#contentBuffer #prodNav2 li{width:183px; height:210px; float:left; list-style:none;}
		#contentBuffer #prodNav2 .first{margin-right:11px;}
		html>body #contentBuffer #prodNav2 .first{margin-right:22px;}
		#contentBuffer img{border:none;}
		#contentBuffer #prodNav2 h2{padding-top:0;}
		#contentBuffer #prodNav2 h2 a{display:block; font-size:14px; color:#b34f4b; background:url(../images/redDot.gif) no-repeat 0 6px; padding-left:10px; margin-left:3px;}
		#contentBuffer #prodNav2 .secondRow{margin-top:11px;}
		html>body #contentBuffer #prodNav2 .secondRow{margin-top:22px;}
		#cart{display:block; height:41px; width:115px; text-align:center; line-height:30px; padding-top:8px; color:#fff; font-size:12px; font-weight:bold; background:url(../images/red_cartButton.gif) no-repeat top left; margin-left:-3px; float:left;}
		#cart:hover{text-decoration:none; color:#f5b2bf;}
		#price{float:left; font-size:14px !important; color:#b13344; height:49px; line-height:49px !important; margin-left:15px;}
		#contentBuffer .underLink a{border-top:1px solid #8DC7F5; color:#b34f4b; display:block; font-size:14px; padding-top:16px; background:url(../images/redDot.gif) no-repeat 0 21px; padding-left:10px; margin-left:3px;}
	/* --- Attribute Tabs ---*/
		#tabs{list-style:none; background: url(../images/tabTop.gif) no-repeat bottom left; height:38px; clear:both; margin:0 0 0 -3px !important;}
		#tabs li{float:left; height:38px; width:90px;}
		#tabs li a{display:block; width:100%; height:30px; text-align:center; line-height:25px; padding-top:8px; font-size:12px; color:#3572a6;}
		#tabs li a:hover{text-decoration:none; color:#b34f4b;}
		#info1, #info2, #info3, #info4{background-position: top left; background-repeat:no-repeat;}
		#info1{background-image:url(../images/red_firstTab.gif);}
		#info2, #info3, #info4{background-image:url(../images/red_middleTab.gif);}
		#tabs .current{background-position:bottom left;}
		
		#options{background:url(../images/red_optBg.gif) no-repeat bottom left; padding:10px 20px 20px 18px; margin-left:-3px; }
		#contentBuffer .colors li{list-style:none;}
		#contentBuffer .colors strong{display:block; width:100% !important;}
/* --- Right Nav --- */
	#rNav{float:left; width:295px; margin-top:-55px;}
	#shoppingCart{display:block; color:#fff; height:49px; width:160px; padding-left:17px; line-height:47px; background:url(../images/red_shoppingCartBg.gif) no-repeat top left; font-size:14px; font-weight:bold; float:right;}
	#shoppingCart:hover{text-decoration:none; color:#f5b2bf;}
	#rNav #shoppingCart{margin:0 0 18px 0;}
	
	#distributors{display:block; color:#fff; height:49px; width:160px; margin:-18px 0 18px 0; padding-left:17px; line-height:47px; background:url(../images/red_distributorBg.gif) no-repeat top left; font-size:14px; font-weight:bold; float:right; clear:right;}
	#distributors:hover{text-decoration:none; color:#f5b2bf;}
	
	#rNav ul{float:right; font-size:11px; margin-bottom:2px; clear:right; width:100%; text-align:right;}
		html>body #rNav ul{margin-right:3px;}
	#rNav ul li{border:none; background:url(../images/red_gNavDelimiter.gif) no-repeat left center; padding-left:10px; margin-left:2px;}
	#rNav ul .first{background-image:none;}
	#rNav ul li a{color:#b13344;}
	
	#rNav #prodPic, #rNav .prodPic{margin:18px 0 0 22px;}
	#rNav #prodPic object, #rNav .prodPic object{margin-top:18px;}
	#rNav .prodPicMulti{margin-left:22px;}
	#rNav #brandingPic{position:absolute; bottom:0; right:0;}