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

html, body
{
margin:0px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
background-color:#4a4a4f;
}

input, select, textarea
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
background-color:#4a4a4f;
}

a
{
text-decoration:none;
color:#ffffff;
outline: none;
}

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

img
{
border-color:#999999;
}

.main-div
{
margin:50px auto 0px auto;
width:950px;
}

.header
{
margin:0px 6px;
float:left;
background-image:url(logo.gif);
background-position:left bottom;
background-repeat:no-repeat;
height:29px;
width:100%;
}

#internal-page .header
{
background-image:url(logo_internal.gif);
cursor:pointer;
}

.body-main
{
margin:0px 6px;
clear:right;
background-color:#353535;
}

.footer
{
margin:6px 6px 0px 0px;
float:left;
clear:both;
position:relative;
}

.body-main .left-menu
{
float:left;
width:278px;
height:444px;
background-color:#353535;
background-image:url(left-menu-logo.gif);
background-position:center top;
background-repeat:no-repeat;
}

.body-main .left-menu .selected
{
height:205px;
vertical-align:top;
}

.body-main .left-menu a, .body-main .left-menu .selected a
{
/*background-position:left;
background-repeat:no-repeat;*/
font-family:Arial, Helvetica, sans-serif;
font-size:51px;
font-weight:bold;
color:#5e5e5e;
letter-spacing:-4px;
float:left;
clear:left;
height:38px;
text-decoration:none;
padding-right:4px;
}

.body-main .left-menu a:hover, .body-main .left-menu .selected a
{
text-decoration:none;
color:#b2b2b2;
}

.body-main .left-menu .selected a
{
cursor:default;
color:#FFFFFF;
}

/*
.body-main .left-menu ul li#menu1{background-image:url(leftLink1.jpg);}
.body-main .left-menu ul li#menu2{background-image:url(leftLink2.jpg);}
.body-main .left-menu ul li#menu3{background-image:url(leftLink3.jpg);}
.body-main .left-menu ul li#menu4{background-image:url(leftLink4.jpg);}
.body-main .left-menu ul li#menu5{background-image:url(leftLink5.jpg);}
.body-main .left-menu ul li#menu6{background-image:url(leftLink6.jpg);}
.body-main .left-menu ul li#menu7{background-image:url(leftLink7.jpg);}
*/

.body-main .right-section
{
float:left;
width:660px;
height:444px;
/*background-image:url(home_img.jpg);
background-position:left top;
background-repeat:no-repeat;
*/
}

#internal-page .body-main .right-section
{
background-image:url(../images/internal-background.jpg);
}

#internal-page .body-main .slideshow
{
background-image:none;
background-color:#2e2e2c;
}

.body-main .right-section div#text
{
font-size:15px;
font-weight:bold;
text-align:justify;
margin:20px 25px;
line-height:25px;
}

.footer .links
{
float:left;
margin-left:6px;
width:618px;
font-size:10px;
}

.footer .links a
{
text-decoration:none;
color:#FFFFFF;
margin-right:10px;
}

.footer .links a:hover
{
text-decoration:underline;
}

.email
{
float:right;
width:318px;
height:29px;
font-size:10px;
clear:right;
color:#FFFFFF;
text-align:right;
}

.email span
{
vertical-align:top;
position:relative;
top:3px;
}

.email input
{
font-size:11px;
padding-left:5px;
width:150px;
height:13px;
border:solid 1px #2e2e2c;
background-color:#b0b0b0;
vertical-align:top;
color:#000000;
}

#internal-page .body-main .slideshow #top
{
clear:both;
float:left;
}

#internal-page .body-main .slideshow #left, #internal-page .body-main .slideshow #middle, #internal-page .body-main .slideshow #right
{
float:left;
height:180px;
width:20%;
text-align:center;
vertical-align:middle;
padding-top:190px;
}

#internal-page .body-main .slideshow #middle
{
width:60%;
padding-top:20px;
}
#internal-page .body-main .slideshow #middle .video
{
border:solid 3px #999999;
width:150px;
height:110px;
margin:45px 20px 10px 20px;
float:left;
cursor:pointer;
}

#internal-page .body-main .slideshow #middle .video div
{
line-height:19px;
background-color:#000000;
color:#EFEFEF;
font-weight:bold;
margin-top:90px;
}

#internal-page .body-main .slideshow #middle #video-1, #internal-page .body-main .slideshow #middle #video-2, #internal-page .body-main .slideshow #middle #video-3, #internal-page .body-main .slideshow #middle #video-4
{
background-position:left top;
background-repeat:no-repeat;
}

#internal-page .body-main .slideshow #middle #video-1
{
background-image:url(video-1.gif);
}

#internal-page .body-main .slideshow #middle #video-2
{
background-image:url(video-2.gif);
}

#internal-page .body-main .slideshow #middle #video-3
{
background-image:url(video-3.gif);
}

#internal-page .body-main .slideshow #middle #video-4
{
background-image:url(video-4.gif);
}
#internal-page .body-main .campaign-slideshow
{
background-image:none;
background-color:#2e2e2c;
}
#internal-page .body-main .campaign-slideshow #left, #internal-page .body-main .campaign-slideshow #middle, #internal-page .body-main .campaign-slideshow #right
{
float:left;
height:180px;
width:15%;
text-align:center;
vertical-align:middle;
padding-top:190px;
}

#internal-page .body-main .campaign-slideshow #middle
{
width:70%;
padding-top:20px;
}
#internal-page .body-main .campaign-slideshow #middle .video
{
border:solid 3px #999999;
width:102px;
height:138px;
margin:20px 20px 10px 25px;
float:left;
cursor:pointer;
}
#internal-page .body-main .campaign-slideshow #middle #video-1, #internal-page .body-main .campaign-slideshow #middle #video-2, #internal-page .body-main .campaign-slideshow #middle #video-3, #internal-page .body-main .campaign-slideshow #middle #video-4
{
background-position:left top;
background-repeat:no-repeat;
}

.body-main .right-section div#div-middle
{
text-align:center;
margin:100px auto;
line-height:25px;
width:auto;
}


html, body
{
background-color:#000000;
}

.main-div
{
margin:50px auto 0px auto;
background-color:#000000;
}

.header
{
margin:0px 0px;
height:77px;
position:relative;
}

#internal-page .header
{
background-image:none;
cursor:default;
}

.header #switch-shop
{
width:358px;
position:absolute;
right:-14px;
}

.menu-top
{
text-align:left;
margin:0px 0px;
font-size:12px;
float:left;
width:100%;
color:#FFFFFF;
font-size:12px;
}

.menu-top a
{
font-family:Arial,Helvetica,sans-serif;
font-weight:bolder;
letter-spacing:1px;
margin-right:25px;
text-transform:uppercase;
}

.menu-top a:hover
{
text-decoration:none;
color:#b2b2b2;
}

.menu-top a.special
{
color:#c7b198;
}

.menu-top a.selected
{
border-bottom:solid 2px #9999AA;
}

.menu-top #shopping-bag
{
float:right;
width:160px;
height:21px;
line-height:21px;
text-align:center;
font-size:11px;
font-weight:normal;
background-color:rgb(198,177,152);
}

.menu-top #signin-div
{
font-size:10px;
font-weight:normal;
text-transform:uppercase;
text-align:right;
float:right;
width:80px;
height:21px;
line-height:11px;
}

.menu-top #signin-div a
{
color:#FFFFFF;
margin-right:0px;
}

.body-main
{
margin:0px 0px;
clear:both;
background-color:#515151;
height:450px;
width:auto;

}

#internal-page .body-main
{
background-image:url(../images/pattern.gif);
background-position: left top;
height: auto;
float: left;
width: 100%;
min-height:444px;
}

.footer
{
margin:6px 0px 0px 0px;
width:950px;
}

.footer .left
{
float:left;
width:390px;
font-size:17px;
font-weight:normal;
text-transform:uppercase;
}

.footer .left label
{
color:#c7b198;
font-weight: normal;
}

.footer .left span
{
font-size:10px;
}

.footer .left strong
{
font-size:18px;
}

.footer .links
{
float:right;
margin-left:0px;
text-align:right;
text-transform:uppercase;
width:500px;
}

.footer .links a
{
text-decoration:none;
color:#FFFFFF;
margin:0px 0px 0px 0px;
}

.body-main .page-header
{
clear:both;
height:40px;
color:#333333;
background-color:#999999;
font-size:18px;
line-height:40px;
font-weight:bold;
text-transform:uppercase;
padding:0px 0px 0px 10px;
margin-bottom:10px;
}



.body-main .page-header1
{
clear:both;
height:40px;
color:#333333;
background-color:#999999;
font-size:18px;
line-height:40px;
font-weight:bold;
padding:0px 0px 0px 10px;
margin-bottom:10px;
}

.body-main .left-menu
{
float:left;
width:175px;
height:auto;
background:none;
}

.body-main .left-menu ul
{
margin:0px 0px 10px 15px;
padding:0px 0px 0px 0px;
list-style:none;
}

.body-main .left-menu ul li
{
margin:0px 0px 15px 0px;
padding:0px 0px 0px 0px;
list-style:none;
font-weight:bold;
font-size:14px;
text-transform:uppercase;
cursor:pointer;
}

.body-main .left-menu ul li ul
{
margin-top:5px;
}

.body-main .left-menu ul li ul li
{
margin:0px 0px 5px 5px;
padding-left:1px;
font-size:12px;
text-transform:none;
}

.body-main .left-menu  ul li ul li.selected
{
height:auto;
vertical-align:middle;
list-style:url(icon_menu_selected.png)
}

.body-main .right-section
{
float:left;
width:775px;
height:auto;
}

#internal-page .body-main .right-section
{
background-image:none;
}








#internal-page .body-main .product
{
background:none;
}

#internal-page .body-main .product #left, #internal-page .body-main .product #middle
{
float:left;
height:auto;
width:38%;
text-align:center;
vertical-align:middle;
padding-top:0px;
visibility:visible;
}

#internal-page .body-main .product #right
{
float:left;
height:auto;
width:45%;
text-align:center;
vertical-align:middle;
padding-top:0px;
visibility:visible;
}

#internal-page .body-main .product #middle
{
width:100%;
padding-top:0px;
float:left;
clear:both;
}

#internal-page .body-main .product .video
{
width:228px;
height:299px;
margin:15px 8px 55px 8px;
float:left;
cursor:pointer;
position:relative;
}

#internal-page .body-main .product .color-choice
{
float:left;
width:61px;
position:absolute;
bottom:3px;
left:7px;
}


#internal-page .body-main .product .color-choice span
{
float:left;
width:28px;
height:9px;
border:solid 1px #999999;
}

#internal-page .body-main .product .color-choice span:hover, #internal-page .body-main .product .color-choice span.selected
{
border:solid 1px #FFFFFF;
}

#internal-page .body-main .product .color-choice span.a
{
background-color:#000000;
}

#internal-page .body-main .product .color-choice span.b
{
background-color:#a57f58;
}


#internal-page .body-main .product .details, #internal-page .body-main .product .price
{
float:left;
width:40%;
text-align:left;
font-size:11px;
cursor:default;
color:#FFFFFF;
font-weight: normal;
}

#internal-page .body-main .product .details a, #internal-page .body-main .product .price a
{
color:#FFFFFF;
}

#internal-page .body-main .product .price
{
width:40%;
text-align:right;
}

#internal-page .body-main .product .price label
{
color:#999999;
margin-right:10px;
text-decoration:line-through;
}

#internal-page .body-main .product .navigation
{
clear:both;
float:left;
width:100%;
font-size:12px;
font-weight:bold;
}

#internal-page .body-main .product #detail-view .navigation
{
margin-top:5px;
font-size:11px;
}

#internal-page .body-main .product .navigation a
{
font-size:12px;
font-weight:bold;
color:#FFFFFF;
}

#internal-page .body-main .product #detail-view .navigation a
{
font-size:11px;
font-weight:bold;
color:#FFFFFF;
}

























.body-main .left-menu .selected
{
height:205px;
vertical-align:top;
}

.body-main .left-menu a, .body-main .left-menu .selected a
{
/*background-position:left;
background-repeat:no-repeat;*/
font-family:Arial, Helvetica, sans-serif;
font-size:51px;
font-weight:bold;
color:#5e5e5e;
letter-spacing:-4px;
float:left;
clear:left;
height:38px;
text-decoration:none;
padding-right:4px;
}

.body-main .left-menu a:hover, .body-main .left-menu .selected a
{
text-decoration:none;
color:#b2b2b2;
}

.body-main .left-menu .selected a
{
cursor:default;
color:#FFFFFF;
}


.text-light-grey
{
color:#999999;
}

.text-red
{
color:#ff0000;
}

.text-dark-grey
{
color:#646464;
}

.font-10px
{
	font-size:10px;
}
.font-11px
{
font-size:11px;
}

.font-12px
{
font-size:12px;
}
.font-14px
{
font-size:14px;
}





#details
{
width:340px;
z-index:99;
position:absolute;
left:0px;
background-color:#000000;
}


.category-head h2
{
clear:both;
height:40px;
color:#333333;
background-color:#999999;
font-size:18px;
line-height:40px;
font-weight:bold;
text-transform:uppercase;
padding:0px 0px 0px 10px;
margin-bottom:10px;
}

.middlenew{
width:100%;
padding-top:0px;
float:left;
clear:both;
text-align:center;
vertical-align:middle;
visibility:visible;

}

table.pager{
	font-size:0.95em;
	width:100%;
	background: none;
	font-weight: normal;
	color:#FFFFFF;
}

table.pager td {
border: 0;
color:#fff;
padding:4px 8px;
vertical-align:middle;
width:32%;
}

 select:focus {
background: none;
}

.body-main .catalog-left-menu
{
float:left;
width:175px;
height:auto;
background:transparent none repeat scroll 0 0;
float:left;
font-size:12px;
text-transform: uppercase;
font-family: arial, sans-serif;
}

.body-main .catalog-left-menu .selected
{
height:205px;
vertical-align:top;
}

.body-main .catalog-left-menu ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 10px 15px;
padding:0;
}


.body-main .catalog-left-menu ul li {
cursor:pointer;
font-size:14px;
font-weight:bold;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 15px;
padding:0;
text-transform: uppercase;
}


.body-main .catalog-left-menu ul li ul li {
font-size:12px;
margin:0 0 5px 5px;
padding-left:1px;
text-transform:none;
}

.body-main .catalog-left-menu ul li ul li a {
font-size:12px;
margin:0 0 5px 5px;
padding-left:1px;
text-transform:none;
text-transform: uppercase;
font-family: arial, sans-serif;
}

.body-main .catalog-left-menu .selected
{
height:205px;
vertical-align:top;
}

.body-main .catalog-left-menu li a, .body-main .catalog-left-menu .selected li a
{
/*background-position:left;
background-repeat:no-repeat;*/
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#fff;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 15px;
padding:0;
text-transform:uppercase;
text-decoration:none;
}

.body-main .catalog-left-menu a:hover, .body-main .catalog-left-menu .selected a
{
text-decoration:none;
color:#b2b2b2;
}

.body-main .catalog-left-menu .selected a
{
cursor:default;
color:#FFFFFF;
}


.product-essential{
	background: none;
}

#loginRegister{position:absolute;width:300px; float:left; top:157px; left:812px; border:1px solid #232323;background-color:#646464;}
#loginRegister div.heading{ position:relative;width:94.4%;float:left;background-color:#353535; height:30px; font-size:16px; font-weight:bold; color:#5e5e5e; padding:0px 10px 0px 8px;}
#loginRegister div.body{position:relative; width:90%;float:left;margin:5px 5px 5px 5px; font-size:12px; font-weight:bold; color:#b2b2b2;}


.loginbutton
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	background-color:#4a4a4f;
	border: 1px solid rgb(153, 153, 153);
	width: 180px;
	cursor:pointer;
	cursor:hand;
}

.custom-button{
	border: 1px solid rgb(153, 153, 153);
	padding: 2px 5px 2px 5px;
	color:#FFFFFF;
	background-color:#515151;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	cursor:pointer;
	cursor:hand;
}

.comming-soon {
		color:#5E5E5E;
		font-family:Arial,Helvetica,sans-serif;
		font-size:51px;
		font-weight:bold;
		letter-spacing:-4px;
		text-decoration:none;
		background-repeat:no-repeat;
		height:100%;
		}


.uppercase-text{
	text-transform : uppercase;
}

.validatelogin
{
clear:both;
font-size:0.95em;
font-weight:bold;
line-height:1.25em;
margin-top:3px;
min-height:15px;
padding-left:17px;
color:#EB340A;
}


div#wn	{
    position:relative;
    width:950px; height:433px;
    overflow:hidden;
	float:left;
	}

div#scrollbar1 {
  position:relative;
  width:11px; height:437px;
  font-size:1px;
    /* so no gap or misplacement due to image vertical alignment */
  }

div#up { position:absolute; left:0; top:0; }
div#down { position:absolute; left:0; bottom:0; }

div#track {
  position:absolute; left:8px; top:0px;
  width:16px; height:444px;
  background: #444444;
  }
div#dragBar {
  position:absolute; left:1px; top:1px;
  width:14px; height:20px;
  background-color:#ceced6;
  }

#internal-page .body-main .right-section h1
{
color: #ffffff;
font-family:Arial, Helvetica, sans-serif;
}


/********* Pagination (Style 1) *************/
.pagination{padding-bottom:1px;}
.pagination a{padding:0px 5px;text-decoration: none; color:#000; font-weight:normal; background-color:#515151;border:1px solid #acb2b2; font-size:11px;}
.pagination a.prev{ background:none; border:none;font-size:11px;}
.pagination a.next{ background:none; border:none;}
.pagination a:hover, .pagination a.selected{color:#fff;background-color:#999; text-decoration:none;}
.pagination a.prev:hover{background:none; border:none;}
.pagination a.next:hover{background:none; border:none;}


#simpleshow {
    position:relative; /* not required as of 0.1.3 to allow non-js degrading */
    height:350px; /* a height is required */
    margin-bottom:10px;
}

#simpleshow img {
    position:absolute; /* not required as of 0.1.3 to allow non-js degrading  */
    top:0; /* not required as of 0.1.3 to allow non-js degrading */
    left:0; /* not required as of 0.1.3 to allow non-js degrading */
}

#pagination {
			font-size:14px;
			text-align:center;
			width:720px;
		}

		#pagination a {
			color:#fff;
			text-decoration:none;
		}

		#pagination a.active {
			color:#797C80;
		}
.navItem{ }
.navItem a {
color:#FFFFFF;
font-weight:bold;
padding-left:8px;
text-decoration:underline;
}
.navItem a:hover {
text-decoration:none;
}
.navItem strong {
font-size:12px;
padding-left:8px;
}



/*inner-scrollbar-Classes*/

.scrollbarcol2 {float:right; }


div#scrollbar2 {
    display:block; /* initially display:none; to hide from incapable */
    }

div#wn2	{
    position:relative;
    width:900px;
    height:425px;
    overflow:hidden;
	float:left;
	margin:0 15px;
	}

div#scrollbar2 {
  position:relative;
  width:11px; height:425px;
  font-size:1px;
    /* so no gap or misplacement due to image vertical alignment */
  }
div#track2 {
  position:absolute; left:0; top:12px;
  width:11px; height:400px;
  background: #444444;
  }
div#dragBar2 {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#ceced6;
  }
div#up2 { position:absolute; left:0; top:0; }
div#down2 { position:absolute; left:0; bottom:0; }

/* for safari, to prevent selection problem  */
div#scrollbar2, div#track2, div#dragBar2, div#up2, div#down2 {
    -moz-user-select: none;
    -khtml-user-select: none;
}


/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar2 img {
    display:block;
    }

	.custom-button2{
	border: 1px solid rgb(153, 153, 153);
	padding: 2px 5px;
	color:#FFFFFF;
	background-color:#515151;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	cursor:pointer;
	cursor:hand;
	outline:none;

}



.footer .linksleft
{
float:left;
width:660px;
font-size:11px;
text-transform: none;
}

.footer .linksleft a
{
text-decoration:none;
color:#FFFFFF;
margin-right:5px;
}

.footer .linksleft a:hover
{
text-decoration:underline;
}