@charset "utf-8";

/* Template - Floors */

/* Custom font */

@font-face 
{
	font-family: Arial;   
}

/* lock images at set dimensions */

.categoryheader, .categoryfooter
{
    width: 185px;
    height: 33px;
}

.sidead1, .sidead2
{
    width: 193px;
    height: 200px;
}

.image_reel img, #fadeshow1, .gallerylayer, .gallerylayer img
{
    width: 930px!important;
    height: 406px!important;   
}

#ad1 img
{
    width: 730px;
    height: 50px;
}

#ad2 img
{
    width: 400px;
    height: 145px;
}

.advert2
{
    width: 820px;
	height: 60px;  
}

.advert1
{
    width: 400px;
	height: 145px;  
}

#block1 img
{
    width: 34px;
    height: 34px;
}

#block2 img, #block3 img
{
    width: 193px;
    height: 200px;
}

/* Product images on List */

.productimage
{
    width: 110px;
    height: 145px;
}

/* Main product images on View */

.productimagemain
{
    width: 219px;
    height: 288px;
}

/* sub cat image lock */

.catimage
{
    width: 230px!important;
    height: 172px!important;
}

/* lock images on upsell products */

.simply-scroll-list li img
{
    width: 63px;
    height: 80px;
}

/* main page styles */

*
{
    margin: 0;
}

html
{
    height: 100%;
}

body 
{
    margin: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
	background-image: url("/_images/Background/df4uback.png");
	background-repeat: repeat;
}

#wrapper, .siteWrapper #wrapper 
{
	position: relative;
	width: 970px;
    min-height: 1460px;
    height: auto;
    margin: 0 auto;
    overflow-x: hidden;
}

#wrapper
{
	background-color: #fff;
}

.siteWrapper #wrapper
{
    min-height: 100%;
}

/* header styles */

#header 
{
	width: 970px;
	float: left;
	clear: both;
	min-height: 140px;
}

#logos 
{
	position: absolute;
    top: 30px;
    left: 30px;
}


#searchbox 
{
    position: absolute;
    top: 75px;
    left: 420px;
	width: 200px;
	height: auto;
	padding: 5px 5px 5px 5px;
	background: #ffffff;
	border: 1px dotted #000;
	color: #000;

}

#searchbox form 
{
	margin: 0px;
	padding: 0px;
}

#searchbox input 
{
	width: 160px;
	background: #fff;
	color: #000;
	border: 1px solid #ffffff;
}

#searchbox input.button 
{
	position: absolute;
    top: 3px;
    left: 174px;
	background-image: url(/_images/Site/button_search.png);
	background-repeat: no-repeat;
	width: 33px;
    height: 22px;
    margin-left: 0px;
	border: none;	
	font-size: 13px;
	text-align: center;
	cursor: pointer;
	background-color: #456514;
	color: Transparent!important;
}

/* adds additional height / padding for Chrome */

@media screen and (-webkit-min-device-pixel-ratio:0)
{
    #searchbox 
    {
        padding-bottom: 6px;
    }
    
    #searchbox input.button
    {
        top: 3px;
        left: 174px;
    }
    
    #nav li
    {
        height: 32px;
    }
    
    /* #nav ul li a, #nav ul li a:visited, #nav ul li a:hover, #nav ul li a:active 
    {
        padding: 0px!important;
    }
    */

    #nav ul li
    {
        height: auto;
    }
}

.indexWrapper #login
{
	position: absolute;
	display: none;
    top: 0px;
    right: 20px;
    color: #000;
}

.siteWrapper #login
{
	position: absolute;
    top: 0px;
    right: 20px;
    color: #000;
}

.indexWrapper #login
{
    right: 165px;
}

#shoppingcart, #samplebasket 
{
	position: absolute;
    top: 50px;
    right: 20px;
	background-image: url(/_images/Site/shopping_cart.png);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 50px;
	font-size: 14px;
	text-align: right;
	overflow: hidden;
	color: #000;
}
	
#samplebasket 
{
	background-image: none;
	position: absolute;
    top: 70px;
    right: 20px;
    margin-top: 30px;
    padding-top: 0px;
	overflow: hidden;
	color: #000;
}

/* body */

#content 
{
	float: left;
	clear: both;
	width: 970px;
	margin-top: 12px;
}

#left, #leftinside 
{
	width: 209px;
	min-height: 525px;
	float: left;
	height: auto;
}

.indexWrapper .navcontainer
{
    display: none;    
}

.navcontainer 
{
    margin-left: 20px;
	overflow: hidden;
	background-color: #fff;
	border: 1px solid #ccc;
}

.categoryheader, .categoryfooter 
{
	/*margin-bottom: 5px;*/
	margin-left: 2px;
	margin-top: 5px;
}

#right 
{
	width: 746px;
	height: auto;
	float: right;
	margin-top: 10px;
}

#right p 
{
	margin-top: 6px;
	margin-bottom: 12px;
}


/* footer styles */

#footer {
	background: #393939;
}

#footer a
{
	color: #fff!important;
}

.indexWrapper #footer
{
    position: absolute;
    bottom: 0px;
    width: 970px;
}

.siteWrapper #footer
{
    width: 970px;
	height: auto;
	float: left;
	clear: both;
    margin-top: 30px;
}

.footertitle {
    font-family: Arial;
    font-size: 18px;
    padding: 7px;
    font-weight: bold;
    border-bottom: dotted 1px #000000;
    color: #fff;
}

#footerleft, #footercenter, #footerright
{
	width: 301px;
	height: 134px;
	height: auto;
	float: left;
	margin-top: 10px;
	margin-left: 16px;
}

#footerleft a, #footercenter a, #footerright a
{
	text-decoration: none;
}

#footerleft ul, #footercenter ul
{
	margin: 0px;
	margin-top: 10px;
	margin-left: 10px;
	padding: 0px;
	list-style-type: none;
}

#footerleft li, #footercenter li
{
	width: 130px;
	height: auto;
	float: left;
	margin-left: 12px;
	padding-left: 0px;
	font-size: 11px;
	text-decoration: none;
}

.footerSocial 
{
    height: 44px;
    width: 44px;
    float: left;
    margin-right: 7px;
    margin-top: 5px;
}

.bottomimage 
{
	margin-right: 3px;
	margin-top: 14px;
	/* border: solid 1px #8d8d8d; */
}

#footercreditsleft 
{
	width: 400px;
	height: 22px;
	float: left;
	margin-top: 20px;
	padding-top: 8px;
	padding-left:10px;
	font-size: 11px;
	color: #fff;
}

#footercreditsright 
{
	width: 308px;
	height: 29px;
	float: right;
    margin-top: 20px;
    color: #fff;
}

#footercreditsleft a, #footercreditsright a
{
	color: #fff;
}

.footerSocial 
{
    height: 44px;
    width: 44px;
    float: left;
    margin-right: 7px;
    margin-top: 5px;
}

#bizLogo
{
    float: right;
    clear: both;
    margin-bottom: 10px;
    margin-top: 10px;
}

#bizLogo img
{
    width: 120px; 
    height: 33px;
}

/* nav styles */


.siteWrapper #menu 
{
	width: 930px;
	height: 46px;
	float: left;
	clear: both;
    margin-left: 20px;
    background: #f1efe6; /* old browsers */
    background: -moz-linear-gradient(top, #f1efe6 30%, #f1efe6 70%); /*firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#f1efe6), color-stop(70%,#f1efe6)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1efe6', endColorstr='#f1efe6',GradientType=0 ); /* ie */
}


.indexWrapper #menu 
{
	width: 904px;
	height: 46px;
	float: left;
	clear: both;
    margin-left: 31px;
    background: #f1efe6; /* old browsers */
    background: -moz-linear-gradient(top, #f1efe6 30%, #f1efe6 70%); /*firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#f1efe6), color-stop(70%,#f1efe6)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1efe6', endColorstr='#f1efe6',GradientType=0 ); /* ie */
}

#nav 
{
	width: 930px;
	height: 30px;
	margin-left: -6px;
	margin-top: 10px;
	padding: 0px;
}

#nav ul 
{
	width: 150px;
	margin: 0px!important;
	padding: 0px!important;
	list-style: none;
}

#nav li 
{
	position: relative;
	float: left;
    margin-left: 6px;
	padding: 0px;
	padding-left: 15px;
	padding-right: 15px;
    font-family: Arial;
	list-style-type: none;
	border-right: solid 1px #d95c00;
	background-color: #f1efe6;
}

#nav ul li 
{
	position: relative;
	float: none!important;
	padding: 0px!important;	
	border: none!important;
	list-style-type: none;
	color: #000!important;
}
	
#nav li ul 
{
	position: absolute;
	left: -6px; /* Set 1px less than menu width */
	top: 28px;
	display: none;
	z-index: 9999;
}

/* Styles for Menu Items */
#nav li a, #nav li a:visited, #nav li a:hover, #nav li a:active, #nav li a.current
{
	display: block;
	border-bottom: 0;
	padding: 5px;
	text-decoration: none;
	font-size: 16px;
}

#nav li a {
	color: #000!important;
	}
	
#nav li a:visited {
	color: #000;
	}
	
#nav li a:hover {
	color: #d95c00!important;
	}
	
#nav li a:active {
	color: #000!important;
	}
	
#nav li a.current {
	color: #000!important;
	}

/* Fix IE. Hide from IE Mac \*/
* html ul li  
{
    height: 1%; 
    float: left; 
}

* html ul li a  
{
    height: 1%;
	padding: 5px;
	border: 1px solid #ccc;; 
}
/* End */

/* Hover Styles */
#nav li:hover
{
}

#nav ul li a, #nav ul li a:visited, #nav ul li a:hover, #nav ul li a:active 
{ 
	padding: -2px;
    padding-left: 20px;
	font-size: 13px;
}
					
#nav ul li a { background: #f1efe6; /* IE6 Bug */
					color: #000!important;
					}

#nav ul li a:visited { background: #f1efe6; /* IE6 Bug */
					color: #000;
					}
					
#nav ul li a:hover { background: #d95c00; /* IE6 Bug */
					color: #fff!important;
					}

#nav ul li a:active { background: #b74e00; /* IE6 Bug */
					color: #fff;
					}

#nav ul li a:hover { color: #fff; } /* Hover Styles */

/* Sub Menu Styles */		
#nav li ul li a { } 
		
/* The magic */		
#nav li:hover ul, li.over ul 
{ 
    display: block; 
} 

/* side nav styles */

#sidenav  
{
	width: 192px;
	height: auto;
	float: left;
	margin: 0px;
	margin-top: -6px;
	margin-top: 9px;
	padding: 0px;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
	background-color: #fff;
}

#sidenav  ul 
{
	width: 150px;
	margin: 0px!important;
	padding: 0px!important;
	list-style: none;
}
	
#sidenav  li 
{
	position: relative;
	list-style-type: none;
	margin: 0px!important;
	padding: 0px;
	padding-left: 10px;
	padding-right: 10px;
	border-bottom: dotted 1px #ccc;
}

#sidenav  ul li 
{
	position: relative;
	float: none!important;
	list-style-type: none;
	border: none!important;
	padding: 0px!important;	
	color: #000!important;
}
	
#sidenav  li ul 
{
	display: none;
	position: absolute;
	width: auto;
	left: 190px; /* Set 1px less than menu width */
	top: -1px;
	z-index: 9999;
	border-top: 1px solid #ccc;
}

/* Styles for Menu Items */
#sidenav li a, #sidenav li a:visited, #sidenav li a:hover, #sidenav li a:active, #sidenav li a.current
{
	display: block;
	width: 162px;
	padding: 5px;
	padding-left: 0px;
	border-bottom: 0;
	font-family: Arial;
    font-size: 14px;
}
	
#sidenav li a:visited, #sidenav li a:hover, #sidenav li a:active, #sidenav li a.current
{
}

/* other side nav styles */

a.sub, a:visited.sub, a:hover.sub, a:active.sub, a.subon, a:visited.subon, a:hover.subon, a:active.subon 
{
	display: block;
    width: 150px;
	height: 14px;
    margin-left: 20px;
	margin-top: 5px;
	padding-left: 12px;
	font-size: 14px;
}

a.sub {
	color: #000;
}

a:visited.sub {
	color: #000;
}

a:hover.sub {
	color: #d95c00;
}

a:active.sub {
	color: #000;
}

a.subon {
	color: #000;
}

a:visited.subon {
	color: #000;
}

a:hover.subon {
	color: #d95c00;
}

a:active.subon {
	color: #000;
}

#sidenav li a.currentsub, #sidenav li a.currentsubon, #sidenav li a.current2sub, #sidenav  li a.current2subon
{
	display: block;
	width: 152px;
	margin-left: 0px;
	padding: 3px;
	padding-left: 14px;
	border-bottom: 0;
	text-decoration: none;
	font-size: 13px;
}


#sidenav  li a {
	color: #000!important;
	}
	
#sidenav  li a:visited {
	color: #000;
	}
	
#sidenav  li a:hover {
	color: #d95c00!important;
	}
	
#sidenav  li a:active {
	color: #000!important;
	}

#sidenav  li a.current{
	color: #000!important;
	}
	
#sidenav  li a.currentsub{
	color: #000!important;
	}
	
#sidenav  li a.currentsubon{
	color: #000!important;
	}

#sidenav li a.currentsub:hover
{
	background-image: none;
	color: #d95c00!important;
}

#sidenav li a.current2sub, #sidenav  li a.current2subon
{
	margin-left: 21px;
    font-size: 14px;
}

#sidenav  li a.current2subon, #sidenav  li a.current2sub:hover
{
	margin-left: 21px;
}

#sidenav  li a.current2sub{
	color: #000!important;
	}
	
#sidenav  li a.current2sub:hover {
	color: #d95c00!important;
	}

/* Hover Styles */
#sidenav  ul li a, #sidenav  ul li a:visited, #sidenav  ul li a:hover, #sidenav  ul li a:active
{ 
	width: 196px;
	padding: 5px;
	font-size: 18px;
}
	
#sidenav  ul li a { background: #fff; /* IE6 Bug */
					border: 1px solid #ccc;
					color: #000!important;
					}

#sidenav  ul li a:visited { background: #000; /* IE6 Bug */
					border: 1px solid #ccc;
					color: #fff;
					}

#sidenav  ul li a:hover { background: #fff; /* IE6 Bug */
					border: 1px solid #ccc; 
					color: #d95c00!important;
					}
					
#sidenav  ul li a:active { background: #fff; /* IE6 Bug */
					border: 1px solid #ccc; 
					color: #d95c00;
					}
					
#sidenav  ul li a:hover { color: #d95c00; } /* Hover Styles */

/* Sub Menu Styles */		
#sidenav  li ul li a { 	 } 
		

/* The magic */
#sidenav li:hover ul, li.over ul 
{ 
    display: block; 
} 

/* decoration settings */

h1 
{
	width: 100%;
    margin-top: -14px;
	padding-bottom: 5px;
	padding-top: 0px;
    font-family: Arial;
	font-size: 36px;
	font-weight: normal;
	color: #d95c00;
}

h2 
{
	width: 100%;
	line-height: 15px;
	margin-top: 0px;
	margin-bottom: 4px;
	padding-bottom: 5px;
	padding-top: 0px;
	font-size: 14px;
	border-bottom: dotted 1px #000;
	color: #d95c00;
}

img 
{
	border: none;
}

.grey 
{
	color: #575757;
}

.blue 
{
	color: #0798db;
}

a.white 
{
	text-decoration: none;
	color: #000;
	text-decoration: none;
}

a:visited.white 
{
	text-decoration: none;
	color: #000;
}

a:hover.white 
{
	text-decoration: none;
	color: #000;
}

a:active.white 
{
	text-decoration: none;
	color: #000;
}

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

a:visited 
{
	text-decoration: none;
	color: #000;
}

a:hover
{
	text-decoration: none;
	color: #000;
}

a:active 
{
	text-decoration: none;
	color: #000;
}

input.button 
{
	width: auto;
	height: 25px;
	margin-left: 3px;
	padding: 3px;
	padding-left:10px;
	padding-right:10px;
	border: solid 1px #ccc;
	background: #fff;
	color: #575757;
}

input.buttonblue, input.buttongreen, input.buttonadmin
{
	width: auto;
	height: 25px;
	margin-left: 3px;
	padding: 3px;
    padding-bottom: 10px;
	padding-left: 5px;
	padding-top: 2px;
	padding-right: 5px;
	font-family: Arial;
	font-size: 14px;
    border: none;
    zoom: 1; /* This enables hasLayout, which is required for older IE browsers */
    overflow: visible;
	cursor: pointer;
	border: solid 2px #fff;
	background: #e98815;
	color: #ffffff;
	-moz-box-shadow: 1px 1px 4px #666;
    -webkit-box-shadow: 1px 1px 4px #666;
	-khtml-box-shadow: 1px 1px 4px #666;
    box-shadow: 1px 1px 4px #666;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#b0b0b0', Direction=135, Strength=3);
}

input.buttonblue:hover, input.buttongreen:hover 
{
	background: #fff;
	color: #e98815;
}

input.buttonadmin:hover 
{
	background: #fff;
	color: #e98815;
}

.error
{
	color: Red;
}


/* --- pages --- */

/* index */

.sidead1
{
    position: absolute;
    top: 636px;
    left: 62px;
    float: left;
}

.sidead2
{
    position: absolute;
    top: 636px;
    left: 272px;
    float: left;
}

.sidead1, .sidead2 
{
    display: none;
    margin-left: 10px;
}

.indexWrapper .sidead1, .indexWrapper .sidead2
{
    display: block;
}

#sideLogo
{
	margin-top: 20px;
}

.indexWrapper #sideLogo
{
	display: none!important;
	margin-top: 20px;
}

.sideadbottom 
{
	margin-bottom: 4px;
	margin-top: 4px;
}

.adhome1
{
    display: none;
    position: absolute;
    top: 1200px;
    left: 219px;
}

.adhome2
{
    position: absolute;
    top: 1015px;
    left: 490px;
}

.homepagemessage 
{
	position: absolute;
	top: 860px;
	left: 70px;
	display: block;
	max-height: 280px;
	width: 403px;
    padding-top: 10px;
    padding-bottom: 10px;
	overflow-y: auto;
}

#whatshot, #specialoffers
{
	display: none;
	position: absolute;
	width: 746px;
	height: auto;
	padding-top: 6px;
	padding-bottom: 10px;
}

#whatshot
{
	top: 700px;
	left: 20px;
}

#specialoffers
{
	top: 930px;
	left: 20px;
}


#whatshot h2, #specialoffers h2
{
	width: 100%;
	line-height: 15px;
	margin-bottom: 4px;
	margin-top: 0px;
	padding-bottom: 5px;
	padding-top: 0px;
	font-size: 14px;
	font-weight: bold;
	border-bottom: dotted 1px #000;
	color: #d95c00;
}

.productholder 
{
	position: relative;
	float: left;
	width: 225px;
	height: 180px;
	
	padding: 8px;
	font-size: 11px;
	line-height: 14px;
	overflow: hidden!important;
	background: #fff;
}

 .blogEntry {
	background: #e9e9e9; /* old browsers */
    background: -moz-linear-gradient(top, #fff 0%, #e9e9e9 100%); /*firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#e9e9e9)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 ); /* ie */
}

#magnify
{
   display: none;
   background-image: url(/_images/Site/zoom.png);
   background-repeat: no-repeat;
   position: relative;
   top: 110px!important;
   left: 60px!important;
   width: 32px;
   height: 32px;
}

.productimage 
{
    position: absolute;
    top: 5px;
    left: 60px;
	float: left;
	max-width: 110px;
}

.productname 
{
    position: absolute;
    bottom: 0px;
    left: 0px;
	width: 241px;
    height: 38px;
	margin-bottom: 4px;
    margin-top: 0px;
	padding-top: 5px;
    font-family: Arial;
    text-align: center;
	font-size: 12px;
    overflow: hidden;
    border-bottom: dotted 1px #fff;
	color: #fff;
	background-color: #f1efe6;
}

.productname a 
{
	color: #393939;
	text-shadow: 0px 1px #ffffff;
}	

.productsummarydescription
{
	display: none!important;
}

.productdescription 
{
    display: none;
    position: absolute;
    top: 45px;
    left: 120px;
    height: 73px;
    margin-bottom: 2px;
	width: 110px;
	font-size: 10px!important;
    overflow: hidden!important;
}

/* fixes problem with copy & pasting ASP made IDs */

.productdescription p, .productdescription span
{    
	margin-bottom: 2px!important;
    margin-top: 1px!important;
    font-size: 10px!important;
    line-height: 14px!important;
    overflow: hidden!important;
}

.productgender, .productcolour, .productsize
{
    display: none;
    position: absolute;
    left: 120px;
    top: 100px;
}

.productcolour
{
    top: 102px;
}

.productsize
{
    display: none;
    top: 118px;
    height: 15px;
    overflow: hidden;
}

.productpricing 
{
    position: absolute;
    left: 120px;
    top: 100px;
    top: 170px;
    left: 0px;
    width: 241px;
    text-align: center;
    background-color: #f1efe6;
}

.price 
{
	font-size: 22px;
	line-height: 26px;
	color: #f26504;
} 

.bannerHolder 
{
	width: 750px;
	padding-top: 5px;
	padding-bottom: 2px;
}

.advert1, .advert2 
{
	margin-right: 6px;
}

.advert1
{
    position: absolute;
	top: 860px;
	left: 490px;
}

.advert2
{
    position: absolute;
	top: 1174px;
	left: 70px;
}

#block1
{
    position: absolute;
    top: 5px;
    right: 20px;    
}

.smBlock
{
    float: left;
    margin-left: 12px;
}

#block2
{
    position: absolute;
    top: 636px;
    left: 490px;     
}

#block3
{
    position: absolute;
    top: 636px;
    right: 144px;     
}

.faqBlock 
{
    width: 129px;
	height: 35px;
	float: left;
}

#recentlyviewed 
{
    display: none;
	width: 746px;
	height: auto;
	float: left;
	margin-top: 10px;
	margin-bottom: 15px;
}

#recentlyviewed h2 
{
	width: 100%;
	line-height: 15px;
	margin-bottom: 4px;
	margin-top: 0px;
	padding-bottom: 5px;
	padding-top: 0px;
	font-size: 14px;
	border-bottom: dotted 1px #000;
	color: #d95c00;
}

/* Banner slider */
#fadeshow2toggler
{
	margin-top: 2px!important;
}

.container, .folio_block
{
	width: 930px;
	height: 406px;
	padding: 0;
	float: left;
}

.container, #middleTop
{
    position: absolute;
    top: 186px;
    left: 20px;
}

/* Main Container */
.main_view 
{
	float: left;
	position: relative;
}

/*--Window/Masking Styles--*/
.window 
{
	width: 930px;
	height: 406px;	
	overflow: hidden;
	position: relative;
}

.image_reel 
{
	position: absolute;
	top: 0; 
	left: 0;
}

.image_reel img 
{
    float: left;
}

/* Paging Styles */
.paging 
{
	position: absolute;
    top: 0px;
    right: 0px;
	height: 26px;
	padding-left: 10px;
	padding-right: 10px;
    padding-top: 2px;
	line-height: 26px;
	text-align: center;
	z-index: 100; 
	background-color: #fff;
}

.paging a 
{
    margin-right: 10px;
	text-decoration: none;
	color: #e98815;
}

.paging a.active {
	background: #e98815; 
	border: 1px solid #fff;
}

.paging a:hover {
				border: 1px solid #e98815;
}

/* list */

.navtitle 
{
	margin: 12px;
	background-color: #fff;
}

.categoryholder, .categoryholderright
{
	position: relative;
	width: 159px;
	height: 104px;
	line-height: 14px;
	margin-bottom: 13px;
	margin-right: 13px;
	padding: 8px;
	float: left;
	font-size: 11px;
	overflow: hidden;
	border: solid 1px #ccc;
	background: #fff;
}

.categoryholderright 
{
	width: 158px;
}

.catimage 
{
	margin-right: 3px;
	float: left;
}

.catdescription 
{
	height: 40px;
	overflow:hidden;
}

#cookie 
{
    display: none;
	position: absolute;
	width: auto;
	height: 13px;
	height:20px;
	right: 5px;
	top: 10px;
	font-size: 11px;
	z-index: 99;
	overflow: hidden;
	color: #000;
}

#filters 
{
	width: 420px;
	height: 20px;
	float: left;
	margin-bottom: 10px;
	margin-top: 0px;
    font-family: Arial;
	font-size: 13px;
	color: #000;
}

#filters select 
{
	width: auto;
	height: 20px;
	color: #000;
}

.arrow 
{
    display: none;
	position: absolute;
	right: 6px;
	bottom: 6px;
}

#pagination 
{
	width: 320px;
	height: 20px;
	float: right;
	margin-bottom: 10px;
	font-size: 13px;
	text-align: right;
	color: #000;
}

#paginationbottom 
{
	width: 300px;
	height: 20px;
	float: right;
	margin-top: 16px;
	margin-bottom: 10px;
	font-size: 13px;
	text-align: right;
}

.datapager
{
    margin-right: 24px;
    font-family: Arial;
    font-size: 13px;
}

.clear 
{
	width: 970px;
	height: 4px;
	clear: both;
}

.lowerSubCat
{
    display: none;
}

/* view */

#editProduct
{
    margin-bottom: 35px;
}

#product 
{
    position: relative;
	width: 712px;
	height: auto;
	margin-bottom: 10px;
    margin-left: -2px;
    margin-top: -32px;
	padding: 8px;
	float: left;
	background: #fff;
}

#productholder 
{
	width: 100%;
	min-height: 200px;
	height: auto;
	line-height: 15px;
	float: left;
	font-size: 12px;
}

#productholder h1 
{
	width: 338px;
	margin-bottom: 4px;
    margin-left: 2px;
	margin-top: 2.5px;
    padding-bottom: 13px;
    padding-left: 10px;
    padding-top: 10px;
    border: none;
    font-family: Arial;
	font-size: 23px;
}

#productholder h2
{
	color: #412411!important;
	border-bottom-color: #8d8d8d;
}


#imageholder 
{
	width: 326px;
	height: 308px;
	margin-left: 10px;
	margin-top: 2.5px;
	float: right;
}

#imageactual
{
	width:225px;
	height:298px;
	float: left;
	border: solid 1px #dddddd;
	background-color:White;
}

.productimagemain 
{
	max-width: 288px;
	max-height: 288px;
	padding: 5px;
	float: left;
}

.productimagethumb 
{
	float: right;
	margin-bottom: 7px;
	border: solid 1px #dddddd;
}

#productdetails 
{
	width: 348px;
	height: auto;
	float: left;
	margin-bottom: 10px;
	margin-left: 2px;
	margin-top: 10px;
	font-size: 12px;
	line-height: 16px;
	color: #000;
}

#productBox
{
    min-height: 148px;
    margin-top: 50px;
}

.mainDescription
{
    margin-left: 10px;
    margin-right: 10px;
}

#productdropdowns 
{
	width: 147px;
	height: auto;
	float: left;
	margin-bottom: 8px;
	margin-top: 50px;
	text-align: center;
}

#productcost 
{
	width: 172px;
	height: 30px;
	float: right;
	padding: 0px;
	padding-top: 10px;
    font-family: Arial;
    font-size: 20px;
	text-align: right;
}

.price2 
{
	font-size: 20px;
	color: #d30303;
}

.formholder 
{
	width: 140px;
	height: 25px;
	float: left;
	margin-bottom: 10px;
	margin-top: 35px;
}

.formleft 
{
	width: 50px;
	height: 25px;
	float: left;
	text-align: right;
	font-size: 12px;
}

.formright
{
	width: 85px;
	height: 25px;
	float: right;
	text-align: left;
}

.inStock
{
    position: absolute;
    top: 20px;
    left: 20px;
}

#productbuttons 
{
	width: 185px;
	height: 30px;
	float: right;
	clear: right;
	margin-top: 10px;
	margin-bottom: 43px;
	text-align: center;
}

.sliderholder, .sliderholderright
{
	width: 349px;
	height: 137px;
	float: left;
	padding-top: 12px;
    font-family: Arial;
	font-size: 16px;
	text-align: center;
	background: #f1efe6; /* old browsers */
    background: -moz-linear-gradient(top, #f1efe6 0%, #f1efe6 100%); /*firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1efe6), color-stop(100%,#f1efe6)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1efe6', endColorstr='#f1efe6',GradientType=0 ); /* ie */
	color: #393939;
	text-shadow: 0px 1px #ffffff;
}

.sliderholderright
{
	float: right;
}

/* Container DIV - automatically generated */
.simply-scroll-container 
{ 
	position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip 
{ 
	position: relative;
	overflow: hidden;
	z-index: 2;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list 
{ 
	position: absolute;
	width: auto;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	z-index: 1;
	list-style: none;
	overflow: hidden;
}
	
.simply-scroll-list li 
{
	margin: 0px;
	padding: 0;
	list-style: none;
}
	
.simply-scroll-list li img 
{
	border: none;
	display: block;
	border: solid 1px #dddddd!important;
}

/* Master button styles - note that up and down versions 
have been removed in this example */

.simply-scroll-btn 
{
	position: absolute;
	background-image: url(/_images/Site/arrow_left.png);
	background-repeat: no-repeat;
	width: 42px;
	height: 44px;
	z-index:3;
	cursor: pointer;
}
	
.simply-scroll-btn-left, .simply-scroll-btn-left.disabled, .simply-scroll-btn-left:hover 
{
	background-image: url(/_images/Site/arrow_left.png);
	background-repeat: no-repeat;
	left: 6px;
	bottom: 73px;
}

.simply-scroll-btn-right, .simply-scroll-btn-right.disabled, .simply-scroll-btn-right:hover 
{
	background-image: url(/_images/Site/arrow_right.png);
	background-repeat: no-repeat;
	right: 0px;
	bottom: 73px;
}

/* Custom class modifications - adds to / overrides above

.simply-scroll is default base class */

/* Container DIV */
.simply-scroll 
{
	width: 359px;
	height: 149px;
}

/* Clip DIV */
.simply-scroll .simply-scroll-clip 
{
	width: 266px;
	height: 108px;	
	margin-left: 45px;
	margin-top: 10px;
}
	
/* Explicitly set height/width of each list item */	
.simply-scroll .simply-scroll-list li 
{
	width: 89px;
	height: 86px;
	float: left; /* Horizontal scroll only */
}

/* reviews  */

#reviews 
{
	width: 705px;
	float: left;
	height: auto;
	margin-bottom: 20px;
	margin-left: 8px;
    margin-top: 20px;
}

#reviews h2 
{
	width: 100%;
	margin-bottom: 10px;
    border: none;
    font-family: Arial;
    font-size: 18px;
}

#reviews, #reviews h2
{
	color: #000;
}

.starholder 
{
	width: 102px;
	height: 21px;
	margin-bottom: 0px;
	margin-top: 10px;
}

/* other main pages */

.panel
{
    margin-bottom: 30px;
}

.panel h1
{
}

/* ?? */

#bannerarea 
{
	width: 556px;
	height: 241px;
	float: left;
}

#contentpage 
{
	width: 728px;
	height: auto;
	float: right;
	padding: 8px;
	border: solid 1px #dddddd;
	background: #fff;
}

#contentpage input 
{
	width: 200px;
	height: 20px;
	margin-left: 5px;
	padding: 3px;
	border: solid 1px #dddddd;
	background: #fff;
	color: #575757;
}

#contentpage select 
{
	width: 200px;
	height: 26px;
	margin-left: 5px;
	margin-top: 3px;
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	border: solid 1px #dddddd;
	background: #fff;
	color: #575757;
}

#contentpage textarea 
{
	width: 413px;
	height: 100px;
	margin-left: 5px;
	margin-top: 3px;
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	border: solid 1px #dddddd;
	background: #fff;
	color: #575757;
}

.thumbnormal 
{
	float: right;
	margin-bottom: 7px;
	cursor: pointer;
	border:1px solid #dddddd;
}

.thumbselected 
{
	float: right;
	margin-bottom: 7px;
	cursor: pointer;
	border:1px solid #ff6600;
}

.ModalBackground
{
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	background-color:Silver;
}

/* for top sub menus */

#subsub ul {
	display: none!important;
	}

#subsub:hover ul {
	display: block!important;
	}

#subsubmenu {
	position:absolute!important;
	left:143px!important;
	padding-left: 12px!important;
	font-size: 11px!important;
	display: block!important;
	width: 150px!important;
	height: 14px!important;
	top:0px!important;
	color: #fff!important;
}

#subsubmenu li {
	position: relative!important;
	float: left!important;
	list-style-type: none!important;
	padding: 0px!important;
	padding-left: 10px!important;
	padding-right: 10px!important;
	margin: 0px!important;
	border-right: solid 1px #000!important;
	}

.editLogo
{
	z-index: 999;
	position: absolute;
	top: 30px;
	left: 10px;
}

.editBanner
{
	z-index: 999;
	position: absolute;
	top: 250px;
	left: 220px;
}

.editSideAd2
{
	z-index: 999;
	position: absolute;
	top: 676px;
	left: 220px;
}

.editSideAd1
{
	z-index: 999;
	position: absolute;
	top: 676px;
	left: 402px;
}

.editAdHome1
{
	z-index: 999;
	position: absolute;
	top: 200px;
	left: 219px;
}

.editAdHome2
{
	z-index: 999;
	position: absolute;
	top: 1015px;
	left: 700px;
}

.editCategoryHeader
{
	display: none;
	z-index: 999;
	position: absolute;
	top: 182px;
	left: 1px;
}

.editCategoryFooter
{
	display: none;
	z-index: 999;
	position: absolute;
	top: 182px;
	left: 1px;
}

.editSocial1
{
	z-index: 999;
	position: absolute;
	top: 5px;
	left: 825px;
}

.editSocial2
{
	z-index: 999;
	position: absolute;
	top: 5px;
	left: 870px;
}

.editSocial3
{
	z-index: 999;
	position: absolute;
	top: 5px;
	left: 915px;
}

.editBottom1
{
	z-index: 999;
	position: absolute;
	top: 676px;
	left: 585px;
}

.editBottom2
{
	z-index: 999;
	position: absolute;
	top: 676px;
	right: 74px;
}

.editAdvert1
{
	z-index: 999;
	position: absolute;
	top: 860px;
	left: 700px;
}

.editAdvert2
{
	z-index: 999;
	position: absolute;
	top: 1170px;
	left: 220px;
}

a.adhome1 {
	color: #FFFFFF;
	color: #fff;
}

a.adhome2 {
	color: #FFFFFF;
	color: #fff;
}

.title {
	color: #000;
	border-bottom: dotted 1px #d95c00;
}

.blockHolder {
	background: Transparent;
}

.enquiryBox, .enquiryBox h1, .enquiryBox h2
{
	color: #000!important;
}

#calc
{
	color: #000;
}