@charset "utf-8";
/* CSS Document */

body { background-color:#fff;
font-family:Arial, Helvetica, sans-serif;
margin:0;}

p, blockquote { font-size:72%;
color:#4d4c4c;}

/*img, div { behavior: url(iepngfix.htc) }*/

/* specific divs */

.clear { clear:both;}

#container { width:940px;
height:auto;
margin:0 auto 0 auto;}

/* top section, logo, advert, basket, delivery */

#basket_qty select { font-size:80%;
border:1px solid #576f7d;
color:#5d5d5d;
width:40px;
margin:0 0 5px 0;}

#top { margin:0;
padding:0;}

#top #logo { float:left;
width:165px;
margin:0 0 0 10px;
padding:0;}

#top #ad { display:none;}

#top #right { display:none;}

/* top nav bar */

#nav { display:none;}

.big-img { display:none;}

/* main section, left and middle */

#main { width:100%;
margin:0;
padding:0;}

/* left section, search and left_nav */

#left { display:none;}

#flash { display:none;}

/* main section, content */

#content { float:left;
margin:5px 0 0 8px;
width:675px;}

#content .big-image { display:none;}

#content a { color:#3b3c3b;
text-decoration:underline;}

#content a:hover { color:#3b3c3b;
text-decoration:none;}

#content h1 { font-size:80%;
color:#4d4c4c;
margin:5px 0 10px 0;
padding:0;}

#content h2 { font-size:76%;
color:#4d4c4c;
margin:5px 0 10px 0;
padding:0;}

#content h3 { font-size:72%;
color:#4d4c4c;
margin:5px 0 10px 0;
padding:0;}

#content ul { /*font-size:72%;
color:#4d4c4c;*/}

#content ul.general { font-size:72%;
color:#4d4c4c;}

#content li { padding:0 0 5px 0;}

#content p { margin:0 0 10px 0;
padding:0;}

#content #products #prod_heading { border-bottom:2px solid #f34421;
margin:0 0 0 0;
padding:0;}

#content #products #prod_heading h2 { font-size:72%;
padding:5px 0 5px 5px;
margin:0;
color:#4e312b;}

#content #products .prod_cats {
width:165px;
margin:5px 5px 0 0;
padding:0;
float:left;
.min-height:260px;}

.text { height:60px;
.height:100px;}

#content #products .prod_cats h3 { font-size:72%;
color:#423330;
padding:5px 0 5px 5px;
margin:0;
font-weight:bold;}

.prod-img-new { border-bottom:1px solid #f34421;
border-top:1px solid #f34421;
width:164px;
height:73px;
overflow:hidden;}

#content #products .prod_cats .img { border-bottom:1px solid #f34421;
border-top:1px solid #f34421;}

#content #products .prod_cats p { padding:0 0 5px 5px;
margin:5px 0 5px 0;}

#content #products .prod_cats .view { float:left;
margin:-3px 5px 5px 15px;
padding:0;
_margin:-3px 0 0 10px;}

/* last cat */

#content #products .prod_cat { width:165px;
background-color:#e6d4d0;
margin:5px 0px 0 0;
padding:0;
float:left;
.min-height:260px;}

#content #products .prod_cat h3 { font-size:72%;
color:#423330;
padding:5px 0 5px 5px;
margin:0;
font-weight:bold;}

#content #products .prod_cat .img { border-bottom:1px solid #f34421;
border-top:1px solid #f34421;}

#content #products .prod_cat p { padding:0 0 5px 5px;
margin:5px 0 5px 0;}

#content #products .prod_cat .view { float:left;
margin:-3px 5px 5px 40px;
padding:0;
_margin:-3px 0 0 10px;}

/* bottom sections */

#one{ float:left;
width:335px;
margin:5px 5px 5px 0;
padding:0;}

#two { float:left;
width:335px;
margin:5px 0 5px 0;
padding:0;}

/* contact sections */

#content #contact_heading { background-color:#bbcfda;
border-bottom:2px solid #3c98cb;
margin:5px 0 5px 0;
padding:0;}

#content #contact_heading h2 { font-size:72%;
padding:5px 0 5px 5px;
margin:0;
color:#34434b;}

#content #contact { margin:0;
padding:2px 0 0px 0;
height:70px;
background-color:#e8edf0;}

#content #contact p { margin:5px 0 0 5px;
padding:0;
color:#3b3c3b;}

#content #contact form { margin:5px 0 0 5px;}

#content #contact label { font-size:72%;
color:#3b3c3b;}

#content #contact input { font-size:72%;
border:1px solid #576f7d;}

.no_field { background-color:#f5f4f4;
color:#abb4b9;}

.button { background:url(../images/contact_bg.jpg) repeat-x;
color:#3b3c3b;}

/* brochure sections */

#content #brochure_heading { background-color:#e5deb9;
border-bottom:2px solid #e7c406;
margin:5px 0 5px 0;
padding:0;}

#content #brochure_heading h2 { font-size:72%;
padding:5px 0 5px 5px;
margin:0;
color:#5e593e;}

#content #brochure { background-color:#ede9d3;
margin:0;
height:70px;
padding:2px 0 0 0;}

#content #brochure p { margin:5px 0 0 5px;
padding:0;
color:#3b3c3b;}

#content #brochure .boy { float:right;
margin:-30px 0 0 0;
padding:0;
_position:relative;}

.download { float:left;
margin:-3px 5px 0 40px;
padding:0;}

/* footer */

#footer { display:none;}

#footer a { color:#5d5d5d;
text-decoration:underline;}

#footer a:hover { color:#5d5d5d;
text-decoration:none;}

#footer #newsletter { float:left;}

#footer #newsletter img { margin:-25px 0 0 10px;
float:left;
position:relative;}

#footer #newsletter #form { float:left;
margin:8px 0 0 10px;}

#footer #newsletter input { font-size:72%;
border:1px solid #576f7d;
color:#5d5d5d;}

#footer #newsletter label { font-size:72%;
color:#3b3c3b;
color:#5d5d5d;}

#footer #links { float:right;
margin:0 10px 0 0;
.margin:12px 10px 0 0;
padding:0;}

#footer #links ul { font-size:72%;
color:#5d5d5d;}

#footer #links li { display:inline;}

/* internal product pages */

#content #products .prod_cats .view1 { float:left;
margin:-3px 5px 5px 45px;
padding:0;
.margin:0 10px 0 10px;}

#content #products .prod_cat .view1 { float:left;
margin:-3px 5px 5px 45px;
padding:0;
.margin:0 10px 0 10px;}

.bottom { height:90px;}

/* related products */

#content #related_prods { .padding:5px 0 0 0;
_padding:0;
margin:0;}

#related_prods #related_heading { background-color:#bbcfda;
border-bottom:2px solid #3c98cb;
margin:5px 0 5px 0;
padding:0;}

#related_prods #related_heading h2 { font-size:72%;
padding:5px 0 5px 5px;
margin:0;
color:#34434b;}

#related_prods .related_products { width:165px;
background-color:#d8e2e9;
margin:0px 3px 0 0;
padding:0;
border-bottom:10px solid #FFFFFF;
float:left;}

#related_prods .related_products h3 { font-size:72%;
color:#34434b;
padding:5px 0 5px 5px;
margin:0;
font-weight:bold;}

#related_prods .related_products .img { border-bottom:1px solid #88b9d4;
border-top:1px solid #88b9d4;
width:164px;
height:73px;
overflow:hidden;}

.related-img-new { border-bottom:1px solid #88b9d4;
border-top:1px solid #88b9d4;
width:164px;
height:73px;
overflow:hidden;}

#related_prods .related_products p { padding:0 0 5px 5px;
margin:5px 0 5px 0;}

#related_prods .related_products .view1 { float:left;
margin:-3px 5px 5px 45px;
padding:0;
.margin:0 10px 0 10px;}

.bottom1 { height:30px;
.height:40px;}

/* product detail */

#prod_detail {}

#prod_detail #prod_heading { background-color:#d4a69d;
border-bottom:2px solid #f34421;
margin:5px 0 0 0;
padding:0;}

#prod_detail #prod_heading h2 { font-size:72%;
padding:5px 0 5px 5px;
margin:0;
color:#4e312b;}

#prod_detail #detail { margin:5px 0 0 0;
padding:0;}

#prod_detail #detail #detail_left { width:450px;
float:left;
margin:5px 0 0 5px;
_width:440px;}

#prod_detail #detail #detail_left label { font-size:72%;
color:#5d5d5d;
width:100px;
float:left;
margin:0 0 5px 0;}

#prod_detail #detail #detail_left select { font-size:72%;
border:1px solid #576f7d;
color:#5d5d5d;
width:102px;
margin:0 0 5px 0;}

#prod_detail #detail #detail_left input { font-size:72%;
border:1px solid #576f7d;
font-weight:bold;
color:#5d5d5d;
margin:0 0 5px 0;
width:100px;}

#prod_detail #detail #detail_left h3 { font-size:72%;}

#color_right { float:left;
margin:5px 0 0 5px;
width:400px;}

#color_right1 { float:right;
margin:5px 0 0 5px;
width:215px;}

#color_right2 { float:right;
margin:5px 0 0 5px;
width:215px;}

#color_heading { background-color:#e5deb9;
border-bottom:2px solid #e7c406;
margin:0 0 5px 0;
padding:0;}

#color_heading h2 { font-size:72%;
padding:5px 0 5px 5px;
margin:0;
color:#5e593e;}

#color_info { background-color:#ede9d3;
margin:0;
padding:2px 0 0 0;}

#color_info p { margin:5px 5px 0 5px;
padding:0;
color:#3b3c3b;}

#color_info #swatches { margin:5px 0 0 8px;}

#color_info form { margin:10px 0 0 5px;}

#color_info label { font-size:72%;
color:#3b3c3b;
float:left;
margin:0 0 5px 0;
width:70px;}

#color_info input { font-size:72%;
margin:0 0 5px 0;
width:120px;}

#color_info textarea { font-size:88%;
width:120px;
margin:0 0 5px 0;}

.submit { background:url(../images/submit.jpg) repeat-x;
border:1px solid #bea51f;}

#content #texty { float:left;
width:268px;
margin:0;
padding:0;}

/* Customer Feedback */

#content #comments { margin:15px 0 0 2px;
border-bottom:1px solid #a7a7a7;
padding:0;}

#content #comments h2 { color:#4d4c4c;
font-size:72%;
text-decoration:underline;
margin:0 0 8px 0;
padding:0;}

/* footer pages */

#content #info { margin:0 0 0 2px;
padding:0;}

#content #info h2 { color:#4d4c4c;
font-size:72%;
margin:0 0 5px 0;
padding:0;}

#content #info ul, ol, blockquote { font-size:72%;
color:#4d4c4c;}


/*-paging----*/
#paging{
	height:30px;
	float:right;
	position:relative;
	margin:10px;
	color:#000;
}
#paging .paging-left{
	float:left;
	position:relative;
	margin:0;
	padding:0;
}
#paging .paging-left li{
	color:#000;
	margin:0 3px 0 3px;
	font-size:70%;
	list-style:none;
	display:block;
	float:left;
	position:relative;
}
#paging .paging-next{
	width:auto;
	overflow:visible;
	float:left;
	font-size:70%;
	text-align:right;
	margin-top:17px;
	margin-left:10px;
	.margin:2px 0 0 5px;
	top:0;
}
#paging .paging-next a, #paging .paging-next a:visited{
	color:#000;
	text-decoration:none;
	margin:0;
	padding:0;
}
#paging .paging-next a:hover{
	color:#f34421;
	text-decoration:underline;
}
#paging .paging-left li a,#paging .paging-left li a:visited{
	color:#000;
	text-decoration:none;
	background-color:0;	
	display:block;
	padding:1px;
}
#paging .paging-current, #paging .paging-current a:visited{
	background-color:#d2ded0;
	border:#afc7ab 1px solid;
	color:#476043;
}
#paging .paging-left li a:hover{
	text-decoration:underline;	
	display:block;
	margin:0;
	color:#f34421;
}


/* login details */

.logindiv form { float:left;
width:310px;
margin:0 10px 0 0;}

.logindiv label { font-size:72%;
color:#3b3c3b;
float:left;
width:150px;
margin:0 0 5px 0;}

.logindiv input { font-size:72%;
color:#3b3c3b;
float:left;
width:140px;
margin:0 0 5px 0;}

.logindiv select { font-size:72%;
color:#3b3c3b;
float:left;
width:140px;
margin:0 0 5px 0;}

.btn1 { background:url(../images/btn_bg.jpg) repeat-x;
width:142px;}

/* basket details */

#baskettable { font-size:72%;
color:#3b3c3b;}

.tablecelldark {background-color:#dbe7db;
color:4d4c4c;
padding:5px;
font-weight:bold;
margin:0 0 5px 0;
border-bottom:1px solid #bfcebf;}

.tablecelllight { padding:5px 0 5px 0;
background-color:#edf2ec;
border-bottom:1px solid #bfcebf;}

.tablecelllightbottom { padding:5px 5px 5px 5px;
background-color:#edf2ec;
border-bottom:1px solid #bfcebf;}


.address { width:300px;
float:left;}

.address label { font-size:72%;
float:left;
width:100px;
margin:0 0 5px 5px;}

.address input { font-size:72%;
float:left;
width:200px;
margin:0 0 5px 0;}


/* forgotten password page */

.logindiva form { float:left;
width:320px;
margin:0 10px 0 0;}

.logindiva label { font-size:72%;
color:#3b3c3b;
float:left;
width:90px;
margin:0 0 5px 0;}

.logindiva input { font-size:72%;
color:#3b3c3b;
float:left;
width:150px;
margin:0 0 5px 0;}

.logindiva select { font-size:72%;
color:#3b3c3b;
float:left;
width:150px;
margin:0 0 5px 0;}

/* errors */
.error {
list-style-image:url(/assets/images/error.jpg);
color:#ee4822;
font-size:72%;
font-weight:bold;
}

/* profile */
.profile { font-size:72%;}

/* image clipper */
.clipwrapper {
	position:relative;
	height:200px;
	width:676px;
}
.clipwrapper img{
    .height:73px;
}

.clip {
	position:absolute;
/* example only: these parameters are calculated dynamically
	clip:rect(210px 700px 410px 0);
	top:-210px;
*/
	left:0;
}



.steps { border-bottom: 1px solid #f24824;
margin-bottom:10px;
margin-top:10px;}

.steps img { margin:0 5px 0 10px;}

input.security { width:30px;}

input.issue { width:30px;}
