/* CSS Document */
body, h1, h2, h3, h4, h5, h6, p, ol, ul, form, input, blockquote{
	margin:0px;
	color:#484848;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

body{
	background-color:#B1B37F;
	padding:10px;
}

p{
	margin-bottom:5px;
}

a{
	color:#A8AE26;
}

/************SCROLLBAR STYLES***************/

div#scrollbar { 
  position:relative;
  width:500px; height:15px; 
  font-size:1px;  /* for image vertical alignment issue */
}

div#track { 
  clear:left;
  position:relative;
  margin-top:10px;
  margin-bottom:5px;
  width:500px; height:15px;
  background: #FFFFFF;
  border:1px solid #CCCCCC;
  padding:0px;
  
}

div#dragBar {
  position:absolute;
  width:9px; height:15px;
  background-color:#A8AE26;
}  

div#track2 { 
  float:left;
  position:relative;
  width:10px; height:210px;
  background: #FFFFFF;
  border:1px solid #CCCCCC;
  padding:0px;
  
}

div#dragBar2 {
  position:absolute;
  left:-1px;
  top:-1px;
  width:10px; height:10px;
  background-color:#A8AE26;
}  

#mainWindowScroll{
	float:left;
	width:90%;
	margin-left:10px;
	overflow:hidden;
	height:210px;
	position:relative;
}
#mainWindowContent{
	
}

#topHorzScroll{
	float:left;
	width:90%;
	margin-left:10px;
	overflow:hidden;
	height:200px;
	position:relative;	
}

#topHorzScrollContent{
	width:100%;
}

div#track4 { 
  clear:left;
  position:relative;
  margin-top:10px;
  margin-bottom:5px;
  width:500px; height:15px;
  background: #FFFFFF;
  border:1px solid #CCCCCC;
  padding:0px;
  
}

div#dragBar4 {
  position:absolute;
  width:20px; height:15px;
  background-color:#A8AE26;
} 

#fullWindowScroll{
	float:left;
	margin-left:0px;
	width:450px;
	overflow:hidden;
	height:130px;
	position:relative;
	margin-bottom:10px;
}
#fullWindowContent{
	width:450px;
}
div#track3 { 
  float:left;
  position:relative;
  width:10px; height:130px;
  background: #FFFFFF;
  border:1px solid #CCCCCC;
  padding:0px;
  margin-right:10px;
  
}
div#dragBar3 {
  position:absolute;
  left:-1px;
  top:-1px;
  width:10px; height:10px;
  background-color:#A8AE26;
}  

/* for safari, to prevent selection problem  */
	div#scrollbar, div#track, div#dragBar, div#up, div#down {
		-moz-user-select: none;
		-khtml-user-select: none;
	}

/* so no gap or misplacement due to image vertical alignment [1]*/
div#scrollbar img {
	display:block; 
} 

div#up{
	float:left;
	padding-right:5px;
	position:relative;
	top:3px;
}
div#up a img{
	border:0px;
}
div#down{
	float:left;
	padding-left:10px;
	position:relative;
	top:3px;
}
div#down a img{
	border:0px;
}

/************END OF SCROLLBAR STYLES***************/

#mainWrapper{
	border:1px solid #CCCCCC;
	background-color:#FFFFFF;
	display:inline-block; 
	position:relative; 
	text-align:left;
	width: 99%;
	min-width:800px;
}

	/* Hide the following from IE/MAC as this doesn't need the fix... \*/
	#MinWidthContainer {
	padding-left:800px;
	height: 1px;
	}
	#MinWidthContainer #PageContainer {
	height: 1px;
	}
	#MinWidthContainer #PageContainer #PageContentContainer {
	margin-left:-800px;
	position: relative;
	height: 1px;
	}
	/* End of IE/MAC hide */


#spacer{
	width:750px;
	height:1px;
	position:relative;
}
#topBar{
	height:355px;
	width:100%;
	overflow:hidden;
	border-bottom:2px solid #D3D0D0;
	line-height:180%;
	padding:0px;
	margin:0px;
	background-image:url(../images/top_back_fade.jpg);
	background-repeat:repeat-x;
	background-position:left bottom;
}
#bottomBar{
	padding:15px;
	padding-bottom:0px;
	overflow:hidden;
}
#mainLogo{
	margin-left:20px;
	margin-top:20px;
}
#col1{
	float:left;
	width:150px;
	padding:0px;
	margin:0px;
}
#col2{
	margin-left:150px;
	margin-right:255px;
	padding-top:30px;
	padding-left:20px;
	padding-right:20px;
}

#col3{
	float:right;
	width:255px;
	margin:0px;
	border:0px;
	padding:0px;
	background-image:url(../images/homepage_image.jpg);
	background-position:bottom right;
	height:355px;
}
#wideColumn{
	margin:0px;
	margin-left:150px;
	border:0px;
	padding:20px;
}


#welcomeTitle{
	margin-bottom:20px;
}
#strapline{
	position:relative;
	top:10px;
	left:20px;
}

#bCol1{
	float:left;
	width:250px;
	padding:10px;
	border-right:1px solid #D5D5D5;
}
#bCol2{
	float:left;
	padding:10px;
	margin-left:10px;
	margin-right:110px;
}
#bCol3{
	float:right;
	width:140px;
	margin:0px;
	padding-left:20px;
	padding-right:10px;
	padding-top:10px;
	border-left:1px solid #D5D5D5;
	padding-right:10px;
}
#swatchColumn{
	float:left;
	width:60%;
	margin-left:20px;
	margin-right:140px;
	background-color:#99FF99;
}

.greenSquare{
	background-image:url(../images/green_square.gif);
	background-repeat:no-repeat;
	background-position:0px 5px;
	position:relative;
	padding-left:20px;
	margin-bottom:10px;
}
#rightNav{

	width:140px;
	margin:0px;
	border:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
}
#rightNav li{
	list-style-type:none;
	margin:0px;
	padding:0px;
}
#rightNav a{
	background-image:url(../images/green_square_small.gif);
	background-repeat:no-repeat;
	background-position:3px;
	padding:5px;
	padding-left:14px;
	text-decoration:none;
	line-height:200%;
	color:#484848;
}
#rightNav a:hover{
	background-image:url(../images/white_square_small.gif);
	text-decoration:none;
	line-height:200%;
	background-color:#A8AE26;
	color:white;
}

#centralNav{
	width:170px;
	margin:0px;
	border:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
}
#centralNav li{
	list-style-type:none;
	margin:0px;
	padding:0px;
}
#centralNav a{
	padding:5px;
	
	background-image:url(../images/green_square_small.gif);
	background-repeat:no-repeat;
	background-position:3px;
	padding-left:14px;

	text-decoration:none;	
	line-height:200%;
	color:#484848;
}
#centralNav a:hover{
	background-image:url(../images/white_square_small.gif);
	text-decoration:none;
	line-height:200%;
	background-color:#A8AE26;
	color:white;
}

#leftNav{
	margin-top:15px;
	margin-left:0px;
	padding-left:20px;
	width:140px;
}

#leftNav li{
	list-style-type:none;
	margin:0px;
	padding:0px;
}
#leftNav a{
	padding:5px;
	background-image:url(../images/green_square_small.gif);
	background-repeat:no-repeat;
	background-position:3px;
	padding-left:14px;
	text-decoration:none;
	line-height:200%;
	color:#484848;
}
#leftNav a:hover{
	background-image:url(../images/white_square_small.gif);
	text-decoration:none;
	line-height:200%;
	background-color:#A8AE26;
	color:white;
}

#bottomLinks{
	font-size:11px;
	clear:left;
	list-style-type:none;
	display:block;
	position:relative;
	padding:10px;
	margin:0px;
}
#bottomLinks li{
	display:inline;
	padding:0px;
	margin:0px;
}
#bottomLinks li a{
	text-decoration:none;
	color:#484848;
	padding:5px;
}
#bottomLinks li a:hover{
	text-decoration:underline;
}
#swatchWindow{
	overflow:hidden;
	width:65%;
	height:60px;
	border:0px solid #CCCCCC;
	padding:5px;
	position: relative;
	float:left;
}

#swatches{
	
}
.swatch{
	float:left;
	display:inline;
	border:1px solid #C8C8C8;
	padding:3px;
	margin:3px;
	height:50px;
}
.swatch:hover{
	background-color:#A8AE26;
}
#topBar h1{
	color:#848910;
	font-size:20px;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
}
#topBar h1 a{
	text-decoration:none;
	color:#848910;
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:10px;
}
#topBar h1 a:hover{
	text-decoration:underline;
	font-family:Arial, Helvetica, sans-serif;
	color:#848910;
	font-size:20px;
	margin-bottom:10px;
}
#topBar h2{
	color:#717478;
	font-size:17px;
	margin-bottom:3px;
}


#productDetails{
	height:180px;
	width:200px;
	overflow:auto;
}
#scrollInfo{
	position:relative;
}

/***************** COLLECTION RESULTS PAGE ***************************/

.collectionSearchThumb{
	padding:5px;
	float:left;
}	
.collectionSearchThumb img{
	border:1px solid #CCCCCC;
	padding:3px;
}
.collectionSearchThumb a{
	text-decoration:none;
	color:#A8AE26;
}
.collectionSearchThumb a:hover{
	text-decoration:underline;
	color:#A8AE26;
}
.collectionSearchThumb a:hover img{
	background-color:#A8AE26;
}
.collectionSearchName{
	display:block;
	width:100px;
	line-height:normal;
	color:#A8AE26;
	font-size:11px;
}

/***************** GALLERY PAGE ***************************/

.galleryThumb{
	padding:5px;
	float:left;
}	
.galleryThumb img{
	border:1px solid #CCCCCC;
	padding:3px;
}
.galleryThumb a{
	text-decoration:none;
	color:#A8AE26;
}
.galleryThumb a:hover{
	text-decoration:underline;
	color:#A8AE26;
}
.galleryThumb a:hover img{
	background-color:#A8AE26;
}
.galleryName{
	display:block;
	line-height:normal;
	color:#A8AE26;
	font-size:11px;
}
/*********************************************************/

.paging{
	clear:both;
	display:block;
	padding-top:10px;
	width:480px;
	text-align:center;
}
#previousPage{
	margin-right:10px;
}
#nextPage{
	margin-left:10px;
}
#pageList{
	position:relative;
	top:-5px;
	font-size:12px;
	color:#666666;
}

#pictureLayer {
	position:relative;
	width:210px;
	top:-470px;	
	left:60%;
	z-index:1;
	padding:10px;
	padding-bottom:2px;
	background-color:#A8AE26;
	text-align:right;
	border-right:1px solid #4F5208;
	border-bottom:1px solid #4F5208;
}

#pictureLayer img{
	border:0px;
}
	
.infoBox{
	width:200px;
	line-height:normal;
	margin-bottom:5px;
	clear:left;
	
}
.infoBox h3{
	font-size:12px;
	color:#A8AE26;
	font-weight:bold;
	padding:0px;
	margin-bottom:3px;
	padding-top:3px;
	line-height:normal;
}
.infoBlock{	
	float:left;
	margin-right:10px;
	line-height:normal;
	background-image:url(../images/bullet.gif);
	padding-left:7px;
	background-repeat:no-repeat;
	background-position:0px 5px;
}


.styledForm{
	margin-bottom:10px;
}

.centreContentPadTop{
	margin-top:50px;
}

.basketRow{
	font-size:11px;
}

.basketItem{
	margin-right:10px;
	line-height:normal;
}


.infoMessage{
	color:#A8AE26;
	font-style:italic;
}
.infoMessage p{
	color:#A8AE26;
	font-style:italic;
}

.mandatoryField{
	width:180px;
	background-image:url(../images/mandatory_star.gif);
	padding-left:10px;
	background-repeat:no-repeat;
	background-position:2px;
}
.buttons{
	display:block;
	clear:left;
	margin-top:5px;
}

#topBar label{
	float:left;
	width:150px;
	font-size:11px;
}

.basketItem label{
	float:none;
	color:#A8AE26;
	font-weight:bold;
	margin-right:5px;
	font-size:11px;
}

#topBar input{
	float:left;
}	
.clearLeft{
	clear:left;
}
#siteMap{
	line-height:120%;
}
#settingimages{
	margin-top:5px;
	overflow:auto;
	
}
.settingimage{
	display:inline;
	float:left;
	margin-right:5px;
	
}
.settingimage img{
	border:0px;
}
.formRow{
	display:block;
	float:none;
	clear:left;
}


.searchRow{
	clear:left;
	overflow:hidden;
	width:600px;
	background-color:#EEEEEE;
	border:1px solid #CCCCCC;
	padding:7px;
	margin-bottom:5px;
}
.searchRow h2{
	font-size:13px!important;
}	
.searchNoPref{
	float:none;
	display:block;
}
.searchNoPref label{
	font-weight:bold;
}
.searchItems{
	float:none;
	clear:left;
	display:block;
	overflow:hidden;
}
.searchItem{
	float:left;
	margin:2px;
	width:auto;
	display:block;
	overflow:hidden;
	width:180px;
}
.searchItem label, .searchItem_subtype label, .searchNoPref label{
	margin-left:3px;
}
.subitems{
	clear:left;
	overflow:hidden;
}
.searchItem_subtype{
	overflow:hidden;
	
}
.searchItem_subtype label{
	color:#666666;
	font-size:10px!important;
}
.expandeditem{
	background-color:#CCCCCC;
	padding:3px;
}

#dhtmltooltip{
position: absolute;
left: -300px;
width: 250px;
border: 1px solid #D3D0A2;
padding: 5px;
background-color: #F7F5DD;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

a.helpicon{
	width:18px;
	height:18px;
	background-image:url(images/help.png);
	background-repeat:no-repeat;
	display:block;
	float:left;
}

.searchresult{
	margin-bottom:10px;
	overflow:hidden;
	
}
.searchresult img{

}	
.search_productitle{
	font-size:16px;
	font-weight:bold;
	display:block;
}
.search_collectionitle{
	font-size:13px;
	display:block;
}

.greenblock_link{
	padding:5px;
	
	background-image:url(../images/green_square_small.gif);
	background-repeat:no-repeat;
	background-position:3px;
	padding-left:14px;
	display:block;
	text-decoration:none;	
	line-height:200%;
	color:#484848;
}
.greenblock_link:hover{
	background-image:url(../images/white_square_small.gif);
	text-decoration:none;
	line-height:200%;
	background-color:#A8AE26;
	color:white;
}