/* sub icons */
.r-14px { width: 10px; height: 10px; display: inline-block; background: url(../i/r-14px.gif) center no-repeat }


h1.block-title { font: normal 23px/23px "Trebuchet MS"; color: #017ecd; padding: 20px 0 16px 0 }

.content { padding: 0 1% }
.res-box { text-align: center; display: table; //height: 100%; width: 100% }

.w45 { width: 48% !important }





.review { text-align: left; padding: 20px 0 0 0; margin: 0 29px }
.review h1 { font: normal 22px "Trebuchet MS"; padding: 0 0 20px 0; color: #434342 }
.review div.l-box { font: normal 14px "Trebuchet MS"; margin-right: 40% }
.review div.r-box { float: right; font: normal 12px/18px "Verdana"; width: 35% }
.review p { padding: 0 0 20px 0 }
a { color: #017ecd }
a:hover { text-decoration: none }

.pager {}
.pager ul { font: normal 14px "Trebuchet MS"; color: #b2a8a0 }
.pager li { display: inline; margin-left:0 }
.pager li a { color: #017ecd }
.pager li a:hover { text-decoration: none }






.item-info { padding: 20px 35px 25px 35px; text-align: left }
.item-info h1 { font: normal 23px/23px "Trebuchet MS"; color: #017ecd; padding: 0px 0 16px 0 }
.item-info h1 strong.new-item { color: #cd2301; font: normal 18px "Trebuchet MS"; float: right; position: relative; top: 25px }
.item-info h1 span { width: 450px; display: block }

.about-item { color: #82817d; font: normal 14px "Trebuchet MS" }
.about-item strong.wtf { display: block; padding: 30px 0 10px 0 }
.about-item ul { list-style: none; margin: 0 0 0 18px }
.about-item li { padding: 1px 0 3px 20px; background: url(../i/menu-list-icon.gif) 0 5px no-repeat; list-style:  }
.about-item p { padding: 20px 0 0 0 }
.about-item a { color: #017ecd }
.about-item a:hover { text-decoration: none }




.sale-form { 
	width: 205px; height: 101px; 
	background: url(../i/saleform-bg.gif) no-repeat; 
	margin: 10px 0 0 0; 
	position: relative 
	}
.shape.hover .sale-form { background: url(../i/saleform_hover-bg.gif) no-repeat }

.sale-form form { width: 175px; position: relative; left: 15px; top: 14px }
.sale-form form input { 
	width: 175px; height: 45px; 
	margin: 10px 0 0 0; 
	background: url(../i/btn_submit.gif) no-repeat; 
	border: none; 
	cursor: pointer
	}
.sale-form form input.hover {	background: url(../i/btn_submit-hover.gif) no-repeat }
.sale-form form select { width: 175px; height: 22px; background: #fff7a4; border: 1px solid #b3b9c3; color: #cd2301; z-index: 1 }

/* ------------------------------------------------------------------------------------------------------------------------------ */
.sale-form2 { 
	width: 205px; height: 101px; 
	background: url(../i/saleform-bg.gif) no-repeat; 
	margin: 10px 0 0 0; 
	position: relative 
	}
.shape.hover .sale-form2 { background: url(../i/saleform_hover-bg.gif) no-repeat }

.sale-form2 form { width: 175px; position: relative; left: 15px; top: 14px }
.sale-form2 form input { 
	width: 175px; height: 45px; 
	margin: 10px 0 0 0; 
	background: url(../i/btn_submit.gif) no-repeat; 
	border: none; 
	cursor: pointer
	}
.sale-form2 form input.hover {	background: url(../i/btn_submit-hover.gif) no-repeat }
.sale-form2 form select { width: 175px; height: 22px; background: #fff7a4; border: 1px solid #b3b9c3; color: #cd2301; z-index: 1 }
/* ------------------------------------------------------------------------------------------------------------------------------ */

.item-set-view { display: table; //height: 100%; padding: 6px 0; text-align: left }
.item-set-view .sale-form { width: 433px; height: 61; background: #f5f3e8 url(../i/saleform-bg2.gif) no-repeat }
/* wtd */ .shape.hover .item-set-view .sale-form { background: #f5f3e8 url(../i/saleform-bg2.gif) no-repeat }
.item-set-view .sale-form form { 
	width: 403px; 
	position: relative; left: 15px; top: 0; 
	background: url(../i/saleform-arrow.gif) center 26px no-repeat 
	}
.item-set-view .sale-form form select { position: relative; top: -2px; //top: -15px; margin: 0 48px 0 0; vertical-align: middle }
.item-set-view a.delivery-info { font: normal 12px "Trebuchet MS" !important; color: #82817d !important }
.item-set-view a.delivery-info:hover { text-decoration: none }

.sub-box { clear: both; color: #b2a8a0; font: normal 14px "Trebuchet MS" }
.sub-box span { display: block; padding: 16px 0 10px 0; //padding: 10px 0 10px 0 }



.comment-box { text-align: left; width: 80% }
.comment-box form {  }
.comment-box label { display: block; width: 100%; padding: 0 0 10px 0 }
.comment-box label input, .comment-box label textarea {
	width: 70%; //width: 100%;
	vertical-align: top; 
	background: url(../i/txtarea-bg.gif) no-repeat; 
	border: 1px solid #d7d1bf; border-right: 1px solid #e7e3d8; 
	font: normal 14px "Trebuchet MS"; 
	padding: 3px 6px 2px 6px;
	}
.comment-box label input { height: 24px }
.comment-box label textarea { height: 90px }
.comment-box label span { width: 157px; display: block; float: left; font: normal 14px "Trebuchet MS"; color: #82817d; margin: 4px 0 0 0 }
.icon-value { 
	width: 13% !important; //width: 15% !important; _width: 14% !important; height: 24px !important; 
	text-align: center; 
	margin: 3px 0 0 2px
	}
.btn-form-subm { 
	width: 170px !important; height: 28px !important; 
	background: url(../i/btn_send2.gif) no-repeat !important; 
	border: none !important; 
	cursor: pointer; 
	margin: 1px 0 0 0;
	position: relative
	}
.starZz { width: 300px }


.and-lets-go { padding: 30px 0 20px 0 }
.and-lets-go span { font: bold 14px "Trebuchet MS"; color: #82817d }
.and-lets-go span.all-comments { float: right }
.and-lets-go a { color: #017ecd }
.and-lets-go a:hover { text-decoration: none }


.order-info { padding: 0 35px 25px 35px; text-align: left }
.order-info h1 { font: normal 23px/23px "Trebuchet MS"; color: #017ecd; padding: 20px 0 16px 0 }
.order-info h1 a { font: normal 12px "Trebuchet MS"; color: #82817d; margin: 0 0 0 40px }
.order-info h1 a:hover { text-decoration: none }
.order-item { background: #f5f3e8 url(../i/order-item-bg.gif) right 0 repeat-y; border: 1px solid #e4e2d8; margin: 10px 0; padding: 12px 0; font: normal 14px "Trebuchet MS" }


.order-item table { color: #82817d }
.order-item td { border-right: 1px dashed #c2c0b8; padding: 0 13px }
.order-item td strong { color: #cd2301; font-weight: normal; white-space: nowrap }


.order-item td.order-icon {}
.order-item td.order-icon a { border: 1px solid #c8c6bd; display: block }
.order-item td.order-icon a img { width: 44px; height: 29px; background: #fff; border: 1px solid #fff }
.order-item td.order-zip { width: 60px !important; font-size: 12px; text-align: center }
.order-item td.order-name { width: 100% }
.order-item td.order-name a { color: #017ecd; line-height: 14px; text-decoration: none }
.order-item td.order-name a:hover { text-decoration: underline }
.order-item td.order-color { width: 50px !important; font-size: 12px; text-align: center }
.order-item td.order-prise { width: 80px !important; text-align: center }
.order-item td.total-items { width: 40px !important; text-align: center }
.order-item td.total-items span { background: #fff; border: 1px solid #c8c6bd; padding: 0 8px; line-height: 23px }
.order-item td.remove-order { text-align: center }
.order-item td.remove-order a { display: block; background: url(../i/remove-order-bg.gif) no-repeat; width: 16px; height: 16px }
.order-item td.remove-order a:hover { background: url(../i/remove-order_hover-bg.gif) no-repeat }

.total-price { display: table; width: 100%; //height: 100% }
.total-price table { float: right; color: #82817d; font: normal 14px "Trebuchet MS" }
.total-price table strong { color: #cd2301; font-weight: normal }
.total-price table strong.total { font: normal 30px/30px "Trebuchet MS"; display: block }







.submit-order { display: table; width: 100%; //height: 100%; padding-bottom: 120px }
.submit-order .gray-shape { width: 60%; float: left; overflow: hidden }

.submit-form { padding: 19px 25px }
.submit-form form {  }
.submit-form label { display: block; padding: 6px 0 }
.submit-form input, .submit-form textarea { 
	width: 100%;
	background: url(../i/txtarea-bg.gif); 
	border: 1px solid #d7d1bf; border-right: 1px solid #e7e3d8; 
	font: normal 14px "Trebuchet MS"; 
	padding: 3px 6px 2px 6px;
	color: #82817d
	}
.submit-form input { height: 26px; margin-bottom:8px }
.submit-form input#phone { width: 48% !important }
.submit-form input#email {margin-left: 9px; //margin-left: 13px ; width: 48% !important }


.submit-form input.imp { background: #fff7a4 }
.submit-form label textarea { height: 90px }
.submit-form .imp { background: #fff7a4 }


.p_o input { width: 48% !important }
.o { margin-left: 9px; //margin-left: 13px }


.btn-side { background: url(../i/form-angle.gif) no-repeat; float: left; position: relative; margin: 0 0 0 -7px; padding: 70px 0 20px 70px; top: 70px }
.btn-side .btn-form-subm { 
	width: 170px !important; height: 43px !important; 
	background: url(../i/btn_send.gif) no-repeat !important; 
	border: none !important; 
	cursor: pointer; 
	margin: -6px 0 0 0;
	position: relative
	}
.btn-side .btn-form-subm.hover { background: url(../i/btn_send-hover.gif) no-repeat !important }
.btn-side p { width: 166px; margin: 0 0 0 4px; font: normal 14px/16px "Trebuchet MS"; padding: 7px 0; color: #82817d }
.btn-side p.warning { color: #cd2301 }
