/* ========================================================================================
Ellis Direct: Main Layout 
Version:2.1
Author: Raphael Marsh
Email: raphael@onbrand.co.uk
OnBrand Design Studio
Last Updated: 01 March 2010
=========================================================================================== */

/* STANDARD FORMATTING 
=========================================================================================== */
body {
  font-family:Tahoma, Arial, Verdana;
  font-size:63.3%;
  background-color:#667a7d;
  background-image:url(/images/images/generic-img/generic-bg-blend.gif);
  background-position:top;
  background-repeat:repeat-x;
  margin:0;
  padding:0;
  min-width:980px;
}

h1 { margin:0; }
h2 { margin:0; }
h3 { margin:0; }
h4 { margin:0; }
h5 { margin:0; }
img { border:none; }
p { color:#555; font-size:1.1em; margin:0; }
.fr{ float:right; }
.fl{ float:left; }
.fn{ float:none; }
.cb{ clear:both; }
a:link { text-decoration:none; }
a:hover { text-decoration:underline; }
a:active { text-decoration:underline; }

.left { float:left; }
.right { float:right; }

/*#acceskeys {
  position:relative;
  padding:0;
  margin:auto;
  width:980px;
  text-align:left;
  display:none; TEMPORARY MEASURE
}
#skiplinks ul {
  padding:0;
  margin:0;
  list-style-type:none;
  display:none; TEMPORARY MEASURE
}
#skiplinks li {
  padding:0;
  margin:0;
  display:inline;
  list-style-type:none;
}
#skiplinks a {
  position:absolute;
  border: white 1px solid;
  font-size: 1.2em !important; 
  z-index: 1000; 
  top:-8px;
  left: 8px; 
  overclow: hidden; 
  width: 0px;
  height: 0px;
  color: #000000;
}
#skiplinks a:active {
  position:absolute;
  border: #b6db4d 1px solid;
  padding:3px;
  margin:auto;
  overflow:visible;
  width:auto;
  height:auto;
  background-color:#e7ff44;
}
#skiplinks a:focus {
  position:absolute;
  border: #b6db4d 1px solid;
  padding:3px;
  margin:auto;
  overflow:visible;
  width:auto;
  height:auto;
  background-color:#e7ff44;
}*/
div#wrapper {
  width: 980px; 
  margin: auto; 
  text-align: left;
  padding-bottom: 4px;
  background: #ffffff url(/images/images/generic-img/header-bg.gif) top left repeat-x;
}


div#content {
	width:804px;
	float:right;
}
div#pageContent {
	float:left;
	width:624px;
	margin:2px;
	background-color:#FFFFFF;
	 
}
div#secondaryNav {
	width: 176px;
	display: block; /* :KLUDGE: Fixes IE double margin float bug */
	float: left; 
}
div#featureContent {
	width: 176px;
	display: block; /* :KLUDGE: Fixes IE double margin float bug */
	float: right; 
	background:url(/images/images/generic-img/featured-column-bg.gif) repeat-y;
}



/* Full Width Page
=========================================================================================== */
.fullWidth #featureContent {
	display:none;
}
.fullWidth #pageContent {
	width:800px;
}

/* Full Width Homepage
=========================================================================================== */
.fullWidth #introPanel .homepage {

}
.fullWidth .content-holder {
	float:left; width:784px; padding:10px 8px;
	background:#ffffff url(/images/images/generic-img/fullwidth-divider.gif) top center no-repeat;
}
.fullWidth .featured-holder {
	width:auto; padding:10px 8px;
	background:#ffffff url(/images/images/homepage/fullwidth-feature.gif) top no-repeat;
}
.fullWidth .featured-holder h2 {
	font-size:150%; padding:4px 10px 7px 6px; border:#989898 1px solid; height:1%; color:#ffffff; display:block;
	background:#b2b2b2 url(/images/images/generic-img/headerbar-bg.gif) bottom repeat-x;
}
.fullWidth .featured-holder h2 {
	background:#b2b2b2 url(/images/images/generic-img/headerbar-bg.gif) bottom repeat-x;
}

.fullWidth .content-holder h1 {
	background:#b2b2b2 url(/images/images/generic-img/headerbar-bg.gif) bottom repeat-x;
}
.fullWidth .content-holder h2 {
	background:#b2b2b2 url(/images/images/generic-img/headerbar-bg.gif) bottom repeat-x;
}


/* ------- Reset CSS --------- */

ol,ul {
	list-style: none;
    margin: 0;
    padding: 0;
	font-size:1.1em;
}
.clear {
	clear: both;
    text-indent: -9999px;
}

/* ------- Layout Rules ------- */

#container {
	width: 980px;
	margin: 0 auto;
}


	


/* Shopping Basket
=========================================================================================== */
#header{ width:980px; height:96px; float:left; position:relative; }

#header .logo-holder { width:280px; display:block; float:left; postion:absolute }
#header .logo{ margin:20px 0px 0px 11px; height:37px; padding:0; float:left; display:inline; }
#header p.strapline { float:left; font-size:120%; color:#173977; margin:8px 0 0 12px; width:256px; }

#header #basket th, td  { border-right:0px !important; }
#header #basket { float:right; position:relative; top:56px; right:12px; display:block; width:339px; height:34px; background:url(/images/images/generic-img/basket-bg.gif) top left no-repeat; }
#header #basket table { width:auto; margin: 7px 0 6px 34px; font-size:11px !important; }
#header #basket p { color:#c5ddff; font-size:11px !important; }
#header #basket p.items { float:left; padding-left:2px; font-weight:bold; color:#fff; font-size:13px !important;}
#header #basket p.price { float:left; padding-left:2px; color:#fff; font-weight:bold; font-size:13px !important; }

#header #basket .view {
	float:right; position:absolute; top:4px; right:78px; width:58px; display:inline;
}
#header #basket .view a {
	width: 58px; text-indent: -5000em; position: absolute; height: 25px; overflow:hidden;
	background: url(/images/images/generic-img/top-view.gif) no-repeat 0px 0px;
}
#header #basket .view a:hover {
	background-position: 0px -25px
}
#header #basket .checkout-empty {
	float:right; position:absolute; top:4px; right:3px; width:82px; display:inline;
}
#header #basket .checkout-empty a {
	width: 82px; text-indent: -5000em; position: absolute; height: 25px; overflow:hidden;
	background: url(/images/images/generic-img/empty-checkout.gif) no-repeat 0px 0px !important;
}
#header #basket .checkout {
	float:right; position:absolute; top:4px; right:3px; width:73px; display:inline;
}
#header #basket .checkout a {
	width: 73px; text-indent: -5000em; position: absolute; height: 25px; overflow:hidden;
	background: url(/images/images/generic-img/top-checkout.gif) no-repeat 0px 0px;
}
#header #basket .checkout a:hover {
	background-position: 0px -25px
}

#header .searchPanel {
	float:left; position:relative; top:60px; left:34px; width:300px;
}
#header .searchPanel label {
	font-size:120%; color:#38547c; font-weight:bold; padding-right:3px;
}
#header .searchPanel input {
	font-size:120%; width:200px; padding:3px; color:#999; border:#bcbcbc 1px solid; 
	background:#fff url(/images/images/generic-img/search-magni.gif) right no-repeat;
}
#header .searchPanel a {
	font-size:120%; color:#38547c; font-weight:bold; padding-left:3px; text-decoration:underline;
}
#header .searchPanel a:hover {
	color:#bf2726; text-decoration:none;
}

#header .userDetails { float:right; position:absolute; bottom:46px; right:20px; height:30px; display:block; width:340px; }
	#header .userDetails ul { float:right; }
		#header .userDetails ul li { float:left;}
			#header .userDetails ul li strong { color:#38547c; }
				#header ul li a { color:#020202; margin-left:10px; padding-left:8px; text-decoration:underline; }
					#header ul li a:hover { color:#bf2726; text-decoration:none; }
#header .userDetails ul li.userName a { color:#bf2726; background:none; text-decoration:underline; font-weight:bold; padding:0; margin:0; }
	#header .userDetails ul li.userName a:hover { text-decoration:none; }
	#header .userDetails ul li.log a { color:#6f6f6f; border-left:#ccc 1px solid;  }
		#header .userDetails ul li.log a:hover { color:#bf2726;  }


/* Breadcrumb Trail
=========================================================================================== */
div#breadcrumb{
	float:left; width:966px; height:32px; padding:0 7px;
	background:url(/images/images/generic-img/breadcrumb-bg.gif) top left repeat-x;
}
	#breadcrumb span {
		color:#8e8e8e;
	}
	#breadcrumb ul {
		margin-top:8px;
	}
		#breadcrumb ul li {
			display:inline; margin:0px 4px 0 5px; color:#bf2726;
		}
			#breadcrumb ul li a {
				color:#555555; font-weight:normal; text-decoration:none;
			}
			#breadcrumb ul li a:hover {
				color:#bf2726; text-decoration:underline;
			}

/* CONTENT 
=========================================================================================== */
#introPanel {
	border-bottom:#FFFFFF 1px solid;
}
	#introPanel p {
		font-size:120%; line-height:140%; color:#FFFFFF;
}

div.content-holder {
	width:auto; display:block; padding:10px 8px;
	background:#ffffff url(/images/images/generic-img/content-divide-bg.gif) top no-repeat;
}
.content-holder h1 {
	font-size:180%; padding:4px 10px 7px 6px; border:#989898 1px solid; color:#FFFFFF; display:block; height:1%;
	background:#b2b2b2 url(/images/images/generic-img/headerbar-bg.gif) bottom repeat-x;
}
	.content-holder p.prodBack {
		float:right; margin:-26px 15px 0 0; color:#fff; font-weight:bold; font-size:120%;
	}
		.content-holder p.prodBack a {
			color:#fff; text-decoration:underline;
		}
			.content-holder p.prodBack a:hover {
				text-decoration:none;
			}
.content-holder h2 {
	font-size:150%; display:block; height:1%; padding:4px 10px 7px 6px; border:#989898 1px solid; color:#ffffff;
	background:#b2b2b2 url(/images/images/generic-img/headerbar-bg.gif) bottom repeat-x;
}
.content-holder .aboutContent h4.question {
	text-transform:none; font-size:130%; line-height:140%; color:#253f7c; margin:6px 0 3px 0;
}
.content-holder .aboutContent ul {
	margin:14px 14px 14px 25px;
}
	.content-holder .aboutContent ul li {
		list-style:disc; font-size:120%; color:#555555; padding:0 30px 5px 0;
	}
		.content-holder .aboutContent p a.link {
			color:#bf2726; text-decoration:underline
		}
			.content-holder .aboutContent p a.link:hover {
				text-decoration:none
			}


.productMenu {
	width:auto;
	padding:8px 4px 4px 4px;
}
.productMenu .offerbox {
	float:left;
	width:148px;
	border-right: #d3d3d3 1px dotted;
}
.productMenu .end {
	border-right:none !important;
}



.flatContent {
	padding:10px;
}
.flatContent h3 {
	font-size:140%; line-height:140%;
}
.flatContent p {
	font-size:110% !important; line-height:140%; color:#555555 !important;
}
	.flatContent p a {
		font-weight:bold; text-decoration:underline;
	}
		.flatContent p a:hover {
			text-decoration:none;
		}
.flatContent ul {
	padding:12px 20px;
	margin:0 !important;
}
	.flatContent ul li {
		font-size:90% !important; line-height:140%; list-style:disc; font-weight:bold; color:#555555 !important; padding-bottom:4px; background:none !important;
	}
	
.flatContent dl {
	padding:18px 20px 12px 10px;
	margin:0 !important;
}
	.flatContent dd {
		font-size:120%; line-height:140%; color:#555555 !important; list-style:disc !important; padding:3px 0 14px 16px; margin:0;
	}
		.flatContent h4 {
			font-size:120%; line-height:140%; margin:0; padding:0;
		}
.flatContent .flatPanel-holder {
	position:relative;
}
.flatContent .flatPanel.twoColumn {
	position:relative; display:block;
}
.flatContent .flatPanel {
	padding:12px 12px 18px 12px; background:#f5f5f5; border:#d9d9d9 1px solid;
}





/* Tier 2 and 3 Menu Boxes
=========================================================================================== */
.productMenu .sectionBox {
	float:left;
	width:147px;
	height:206px;
	margin-right:3px;
	margin-bottom:5px;
	text-align:center;
	background:url(/images/images/generic-img/product-menu-panel.gif) top no-repeat;
}
.productMenu .sectionBox img {
	padding-top:12px;
}
.productMenu .sectionBox h3 {
	font-size:110%;
	line-height:130%;
}
.productMenu .sectionBox:hover {
	cursor:pointer;
	background:url(/images/images/generic-img/fire-menu-panel-roll.gif) no-repeat;
}
/* makes header underline on entire box roll*/
.productMenu .sectionBox:hover a {
	color:#c62524 !important;

	text-decoration:underline;
}


/* Related Items Panels
=========================================================================================== */
#related .sectionBox {
	float:left; width:147px; height:206px; margin:0; text-align:center;
	background:url(/images/images/generic-img/product-menu-panel.gif) top no-repeat;
}
#related .sectionBox img {
	padding-top:12px;
}
#related .sectionBox h3 {
	font-size:110%; line-height:130%;
}
#related .sectionBox h3 a {
	color:#020202; text-decoration:none;
}
#related .sectionBox:hover {
	cursor:pointer;
	background:url(/images/images/generic-img/fire-menu-panel-roll.gif) no-repeat;
}
/* makes header underline on entire box roll*/
#related .sectionBox:hover a {
	color:#c62524 !important; text-decoration:underline;
}


/* Tier 4 Product Panels 
=========================================================================================== */
.listFlash {
	width:66px; height:40px; margin-top:2px; margin-left:76px; position:absolute;
}
.listFlash.new {
	background:url(/images/images/generic-img/listFlash-new.png) top left no-repeat;
}
.listFlash.ten {
	background:url(/images/images/generic-img/listFlash-10.png) top left no-repeat;
}
.listFlash.twenty {
	background:url(/images/images/generic-img/listFlash-20.png) top left no-repeat;
}
.listFlash.twentFive {
	background:url(/images/images/generic-img/listFlash-25.png) top left no-repeat;
}
.listFlash.thirty {
	background:url(/images/images/generic-img/listFlash-30.png) top left no-repeat;
}
.listFlash.forty {
	background:url(/images/images/generic-img/listFlash-40.png) top left no-repeat;
}
.listFlash.fifty {
	background:url(/images/images/generic-img/listFlash-50.png) top left no-repeat;
}
.listFlash.low {
	background:url(/images/images/generic-img/listFlash-low.png) top left no-repeat;
}
.listFlash.best {
	background:url(/images/images/generic-img/listFlash-best.png) top left no-repeat;
}



.variantNum {
	width:20px; height:20px; margin-top:5px; margin-left:119px; position:absolute;
	background:url(/images/images/generic-img/varient-star.gif) top left no-repeat;
}
.variantNum p {
	font-size:110%; padding-top:3px; font-weight:bold; color:#fff;
}
.productMenu .productBox {
	float:left;
	width:147px;
	height:250px;
	margin-right:3px;
	margin-bottom:5px;
	text-align:center;
	background:url(/images/images/generic-img/product-detail.gif) top no-repeat;
}
.productMenu .productBox img.product {
	z-index:190 !important
}
.productMenu .productBox img {
	padding-top:4px;
}
	.productMenu .productBox h3 {
		font-size:110%; line-height:120%; padding:0 5px;
	}
		.productMenu .productBox h3 a {
			color:#020202; text-decoration:none;
		}
			
	.productMenu .productBox:hover {
		cursor:pointer;
		background:url(/images/images/generic-img/fire-detail-roll.gif) no-repeat;
	}
		/* makes header underline on entire box roll*/
		.productMenu .productBox:hover a {
			color:#c62524 !important; text-decoration:underline;
		}

	.productMenu .productBox .details {
		height:60px; margin:3px auto 0 auto; display:block;
	}
		.productMenu .productBox .details p.offer {
			padding-top:3px; color:#bf2726;
		}
		.productMenu .productBox .details .price {
			padding-top:3px; font-weight:bold; color:#6b9d31;
		}


/* General Page Content List
=========================================================================================== */

.productMenu .contentlist {
	padding:4px 0; 
	width:100%; 
	margin-bottom:5px;
}
.productMenu .productFamily {
	/*background:url(/images/images/generic-img/family-blend.gif) bottom center repeat-x;*/
	background:url(/images/images/generic-img/family-image.gif) bottom right no-repeat;
}

	.productMenu .contentlist img.thumbnail {
		float:left;
		padding:1px; 
		margin-left:6px;
  		border:#bfbfbf 1px solid;
		background:#FFFFFF;
	}
	.productMenu .contentlist .productEntry {
		float:right;
		width:497px;
	}
	.productMenu .contentlist .productEntry h3 {
		font-size:110%;
		margin-bottom:3px;
		display:block;
		height:1%;
		padding:2px 10px 4px 5px;
		border:#989898 1px solid;
		background:#9d9d9d;
	}
		.productMenu .contentlist .productEntry h3 a {
			color:#ffffff; text-decoration:none;
		}
		.productMenu .contentlist .productEntry h3 a:hover {
			text-decoration:underline;
		}
	.productMenu .contentlist .productEntry p {
  		margin-left:6px; line-height:130%;
	}
	.productMenu .contentlist .productEntry p.productRef {
  		display:block;
		margin:5px 0 0 5px;
		padding:0;
		color:#020202;
	}
	.productMenu .contentlist .productEntry .actionBar {
		margin-top:3px;
		padding:2px 3px 1px 3px;
		/*background:#ececec;
		border:#d0d0d0 1px solid;*/
	}
	.productMenu .contentlist .productEntry .actionBar p {
		float:left; margin:3px 5px 0 2px;
	}
	.productMenu .contentlist .productEntry .actionBar input { 
		float:left; 
		width:30px;
		color:#556849;
		border:#CCCCCC 1px solid;
		margin-right:10px;
	}
	.productMenu .contentlist .productEntry .actionBar span { 
		float:left; width:190px;
	}
	.productMenu .contentlist .productEntry .actionBar p strong { 
		color:#1f1f1e;
	}
	.productMenu .contentlist .productEntry .actionBar p.price { 
		font-size:130%; color:#6b9d31; font-weight:bold; display:block;
	}
	.productMenu .contentlist .productEntry .actionBar p.family { 
		font-size:110%; color:#222222; font-weight:bold; display:block;
	}
	.productMenu .contentlist .productEntry .actionBar p.vat { 
		font-size:110%; color:#666666; font-weight:normal; padding-top:2px;
	}
	.productMenu .contentlist .productEntry .actionBar img.basket { 
		float:left; margin:2px 0 2p 6px;
	}
	.productMenu .contentlist .productEntry .actionBar img.more { 
		float:right;
	}
	

/* Expanding Panel
=========================================================================================== */
.expandPanel-outer {
	margin:0 1px;
	background:url(/images/images/generic-img/expandpanel-mid.gif) top center repeat-y;
}
.expandPanel-inner {
	padding:9px;
	background:url(/images/images/generic-img/expandpanel-top.gif) top no-repeat;
}
#expandTitle {
	float: left; position:relative; top:-10px; left:1px;
}
#expandTitle ul li {
	background: url(/images/images/generic-img/expandpanel-titlebar2.gif) top right no-repeat;
}
#expandTitle ul li h3 {
	background: url(/images/images/generic-img/expandpanel-titlebar1.gif) 0 0 no-repeat;
  	padding: 8px 8px 7px 8px;
  	margin-right:56px;
	/*height:51px;*/
	/*margin-top:-3px;*/
  	font-size:130%;
  	color: #2b2b2b;
  	cursor:default;
  	text-decoration:none;
}
.expandPanel-bottom {
	display:block;
	text-align:left;
	height:5px;
	margin-bottom:10px;
	background:url(/images/images/generic-img/expandpanel-bot.gif) bottom no-repeat;
}
.expandPanel-bottom p {
	margin-left:10px;
	padding-bottom:10px;
	color:#949494;
	font-size:110%;
}
.expand-buttons {
	float:right; margin: -6px 0 0 0; 
}
.expandPanel-inner h4 {
	font-size:120%;
	margin:0 0 6px 0;
	color:#b60232;
	text-transform:uppercase;
}
.expandPanel-inner table td {
	vertical-align:top;
	width:50%;
	padding-right:20px;
}
.expandPanel-inner table ul li {
	font-size:100%;
	color:#2a2a2a;
	line-height:130%;
	padding:0 0 3px 10px;
	background:url(/images/images/generic-img/blue-bullet.gif) 0 5px no-repeat;
}
.expandPanel-inner dl {
	font-size:110%;
	color:#2a2a2a;
	margin:0;
	line-height:130%;
}
.expandPanel-inner dt {
	padding:3px 0 5px 29px;
	height:auto;
	font-weight:bold;
}
.expandPanel-inner dt.quality {
	background:url(/images/images/generic-img/standards-quality.gif) top left no-repeat;
}
.expandPanel-inner dt.fire {
	background:url(/images/images/generic-img/standards-fire.gif) top left no-repeat;
}
.expandPanel-inner dt.iso {
	background:url(/images/images/generic-img/standards-iso.gif) top left no-repeat;
}
.expandPanel-inner dt.conformity {
	background:url(/images/images/generic-img/standards-conformity.gif) top left no-repeat;
}
.expandPanel-inner dd {
	margin-left:29px;
	margin-bottom:8px;
}


/* Prodct Varient Styling
=========================================================================================== */
table.varient  {
	border-collapse: collapse;
  	width:100%;
 	border:#ccc 1px solid;
  	font-size:110%;
	color:#222;
}
.varient caption {
	font-size:130%;
	padding:0 0 10px 10px;
	font-weight: bold;
	text-align:left;
	color:#b60232; /*377fbd*/
	text-transform:uppercase;
}
.varient col {
	border-right: 1px solid #ccc;
}
.varient #thumbnail, #price, #quantity, #finish, #order {
	text-align:center;
}
.varient thead {
	border:#989898 1px solid;
	color:#FFFFFF;
	height:1.9em;
	background:#b2b2b2 url(/images/images/generic-img/headerbar-bg.gif) bottom repeat-x;
}
.varient th {
	font-size:100%;
	text-align: center;
}
.varient td.price {
	font-weight:bold;
}
.varient #left {
	text-align:left;
}
.varient #varientThumbnail {
	text-indent: -1000em;
}
.varient #varientOrder {
	text-indent: -1000em;
}
.varient th, td {
	padding: 0.2em 0.3em;
}
.varient .odd {
	background-color:#ededed;
}
.varient td {
	border:#999999 1px dotted;
}
.varient tr:hover {
	/*background-color:#7b7b6b;
	color:#ffffff;
	cursor:pointer;*/
}
.varient input {
	font-size:120%;
}

.varient thead tr:hover {
  /*background:#b2b2b2 url(/images/images/generic-img/headerbar-bg.gif) bottom repeat-x;
  color:#fff;*/
}
.varient input {
  width:30px;
}



/* Product Images
=========================================================================================== */
div.product-detail {
	width:auto; margin:12px 5px 0 5px;
}
div.product-image {
	float:left; width:263px;
}
	.product-image img {
		border:#bfbfbf 1px solid;
	}
		.product-image p {
			text-align:center; margin:6px;
		}
	.product-image img.alternateThumbs {
		margin:8px 3px 0 0;
	}
		.product-image img.alternateThumbs.end {
			margin-right:0;
		}

/* Product Media
=========================================================================================== */
div.media {
	margin:10px 0;
}
	.media p {
		text-align:left !important; color:#fff; font-size:120%; font-weight:bold;
		background:#666; padding:6px 0 8px 8px; margin:0;
	}
	.media ul {
		margin:8px 0 10px 6px;
	}
		.media ul li {
			font-size:100%; padding:0 0 7px 22px; line-height:130%;
		}
			.media ul li.word {
				background:url(/images/images/generic-img/media-word.gif) top left no-repeat;
			}
			.media ul li.pdf {
				background:url(/images/images/generic-img/media-pdf.gif) top left no-repeat;
			}
			.media ul li.excel {
				background:url(/images/images/generic-img/media-excel.gif) top left no-repeat;
			}
			.media ul li.image {
				background:url(/images/images/generic-img/media-photoshop.gif) top left no-repeat;
			}
			.media ul li.text {
				background:url(/images/images/generic-img/media-text.gif) top left no-repeat;
			}
			.media ul li.movie {
				background:url(/images/images/generic-img/media-wmv.gif) top left no-repeat;
			}
			.media ul li.sound {
				background:url(/images/images/generic-img/media-mp3.gif) top left no-repeat;
			}
			.media ul li.exe {
				background:url(/images/images/generic-img/media-exe.gif) top left no-repeat;
			}
			.media ul li.zip {
				background:url(/images/images/generic-img/media-zip.gif) top left no-repeat;
			}
			.media ul li.default {
				background:url(/images/images/generic-img/media-default.gif) top left no-repeat;
			}
		.media ul li a {
			color:#253f7c; text-decoration:underline;
		}
			.media ul li a:hover {
				text-decoration:none;
			}


/* Product Detail Specs
=========================================================================================== */
div.product-spec {
	float:right; width:320px;
}
	.product-spec h3 {
		font-size:120%; text-transform:uppercase; color:#020202; margin:0 0 4px 0;
	}
	.product-spec p {
		font-size:110%;line-height:130%;
	}
		.product-spec p strong {
			color:#222222;
		}
	.product-spec ul {
		padding:0 0 0 0; margin:0 20px 0 16px; text-align:left; display:block;
	}
		.product-spec ul li {
			color:#555; line-height:130%; list-style:outside; list-style-type:disc; padding-bottom:3px;
		}
	.product-spec em {
		font-style:normal; font-weight:bold; color:#b60232;
	}
		.product-spec img.manufacturer {
			float:right; margin-bottom:0;
		}
.product-spec p.price {
	float:left; font-size:300%; line-height:130%; font-weight:bold; color:#7ba800;
}
	.product-spec p.price em {
		font-size:40%; color:#222; font-weight:normal;
	}
.product-spec p.offer {
	text-align:right; float:right; font-size:110%; line-height:160%; font-weight:bold; text-transform:uppercase;
}
	.product-spec p.offer span.rrp {
		color:#253f7c;
	}
	.product-spec p.offer span.save {
		color:#bf2726;
	}	
			
		
/* Attribute Panel
=========================================================================================== */
.product-spec .attribute {
	margin:8px 0; background:#eeeeee; border:#c5c5c5 1px solid;
}
	.product-spec .attribute p {
		font-weight:bold; font-size:110%; color:#222222;
	}
	.product-spec .attribute .availOption {
		padding:5px;
	}
		.product-spec .attribute .availOption label {
			float:left; font-size:110%; display:block; padding:3px 5px 3px 0;
		}
		.product-spec .attribute select {
			cursor:pointer; margin-bottom:3px;
		}

div.ecommlist-action {
	padding:5px; height:32px; background:#ffffff;
}
	.ecommlist-action p {
		float:left; margin:6px 5px 0 0 !important; font-weight:bold;
	}
	.ecommlist-action input { 
		float:left; width:34px; height: 18px; margin:3px 30px 0 0 !important; color:#556849;
	}				
		
/* Stock Panel
=========================================================================================== */		
.product-spec .Stock {
	padding:7px 10px 10px 7px; background:#cccccc; border:#333333 1px solid; height:23px;
}
	.product-spec .Stock img {
		float:left;
	}
	.product-spec .Stock p {
		float:right; width:270px; display:block; margin-top:4px;
	}
		.product-spec .Stock p strong {
			color:#222222;
		}	
	.product-spec .Stock.in {
		background:#e0f3c9; border:#6b9d31 1px solid;
	}
	.product-spec .Stock.out {
		background:#fff070; border:#ca0000 1px solid;
	}		

/*	.product-spec .action {
		display:block; text-align:left; margin:0 0 10px 0;
	}
	.product-spec .action p {
		float:left; font-size:120%; color:#222222;
		margin:5px 5px 0 0; font-weight:bold;
	}
	.product-spec .action input { 
		float:left; width:30px; color:#556849;
		margin-top:3px; margin-right:12px;
	}
	.product-spec .action img { 
		border:0;
	}*/

	
	

/* System Message Panels
=========================================================================================== */	
.messagePanel {
	font-size:110%;
	width:auto;
	margin:8px;
	padding:10px;
	background:#eeeeee;
	border:2px #c5c5c5 solid;
}
.messagePanel.good {
	background:#e0f3c9; border:2px #6b9d31 solid;
}
.messagePanel.bad {
	background:#fdfdde; border:2px #cc0035 solid;
}
.messagePanel img {
	float:left; padding-right:12px;
}
.messagePanel p {
	width:700px; display:block; float:left;
}
.messagePanel p.messageTitle {
	font-weight:bold; padding-bottom:6px;
}
.messagePanel.good p.messageTitle {
	color:#000000;
}
.messagePanel.bad p.messageTitle {
	color:#cc0035;
}

	

/* RH Customer Review
=========================================================================================== */	
.expandPanel-inner.review { /*give some space for bg blend*/
	padding:9px 0 0 0 !important;
}
.reviewHead {
	height:72px;
	background:url(/images/images/generic-img/review-rating-bg.gif) repeat-x bottom;
	border-left:#bfbfbf 1px solid;
	border-right:#bfbfbf 1px solid;
	text-align:center;
}
.Rating {
	float:left; padding:10px; text-align:center;
}
.Rating img {
	display:block;
}
.reviewHead p {
	padding-top:8px; color:#000;
}
.reviewer {
	font-size:110%; line-height:160% !important; padding:12px; border-bottom:#999999 1px dotted;
}
.reviewer.empty {
	padding:0 12px 12px 12px; border-bottom:none;
}
.reviewer a {
	color:#377fbd; text-decoration:underline;
}
.reviewer a:hover {
	color:#b60232; text-decoration:none;
}
.reviewer span.rating {
	float:left; width:64px; height:11px; display:block; margin-right:10px;
}
.reviewer span.rating.fiveStar {
	background:url(/images/images/generic-img/rating-small-5star.gif) bottom no-repeat;
}
.reviewer span.rating.fourStar {
	background:url(/images/images/generic-img/rating-small-4star.gif) bottom no-repeat;
}
.reviewer span.rating.threeStar {
	background:url(/images/images/generic-img/rating-small-3star.gif) bottom no-repeat;
}
.reviewer span.rating.twoStar {
	background:url(/images/images/generic-img/rating-small-2star.gif) bottom no-repeat;
}
.reviewer span.rating.oneStar {
	background:url(/images/images/generic-img/rating-small-1star.gif) bottom no-repeat;
}
.reviewer p.rating {
	font-weight:bold; color:#b60232; display:block; line-height:100%;
}
.reviewer p.name {
	font-weight:bold; color:#000; margin:6px 0 7px 0;
}
.reviewer p.name em {
	color:#8b8b8b; font-weight:normal;
}
.actionBar {
	font-size:120%;
	border-left:#bfbfbf 1px solid; border-right:#bfbfbf 1px solid;
	background:#eff5fb !important; padding:8px 12px; border-bottom:#bfbfbf 1px solid;
}
.actionBar a {
	color:#377fbd; text-decoration:underline;
}
.actionBar a:hover {
	color:#b60232; text-decoration:none;
}


table.reviewForm {
	font-size:110%; margin:12px; width:500px; 
}
table.reviewForm td, tr {
	padding-bottom:6px;
}
.reviewForm p strong {
	width:140px; color:#000; display:block; padding-bottom:4px;
}
.reviewForm em {
	font-size:90%; color:#999;
}
.reviewForm ul li{
	float:left;
	padding:0 3px 0 0 !important;
	background:none !important;
}
.reviewForm a {
	font-size:110%; color:#377fbd; text-decoration:underline;
}
.reviewForm a:hover {
	color:#b60232; text-decoration:none;
}




/* RH Feature Panel
=========================================================================================== */
div.feature-panel  { 
	width:auto; 
	background:#ffffff;
}


/* RH List Panel
=========================================================================================== */
	.listPanel ol {
		margin:2px 5px; 
		color:#020202;
		font-weight:bold;
		display:block;
	}
		.listPanel ol li {
			padding:4px 0 5px 3px;
			line-height:120%;	
			width:155px;
			border-bottom:#999999 1px dotted;
			display:block;
		}
		.listPanel ol li img {
			float:left;
			padding-top:2px;
			padding-right:5px;
		}
		.listPanel ol li.bottom {
			border-bottom:none;
			padding-bottom:10px;
		}
			.listPanel ol li a {
				font-weight:normal;
				color:#333333;
				text-decoration:none;
			}
				.listPanel ol li a:hover {
					color: #bf2726;
					text-decoration:underline;
				}
		.listPanel p.price {
			font-size:100%;
			margin-top:2px;
			display:block;
			color:#7ba800; 
			padding-left:36px;
	
		}
		
		
/* RH Feature Product
=========================================================================================== */
div.feature-product {
	text-align:center; 
}
.feature-product img.productImage {
	margin:10px;
}
.feature-product img.multiple {
	margin:0px 10px 10px 10px;
}
.feature-product .name {
	font-size:110%;
	font-weight:bold;
	margin-bottom:5px;
}
.feature-product .name a {
	color:#1f1f1e;
	text-decoration:none;
}
.feature-product .name a:hover {
	text-decoration:underline;
}
.feature-product span.was {
	text-decoration:line-through;
}
.feature-product span.save {
	color:#bf2726;
}
.feature-product .price {
	font-size:130%;
	font-weight:bold;
	color:#6b9d31;
	margin:6px 0 7px 0;
}
.feature-product img.action {
	margin:2px 0 12px 0;
}



/* List Pagination
=========================================================================================== */
.filterBar {
	border:1px solid #d5d5d5; 
	background:#e8e8e8; 
 	height: 27px;
	width:auto;
	margin-top:2px;
}
.filterBar .pagination {
	width:auto; 
	float:right;
	margin:4px 4px 3px 0; 
}
	.filterBar .pagination p {
		color:#c62524;
		font-size:100%;
		font-weight:bold;
		display:inline;
	}

	
	.filterBar .pagination ul {
		margin:2px 8px 0 8px;
		float:right;
		display:inline; 
	} 
	.filterBar .pagination img {
		cursor:pointer;
		float:right; 
		padding-top:1px;
		margin:0 5px;
	} 

		.filterBar .pagination ul li { 
			display:inline; 
			padding:0;
		}
		.filterBar .pagination ul li.selected { 
			font-weight:bold;
			color:#c62524;
		}
			.filterBar .pagination ul li a {
				color:#020202;
				text-decoration:none;
			}
			.filterBar .pagination ul li a:hover {
				color:#c62524;
				text-decoration:underline;
			}

.filterBar .sortoption {
	/*width:50%; */
	float:left;
	position:absolute;
	display:inherit;
	margin-left:7px; 
}
	.filterBar .sortoption p {
		float:left;
		font-size:110%;
		font-weight:bold;
		color:#020202;
		margin:6px 10px 4px 0;
	}
	.filterBar .sortoption strong {
		color:#c62524;
	}
	.filterBar .sortoption select {
		font-size:120%;
		width:110px;
		color:#556849;
		margin:3px 0 3px 0;
	}

/* Our Brands header
=========================================================================================== */
.fullWidth #introPanel .ourBrands {
	width:800px;
	height:178px;
	background:#fff url(/images/images/headers/ourBrands-panel.jpg) top left no-repeat;
}
.fullWidth #introPanel .ourBrands .layout {
	float:right; margin:35px 60px 0 0;
}
.fullWidth #introPanel .ourBrands h1 {
	width:243px; height:31px; text-indent:-1000em; overflow:none; display:block; margin-bottom:10px;
	background: url(/images/images/headers/ourBrands-title.gif) top left no-repeat;
}
.fullWidth #introPanel .ourBrands p {
	font-size:120%; color:#000;
}
.fullWidth #introPanel .ourBrands p strong {
	color:#bf2726;
}

/* What News header
=========================================================================================== */
.fullWidth #introPanel .whatsNew {
	width:800px;
	height:177px;
	background:#fff url(/images/images/headers/whatsNew-panel.jpg) top left no-repeat;
}
.fullWidth #introPanel .whatsNew .layout {
	float:right; margin:35px 40px 0 0;
}
.fullWidth #introPanel .whatsNew h1 {
	width:252px; height:31px; text-indent:-1000em; overflow:none; display:block; margin-bottom:8px;
	background: url(/images/images/headers/whatsNew-title.gif) top left no-repeat;
}
.fullWidth #introPanel .whatsNew p {
	font-size:120%; color:#000;
}
.fullWidth #introPanel .whatsNew p strong {
	color:#bf2726;
}

/* Best Sellers header
=========================================================================================== */
.fullWidth #introPanel .best {
	width:800px;
	height:177px;
	background:#b61210 url(/images/images/headers/best-panel.jpg) top left no-repeat;
}
.fullWidth #introPanel .best .layout {
	float:right; margin:34px 80px 0 0;
}
.fullWidth #introPanel .best h1 {
	width:227px; height:31px; text-indent:-1000em; overflow:none; display:block; margin-bottom:8px;
	background: url(/images/images/headers/best-title.gif) top left no-repeat;
}
.fullWidth #introPanel .best p {
	font-size:120%; color:#fff;
}

/* Help Desk header
=========================================================================================== */
.fullWidth #introPanel .helpDesk {
	width:800px;
	height:178px;
	background:#fff url(/images/images/headers/helpDesk-panel.jpg) top left no-repeat;
}
.fullWidth #introPanel .helpDesk .layout {
	float:right; margin:35px 60px 0 0;
}
.fullWidth #introPanel .helpDesk h1 {
	width:189px; height:30px; text-indent:-1000em; overflow:none; display:block; margin-bottom:8px;
	background: url(/images/images/headers/helpDesk-title.gif) top left no-repeat;
}
.fullWidth #introPanel .helpDesk p {
	font-size:120%; color:#000;
}
.fullWidth #introPanel .helpDesk p strong {
	color:#bf2726;
}


/* Help Desk header
=========================================================================================== */
.aboutContent h1.faq {
	width:458px; height:164px; text-indent:-1000em; overflow:none; display:block; margin:0; border:0 !important;
	background: url(/images/images/headers/faqHeader.jpg) top left no-repeat;
}
.aboutContent h1.security {
	width:458px; height:164px; text-indent:-1000em; overflow:none; display:block; margin:0; border:0 !important;
	background: url(/images/images/headers/securityHeader.jpg) top left no-repeat;
}
.aboutContent h1.delivery {
	width:458px; height:164px; text-indent:-1000em; overflow:none; display:block; margin:0; border:0 !important;
	background: url(/images/images/headers/deliveryHeader.jpg) top left no-repeat;
}
.aboutContent h1.returns {
	width:458px; height:164px; text-indent:-1000em; overflow:none; display:block; margin:0; border:0 !important;
	background: url(/images/images/headers/returnsHeader.jpg) top left no-repeat;
}
.aboutContent h1.howtoorder {
	width:458px; height:164px; text-indent:-1000em; overflow:none; display:block; margin:0; border:0 !important;
	background: url(/images/images/headers/howHeader.jpg) top left no-repeat;
}



/* Contact Us header
=========================================================================================== */
.fullWidth #introPanel .contactUs {
	width:800px;
	height:178px;
	background:#fff url(/images/images/headers/contactUs-panel.jpg) top left no-repeat;
}
.fullWidth #introPanel .contactUs .layout {
	float:left; margin:30px 0 0 25px;
}
.fullWidth #introPanel .contactUs h1 {
	width:261px; height:31px; text-indent:-1000em; overflow:none; display:block; margin-bottom:12px;
	background: url(/images/images/headers/contactUs-title.gif) top left no-repeat;
}
.fullWidth #introPanel .contactUs p {
	font-size:120%; color:#000;
}
.fullWidth #introPanel .contactUs p strong {
	color:#bf2726;
}


/* Homepage Panel
=========================================================================================== */
#introPanel .homepage {
	height:193px;
	background:#fff url(/images/images/homepage/homepage-panel.jpg) top left no-repeat;
}
#introPanel .homepage .layout {
	float:right; margin:20px 90px 0 0;
}
#introPanel .homepage h1 {
	width:350px; height:58px; text-indent:-1000em; overflow:none; display:block; margin-bottom:18px;
	background: url(/images/images/homepage/homepage-title.gif) top left no-repeat;
}
#introPanel .homepage p {
	font-size:120%; color:#000;
}
#introPanel .homepage p strong {
	color:#bf2726;
}

#highlights h3 {
	padding:0; margin:0; display: block; font-size: 120%; 
}
	#highlights h3 a {
		padding:7px 0 0 25px; margin:0; display:block; color: #ffffff; text-decoration:none;
	}
#highlights {
	padding:5px 0 0 0; margin:0; display:block; height: auto! important;
}
.monthBlock {
	padding:0; float: left; margin: 0px 3px; width:18.5%; text-align: center; border:3px #e5e5da solid;
}
	.monthBlock.end {
		margin-right:0;
	}
	.monthBlock:hover {
		border:3px #b1b198 solid;
	}
#highlights .monthBlock img {
	margin: 1px; border-style:none;
}
#highlights .monthBlock h3 {
	padding:4px 2px 4px 2px; margin:0; display:block; font-size:120%; color: #365178;
}
	#highlights .monthBlock h3 em {
		color: #bf2726;
	}
#highlights .monthBlock p {
	padding:4px 6px; display:block; font-size:110%; color: #365178; float:right;
}
#highlights .monthBlock a {
	text-decoration: none; color:#020202;
}
	#highlights .monthBlock a:hover h3 {
		text-decoration: underline; color:#bf2726;
	}
		#highlights .monthBlock a:hover {
			text-decoration: underline;
		}
		
#highlights .monthRoundup {
	float:right; width:302px; height:190px; margin-right:4px; background:#5e81b7 url(/images/images/homepage/monthRoundup-bg.gif) top repeat-x; border:#46648f 1px solid;
}
	#highlights .monthRoundup h3 {
		font-size:140%; color:#FFF; margin:12px 14px 0 14px; padding-bottom:4px; border-bottom:#bdcce3 1px solid;
	}	
	#highlights .monthRoundup ul {
		padding: 10px 15px; display:block; margin:0; list-style-type:none; text-align:left;
	}
		#highlights .monthRoundup ul li {
			font-size:100%; font-weight:bold; padding:2px 0 4px 12px; line-height:140%; background: url(/images/images/headers/white-header-bullet.gif) 0 7px no-repeat;
		}
			#highlights .monthRoundup ul a {
				color: #fff; border:0; text-decoration:none;
			}
				#highlights .monthRoundup ul a:hover {
					text-decoration: underline;  color:#fff;
				}

/* Homepage Best Sellers
=========================================================================================== */
.homeSpecialproducts {
	float:left; width:465px; margin:4px 0 0 3px;
}
.homeSpecialproducts h2 {
	font-size: 140%; border:#b61210 1px solid; background:#cb4140 url(/images/images/homepage/titlebg-specialProducts.gif) bottom right no-repeat !important;
}
.specialBox {
	padding:4px 6px 4px 2px;
	border-bottom:#939393 1px dotted;
}
	.specialBox.last {
		border-bottom:0px;
	}
.specialBox img.product {
	float:left; margin-right:10px; border:#cccccc 1px solid;
}
.specialBox p {
	padding:5px 0 10px 0; line-height:130%;
}
	.specialBox p.was {
		float:left; color:#c0234d; margin-right:10px; padding:0; margin-top:5px;
	}
	.specialBox p.price {
		float:left; font-size:130%; color:#7ba800; padding:0; margin-top:3px;
	}
.specialBox h3 {
	font-size:110%; padding-top:1px;
}
	.specialBox h3 a {
		color:#000; text-decoration:underline;
	}
		.specialBox h3 a:hover {
			text-decoration:none;
		}

/* Homepage New Products
=========================================================================================== */
.homeNewproducts {
	float:right; width:304px; margin:4px 4px 0 0;
}
.homeNewproducts h2 {
	font-size: 140%; border:#46648f 1px solid; background:#5c80b6 url(/images/images/homepage/titlebg-Newproducts.gif) bottom right no-repeat !important;
}
.newBox {
	height:118px; margin-top:4px; background:url(/images/images/homepage/newBox-panel.gif) top left no-repeat;
}
.newBox img.product {
	float:left; margin:6px; border:#cccccc 1px solid;
}
.newBox .details {
	float:right; width:202px; margin:6px 6px 0 0; 
}
.newBox p {
	padding:6px 0; line-height:130%; width:100%;
}
	.newBox p a.section {
		font-style:italic; color:#999; text-decoration:none;
	}
		.newBox p a.section:hover {
			text-decoration:underline;
		}
	.newBox p.price {
		font-size:120%; color:#7ba800; padding:0; margin-bottom:4px;
	}
.newBox h3 {
	font-size:110%; line-height:130%;
}
	.newBox h3 a {
		color:#000; text-decoration:underline;
	}
		.newBox h3 a:hover {
			text-decoration:none;
		}



.homeOptions {
	border:#d5d5d5 1px solid; background:#e8e8e8; margin-top:2px; padding:3px 6px; height:20px;
}
.homeOptions select {
	margin-left:6px;
}
	.homeOptions p {
		color:#333; font-weight:bold; padding-top:3px;
	}
		.homeOptions p a {
			color:#333; text-decoration:underline;
		}
			.homeOptions p a:hover {
				text-decoration:none;
			}

/* About Us
=========================================================================================== */
.fullWidth #introPanel .aboutUs {
	height:192px; border-bottom:#fff 1px solid;
	background:url(/images/images/headers/about-header.jpg) top left no-repeat;
}
.aboutContent {
	float:left; display:inline; width:454px; margin:4px 0 10px 4px; padding:10px 14px 18px 10px; border:3px #e5e5da solid;
}
	.aboutContent h1#about {
		width:379px; height:23px; border:0; text-indent:-3000em; margin:6px 0;
		background:url(/images/images/content/aboutTitle-01.gif) top left no-repeat;
	}
	.aboutContent h1#aboutWelcome {
		width:364px; height:23px; border:0; text-indent:-3000em; margin:6px 0;
		background:url(/images/images/content/aboutTitle-welcome.gif) top left no-repeat;
	}
.aboutContent h3 {
	font-size:150%; line-height:140%; text-transform:uppercase; margin:5px 0; 
}
	.aboutContent h3#third {
		width:178px; height:15px; border:0; text-indent:-3000em; margin:10px 0;
		background:url(/images/images/content/aboutTitle-02.gif) top left no-repeat;
	}
	.aboutContent h3#today {
		width:63px; height:15px; border:0; text-indent:-3000em; margin:10px 0;
		background:url(/images/images/content/aboutTitle-03.gif) top left no-repeat;
	}
.aboutContent p {
	font-size:120%; line-height:140%;
}
	.aboutContent img {
		margin:5px;
	}

	.aboutContent p strong {
		color:#365190;
	}
		span.red {
			color:#bf2726;
		}
		span.blue {
			color:#253f7c;
		}
.aboutOptions {
	float:right; width:263px; margin:4px 4px 10px 0; padding:5px; border:3px #e5e5da solid;
}
	.aboutOptions h3#more {
		width:122px; height:17px; border:0; text-indent:-3000em; margin:10px 6px;
		background:url(/images/images/content/aboutTitle-04.gif) top left no-repeat;
	}
	.aboutOptions .moreEntry {
		width:auto; padding:10px 5px; background:#fff; border-bottom:#b3ddef 1px solid;
	}
		.aboutOptions .moreEntry p {
			line-height:120%;
		}
		.aboutOptions .moreEntry p strong {
			display:block; color:#003145; margin-bottom:4px;
		}	
		.aboutOptions .moreEntry.bottom {
			border-bottom:none;
		}
		.aboutOptions .moreEntry img {
			float:left; background:#fff; padding:4px; margin-right:10px; border:#CCC 1px solid;
		}

		.aboutOptions .moreEntry.active, .aboutOptions .moreEntry.active:hover {
			background:#e1f1f9; 
		}
		.aboutOptions .moreEntry:hover {
			background:#f0faff; text-decoration:underline;
		}
			.aboutOptions .moreEntry .textHolder {
				float:left; width:140px;display:block;
			}
		
		
		
/* Detail Content
=========================================================================================== */
.fullWidthintro {
	float:left; display:inline; width:auto; margin:4px 0 4px 4px; padding:10px 10px 10px 10px;
}
	.fullWidthintro p {
		font-size:120%; line-height:140%;
	}
		.fullWidthintro p strong {
			color:#365190;
		}

.fullWidthPanel {
	float:left; display:inline; width:747px; margin:4px 0 4px 4px; padding:10px; border:3px #e5e5da solid;
}
	.fullWidthPanel img {
		padding-right:12px;
	}
	.fullWidthPanel h3 {
		font-size:140%; line-height:140%; color:#bf2726; text-transform:uppercase;
	}
	.fullWidthPanel p {
		font-size:110%; line-height:140%; margin:2px 0 8px 0;
	}
		.fullWidthPanel p strong {
			color:#365190;
		}

.fullWidthPanel .textHolder {
	float:left; width:81%; display:block;
}


/* Door and Window Content
=========================================================================================== */
.fullWidth #introPanel .doorCare {
	height:126px; border-bottom:#fff 1px solid; background:#000000 url(/images/images/content/door-care.jpg) top left no-repeat;
}
	#introPanel h1#doorCare {
		height:100%; text-indent:-3000em; background:url(/images/images/content/door-care-title.gif) 20px 26px no-repeat;
	}

/* Bathroom Content
=========================================================================================== */
.fullWidth #introPanel .warranty {
	height:126px; border-bottom:#fff 1px solid; background:#495da3 url(/images/images/content/bathroom-warranty.jpg) top left no-repeat;
}
	#introPanel h1#warranty {
		height:100%; text-indent:-3000em; background:url(/images/images/content/bathroom-warranty-title.gif) 24px 26px no-repeat;
	}
.fullWidth #introPanel .mounting {
	height:165px; border-bottom:#fff 1px solid; background:#ffffff url(/images/images/content/bathroom-mounting.jpg) top right no-repeat;
}
	#introPanel h1#mounting {
		height:100%; text-indent:-3000em; background:url(/images/images/content/bathroom-mounting-title.gif) 26px 36px no-repeat;
	}
	
/* Snickers Content
=========================================================================================== */
.fullWidth #introPanel .sizeGuide {
	height:126px; border-bottom:#fff 1px solid; background:#415700 url(/images/images/content/sizeGuide-bg.jpg) top left no-repeat;
}
	#introPanel h1#sizeGuide {
		height:100%; text-indent:-3000em; background:url(/images/images/content/sizeGuide-title.gif) 20px 26px no-repeat;
	}
	
.fullWidth #introPanel .material {
	height:126px; border-bottom:#fff 1px solid; background:#ef9800 url(/images/images/content/material-bg.jpg) top left no-repeat;
}
	#introPanel h1#material {
		height:100%; text-indent:-3000em; background:url(/images/images/content/material-title.gif) 20px 26px no-repeat;
	}
	
.fullWidth #introPanel .technology {
	height:126px; border-bottom:#fff 1px solid; background:#000 url(/images/images/content/technology-bg.jpg) top left no-repeat;
}
	#introPanel h1#technology {
		height:100%; text-indent:-3000em; background:url(/images/images/content/technology-title.gif) 20px 26px no-repeat;
	}
	
div.headBack {
	float:right; width:300px; text-align:right; margin:-30px 11px 0 0;
}
	div.headBack a {
		color:#fff; font-size:100%; font-weight:bold; text-decoration:underline;
	}
		div.headBack a:hover {
			text-decoration:none;
		}
	

table.sizeGuide {
	width:100%; text-align:center;
}
	.sizeGuide td {
		border-bottom:2px solid #fff; border-left:2px solid #fff; padding:3px; font-size:110%;
	}
	.sizeGuide tr {
		background:#dfe0e1;
	}
		.sizeGuide td.label {
			width:100px; text-align:right; background:#fff !important;
		}
		.sizeGuide tr.title {
			font-size:110%; height:30px; font-weight:bold; text-transform:uppercase;
		}
		.sizeGuide tr.size { font-weight:bold; }
		.sizeGuide tr.red { background:#c2151d; }
		.sizeGuide tr.brown { background:#a07b55; }
		.sizeGuide tr.yellow { background:#fde948; }
		.sizeGuide tr.orange { background:#da8917; }
		.sizeGuide tr.blue { background:#45b1e6; }

ul.quickLinks {
	float:right; width:140px; padding-left:40px;
}
	ul.quickLinks li {
		font-weight:bold; color:#bf2726; margin-bottom:6px;
	}
		ul.quickLinks li a {
			font-weight:normal; color:#38547c; text-decoration:underline; padding-left:10px; margin-left:1px;
			background:url(/images/images/content/red-arrow.gif) 0 5px no-repeat;
		}
			ul.quickLinks li a:hover {
				color:#bf2726; text-decoration:none;
			}
.measuringText {
	float:left; width:140px;
}


/* Help Page
=========================================================================================== */
.help-panel {
	float:left; position:relative; width:174px; padding:0 11px; border-right:#bcbcbc 1px solid;
}
	.help-panel.end {
		padding-right:0; border-right:none;
	}
	.help-panel .contents {
		float:left; margin:5px 3px;
	}
	.help-panel .contents h3 {
		font-size:150%; line-height:150%; color:#004d9b;
	}
		.help-panel img.photo {
			border:#253f7c 2px solid;
		}
		

/* Brands
=========================================================================================== */
#brands {
	padding:16px 0;
	width: 980px;
	text-align:center;
	background:#fafafa url(/images/images/generic-img/brands-bg.gif) top repeat-x;
}
#brands img {
	margin:0 15px;
}

/* Footer
=========================================================================================== */
#footer {
	width: 980px;
	background:#f9f5e7 url(/images/images/generic-img/footer_loop.gif) repeat-y;
}
#footer_content {
	width: 980px; height: 60px; height: auto !important; padding: 20px 0 10px 0;
	background: url(/images/images/generic-img/footer_bg.gif) no-repeat top left;
}
#footer_bottom {
	width: 980px; height: 6px; margin: 0 0 20px 0;
	background: transparent url(/images/images/generic-img/footer_bottom.gif) no-repeat;
}
#footer_links {
	/*border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;*/
	width: 940px; padding: 0 0 15px 0; margin: 0 0 0 20px;
}
.footer_column {
	float: left; width: 160px; margin: 0 20px 0 0; display: inline;
}
	.footer_column a {
		font-weight: bold; font-size: 11px; color: #656565;
		/*border-bottom: 1px solid #cccccc;*/
		display: block; margin: 2px 0 0 0; padding: 0 0 2px 0;
	}
		.footer_column a:hover {
			color: #bf2726;
		}
	.footer_column ul {
		margin: 6px 0 0 0; padding: 0 0 6px 0; font-size: 11px; line-height: 16px;
	}
		.footer_column ul li {
			margin: 1px 0; padding: 0;
		}
			.footer_column ul li a {
				color: #6c6c6c; font-weight: normal; border: 0; display: inline;
			}

.footer_column ul li span {
	color: #656565; font-style: italic; margin: 0 0 0 4px;
}
.footer_column ul li a.more {
	color: #bf2726; text-decoration: underline;
}
#footer_notes {
  margin: 12px 22px 0 20px; color: #3a4953; font-size: 1.1em
}
span.copywrite {
  color: #656565; font-weight: bold;
}
#footer_notes a {
  color: #bb1034;
}
a#feed {
  float: right; display: block; width: 49px; height: 16px; text-indent: -9999px;
  background: url(/images/images/generic/btn_feed.gif) no-repeat;
}
.footer_column .border {
	border-bottom: 1px solid #cccccc;
}

/* Misc CSS Rules 
--------------------------------------- */

.nomargin {
	margin: 0;
}






	#basket, .userDetails {
		display:none !important;
	}


	.details p.price, .details p.offer {
		display:none;
	}


	#variantAddTable, #variant_stock_css {
		display:none !important;
	}
	.product-spec p.code {
		display:none;
	}
	.product-spec p.price, .product-spec div em, .product-spec .Stock {
		display:none;
	}
	.ecommlist-action p, .ecommlist-action input, .ecommlist-action a {
		display:none;
	}
	
	
	.specialBox p.price {
		display:none;
	}
	.newBox .details a.section {
		display:none;
	}
	
	
	div.flyoutMenu ul li a.locks.subMenu ul ul {
		
	}
	.flyoutMenu {
		border-top:0 !important; border-bottom:0 !important;
	}