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

html, body {
	margin: 0px;
	padding: 0px;
	background-image: url(../images/bg01.jpg);
	background-repeat: repeat-x;
}

body {
	/*text-align:center;*/
	margin-top: 0px;
	font-family: Arial, Helvetica, STHeiti,Simhei,Verdana,  sans-serif;
	font-size: 1em;
	/*color: #ece0ca;*/
	background-color: #ece0ca;
	
}


h1, h2, h3, h4, h5, h6, p, div, ul, li {
	margin: 0;
	padding: 0;
}
p  {
    font-size:1.1em;
	color: #5f4523;
	line-height:1.5em;
	margin-bottom: 1em;
}
h6 {
	line-height:1.8;
	margin-bottom: 0.6em;
	text-align:center;
}

h1 {
	font-size: 1.4em;
	color: #e55453;
    margin-bottom: .2em;
	text-align:center;
}
h2 {
	font-size: 1em;
	color: #5f4523;
	font-weight: normal;
	margin-top: 0.7em;
	margin-bottom: 0.2em;
	text-align:center;
}
h3 {
	/* font-size: 1.8em; */
	color: #5f4523;
	font-weight: normal;
	margin: 1em 0 .5em;
	text-align:center;
}
h4{
	font-size: 1.3em;
	color: #5f4523;
	font-weight: normal;
	margin: 1em 0 .1em;
	text-align:center;
}
h5{
	font-family:Verdana, Geneva, sans-serif;
	font-size: 1.1em;
	color: #5f4523;
	font-weight: normal;
	margin: 1em 0 .1em;
	text-align:center;
}
h6{
	font-family:Verdana, Geneva, sans-serif;
	font-size: 1.2em;
	color: #333;
	font-weight: bold;
}
h7{
	text-align:right;
	margin: 5em 5em;
}

h8{
	font-family:Verdana, Geneva, sans-serif;
	font-size: 1em;
	color: #5f4523;
	font-weight: bold;
	font-weight: normal;
	margin-top: 0.7em;
	margin-bottom: 0.2em;
}

h9 {
	font-size: 1.1em;
	color: #e55453;
	font-weight: bold;
    margin-bottom: .2em;
	text-align:left;
}


h1, h2, h3,h4,h5,h6,h7{
	clear: both;
}

a:link, a:visited {
	color: #06C;
	text-decoration: none;
}
a:hover, a:active {
	color: #F60;
}
a.accent {
	display: block;
	text-align: right;
}
a.accent:hover {
 	border: none;
	color: #cb202a;
}

#wrapper {
	position: relative;
	padding: 0;
	width: 984px;
	margin: 0 auto;
	text-align: left;

}
#header {
	width: 300px;
	height: 100px;
	position: absolute;
	top: 35px;
	left: 0px;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
}


/* mainNav */
#mainNav {
	float:right;
	width: 500px;
	margin-top: 20px;

}
#mainPic {
	float:left;
	width:984px;
}

/* mainContent */
#mainContent {
	/*float: left;*/
	/*width: 982px;*/
	background-color:#f2f1ed;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
}
#mainContent1 {
	/*float: left;*/
	/*width: 200px;*/
	/*height:310px;*/
	/*background-color:#f2f1ed;*/
	/*margin: 0px 0px 0px 0px;*/
	/*padding: 0px 0px 30px 10px;*/
}

#mainContent4 {
	float: left;
	width: 200px;
	height:750px;
	background-color:#f2f1ed;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 30px 10px;
}

#mainContent2 {
	float: left;
	width: 714px;
	height:310px;
	background-color:#f2f1ed;
	margin: 0px 0px 0px 0px;
	padding: 0px 30px 30px 30px;
}
#mainContent3 {
	float: left;
	width: 714px;
	height:750px;
	background-color:#f2f1ed;
	margin: 0px 0px 0px 0px;
	padding: 0px 30px 30px 30px;
}



#mainContent img{
	margin: 15px 0;
	text-align: center;
	max-width: 100%;
}

	
/* sidebar */
#sidebar {
	float: left;
	width: 0px;
	margin: 0px 0px 0px 8px;
	padding: 0px 0px 30px 0px;
}

#sidebar1{
	float: left;
	width: 50%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	background-color:#f2f1ed;
}

#sidebar2{
	float: left;
	width: 50%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	background-color:#f2f1ed;
}

#sidebar3{
	float: left;
	width: 350px;
	margin: 0px 0px 0px 0px;
	padding: 50px 0px 8px 40px;
	background-color:#f2f1ed;
}

#sidebar4{
	float: left;
	width: 350px;
	margin: 0px 0px 0px 0px;
	padding: 50px 0px 78px 40px;
	background-color:#f2f1ed;
}

#map1{
	float: left;
	width: 552px;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 19px 20px;
	background-color:#f2f1ed;
}
#map2{
	float: left;
	width: 552px;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 19px 20px;
	background-color:#f2f1ed;
}



/* footer */
#footer {
	width: 900px;
	clear: both;
	margin-top: 10px;
	padding: 5px 0px 0px 0px;
	height:50px;
	background-repeat: no-repeat;
}

#homeNav {
	float: right;
    display: block;
    min-width: 100%;
	
}

#homeNav a{
float: right;
}

ul>li{
	list-style: none !important;
}

ul#homeNav {
	list-style: none;
	margin:10px 0px 0px 0px;
	padding:0 0px;
	
}
ul#homeNav li {
	font-family: Verdana, Arial, Helvetica, SimHei, sans-serif;
	float: left;
	position: relative;
	display: inline;
}

ul#homeNav li a {
	display:block;
	height:48px;
	color:#FFF;
	font-size:1.5em;
	float:left;
	text-decoration:none;
	margin: 0px;
	font-weight: normal;
	text-align: center;
	border-style: none;
	padding: 13px 13px 0px 13px;
	
}
ul#homeNav li a:hover{
	color: #cca141;
	background-color: #ba3737;
}
ul#homeNav li a:active{
	background-color:#ba3737;
}

ul#homeNav li a.home{
	border-right-color: #039;
	border-width: 0px 1px 0px 0px;
}
ul#homeNav li a.contact{
	border-left-color: #0CF;
	border-width: 0px 0px 0px 1px;
}
ul#homeNav li a.current, ul#homeNav li a.current:hover {
	background-color:#ba3737;
}

#mainContent form {
	font-size: 65%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 1em auto;
}

.bluetext{
	font-size:1em;
	color: #036cd4;
}

.redtext{
	background: #F90;
	font-size:1em;
	color:#FFF;
	background-size: contain;
	height: 1.5em;
	padding-top:3px;
	padding-left:3px;
}

.lightbluetext{
	color:#F90;
}
.orangetext{
	color: #C30;
	padding-left:5px;
	font-weight:500;
}
.smallertext{
	color: #0278ef;
	font-size:0.9em;
}
.boldtext{
	color: #333;
	font-weight:bold;
}

ul.MenuBarVertical
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: 8em;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are same fixed width as parent */
ul.MenuBarVertical li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 12em;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarVertical ul
{
	margin: 0 0 0 95%;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: absolute;
	z-index: 1020;
	cursor: default;
	width: 8.2em;
	left: -1000em;
	top: 0;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarVertical ul.MenuBarSubmenuVisible
{
	left: 0;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarVertical ul li
{
	width: 8.2em;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Outermost menu container has borders on all sides */

/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarVertical a
{
	display: block;
	cursor: pointer;
	background-color: #d5b197;
	padding: 0.5em 0.75em;
	color: #FFF;
	text-decoration: none;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
{
	background-color: #e55353;
	color: #FFF;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
{
	background-color: #e55353;
	color: #FFF;
}

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item


 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarVertical iframe
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarVertical li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #FFF;
	}
}

.main-background{
	/*background-color: #F2F1ED;*/
}

.DefaultModule
{
        margin-bottom: 20px;
		text-align: left;
}

#ProductDetails .ProductThumb {
    float: left;
    text-align: center;
    width: 235px;
    border:1px solid #ccc;
    margin: 0 20px 0 10px;
    padding-top: 5px;
}

#ProductDetails .ProductThumbImage {
    height: 220px;
    margin: auto;
    overflow: hidden;
    width: 220px;
}

#ProductDetails .ProductThumb .ProductTinyImageLine {
        margin: 5px auto 0;
        width: 93%;
        border: solid 1px #E1E1E1;
    }
	
#ProductDetails .ProductThumb .ImageCarouselBox {
    bottom: 0;
    padding: 12px 0;
}

#slideShow .prev, #slideShow .next, #slideShow .ProductTinyImageList {
    float: left;
}

#slideShow .prev, #slideShow .next {
    margin-top: 17px;
}

#ProductDetails .ProductMain {
    float: left;
    width: 100%;
    color: #6F6B65;
    position:relative;
}

#ProductDetails h1, .center .defaultTitle.NewsDetailContainer h1 {
    color: #3a3a3a;
    font-size: 24px;
    font-family:roboto-regular;
    font-weight: normal;
    padding: 9px 11px;
    text-transform: none;
}

.ProductDetailsGrid .Row {
    margin: 0 0 6px 0;
}

.ProductDetailsGrid .LabelProductSKU, .ProductDetailsGrid .LabelManufacture, .ProductDetailsGrid .LabelPrice {
    font-weight: bold;
}

#ProductDetails .ProductDetailsGrid .VariationProductPrice {
    background-color: #eaeaea;
    color: #83C236;
    font-weight: normal;
    font-family:roboto-bold;
    font-size: 28px;
    padding: 5px;
    margin-top: 5px;
	text-align: center;
}

#ProductDetails .ProductDetailsGrid ul.ProductField {
    margin: 0;
    padding: 0;
}

#ProductDetails .ProductDetailsGrid ul.ProductField li .label {
    display: block;
    float: left;
    font-size:13px;
    width: 115px;
	color: #524f44;
	text-align: left;
}

#ProductDetails .ProductDetailsGrid ul.ProductField li {
    /*margin: 0 0 6px 0px;*/
    /*padding: 0;*/
    clear: both;
    list-style:none;
    display:inline-block;
    font-size:14px;
    color:#524f44;
    font-family:roboto-bold;
    width:100%;
    /*background-image:url(http://static.bizwebmedia.net/images/icon-detail.png);*/
    /*background-repeat:no-repeat;*/
    /*background-position:0px 5px;*/
    /*padding-left:13px;*/
	text-align: left;
}

#ProductDetails .ProductField .ProductRating {
    float: left;
}

.ProductRating.Rating0 .RatingImage, .ProductRating.Rating-1 .RatingImage
    {
        width:60px;
        height:12px;
        background: url(Images/Rating/IcoRating0.gif) 0px 0px no-repeat;
    }
	
#ProductDetails .ProductDetailsGrid .ShortDescription {
    margin-top: 15px;
}

#ProductDetails .ProductDetailsGrid .ShortDescriptionTitle {
    border-bottom: solid 1px #d8d8d8;
    padding: 0.6em;
    font-family:roboto-regular;
    color:#484847;
    font-size:15px;
	text-align: left;
}

#ProductDetails .ProductDetailsGrid .ShortDescription p {
    padding: 0.6em;
     font-family:roboto-regular;
    color:#484847;
    font-size:14px;
	text-align: justify;
}

.OutOfStockMessage
{
    color:Red;
    margin:10px 0 0 130px;
}

.center
{
    float: left;
    font-size: 12px;
    margin: 0;
    margin:0px 7px 0px 7px;
    width: 553px;
  
}

.TabNav, .TabNav li {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

    .TabNav li.Active a {
        top: 0;
       
        border: solid 1px #ccc;
    border-bottom: solid 2px #fff !important;
        color: #83C236;
    }

   

    .TabNav li {
        display: inline;
    }

.TabNav {
    font-size: 12px;
    padding: 6px 0;
    border: none;
}

    .TabNav li a {
        margin-right: 3px;
        margin-top: 3px;
        position: relative;
        text-decoration: none;
        top: 0;
        font-family:roboto-regular;
        border: solid 1px #transparent;
        padding: 9px 15px 5px;
        color: #414141;
    text-transform:uppercase;
        font-weight: normal;
    }

	
#ProductDescription, #ProductReviews .BlockContent, #ProductVideos, #ProductArticleReview, #ProductRelatedProducts {
    border:1px solid #ccc;
    padding:10px;
}

hr {
    margin: 0px 0;
    padding: 0;
    border:0;
}

ul.ProductList
    {
        list-style: none outside none;
        margin: 0;
        padding: 0 0 10px;
        clear:both;
    }
	
ul.ProductList
{
    list-style: none outside none;
    margin: 0;
    padding: 0px 0px;
    clear:both;
    box-sizing:border-box;
}

.Block dt {
    clear: left;
    float: left;
    width: 160px;
}

.Block dd {
    margin-left: 170px;
    padding-top: 3px;
}

.NormalTextBox
{
    border: 1px solid #CECECE;
    height:27px;
    font-family: arial;

}

select option {
    padding: 0 10px;
}

.ProductList li:hover
{
    border:1px solid #000;
}

ul.ProductList:last-of-type li{
margin-bottom:0;
}

.center .ProductList li{
min-height:243px;
}

.ProductList li
    {
        float: left;
        font-size: 11px;
        list-style: none outside none;
        border:1px solid #e1e1e1;
        min-height: 234px;
        overflow: hidden;
        padding: 13px;
        position: relative;
        width:170px;
        /*margin-left:-1px;*/
        text-align:center;
    margin-bottom:22px;
        height:235% !important;
    }
	
.ProductList .ProductImage
    {
        background-color: #FFFFFF;
        border: 1px solid #FFFFFF;
        height: 130px;
        line-height: 130px;
        overflow: hidden;
        text-align: center;
        vertical-align: middle;
    }

.ProductList .ProductImage
    {
        background-color: #FFFFFF;
        height: 130px;
        line-height: 130px;
        overflow: hidden;
        margin-bottom:10px;
        text-align: center;
        vertical-align: middle;
    }
	
.ProductList .disable
    {
        display: none;
    }
	
.salePercentFlag, .newFlag, .outletFlag, .saleFlag
    {
        color: #FFFFFF;
        font-size: 12px;
        text-indent:-86px;
        font-weight: bold;
        text-align: center;
        text-transform: uppercase;
    }
	
.center .ProductList .ProductDetails, .center .ProductList .ProductPrice, .center .ProductList .ProductRating, .center .ProductList .ProductActionAdd, .center .ProductList .ProductActionCall, .center .ProductList .ProductCompareButton
    {
        text-align: center;
    }
	
.center .ProductList .ProductDetails
    {
        max-height: 30px;
        min-height: 30px;
        overflow: hidden;
    }
	
.ProductList .ProductDetails a
    {
        color: #1b191a;
        text-transform:uppercase;
        font-size: 12px;
        font-family:Roboto-medium;
        font-weight: normal;
    }
	
.retail-price ,.special-price{
    display:inline-block;
   text-align:center;
}

.ProductList strike
    {
        color: #ababab;
        font-size: 12px;
        font-weight: normal;
    }
	
.ProductList .ProductRating .RatingImage
    {
        margin: 0 auto;
    }
	
.ProductList .ProductActionAdd
    {
        margin-bottom: 5px;
        margin-top: 10px;
    }
	
.ProductList .ProductActionAdd a, .ProductPrice a, .ProductActionAdd a, .caption span a
    {
        background-color: #efefef;
        border:1px solid #e1e1e1;
        color: #000;
        text-transform:uppercase;
        font-family: Roboto-medium;
        font-size: 16px;
        padding: 5px 18px;
        text-align: center;
    }
	
.ViewMore a
    {
        float: right;
        font-size: 12px;
        background: url("images/xemthem.gif") no-repeat scroll center bottom rgba(0, 0, 0, 0);
        font-style: normal;
        font-weight: bold;
		color:transparent;
        padding-right: 10px;
		text-decoration: none;
    }
	
.ProductList em
    {
        color: #83C236;
        font-size: 16px;
        font-style: normal;
        font-weight:normal;
    font-family:Roboto-medium;
    }