/* CSS Document */
/*---GLOBAL SETTINGS---
----------------------*/
*{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	}
a{
	text-decoration:none;
	}
a:hover{
	text-decoration:underline;
	}
.more{
	color:#01a6cf;
	background:url(/upload/img/morearr.gif) no-repeat 100% 5px;
	padding-right:9px;
	font-size:11px;
	}
ul{
	list-style-type:none;
	list-style-position:inside;
	}
input{
	font:12px Verdana;
	color:#000;
	}
/*---COMMON---
-------------*/
.after:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	}
body{
	background:#e6fdb7 url(/upload/img/bg.gif) repeat-x;
	font:12px Verdana;
	color:#000;
	text-align:center;
	}
.body_catalogue{
     background:#e6fdb7 url(/upload/img/bgcatalog.gif) repeat-x;
     }
.main{
	width:992px;
	margin:0 auto;
	text-align:left;
	padding:1px 0 0 0;
	}
/*---H---
--------*/
h1{
	font:normal 30px verdana;
	margin-bottom:20px;
	}
h2{
	font:normal 14px arial;
	padding:80px 0 15px 0;
	}

h3{
	font:bold 12px arial;
	}
/*---HEADER---
--------------*/
.header{
	height:156px;
	background:url(/upload/img/headerbg.gif) repeat-x;
	margin:0 10px 17px 11px;
	}
.header_left{
	width:653px;
	float:left;
	height:156px;
	}
.logo{
	float:left;
	width:349px;
	height:118px;
	}
.logo img{
	margin:0 0 0 43px;
	}
.name{
	margin:18px 0 0 349px;
	padding:30px 0 29px 25px;
	border-left:1px solid #fff;
	}
.menu{ 
	height:38px;
	clear:both;
	}
.menu a{ 
	display:block;
	height:38px;
	line-height:38px;
	color:#0f0f0f;
	font-family:calibri;
	width:120px;
	text-align:center;
	padding-right:10px;
	background:url(/upload/img/menubg.gif) no-repeat right;
	float:left;
	}
.menu .act{ 
	background:url(/upload/img/menubgact.gif) no-repeat right;
	cursor:text;
	}
.menu .act:hover, .menu .last_act:hover{
	text-decoration:none;
	} 
.menu .before_act{ 
	background:url(/upload/img/menubgbeforeact.gif) no-repeat right;
	}
.menu .last{
	background:url(/upload/img/menubglast.gif) no-repeat right top;
	}
.menu .last_act{
	cursor:text;
	background:url(/upload/img/menubglastact.gif) no-repeat right top;
	}
.header_right{
	width:258px;
	float:right;
	height:156px;
	background:url(/upload/img/headerround.gif) no-repeat right bottom;
	}
.ico{
	height:71px;
	padding:0 0 0 37px;
	}
.ico a{
	display:block;
	float:left;
	padding:27px 7px 0 0;
	margin:0 6px 0 0;
	background:url(/upload/img/icodev.gif) no-repeat right top;
	}
.ico .nodev{
	background:none;
	}
	
/*---CENTER---
--------------*/
.intro {
	text-align:center;
	width:974px;
	height: 447px;
	overflow: hidden;
	position: relative;
	margin: 0 auto 30px;
	text-align: left;
	}
.intro img{ 
	position: absolute;
	}
.catalogue{

	padding:0 0 0 60px;
	}
.catalogue h3{
	padding:0 0 20px 69px;
	}
.item_line{
	width:969px;
	margin-bottom:40px;
	}
.item{
	width:200px;
	text-align:center;
	font-size:11px;
	float:left;
	margin-right:3%;
    margin-bottom: 20px;
	}
.item div{
	height:147px;
	margin-bottom:7px;
	}
.item div a{
	background:url(/upload/img/itemround.gif) no-repeat;
	display:block;
	height:147px;
	}
.item div a:hover{
	background:url(/upload/img/itemroundact.gif) no-repeat;
	}
.item a{
	color:#000;
	}
.devider{
	background:url(/upload/img/devider.gif) repeat-x;
	height:5px;
	font-size:0;
	line-height:0;
	margin:0 29px 20px 25px;
	}
.pop a{
	display:block;
	/*margin-bottom:5px;*/
	font-family:arial;
	}
.extra{
	width:992px;
	padding:0 0 45px 10px;
	}
.list{
	width:167px;
	margin:0 0 0 11px;
	padding:0 11px 0 140px;
	float:left;
	height:224px;
	}
.list h2 a{
	font:normal 14px arial;
	}
.list a{
	display:block;
	padding-bottom:3px;
	font:11px arial;
	color:#000;
	}
.how{
	background:url(/upload/img/howbg.jpg) no-repeat;
	border-right:1px solid #fff;
	}
.adv{
	background:url(/upload/img/advbg.jpg) no-repeat;
	border-right:1px solid #fff;
	}
.exmp{
	background:url(/upload/img/exmpbg.jpg) no-repeat;
	}
/*---FOOTER---
--------------*/
.footer{
	background:url(/upload/img/footerbg.gif) repeat-x 0 8px;
	padding-bottom:20px;
	}
.footer_menu{
	width:547px;
	margin:0 auto 5px auto;
	text-align:center;
	background:#e6fdb7;
	}
.footer_menu a{
	font:12px calibri;
	color:#000;
	padding:0 20px;
	}
.footer_bott img{
	float:right;
	padding-right:5px;
	}
.footer_bott p{
	font:12px calibri;
	color:#505050;
	}
.footer_bott a{
	font:12px calibri;
	color:#505050;
	text-decoration:underline;
	}
.footer_bott a:hover{
	text-decoration:none;
	}
/*---INNER_1---
--------------*/
p.path {
	padding-left:72px;
	line-height:35px;
	font:18px arial;
	font-weight: bold;	
	}
p.path a{
	font:18px arial;
	font-weight: bold;
	color:#000;
	}
.example{
	width:974px;
	margin:0 0 30px 9px;
	background:#edfecb url(/upload/img/footerbg.gif) repeat-x bottom;
	}
.example #cangeColor{
	background:url(/upload/img/examplebg.jpg);
	text-align:center;
	padding:27px 0 35px 0;
	}
.example h1{
	padding-left:69px;
	line-height:68px;
	//line-height:59px;
	}
/*.example p{
	float:right;
	padding-right:102px;
	line-height:59px;
	}*/
.example a{
	font:12px arial;
	color:#000;
	}
.exampleleftround{
	position:absolute;
	bottom:0;
	}
.examplerightround{
	position:absolute;
	bottom:0;
	right:0;
	}
.description{
	width:900px;
	margin:0 0 17px 79px;
	background:url(/upload/img/descriptionbg.gif) repeat-y 290px 11px;
	}
.info{
	width:290px;
	float:left;
	}
.info h3{
	padding:0 0 5px 9px;
	}
.info p{
	font:11px arial;
	width:278px;
	text-align:justify;
	}
.size{
	width:135px;
	float:left;
	margin-right:43px;
	}
.size h3{
	padding:0 0 3px 13px;
	}
.size_choice{
	color:#038409;
	font-size:11px;
	background:url(/upload/img/sizearr.gif) no-repeat right;
	padding:0 15px 0 11px;
	}
.size div{
	padding:15px 15px 0 10px;
	text-align:center;
	}
.size img{
	margin-top:8px;
	}
.size div span{
	font:18px arial;
	display:block;
	}
.hgt{
	background:url(/upload/img/heightarr.gif) no-repeat;
	float:left;
	padding:2px 0 3px 11px;
	}
.wth{
	float:right;
	padding:2px 0 3px 0;
	background:url(/upload/img/widtharr.gif) no-repeat bottom;
	}
.order{
	width:430px;
	float:left;
	} 
.order_price{
	width:340px;
	margin-bottom:7px;
	}
.asidebtn, .buybtn{
	width:160px;
	display:block;
	height:40px;
	color:#000;
	font:24px calibri;
	text-align:center;
	float:left;
	padding:5px 0 0 0;
	margin:0 23px 0 0;
	}
.buybtn{
	background:url(/upload/img/buybtn.gif) no-repeat;
	}
.asidebtn{
	background:url(/upload/img/asidebtn.gif) no-repeat;
	}
.order span{
	color:#ff0000;
	font-size:24px;
	padding:0 5px 0 10px;
	}
.order b{
	font-size:14px;
	}
.order img{
	vertical-align:middle;
	}
.order p{
	float:right;
	width:110px;
	font:11px arial;
	color:#0069ff;
	}
.order_price p a{
	color:#0069ff;
	}
.colors{
	width:870px;
	padding:20px 70px;
	background:#fff url(/upload/img/colordev.gif) repeat-x bottom;
	margin:0 0 23px 9px;
	}
.colors h3{
	margin-bottom:8px;
	}
.colors a{
	display:block;
	float:left;
	width:25px;
	height:25px;
	border:1px solid #d0d5d8;
	margin:0 3px 3px 0;
	}
.colors a:hover{
	border:1px solid #122d3e;
	}

.c0{
	background:#fff url(/upload/img/examplebg.jpg) no-repeat

	}


.c1{
	background:#fff;
	}
.c2{
	background:#bdbdbd;
	}
.c3{
	background:#d6c0bf;
	}
.c4{
	background:#9f7582;
	}
.c5{
	background:#92405b;
	}
.c6{
	background:#806462;
	}
.c7{
	background:#d0a68f;
	}
.c8{
	background:#d3c8b1;
	}
.c9{
	background:#d4d9eb;
	}
.c10{
	background:#dceaea;
	}
.c11{
	background:#e26f4f;
	}
.c12{
	background:#f3e1e0;
	}
.c13{
	background:#f4d6b1;
	}
.c14{
	background:#ec8d79;
	}
.c15{
	background:#d3e2a5;
	}
.c16{
	background:#ECF694;
	}
.c17{
	background:#E9FA53;
	}
.c18{
	background:#E6FDB7;
	}
.c19{
	background:#D3FF78;
	}
.c20{
	background:#8296E0;
	}
.c21{
	background:#2F57EC;
	}
.c22{
	background:#8C2FEC;
	}
.c23{
	background:#FFBFE9;
	}
.c24{
	background:#FF9ADC;
	}
.c25{
	background:#BFFEFF;
	}
.c26{
	background:#9DD9FF;
	}
.c27{
	background:#2F57EC;
	}
.c28{
	background:#fff url(/upload/img/palette.jpg) no-repeat;
	}
/*---INNER_2---
--------------*/
.basket{
	width:970px;
	border:1px solid #efefef;
	background:#fff;
	margin-left:9px;
	border-collapse:collapse;
	}
.basket th{
	font:normal 18px arial;
	height:49px;
	vertical-align:middle;
	border:1px solid #efefef;
	}
.basket th span{
	color:#838383;
	}
.basket th a{
	float:right;
	font:11px arial;
	text-decoration:underline;
	color:#ff0000;
	padding-right:19px;
	}
.basket th a:hover{
	text-decoration:none;
	}
.basket th.center{
	text-align:center;
	}
.basket .int, .basket .title .int{
	padding-left:50px;
	}
.basket td{
	font:normal 11px arial;
	border-top:1px solid #c0c0c0;
	border-bottom:1px solid #c0c0c0;
	padding:20px 10px;
	vertical-align:top;
	}
.basket .title td{
	background:#e6fdb7;
	height:23px;
	padding:0 10px 0 12px;
	border-top:1px solid #e9e9e9;
	border-bottom:1px solid #e9e9e9;
	vertical-align:middle;
	}
.basket .title_center{
	text-align:center;
	}
.image img{
	border:6px solid #effffd;
	}
.basket td p{
	color:#ff0000;
	margin-bottom:3px;
	width:150px;
	}
.basket .size_choice{
	margin-left:-11px;
	}
.basket .center{
	text-align:center;
	font:bold 14px arial;
	width:70px;
	}
.basket .action{
	width:110px;
	border-left:1px solid #efefef;
	}
.action a{
	display:block;
	font:bold 11px arial;
	color:#000;
	margin-bottom:12px;
	}
.action img{
	padding-right:8px;
	background:#fff;
	vertical-align:middle;
	}
form{
	padding:8px 0 0 0;
	}
input{
	width:43px;
	padding:2px;
	border:1px solid #e9e9e9;
	}
form b{
	color:#575757;
	}
.total{
	background:#edfecb url(/upload/img/totalbg.gif) repeat-x bottom;
	width:970px;
	margin:0 0 35px 9px;
	text-align:center;
	}
.total_left{
	background:url(/upload/img/totalleft.gif) no-repeat bottom left;
	} 
.total_right{
	background:url(/upload/img/totalright.gif) no-repeat right bottom;
	width:854px;
	padding:15px 47px 19px 69px;
	} 
.total a{
	width:160px;
	display:block;
	color:#000;
	text-align:center;
	background:url(/upload/img/orderbtn.gif) no-repeat;
	}
.contin{
	height:32px;
	float:left;
	padding:13px 0 0 0;
	font:14px calibri;
	}
.makeord{
	height:35px;
	float:right;
	padding:10px 0 0 0;
	font:18px calibri;
	}	
.total p{
	color:#50aa00;
	font-size:18px;
	padding:3px 0 0 0;
	}
.total b{
	color:#353734;
	font-size:30px;
	font-weight:normal;
	}	
.total span{
	font-size:18px;	
	}

div.zoomdiv {
	z-index                 : 100;
	position                : absolute;
	top:0px;
	left:0px;
	width                   : 350px;
	height                  : 250px;
	background: #ffffff;
	border:1px solid #ffffff;
	display:none;
	text-align: center; 
	overflow: hidden;
	padding: 0px !important
	}


.jqzoom{
	cursor:crosshair;
	position:relative;
	padding: 0px !important;
	margin:0 auto;
	}

#calc_size {
	padding: 0px;
	margin-top: 5px;
	float: right;
	}
	
.size_choice_div {
	display: none;
	}
	
/* ************** ColorPicker **************** */
.colorpicker {
	width: 356px;
	height: 176px;
	overflow: hidden;
	position: absolute;
	background: url(/upload/colorpicker_img/colorpicker_background.png);
	font-family: Arial, Helvetica, sans-serif;
	display: none;
}
.colorpicker_color {
	width: 150px;
	height: 150px;
	left: 14px;
	top: 13px;
	position: absolute;
	background: #f00;
	overflow: hidden;
	cursor: crosshair;
}
.colorpicker_color div {
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	height: 150px;
	background: url(/upload/colorpicker_img/colorpicker_overlay.png);
}
.colorpicker_color div div {
	position: absolute;
	top: 0;
	left: 0;
	width: 11px;
	height: 11px;
	overflow: hidden;
	background: url(/upload/colorpicker_img/colorpicker_select.gif);
	margin: -5px 0 0 -5px;
}
.colorpicker_hue {
	position: absolute;
	top: 13px;
	left: 171px;
	width: 35px;
	height: 150px;
	cursor: n-resize;
}
.colorpicker_hue div {
	position: absolute;
	width: 35px;
	height: 9px;
	overflow: hidden;
	background: url(/upload/colorpicker_img/colorpicker_indic.gif) left top;
	margin: -4px 0 0 0;
	left: 0px;
}
.colorpicker_new_color {
	position: absolute;
	width: 60px;
	height: 30px;
	left: 213px;
	top: 13px;
	background: #f00;
}
.colorpicker_current_color {
	position: absolute;
	width: 60px;
	height: 30px;
	left: 283px;
	top: 13px;
	background: #f00;
}
.colorpicker input {
	background-color: transparent;
	border: 1px solid transparent;
	position: absolute;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #898989;
	top: 4px;
	right: 11px;
	text-align: right;
	margin: 0;
	padding: 0;
	height: 11px;
}
.colorpicker_hex {
	position: absolute;
	width: 72px;
	height: 22px;
	background: url(/upload/colorpicker_img/colorpicker_hex.png) top;
	left: 212px;
	top: 142px;
}
.colorpicker_hex input {
	right: 6px;
}
.colorpicker_field {
	height: 22px;
	width: 62px;
	background-position: top;
	position: absolute;
}
.colorpicker_field span {
	position: absolute;
	width: 12px;
	height: 22px;
	overflow: hidden;
	top: 0;
	right: 0;
	cursor: n-resize;
}
.colorpicker_rgb_r {
	background-image: url(/upload/colorpicker_img/colorpicker_rgb_r.png);
	top: 52px;
	left: 212px;
}
.colorpicker_rgb_g {
	background-image: url(/upload/colorpicker_img/colorpicker_rgb_g.png);
	top: 82px;
	left: 212px;
}
.colorpicker_rgb_b {
	background-image: url(/upload/colorpicker_img/colorpicker_rgb_b.png);
	top: 112px;
	left: 212px;
}
.colorpicker_hsb_h {
	background-image: url(/upload/colorpicker_img/colorpicker_hsb_h.png);
	top: 52px;
	left: 282px;
}
.colorpicker_hsb_s {
	background-image: url(/upload/colorpicker_img/colorpicker_hsb_s.png);
	top: 82px;
	left: 282px;
}
.colorpicker_hsb_b {
	background-image: url(/upload/colorpicker_img/colorpicker_hsb_b.png);
	top: 112px;
	left: 282px;
}
.colorpicker_submit {
	position: absolute;
	width: 22px;
	height: 22px;
	background: url(/upload/colorpicker_img/colorpicker_submit.png) top;
	left: 322px;
	top: 142px;
	overflow: hidden;
}
.colorpicker_focus {
	background-position: center;
}
.colorpicker_hex.colorpicker_focus {
	background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
	background-position: bottom;
}
.colorpicker_slider {
	background-position: bottom;
}

.cornright {
	position: absolute;
	z-index: 10;
	bottom: 0px;
	right: 0px;
	}
	
.cornleft {
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 10;
	}
.cornright_top {
	position: absolute;
	z-index: 10;
	top: 0px;
	right: 0px;
	}
	
.cornleft_top {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
	}
	
	.formbox {
	width:366px;
	margin:0 auto;
	text-align:left;
	font:12px Arial;
	color:#000;
}
.formbox p{
	text-align:left;
	font:11px arial;
	color:#000;
}

.formbox input{

}
.formbox label{
	display:block;
	width:70px;
	float:left;
	}
.formbox input{
	padding:2px;
	width:270px;
	border:0;
	margin:0 4px 5px 4px;
	}