/* 
    Document   : range
    Created on : 21-Jan-2010, 10:09:58
    Author     : Jamie Vollands
    Description: Generic range page styles
*/
em{
	font-style:normal;
}

#RangeWrapper{
	margin:0 auto;
	overflow:hidden;
	padding-bottom:130px;
	width:794px;
}

#RangeContainer h1{
	font-size:20px;
	color:#6b6764;
	font-weight:bold;
	margin:5px 0 0 0;
}
#RangeContainer h1 em{
	font-size:16px;
	color:#8a8581;
}
#RangeContainer ul.filter li{
	list-style:none;
	float:left;
	margin:20px 10px 0 0;
}
#RangeContainer ul.filter{
	padding:0;
	margin:0;
}
#RangeContainer h2 span{
	font-weight:bold;
	font-size:17px!important;
	color:#555555;
	font-weight:lighter;
}
#RangeContainer h2 em{
	text-transform:uppercase;
	font-weight:bold;
}

#RangeContainer h2.featuresTab {
	display:block;
	text-decoration:none;
	background:url(/images/range/features_tab.png) no-repeat left top;
	height:15px;
	margin:0 0 0 0;
	width:283px;
	text-align:center;
	padding-top:6px;
	line-height:15px;
}
.productName{
	min-height:50px;
}
*html .productName{
	height:50px;
}
.productName a{
	font-size:14px;
	color:#7e7e7e;
	font-weight:bold;
	text-decoration:none;
}
.productName :hover{
	text-decoration:none;
	color:#4b4b4b;
}
.featuredProduct img{
	float:right;
}
.featuredProduct img.tab{
	margin:-5px!important;
	float:left;
	padding:10px 0 20px 0;
}
.featuredProduct .link{
	position:absolute;
	bottom:0;
	left:93px;
	color:#666666;
	text-decoration:none;
}
a.quickView:hover{
	text-decoration:underline;
}
.addButton {
	position:absolute;
	bottom:0;
	left:5px;
}
.productContainer{
	overflow:hidden;
	width:808px;
}
.genericProduct{
	width:182px;
	min-height:270px;
	border:2px solid #e1e1e1;
	float:left;
	margin:0 12px 12px 0;
	background:url(/images/range/product_divider.png) 0 143px no-repeat;
	position:relative;
}
* html .genericProduct{
	height:270px;
}
.webExclusive{
	background:none;
}
.genericProduct:hover{
	border:2px solid #bababa;
}
a.productTitle, a.productTitle:link, a.productTitle:active, a.productTitle:visited {
	font-size:12px;
	color:#7e7e7e;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
	display:block;
	margin-top:10px;
	margin-left:5px;
}
a.productTitle:hover{
	color:#4B4B4B
}
.genericProduct .message{
	width:128px;
	/*min-height:27px;	*/
	/*color:#d1c42e;*/
	font-weight:bold;
	padding:5px;
	text-align:left;
	float:left;
	/* margin:10px 0  0;*/
    /* margin-left: 5px; */
        
	font-size:11px;
}

* html .genericProduct .message{
	height:27px;
}
.exclusive .message{
	color:#9B978B;
}
.genericProduct .standardMessage{
	color:#969696;
}
.genericProduct .buttonWrapper{
	position:absolute;
	bottom:5px;
	left:5px;
}
.genericProduct .buttonWrapper .buttonAction{
	margin:2px 0 0 0;
}
.genericProduct .buttonWrapper a.main_quickView{
	color:#666666;
	text-decoration:none;
	font-size:11px;
}
.genericProduct .buttonWrapper .main_quickView:hover{
	text-decoration:underline;
}
.genericProduct .priceContainer{
	position:absolute;
	bottom:5px;
	right:5px;
	font-size:19px;
	color:#7f7d78;
	font-weight:bold;
	text-align:right;
}
.genericProduct .offerPrice{
	font-size:13px;
	color:#828282;
	font-weight:normal;
}
.genericProduct .fromPrefix{
    font-size:13px;
    font-weight:normal;
}
.genericProduct .offerPrice strong{
	font-size:19px;
	font-weight:bold;
    display: block;
    margin: 0px;
}
.webExclusive .offerPrice{
	font-size:13px;
	color:#737067;
}
.webExclusive .offerPrice strong{
	font-size:19px;
	color:#737067;
	font-weight:bold;
        margin: 0px;
}
.webExclusive{
	background-color:#e1dbca;

}
.webExclusive .productTitle{
	padding:5px 0 0 0;
}
.webExclusive .genericProductImage{
	background-color:#FFFFFF;
}
.genericProductImage{
	background-color:#FFFFFF;
	text-align:center;
}
.genericProductImage img{
	margin:10px 0 0 0;
}
/*grid view*/
#viewContainer{
	float:right;
	margin:-30px 5px 0 0;
}
dl.displayOptions, dl.viewOptions{
	margin:0 10px 0 30px;
	float:left;
}
dl.displayOptions dt, dl.viewOptions dt{
	font-szie:12px;
	color:#93af2f;
	margin:0 0 0 10px;
}
dl.displayOptions dd, dl.viewOptions dd{
	margin:10px 0 0 10px;
	padding:0;
	float:left;
}
dl.displayOptions dd.gridView a{
	display:block;
	width:23px;
	height:23px;
	background:url(/images/range/grid_view.png) 0 top no-repeat;
}
dl.displayOptions dd.gridView a:hover{
	background-position:0 -23px;
}
dl.displayOptions dd.listView a{
	display:block;
	width:23px;
	height:23px;
	background:url(/images/range/list_view.png) 0 top no-repeat;
}
dl.displayOptions dd.listView a:hover, dl.displayOptions dd.listView_selected a {
	background-position:0 -23px;
}
/*view items per page*/
dl.viewOptions dd a{
	display:block;
	width:23px;
	height:23px;
	background:url(/images/range/items_per_page.png) 0 top no-repeat;
}
dl.viewOptions dd.viewOne a{
	background-position:0 0;
}
dl.viewOptions dd.viewOne a:hover, dl.viewOptions dd.viewOne_selected a{
	background-position:0 -23px;
}
dl.viewOptions dd.viewTwo a{
	background-position:-23px 0;
}
dl.viewOptions dd.viewTwo a:hover, dl.viewOptions dd.viewTwo_selected a{
	background-position:-23px -23px;
}
dl.viewOptions dd.viewThree a{
	background-position:-46px 0;
}
dl.viewOptions dd.viewThree a:hover, dl.viewOptions dd.viewThree_selected a{
	background-position:-46px -23px;
}
.rangeFunction{
	height:50px;
}
/*expand all button*/

.buttonAccordion {
	background:url(/images/range/btn_selectall_exclusive.png) left -62px no-repeat;
	height:31px!important;
	float:right;
	margin:10px 10px 0 0;
}
.buttonAccordion span {
	background:url(/images/range/btn_selectall_exclusive.png) right top no-repeat;
	padding:0 34px 0 5px;
	line-height:31px;
	font-size:14px;
	color:#ffffff;
	height:31px!important;
}
.buttonAccordion:hover {
	background-position: 0 -93px;
}
.buttonAccordion:hover span {
	background-position: right -31px;
	color:#FFFFFF;
}

.rangeButton{
	font-size:11px;
	padding-left:5px;
	
}

.rangeButton span{
	padding:0 5px 0 0;
}
a.rangeButton span{
	padding:0 5px 0 2px;
	font-weight:bold;
	line-height:27px!important;
}

.featuredContainer{
	background: #d7d7d7 url(/images/range/featured_products_bg.jpg) 0 0 repeat-x;
	width:764px;
	min-height:217px;
	margin:0 0 0 0;
	padding:10px 10px 10px 0;
}
* html .featuredContainer{
	height:217px;
	
}
.featuredProduct{
	margin:0 0 0 15px;
	float:left;
	width:223px;
	padding:0 5px 0 5px;
	position:relative;
	min-height:200px;
	background:none;
	border:none;
}
* html .featuredProduct{
	height:200px;
}
* html .featuredProduct{
	margin:0 0 0 7px;
}
.featuredProduct:hover{
	border:none;
}

/*pods*/
.featuredContainer span.tp_container {
	background:url(/images/range/feature_pod_top.png) 0 0 no-repeat;
	display:block;
	width:761px;
	height:10px;
	font-size:1px;
}
.featuredContainer .innerContainer {
	background:url(/images/range/feature_pod_edge.png) 0 0 repeat-y;
	width:761px;
	min-height:200px;
	position:relative;
	padding:0;	
}
* html .featuredContainer .innerContainer {
	height:200px;
}
.featuredContainer span.bt_container {
	background:url(/images/range/feature_pod_bottom.png) 0 0 no-repeat;
	display:block;
	width:761px;
	height:10px;
	font-size:1px;	
}
.featuredProduct .priceContainer{
	position:absolute;
	left:10px;
	bottom:30px;
	text-align:left;
}
.middle{
	margin:0 8px 0 21px;
}
* html .middle{
	margin:0 17px 0 21px;
}
/*list view formatting*/
.ProductListView{
	width:780px;
	min-height:180px;
	background:none;
	height:auto !important;
	height:180px;

}
* html .ProductListView{
	height:180px;
}
.ProductListView .genericProductImage{
	text-align:inherit;
	float:left;
	
	
}
.ProductListView a.productTitle{
	text-align:left;
}
.productRowDetails{
	float:left;
	width:579px;
    margin-left: 15px;
	position:relative;
}


.productRowDetails a.productTitle {
    margin-left: 0px;
}

.ProductListView .genericProductImage img {
    margin: 0px;
    padding: 0px;
}

.productRowDetails p{
	width:400px;
	color:#7e7e7e;
	line-height:16px;
	float:left;
	overflow: hidden;
    height: 172px;
}

.productRowDetails .buttonWrapper {
	bottom:5px;
	right:3px!important;
	position:absolute;
	left:auto;
	
}
.productRowDetails .message{
	text-align:right;
	float:right;
}

.productRowDetails .priceContainer{
	position:absolute;
	bottom:30px;
	right:5px;
	font-size:19px;
	color:#7f7d78;
	font-weight:bold;
	text-align:right;
}

.productRowDetails .item {
    position: absolute;
    right: -8px;
    bottom: -1px;
}

.zProductContainer {
    height: 570px;
}

.zProductContainer_extra {

}

.productRowDetails .priceContainer {
bottom:35px;

}

.ProductListView .productRowDetails .message {
float:right;
text-align:right;
}

.genericProduct .productRowDetails .message {
color:#FFFFFF;
font-size:11px;
font-weight:bold;
margin: 0px;
padding:5px;
text-align:left;
width:128px;
}

/*Two pods designs*/

.twoPods span.tp_container {
	background:url('/images/range/feature_twopod_top.png') 0 0 no-repeat;
	display:block;
	width:750px;
	height:10px;
	font-size:1px;
	margin-left:12px;
}
.twoPods .innerContainer {
	background:url('/images/range/feature_twopod_edge.png') 0 0 repeat-y;
	width:761px;
	min-height:200px;
	position:relative;
	padding:0;
	margin-left:12px;
}
* html .twoPods .innerContainer {
	height:200px;
}
.twoPods span.bt_container {
	background:url('/images/range/feature_twopod_bottom.png') 0 0 no-repeat;
	display:block;
	width:761px;
	height:10px;
	font-size:1px;
	margin-left:12px;
}
.twoPods .featuredProduct{
	width:320px;
}
.twoPods .featuredProduct img.tab{
	margin-left:-17px!important;
	float:left;
	padding:10px 0 20px 0;
}
.twoPods .first{
	margin:0 37px 0 15px;
}

a.quickView {
    color: #666666!important;
    text-decoration: none!important;
}

a.quickView:hover {
    text-decoration: underline!important;
}

a.activeView {
 background-position:0 -23px!important;
}
.buttonWrapper .item{
	padding-left:2px;
}