a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top}ul{list-style:none}blockquote,q{quotes:none}table,table td{padding:0;border:none;border-collapse:collapse}img{vertical-align:top}embed{vertical-align:top}article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video{display:block}mark,rp,rt,ruby,summary,time{display:inline}
/* Stylesheet: reset Modified On 2013-03-24 22:42:34 */
html, body {background:#fff url(../../images/back-bg.jpg) repeat-x left top; font-size:13px; font-family: 'Open Sans', sans-serif; line-height:18px; color:#999; margin:0;
padding:0; font-weight:400;}

a { text-decoration:none; color:#e4841a;}
a:hover {}
img a{ border:none;}

.clear {clear:both}
.left {float:left}
.right {float:right}
.none {float:none}
.text-center{text-align:center;}
p{font-size:13px; color:#858584; line-height:18px; padding:10px 0; text-align:justify;}

h1{color:#fff; font-weight:700; font-size:18px; background:#e01d25; line-height:22px; padding:13px 0 13px 18px; text-transform:uppercase;}
h2{color:#5d5d5d; font-weight:700; font-size:16px; line-height:26px; padding:0 ;}
h2 span{color:#000; font-size:18px; text-transform:uppercase;}

#main {width:100%; margin:0 auto;}

/**** Header ****/

header {width:100%; margin:0 auto;}
header::after { width:20%; height: 190px; position: absolute; left: 0; top: 0; content:""; background-color:#fff; margin-top:29px; z-index:0000;}
.header{width:950px; margin:0 auto; position:relative;}
.logo {float:left; margin:29px 0 90px; background:url(../../images/logo.png) no-repeat left top; position: relative; z-index: 222;}
.logo a{float:left; margin:0; width:190px; height:190px;}

/**** Banner Start ****/
.banner{margin:0 0px 0 195px; float:left; position:absolute}
.banner img{float:left; margin:0;}
.banner p {margin:52px 0 0 166px; padding:0; color:#fff; float:left; font-size:38px; text-align:center; line-height:48px; font-weight:700; position:absolute;}
.banner p span{margin:0; padding:0; font-size:38px; text-transform:uppercase;}
/**** Banner Start ****/

/**** header end ****/

/**** Left Panel Start ****/
#left-panel{width:190px; float:left;}

/*** Product Menu  ***/
.category{width:190px; float:left;}
.category ul{margin:0; list-style-type:none;}
.category ul li{margin:0; padding:0;}
.category ul li a{margin:0; padding:0 0 0 19px; font-size:13px; color:#040001; background:#e5e5e5 url(../../images/arrow.png) no-repeat 4px bottom; display:block; line-height:30px; border-bottom:solid 1px #cdcccc;}
.category ul li a:hover, .category ul li.menuactive a{background:#cdcccc url(../../images/arrow-h.png) no-repeat 4px bottom;}
.category ul li.select{margin:0; padding:0 0 0 19px; font-size:13px; color:#040001; background:#cdcccc url(../../images/arrow-h.png) no-repeat 4px bottom; display:block; line-height:30px; border-bottom:solid 1px #cdcccc;}
.category ul li a.last{background-image:none; border:none;}
.category ul li a.last:hover{background-image:none; border:none;}

/**** Left Panel End ****/	

/**** Right Panel Start ****/
#right-panel{width:726px; float:right;}

.products{padding:0; float:left;}
.products ul{padding:0; margin:0; list-style-type:none;}
.products ul li{padding:5px 0 0 0; margin:0 14px 15px 0; width:166px; background:#fff; border:solid 1px #e2e2e2; text-align:center; -webkit-box-shadow: 1px 1px 1px 0px #b7b6b6;box-shadow: 1px 1px 0px 0px #b7b6b6; display:inline-block;}
.products ul li a{padding:5px 0;}
.products ul li.last-child{margin:0;}
.product-name{margin:5px 0 0 0; background:url(../../images/arrow1.png) no-repeat 12px top; padding-top:11px;}
.product-name a{background:#e71e26; display:block; color:#fff; font-weight:700; border-top:solid 2px #e71e26; line-height:25px;}
.product-name a:hover{background:#e5e5e5; color:#000;}


/* Footer */
#footer{width:100%; margin:15px auto 0; border-bottom:solid 3px #e71e26; border-top:solid 3px #e71e26; background:#020001; height:58px;}

.copyright{width:950px; margin:0 auto; line-height:58px; text-align:center; color:#fff;}

/* Product */
.product-list{margin:5px 0 0 0; background:url(../../images/arrow1.png) no-repeat 12px top; padding-top:11px; clear:both;}
.product-list p{background:#e71e26; color:#fff; font-weight:400; font-size:11px; text-align:left; padding:8px 0 3px 12px !important; line-height:10px;}
.product-list a{background:#e71e26; display:block; color:#fff; font-weight:400; font-size:11px; border-top:solid 2px #e71e26; line-height:14px; text-align:left; padding:5px 3px 5px 12px !important; height:52px; overflow:hidden;}
.product-list a:hover{background:#e5e5e5; color:#000;}

.productColorRange{float:left; margin-top:8px; width:164px;}
.productColorRange img{float:right; margin-right:3px;}
.colorGirdSmall{padding:0; float:right; border:1px solid #E1E1E2; height:15px; margin:0 2px 0px; width:15px;}
.colorGirdSmall .colorSmall1 {float:left; height:13px; width:6.5px;}
.colorGirdSmall .colorSmall2 {float:left; height:13px; width:6px;}
.colorGirdSmall .colorSmall {display:block; height:15px; width:15px;}
.in-left{float:left;}
.in-left img{float:left !important;}
.colorGirdSmall1 {
    float: left;
}

.toolbar{width:726px; float:left; height:30px;}
.toolbar .amount{float:left; padding-top:2px; color:#020001;}
.toolbar .amount span{color:#686868;}
.toolbar .limiter {color:#000000; float:right; min-width:95px;}
.toolbar .limiter label {color:#686868; display:inline-block; float:left;  padding:0px 12px 0 0;}
.toolbar .limiter select{width:60px; height:21px; text-align:center; border:solid 1px #b7b6b6; padding:1px;}

/* Details */
.productLargeImg{width:360px; padding:15px 0; margin:0 0 15px 0; background:#fff; border:solid 1px #e2e2e2; text-align:center; -webkit-box-shadow: 1px 1px 1px 0px #b7b6b6;box-shadow: 1px 1px 0px 0px #b7b6b6; display:inline-block; float:left;}

.product-full-info {float:right; width:338px; margin-left:24px;}
.line{border-bottom:solid 1px #dbdabe; padding:5px 0;}
.product-features{float:left; padding:0; color:#030303; margin:12px 0 0 0;}
.product-features ul{list-style-type:none;}
.product-features ul li{border:none; box-shadow:none; width:auto; color:#4a4242; background:url(../../images/dot.jpg) no-repeat left 5px; padding:0 0 0 15px; margin:0 0 0 5px; line-height:18px; display:list-item; text-align:left;}
.product-features span{color:#000;}

.product-full-info .product-colors {float: left; margin:12px 0; width:100%; color:#030303;}
.product-full-info .product-colors .colorRanges .colorLarge{float:left; margin-right:6px;}
.product-full-info .product-colors .colorRanges .colorLarge div.colorGirdLarge{border:1px solid #CBCCCD; display:block; height:25px; width:25px;}
.colorGirdLarge .colorLarge1 {float:left; height:25px; width:12.5px;}
.colorGirdLarge .colorLarge2 {float:left; height:25px; width:12.5px;}
.colorGirdLarge .colorLarge {display:block; height:25px; width:25px;}
.icon-key{text-decoration:none; float:left;}
.icon-key a{color:#4a4242; text-decoration:none;}
.icon-key a:hover{color:#030303;}
.icon-key img{padding:5px 3px 0 0;}

.productFullInfo .productColors .colorRanges {
    border: 1px solid #FFFFFF;
    cursor: pointer;
    float: left;
    height: 27px;
    margin-right: 6px;
    padding: 2px;
    width: 27px;
}

.productFullInfo .productColors .colorRanges div.colorGirdLarge {
    display: block;
    height: 25px;
    width: 25px;
}
/* Stylesheet: mystyle Modified On 2013-06-14 03:49:47 */
/* Table of Contents
==================================================
	#Base 960 Grid
	#Tablet (Portrait)
	#Mobile (Portrait)
	#Mobile (Landscape)
	#Clearing */
/**************Global Structure*****************/
.wrapper{width:100%; overflow:hidden; position:relative;}
.extra-wrap{overflow:hidden; display:block;}
/* #Base 960 Grid
================================================== */
	.container_24{position: relative; width: 950px; margin: 0 auto; padding:0;}
	.grid_1,
	.grid_2{float: left; display: inline; }

	/* Nested Column Classes */
	.container_24 .alpha		{margin-left: 0 !important;}
	.container_24 .omega		{margin-right: 0 !important; margin-bottom:0 !important;}

	/* Base Grid */
	.container_24 .grid_1		{width: 710px;}
	
	/* Prefix Extra Space >> 24 Columns */
	.padding_1					{padding-top:23px;}
	
	
	.container_24 .prefix_1		{padding:22px;}
	
	/* Suffix Extra Space >> 24 Columns */
	.container_24 .suffix_1		{padding-right:0px;}
	.container_24 .suffix_2		{padding-right:29px;}
	
	
	.container_24 .grid_25		{width: 270px;}
	/* Prefix Extra Space >> 25 Columns */
	
	.container_24 .grid_26		{width: 270px;}
	/* Prefix Extra Space >> 26 Columns */
	
	/*twin columns*/
	.dcol-6{float:left; margin-right:10px;}

/* #Tablet (Portrait)
================================================== */
	/* Note: Design for a width of 768px */
	

/* #Clearing
================================================== */

/* Self Clearing Goodness */
	.container_24:after {content: "\0020"; display: block; height: 0; clear: both; visibility: hidden;}

/* Use clearfix class on parent to clear nested columns,
or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.row:after, .clearfix:after {clear: both;}
.row, .clearfix {zoom: 1;}

/* You can also use a <br class="clear" /> to clear columns */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
/* Stylesheet: skeleton Modified On 2013-04-04 07:04:00 */