/* SAMPLE CENTER SEARCH*/
#sampleCentre p{ margin:0 0 10px 0; padding:0; }


/* Search Form */
.hide{display:none;}

div.searchform{margin:0; padding:0;}
*+html div.searchform{margin-bottom:5px; }

div.outerdiv{
	float:left; width:531px; margin:0 0 5px 0; padding:3px; border:1px solid #CBD3E8; background:#ebeff8; color:#666699; font-size:90%;
}
*+html .topmarg{
	margin-top:5px;
}
div.innerdiv{
	float:left; width:531px; margin:0; padding:5px 0 0 0; background:url(../../images/bg/stripe.gif) repeat;
}

div.divrow{float:left; width:531px; margin:0 auto; padding:5px 0 0 0;}
*html div.divrow{padding:2px 0 0 0;}

div.searchform label{
	float:left; width:160px; margin:0 10px 0 0; padding:5px 0 0 0; text-align:right; font-weight:bold;
}
div.searchform span{float:right; width:361px; margin:0 0 2px 0; padding:0;}

div.searchform .txtfld{width:130px;}
div.searchform .txtfld_s{width:50px;}
div.searchform .txtfld_xs{width:50px;}
div.searchform b{display:block; font-weight:normal}


div.searchform div.subflt{float:left; width:auto; margin:0 auto; padding:5px 0 5px 10px;}

div.searchform div.subflt label{
	display:block; float:none; width:auto; margin:0 auto; padding:3px 0 5px 0; text-align:left; font-weight:bold;
}
div.searchform div.subflt span{float:none; display:block; width:auto; margin:0 auto; padding:0;}
div.searchform div.subflt span.hide{display:none;}

#sampleCentre div.searchform h3{padding:5px 0 5px 0; margin:0;}
#sampleCentre div.searchform#resultsdiv h3{margin:0 0 0 0;}
*+html #sampleCentre div.searchform#resultsdiv h3{margin:5px 0 0 0;}

#sampleCentre div.searchform .divtitle h3{margin:0; padding:0 0 0 10px;}

#sampleCentre div.searchform h3#adv_srh{padding:4px 0 10px 35px; background:url(../../images/icons/advanced_search.gif) no-repeat 0 50%}

/* Paging Recordset */
#sampleCentre  div.listpage{
	clear:both; width:100%; height:22px; margin:0 0 5px 0; padding:0; border:0;
}
html>body #sampleCentre div.listpage{
	height:auto; min-height:22px;
}

#sampleCentre div.listpage#botlistpage{
	background:0; padding:10px 0 5px 0;
}

#sampleCentre div.listpage dl{
	margin:0 10px 0 0; padding:0; border:0;
}
#sampleCentre div.listpage dl dt{
	float:left; margin:0 2px 0 0; padding:0; border:0; font-weight:bold;
	display:none;
}
#sampleCentre div.listpage dl dd{
	float:left; margin:0 5px 0 0; padding:0; border:0;
}

#sampleCentre div.listpage ul{
	margin:0 0 0 0; padding:0; list-style:none; min-height:auto; width:auto; 
}
#sampleCentre div.listpage ul li{
	float:left; margin:0 3px 0 0; padding:0; list-style:none; background:#F1EEFD;
}
#sampleCentre div.listpage ul li a{
	width:auto; border:1px solid #CEE0F5; text-decoration:none; display:block; padding:0 4px; color:#31185A;
}
#sampleCentre div.listpage ul li a:hover{
	background:#D6D1DE; color:#fff; 
}

#sampleCentre div.listpage ul li#curpage a{
	border:1px solid #31185A; background:#31185A; color:#fff;
}

#sampleCentre div.listpage ul li a.showall {
   margin:0; padding:0 0 0 10px; border:0; text-decoration:underline; color:#000; background:#fff; font-weight:bold;
}


#sampleCentre div.listpage ul.nxtpage{
	display:inline; margin:0; padding:0 0 0 10px; list-style:none; font-size:12px;
}
#sampleCentre div.listpage ul.nxtpage li{
	float:none; display:inline; margin:0; padding:0; list-style:none; border:0;  background:0;
}
#sampleCentre div.listpage ul.nxtpage li a{
	border:0; display:inline; background:0;
}
#sampleCentre div.listpage ul.nxtpage li a:hover{
	color:#ccc;
}

#sampleCentre div.listpage div.sortby{
	float:right; margin:0; padding:0;
}

#sampleCentre div.listpage div.sortby form{
	display:inline; padding:0 10px 0 0; vertical-align:top
}

#sampleCentre div.listpage div.sortby .sortbyselect{font-size:10px;}

#sampleCentre div.listpage ul.nxtpage li a{ padding:0 14px; text-decoration:none; vertical-align:top }
#sampleCentre div.listpage ul.nxtpage li a.grid{ background:url(../../images/icons/viewgrid-a.gif) no-repeat 0 4px; color:#b5bf4f;}
#sampleCentre div.listpage ul.nxtpage li a.grid:hover{ background:url(../../images/icons/viewgrid.gif) no-repeat 0 4px; color:#687eb8;}

#sampleCentre div.listpage ul.nxtpage li a.list{ background:url(../../images/icons/viewlist.gif) no-repeat 0 4px; }
#sampleCentre div.listpage ul.nxtpage li a.list:hover{color:#31185a; cursor:default }

/* Current View */
#currentview{
	margin:0 0 13px 0; padding:3px; border:1px solid #d2da89; background:#f0f4bf; color:#787e3a; font-size:90%;
}

#currentview_inner{
	margin:0; padding:2px 5px; background:url(../../images/bg/stripe2.gif) repeat;
	position:relative;
}

#currentview_inner #youarehere{
	position:absolute; left:485px; top:-16px; width:24px; height:16px; background:url(../../images/bg/youarehere.gif) no-repeat top left;
}

#currentview_inner span{
	float:none; width:auto; margin:0; padding:0;
}


/* item listings */
#sampleCentre div.listcontent{
	float:left; height:80px; margin:0 0 15px 0; padding:0 0 10px 0; border-bottom:1px solid #dcdce7; 
}
html>body #sampleCentre div.listcontent{
	height:auto; min-height:80px;
}

#sampleCentre div.listcontent h4{
	margin:0 0 0 110px; padding:0; font-size:150%;
}
#sampleCentre div.searchform div.listcontent h4 span{
	width:auto; float:none; display:inline; font-size:11px; margin:0; font-weight:normal;
}

#sampleCentre div.listcontent p{
	margin:0 0 0 110px; padding:0;
}
#sampleCentre div.listcontent p a{
	color:#4B5C8C;
}
#sampleCentre div.listcontent p a:hover{
	color:#666; text-decoration:none;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#sampleCentre div.listcontent {clear:both; float:none; }
/* End IE5-Mac hack */

#sampleCentre div.listimg{
	float:left; margin:0 0 0 0; width:110px;  position:relative;
}

#sampleCentre div.listimg div.thumboverlay{
	position:absolute; width:95px; height:76px; margin:0; top:0px; left:0px; 
	background:url(../../images/samplecentre/swatches/thumbMask.png) no-repeat top left;
}
* html #sampleCentre div.listimg div.thumboverlay{ background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/samplecentre/swatches/thumbMask.png',sizingMethod='crop'); }

#sampleCentre div.listimg div.thumboverlay_2{
	background:url(../../images/samplecentre/swatches/thumbMaskgraded.png) no-repeat top left;
}
* html #sampleCentre div.listimg div.thumboverlay_2{ background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/samplecentre/swatches/thumbMaskgraded.png',sizingMethod='crop'); }


#sampleCentre div.listimg div.thumboverlay a{ display:block; width:95px; height:76px; }
#sampleCentre div.listimg div.thumboverlay a:hover{ text-decoration:none; }

#sampleCentre div.listimg img{
	margin:auto; display:inline;
}

/* Favourites */
#favdiv{
	margin:0; padding:0;
}

#favdiv p{
	margin:0 0 5px 0; padding:0;
}

#favdiv h4{
	margin:0 0 10px 0; padding:10px 0 10px 25px; color:#858F2D; border-bottom:1px solid #ccc; font-size:small;
	background:url(../../images/samplecentre/optionFavourites.gif) no-repeat 0 50%;
}

/* favourites/basket listings */
#sampleCentre div.listcontent ul{
	float:right; margin:0; padding:0; list-style:none;  min-height:auto; width:auto;
}
#sampleCentre div.listcontent ul li{
	float:none; margin:0; padding:4px 0 5px 20px; list-style:none; 
}

#sampleCentre div.listcontent ul li.addbask{background:url(../../images/icons/basket.gif) no-repeat 0 50%}
#sampleCentre div.listcontent ul li.remove{background:url(../../images/icons/remove.gif) no-repeat 0 50%}
#sampleCentre div.listcontent ul li.more{background:url(../../images/icons/more.gif) no-repeat 0 50%}

#sampleCentre div.listcontent ul li a { display:block; width:auto; margin:0; text-align:left; padding:0; font-size:; }

#sampleCentre .addline{font-size:x-small; margin:0 0 5px 0; background:#E1E692; color:#7588CD; padding:0 2px}


/* mini basket */
#samplebasket{
	margin:0 0 10px 0; padding:0;
}
#sampleCentre #samplebasket h3{
	margin:0; padding:5px 5px; border-bottom:1px solid #8C8CB3; background:#DBE392; color:#666699;
	background:url(../../images/icons/basket2.gif) no-repeat center right #DBE392;
}

#sampleCentre p#ordersamp{
	clear:both; width:100%; margin:0 0 5px 0; padding:5px 0; background:#DBE392; color:#666699;
	background:url(../../images/icons/arrow.gif) no-repeat center right #DBE392; font-weight:bold;
}

#sampleCentre  p#ordersamp a{
	display:block; padding:0 5px;
}

#sampleCentre #samplebasket div.listcontent{
	float:left; width:100%; height:27px; margin:0; padding:7px 0 0 0; border-bottom:1px solid #8C8CB3; 
}
html>body #sampleCentre #samplebasket div.listcontent{
	height:auto; min-height:27px;
}


#sampleCentre #samplebasket div.listcontent p{
	margin:0 0 0 30px;
}

#sampleCentre #samplebasket div.listimg{
	width:30px;
}

#sampleCentre #samplebasket div.listimg div.thumboverlay{
	width:21px; height:21px;
	background:url(../../images/samplecentre/swatches/smallthumbMask.png) no-repeat top left;
}
* html #sampleCentre #samplebasket div.listimg div.thumboverlay{ background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/samplecentre/swatches/smallthumbMask.png',sizingMethod='crop'); }


#sampleCentre #samplebasket div.listimg div.thumboverlay a{ width:21px; height:21px; }

#sampleCentre #samplebasket div.listcontent ul li.remove{background:url(../../images/icons/remove.gif) no-repeat 0 50%}



/* 3D Image divs */
.div3d{width:360px; height:304px;}
#div3D1{background-position:center 80%;}
#div3D2{background-position:-100px 90%;}
#div3D3{background-position:-100px 80%;}
#div3D4{background-position:center center;}

#downloadimage{
	clear:both; padding:0 0 10px 0; font-size:11px;
}
#downloadimage a{
	text-decoration:underline;
}
