@charset "UTF-8";
/* CSS Document */



/*RESET*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
}





body{
background:url(../images/global/sale_bg.jpg);
font-family: Arial, Helvetica, sans-serif;
color:#999999;
font-size:12px;
}







/*body{
font-family: Arial, Helvetica, sans-serif;
color:#999999;
font-size:12px;
background-image:url(http://www.clarkesfurnishers.co.uk/resources/images/global/bgswatch.jpg)
}
*/




h1{
	padding:10px;
	font-weight:normal;
	color:#fff;
	line-height:30px;
	font-size:24px;
	background-color: rgb(198, 21, 29);
}



a{
text-decoration:none;
color:#999;
}

a:hover{
	color:#999;
text-decoration:underline;
}

hr{
color:#999999;
}

#container1{
width:1012px;
margin:auto;
/*background-image:url(http://www.clarkesfurnishers.co.uk/resources/images/global/shadow.jpg);
background-repeat: repeat-y;*/

}


#subnav{
background-image:url(../images/global/subnavBG.jpg);
height:22px;
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-left:50px;
padding-top:8px;
}


#subnav a{
color:#ffffff;
}


#container2{
width:912px;
margin:auto;
/* height:100%; */
background-color:#FFFFFF;

}

/*-----TOPNAV--------------*/

.topNav {
	padding: 0;
	height:30px;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	border-top:solid 3px #fff;
	height:30px;
	width:852px;
	background-color: rgb(198, 21, 29);
}



.topNav ul {
margin: 0;
padding: 0;
list-style: none;
}

.topNav li {
float: left;
margin: 0;
padding: 0;
}


.topNav ul li a {
height: 22px;
margin: 0;
padding-top:8px;
text-decoration:none;

display:block; color:#FFF;   overflow: hidden; width:140px; border-right:solid 2px #fff;

}
  

.topNav li a:hover {
	text-decoration: none;
	display: block;
	color:#fff;
	background-color: rgb(135, 1, 2);
}





.topNav ul {padding:0; margin:0; list-style: none;  display:block; }
.topNav ul li {float:left; position:relative; 
 }
.topNav ul li ul {display: none; border:1px solid #999; border-top:none;  padding-bottom:6px; background-color:white; }

.topNav ul li ul li{
height:26px;
display:block; 
/* overflow:hidden; removed to fix displaying width error in IE8 */
font-size:12px;



}


/* specific to non IE browsers */
.topNav ul li:hover ul {display:block; position:absolute; top:30px; left:0; }
.topNav ul li:hover ul li:hover a.hide {  color:#fff; }
.topNav ul li:hover ul li ul {display: none; }

/* dropdowns */
.topNav ul li:hover ul li a { display:block; color:#666; background-color:white; text-align:left;  padding-left:10px;  border:none; }
.topNav ul li:hover ul li a:hover { text-decoration:underline;}

/*--------------------------------*/











/*breadcrumb-----------------------*/
#breadcrumb{
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:12px;
height:22px;
padding-top:8px;
width:820px;
background-color:#fff;
clear:both;

padding-left:30px;


}


#breadcrumb a{
color:#666666;

}

/*--------------------------------*/

/*--------CONTENT------------------------*/


#content{
/* height:541px;  */
width:855px; background-repeat: repeat-y;
}






/*--------------------------------*/



#container3{
width:855px;
margin:auto;
/* height:100%; */
}

#box{
width:198px;
height:198px;
float:left;
}
  
#boxfix{
float:left;
width:198px;
height:198px;
padding-bottom:25px;
padding-right:20px;
}

#boxbase{
padding-left:10px;
 padding-top:4px;
 color:#ffffff; 
 font-family:Arial, Helvetica, sans-serif; 
 font-size:12px; 
 width:188px; 
 background-image:url(http://www.clarkesfurnishers.co.uk/resources/images/dining_occasional/php/red-gradient.jpg);
 height:24px;

}


#endbox{
width:198px;
height:198px;
float:right;
}

#heading{
font-size:14px;
padding-top:5px;
padding-bottom:5px;

height:30px;
background-image:url(http://www.clarkesfurnishers.co.uk/resources/images/global/headingline.gif);
background-repeat:no-repeat;
color:#663300;
}

/* THE FOLLOWING WAS ADDED FOR THE DYNAMIC CATALOGUE SECTIONS */

/* LEFT NAVIGATION DISPLAY */

#sidenav2{
float:left;width:212px; overflow:hidden; border:1px solid #666; 
}
#sidenav a{
float:left;width:212px; overflow:hidden; border:1px solid #666; 
}


ul#leftNav  { margin:0; padding:0; list-style:none; }
ul#leftNav li { float:left; clear:left; width:100%; border-bottom: 1px solid #fff;  }
ul#leftNav li a { display:block; color:#FFF; width:167px; height:30px; text-decoration:none; overflow: visible; }


ul#leftNav li {  background: url(../../shop_admin_images/nav-bk.gif) ; background-repeat:repeat-y; }
ul#leftNav li a { margin:0;padding:0;  height:30px; padding-left:48px;width:167px; padding-top:8px; height:22px;   }
ul#leftNav li a:hover, ul#leftNav li a.current {background:url(../../shop_admin_images/nav-bk.gif) repeat 0 -30px; text-decoration: underline;    }

/* Dynamic Sub Cats */


















#box1 {
float:right;
padding:0;margin:0;
height:347px;	
}

#subcatsWrap {
float:left;
padding-top:8px;
	width:637px;
		
}


.subcat {
float:left;	
width:196px; height:210px;
 background-image:url(http://www.clarkesfurnishers.co.uk/resources/images/dining_occasional/php/red-gradient.jpg);
 margin-bottom:20px;
 border:1px solid #999;
}

.subcat a { color:#fff; }

.subcat img {   border:0;  }

.subcattext {
color:#fff; 
padding-left:10px;
}

.subcatspacer {
	float:left;
height:212px;
width:21px;

}



/*h1 {
	font-size:28px;
	font-weight:normal;
padding:0;margin:0;

	color:#999; 
		line-height:26px;
	/*border:solid 1px #F00; padding-top:26px; 
} */

/* This is used dynamically in shop.php */
h2 {
	font-size:20px;
	font-weight:normal;
padding:0;margin:0;
	height:30px;
	color:#663300; background-color:#FFF; 
	/* border:solid 1px #F00; */
}



/* This is used dynamically in shop.php */
.headerWrap {
	padding:0;margin:0;
	float:left;
	width:637px;
background-image:url(../images/global/dyn-headingline.gif);
background-repeat: repeat-x;
padding-bottom:6px;
height:40px;
}


/* product display thumbs */
#subprWrap {
float:left;
	width:637px;
		
}
	
.product {
float:left;	
width:197px; height:198px;
border:solid 1px #999;
margin-top:20px;
}

.productimg { float:left; padding-bottom:4px; width:198px; height:140px; overflow:hidden; }
.product img { 
display: block;
margin-left: auto;
margin-right: auto; }


.productname {
float:left;	width:197px; height:33px; overflow:hidden;
color:#999; font-weight:bold; text-align:center;
}



.productmoreinfo { 
float:left; background-color:#F5F5F5; font-weight:bold;
text-align:center;
padding-top:5px;
 width:197px; height:16px; overflow:hidden;
	
}


.productspacer {
	float:left;
height:198px;
width:18px;

}


/* product display large */

#prWrapLeft {
	float:left;
width:456px;	

}
		

#prWrapRight {
	float:right;	
width:391px;

border:solid 1px #ccc;	
height:462px;
}

#prColRight1 {
	float:left;
width:351px;


height:386px;
padding:20px; overflow:auto;
}

#prColRight2 {
	float:left;	
width:391px;
text-align:right;
height:24px; background-color:#F5F5F5;
 font-size:12px; font-weight:bold; color:#333; 
 padding-top:12px;
}


#prColLeft1 {
	float:left;
width:433px;		
border:solid 1px #ccc;
	margin-bottom:11px;
}


.prColLeft2 {
	float:left;
width:133px;		
margin-right:15px;
border:solid 1px #ccc;
}


.sale { font-size:16px; font-weight:bold; color:#666; 
	
}

/* HEADER - FOR USE WITH SEARCH FACILITY */

#headerWrap {
	width:827px;
	height:20px;
	padding:10px;
	padding-left:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	font-size:16px;
	background-color: rgb(135, 1, 2);

}


.headertext	{float:left; padding:0;margin:0;
	
}


/* FORMFIELDS */
.fieldSet4 {
width:180px;
}

form { padding:0;margin:0; }


.searchbutton {
	float:right; padding:0;margin:0; border:0;
}
.searchtextfield {
	float:right; padding:0;margin:0; border:0;
}

.searchtextfield input {
	width:184px;padding:0;margin:0; border:0; height:21px;
}



*:first-child+html .searchtextfield input { height:20px; } * html .searchtextfield input { height:20px; }

.emailsubmit:hover{
	cursor:pointer;
	
}

#footer_links{
	background-color: rgb(198, 21, 29);
}


#footer_links a{
color:#fff;
padding-left:20px;
}

/*JUMBOFOOTER*/
#footer1{
width:852px;
margin:auto;
}





#jumbofooter-item{
padding-bottom:20px;
width:852px;
margin:0;
padding:0;


} 
 
#jumbofooter-item ul{
color:#666;
list-style:none;
line-height:20px;
padding:20px 0 20px 30px;
margin:0;
float:left;

} 

#jumbofooter-item ul li.titles a{
color:#666;
font-weight:bold;

} 

#jumbofooter-item a{
text-decoration:none;
color:#999;

} 


#jumbofooter-item a:hover{
color:#666;
text-decoration:underline;
} 

#jumbofooter-item ul lh a{
color:#666;
font-weight:bold;
}
#jumbofooter-item ul lh a:hover{
color:#666;
text-decoration:underline;

}
#jumbofooter-item ul lh a{
color:#666;
font-weight:bold;
}
#jumbofooter-item ul lh a:hover{
color:#666;
text-decoration:underline;

}

*/