html,body{
	margin:0;
	padding:0;
	height:100%;
	width: 100%;
	}
body{
	text-align:center;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: center top;
	background-image:url('../images/bgmain.jpg');
}
body {
font-family:Trebuchet MS, Tahoma, Arial, serif;
font-size:12px;
color:#504e4b;
font-weight:normal;
line-height:normal;
}
#wrapper {
width:1004px;
position:relative;
margin-left:auto;
margin-right:auto;
text-align:left;
}
#top-bar {
width:100%;
position:relative;
height:150px;
float:left;
clear:both;
}
#top-menu {
width:588px;
height:56px;
float:right;
position:relative;
margin-top:37px;
background-image:url('../images/topmenu-bg.jpg');
background-position:top left;
background-repeat:no-repeat;
display:inline;
}
#advertising {
width:922px;
position:relative;
height:266px;
margin-left:42px;
float:left;
clear:both;
display:inline;

}
#mainframe {
width:100%;
position:relative;
float:left;
clear:both;
padding-top:29px;
}
#leftframe {
width:217px;
position:relative;
float:left;
border-style:solid;
border-width:1px;
border-color:#c8c8c8;

}
#midframe {
width:765px;
position:relative;
float:left;
margin-left:20px;
display:inline;
}


h2 {
	font-family:Trebuchet MS, Tahoma, Arial, serif;
	font-size:18px;
	font-weight:normal;
	color:#624b2a;
	padding:10px 0 20px 15px;
	margin:0 0 0 0;
}
h3 {
	font-family:Trebuchet MS, Tahoma, Arial, serif;
	font-size:18px;
	font-weight:normal;
	line-height:28px;
	color:#624b2a;
	padding:10px 0 0px 15px;
	margin:0 0 0 0;
}
h4 {
	font-family:Trebuchet MS, Tahoma, Arial, serif;
	font-size:16px;
	font-weight:normal;
	color:#624b2a;
	padding:10px 0 10px 15px;
	margin:0 0 0 0;
}
h5 {
	font-family:Trebuchet MS, Tahoma, Arial, serif;
	font-size:12px;
	font-weight:normal;
	color:#343331;
	padding:0px 0 15px 15px;
	margin:0 0 0 0;
}


a:link, a:visited {
color:#452a28;
text-decoration:none;
font-weight:bold;
}
a:hover {
color:#333333;
font-weight:bold;
text-decoration:underline;
}
hr {
border-style:solid;
border-width:0;
background-color:#b5b5b5;
border-color:#b5b5b5;
height:1px;
}
#midframe p {
padding:20px 15px 25px 15px;
margin:0 0 0 0;
clear:both;
text-align:justify;

}


.block-category {
width:217px;
position:relative;
float:left;
height:233px;
margin:0px 20px 26px 15px;
display:inline;
border-style:solid;
border-width:1px;
border-color:#c8c8c8;
display:inline;
}
.block-category h4 {
color:#FFFFFF;
margin:0 0 0 0;
padding:0 0 0 15px;
font-size:13px;
font-weight:bold;
text-transform:uppercase;
letter-spacing:0px;
line-height:32px;
background-color:#452a28;
background-image:url('../images/category-arrow.gif');
background-position:top right;
background-repeat:no-repeat;
cursor:pointer;

}
.block-category h4:hover {
background-color:#bfd01a;
padding-left:20px;
}

.block-category img{
padding-top:2px;
padding-bottom:2px;
display:inline;
}
.block-category p{
background-color:#FFFFFF;
background-image:url('../images/category-bg.jpg');
background-position:top; background-repeat:repeat-x;
color:#8f9e02;
font-size:11px;
padding-left:15px;
padding-right:10px;
padding-top:5px;
padding-bottom:5px;
margin:0 0 0 0;
}

/* MENU CSS */
.glossymenu{
margin: 0 0 0 0;
padding: 0;
width: 217px; /*width of menu*/
border: 0px solid #ffffff;

}

.glossymenu a.menuitemx{
background: white url(../images/button-main.jpg) repeat-x top left;
font: bold 12px "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #2e1c1b;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding-left: 20px;
text-decoration: none;
line-height:34px;
height:34px;
border: 1px solid #ffffff;
}


.glossymenu a.menuitemx:visited, .glossymenu .menuitemx:active{
color: #2e1c1b;
}

.glossymenu a.menuitemx:hover{
background-image: url(../images/button-main-over.jpg);
}
.glossymenu a.menuitem{
background: white url(../images/button-cat.jpg) repeat-x top left;
font: bold 12px "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #2e1c1b;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding-left: 20px;
text-decoration: none;
line-height:34px;
height:34px;
border: 1px solid #ffffff;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: #2e1c1b;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 13px;
right: 13px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(../images/button-cat-over.jpg);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white url(../images/button-subcat.jpg) repeat-x top left;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/

list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
background: white url(../images/button-subcat.jpg) repeat-x top left;
border: 1px solid white;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 12px "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #2e1c1b;
text-decoration: none;
line-height:34px;
padding-left: 20px;
height:34px;
}

.glossymenu div.submenu ul li a:hover{
background: white url(../images/button-subcat-over.jpg) repeat-x top left;
color: #2e1c1b;
}

/*TOP MENU*/
#menu {
position:relative;
width:93%;
float:right;
text-align:right;
font-size:12px;
font-weight:bold;
color:#6b5433;
padding-top:25px;
padding-left:20px;
}
	#menu ul {list-style:none;margin:0;padding:0;}
	#menu li {float:left;margin:0; padding:0;text-align:center; height:29px;}
	#menu li a {display:block;padding-left:15px; padding-right:15px;height:29px; line-height:29px;color:#6b5433;text-decoration:none;border-right:0px solid #FFF;}
	#menu li a {background:url(../images/topmenu-bg2.gif) repeat -50px -50px;}
	#menu li a:hover, li a:focus, li a:active {background-position:0 0; color:#FFFFFF;}
	/*#menu #a a {background:url(../images/topmenu-bg2.gif) repeat -50px -50px;}*/



/*OTHER ELEMENTS*/
#contact-box {
padding-left:15px;
padding-top:22px;
position:relative;
float:left;
width:200px;
text-align:left;
color:#696666;
padding-bottom:20px;
}
#contact-box a:link, #contact-box a:visited {
color:#696666;
font-weight:normal;
text-decoration:underline;
}
#contact-box a:hover {
color:#3a3838;
font-weight:normal;
text-decoration:underline;
}


/*ADVERTISING */

    /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:0em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:920px;
		height:266px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:42px;
		height:266px;
		position:absolute;
		left:-42px;
		top:0px;
		z-index:10;
		}	
	#nextBtn, #slider1next{ 
		left:920px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:42px;
		height:266px;
		background:url(../images/btn-prev.jpg) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn-next.jpg) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:0 0 0 0;
		padding:0 0 0 0;
		height:28px;	
		}
	ol#controls li{
		margin:0 0 0 0; 
		padding:0 0 0 0;
		float:left;
		list-style:none;
		height:266px;
		line-height:266px;
		}
	ol#controls li a{
		float:left;
		height:266px;
		line-height:266px;
		border:0px solid #ccc;
		background:#000000;
		color:#555;
		padding:0 0 0 0;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#000000;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}	
	
.advert-content-box {
width:920px;
height:266px;
float:left;
background-color:#452a28;
}	
.advert-content-box .title {
font-size:36px;
color:#FFFFFF;
font-weight:normal;
padding-left:24px;
padding-top:40px;
line-height:36px;
clear:both;
}
.advert-content-box .content {
width:405px;
font-size:16px;
color:#FFFFFF;
font-weight:normal;
padding-left:24px;
line-height:18px;
clear:both;
padding-top:12px;
}
.advert-content-box .button {
width:409px;
clear:both;
padding-top:12px;
text-align:right;
}


/* DETAILS PAGE */
#details-textbox {	
position:relative;
float:left;
width:370px;
}
#image-textbox {	
position:relative;
float:right;
width:380px;
}
#image-textbox .imag {
border-style:solid;
border-width:1px;
border-color:#c8c8c8;
padding:1px;
}
#image-textbox .imag:hover {
border-color:#636363;
}
#product-colors {	
position:relative;
float:left;
width:380px;
text-align:right;
padding-top:7px;
padding-bottom:7px;
}
#product-colors #text {
font-size:12px;
color:#504e4b;
line-height:25px;
position:relative;
text-align:left;
position:relative;
float:right;
}
#product-colors #text .textint {
float:left;
position:relative;
line-height:25px;
padding-right:10px;
}
#product-colors #text .color-box {
border-style:solid;
border-width:1px;
border-color:#c8c8c8;
width:19px;
height:21px;
padding:1px;
display:inline;
float:left;
position:relative;
margin-left:4px;
}
#product-colors #text .color-box:hover {
cursor:pointer;

border-color:#636363;
}
#product-colors #text .color-box .block {
width:19px;
height:21px;
}
#product-buttons {
position:relative;
float:left;
width:380px;
padding-bottom:20px;
}
#product-buttons .left {
position:relative;
float:left;
width:186px;
height:32px;
background-color:#452a28;
text-align:center;
}
#product-buttons .right {
position:relative;
float:right;
width:186px;
height:32px;
background-color:#452a28;
text-align:center;
}
#product-buttons DIV a:link, #product-buttons DIV a:visited {
font-size:14px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
line-height:32px;

}
#product-buttons .left:hover, #product-buttons .right:hover {
background-color:#bfd01a;
}

#contentslide {
float:left;
display:block;
width:360px;
clear:both;
}
#technicalslide {
float:left;
display:none;
width:360px;
clear:both;

}


/*RELATED PRODUCTS BLOCK */
.block-related {
width:170px;
height:280px;
position:relative;
float:left;
margin:0px 0px 15px 15px;
display:inline;
border-style:solid;
border-width:1px;
border-color:#c8c8c8;
display:inline;
}
.block-related h4 {
color:#452a28;
margin:0 0 0 0;
padding:0 0 0 15px;
font-size:1px;
font-weight:bold;
text-transform:uppercase;
line-height:5px;
background-color:#452a28;
cursor:pointer;

height:5px;
}
.block-related h4:hover {
background-color:#333333;
padding-left:20px;
}
.block-related img{
padding-top:2px;
padding-bottom:2px;
display:inline;
}
.block-related p{
background-color:#FFFFFF;
background-image:url('../images/category-bg.jpg');
background-position:top; background-repeat:repeat-x;
color:#8f9e02;
font-size:11px;
padding-left:15px;
padding-right:10px;
padding-top:5px;
padding-bottom:5px;
margin:0 0 0 0;
}
.block-related p .title {
color:#452a28;
margin:0 0 0 0;
padding:0 0 0 0;
font-size:11px;
font-weight:bold;
line-height:12px;
}
.block-related p a:link, .block-related p a:visited {
 text-align:right;
}