/* -------------------- reset defaults -------------------- */
* { margin: 0; padding: 0; }
html, body, div, span, fieldset, h1, h2, h3, h4, h5, h6, p, a, em, img, strong, sub, sup, strong, em, ins, dl, dt, dd, ol, ul, li, form, label, table, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; border-width: 0; outline: 0; vertical-align: baseline; background: transparent; }
html, body { width: 100%; height: 100%; }
body { font: 11px/14px 'Verdana', sans-serif; color: #585b6d; background-color: #585b6d; text-align: left; }

table { border-collapse: collapse; border-spacing: 0; border-width: 0; }
caption, td, th { vertical-align: top; }

dl, ul, ol { margin: 0; padding: 0; list-style: none; }
li { margin: 0; padding: 0; }

img { border: 0; border-width: 0; vertical-align: top; }

input, button { overflow: visible; }
input, button, select { vertical-align: middle; }
select { height: 18px; font: 11px/18px 'Verdana'; color: #585b6d; border: 1px solid; border-color: #7c7c7c #c3c3c3 #ddd; overflow: hidden; }
option { font: 11px/18px 'Verdana'; color: #585b6d; }
textarea { vertical-align: top; padding: 1px; border: 1px solid; border-color: #7c7c7c #c3c3c3 #ddd; overflow: auto; font: 11px/14px 'Verdana'; color: #000; }
input.radio { width: 15px; height: 15px; }
input.file { width: 100%; height: 18px; border: 1px solid; border-color: #7c7c7c #c3c3c3 #ddd; overflow: hidden; font: 11px/14px 'Verdana'; color: #000; }
input.text { height: 14px; padding: 1px; border: 1px solid; border-color: #7c7c7c #c3c3c3 #ddd; overflow: hidden; font: 11px/14px 'Verdana'; color: #000; }
input.submit { overflow: hidden; padding: 1px 4px; font: 11px/14px 'Verdana'; color: #000; }
label .checkbox, label .radio { top: -1px; position: relative; }

a { color: #39f; text-decoration: none; }
a:hover, a:active { color: #369; }

/* ----- global ----- */
small { font: 10px/12px 'Verdana' !important; }
sup { vertical-align: top; font-size: 10px; top: -2px; position: relative; }
ins { text-decoration: underline; }
del { text-decoration: line-through; }
strong { font-weight: bold; color: #369; }
strong.dgray { color: #585b6d !important; }
em { font-style: italic; }
i { font-style: normal; }
h1 { font: 14px/1.2em 'Verdana'; color: #369; }
h2 { font: bold 11px/1.2em 'Verdana'; color: #369; }
h3 { font: bold 10px/1.2em 'Verdana'; color: #369; }

/* ----- megapublic ----- */
.cl { clear: both; height: 0; visibility: hidden; overflow: hidden; }
.clf:after { content: ""; display: block; clear: both; visibility: hidden; height: 0; overflow: hidden; }
.nobg { background: none !important; }
.nobd { border: 0 !important; }
.nom { margin: 0 !important; }
.nop { padding: 0 !important; }

/* -------------------- MAIN -------------------- */
.page { min-width: 996px; max-width: 1090px; margin: 0 auto; overflow: hidden; position: relative; z-index: 1; }
.p-wrp { padding: 0 2%; position: relative; z-index: 5;}

/* -------------------- BOX -------------------- */
.box { min-height: 384px; padding: 18px; position: relative; }
.nomh { min-height: 0; }
.white { background-color: #fff; border-bottom: 1px solid #585b6d; }
.gray { min-height: 0; padding: 12px 16px; background: #efeff5 url(../images/box-gray.gif) 100% 0 no-repeat; }
.index-page .box { min-height: 0; padding: 12px; }
.index-page { line-height: 12px; }

.tal { text-align: left !important; }
.tar { text-align: right !important; }
.tac { text-align: center !important; }
.imgl { float: left; margin: 0 14px 10px 0; }
.imgr { float: right; margin: 0 0 10px 14px; }

/* -------------------- MAIN -------------------- */
.req { font-size: 11px !important; color: #d66200 !important; }
.graybg { padding: 8px 12px; color: #000; background-color: #efeff5; }
.price { color: #d66200 !important; }
.interaction { padding-right: 10px; }
.red { color: #d30000 !important; }
.remove { color: #cc0b1a !important; }
.orange { color: #d66200 !important; }
.l { float: left !important; }
.r { float: right !important; }

/* ----- margins ----- */
.m21 { margin: 20px 0 10px !important; }
.m12 { margin: 10px 0 20px !important; }
.mv05 { margin: 5px 0 !important; }
.mv1 { margin: 10px 0 !important; }
.mv2 { margin: 20px 0 !important; }
.m- { margin: 0 !important; }
.m0 { margin-bottom: 0 !important; }
.m025 { margin-bottom: 2px !important; }
.m05 { margin-bottom: 5px !important; }
.m1 { margin-bottom: 10px !important; }
.m2 { margin-bottom: 20px !important; }

/* -------------------- SHADOW-BACKGROUNDS -------------------- */
.shbg { margin: 2px 0 0 2px; position: relative; }
.shbg.c586 { background-color: #585b6d; } 
.shbg.c999 { background-color: #999; } 
.shbg .wrp { left: -2px; top: -2px; position: relative; }
.shbg.forright { top: 2px; margin-top: -2px; }
.shbg.forright .wrp { top: -2px; margin-top: 2px; }

/* -------------------- SEPARATION -------------------- */
.hsep { width: 100%; height: 1px; margin: 10px 0; clear: both; overflow: hidden; background: url(../images/hsep.gif) 0 0 repeat-x; position: relative; }
.hsep2 { width: 100%; height: 1px; margin: 10px 0; clear: both; overflow: hidden; background-color: #585b6d; position: relative; }
.hsep-wrp { padding-top: 1px; background: url(../images/hsep.gif) 0 0 repeat-x; }
.vsep { background: url(../images/vsep.gif) 0 0 repeat-y; }
.vsep-wrp { padding-left: 1px; background: url(../images/vsep.gif) 0 0 repeat-y; }
.savsep { float: left; width: 1px; height: 16px; margin: 2px 10px 0; background: url(../images/vsep.gif) 0 0 repeat-y; position: relative; }

/* -------------------- BUTTON -------------------- */
.button { display: inline-block; margin: 2px 0 0 2px; background-color: #999; position: relative; }
.button span { display: block; left: -2px; top: -2px; padding: 0 10px; height: 14px; font: 10px/14px 'Verdana'; text-align: center; cursor: pointer; background-color: #fff; border: 1px solid #e9e9f2 !important; position: relative; }
.button i { display: block; overflow: hidden; position: absolute; background: url(../images/b-arrows.gif) 0 0 no-repeat; }
.button.active { cursor: default !important; }
.button.active span { cursor: default !important; }
/* ----- blue ----- */
.b-blue span { background-color: #39f; color: #fff !important; }
.b-blue:hover span { background-color: #369; }
/* ----- white ----- */
.b-white span { background-color: #fff; color: #39f; }
.b-white.b-active { background-color: #369; color: #fff; }
.b-white:hover span { background-color: #369; color: #fff; }
/* ----- with arrow----- */
.w-larr span { padding-left: 18px; }
.w-rarr span { padding-right: 18px; }
.w-larr i, .w-rarr i { width: 5px; height: 10px; }
.w-larr i { left: 7px; top: 3px; }
.w-rarr i { right: 7px; top: 3px; }
/* ----- with arrow----- */
.b-blue .larr { background-position: 0 0px; }
.b-blue .rarr { background-position: 0 -10px; }
/* ----- with arrow----- */
.b-white .larr { background-position: 0 -20px; }
.b-white:hover .larr { background-position: 0 0px; }
.b-white .rarr { background-position: 0 -30px; }
.b-white:hover .rarr { background-position: 0 -10px; }
/* ----- find----- */
.b-find span { padding-right: 40px; }
/* ----- with close----- */
.b-close span { padding-right: 18px; }
.b-close .i-close { right: 7px; top: 4px; width: 7px; height: 7px; background-position: 0 -60px; }
.b-close:hover .i-close { background-position: 0 -67px; }
/* ----- with currency----- */
.b-curr { margin-left: 3px; margin-right: 3px; }
.b-curr span { padding: 0 4px; }
.b-curr.active span { background-color: #369; color: #fff; }
/* ----- with currency----- */
.b-page { float: left; margin-right: 6px; }
.b-page span { padding: 0 8px; }
.b-page.active span { background-color: #369; color: #fff; }
/* ----- order----- */
.b-order span { height: 24px; font: 14px/22px 'Verdana'; }
/* ----- just arrow----- */
.j-arr span { width: 14px; padding: 0; }
.j-arr .larr { left: 4px; top: 3px; }
.j-arr .rarr { right: 3px; top: 3px; }

/* -------------------- HINT -------------------- */
.hint { display: inline-block; margin: 2px 0 0 2px; background-color: #999; cursor: default; position: relative; }
.hint i { display: inline-block; left: -2px; top: -2px; padding: 0 3px; height: 11px; font: 11px/9px 'Verdana'; color: #fff; text-align: center; border: 1px solid #e9e9f2 !important; position: relative; }
/* ----- order----- */
.h-dblue i { background-color: #369; }
/* ----- order----- */
.h-blue i { background-color: #39f; }
/* ----- order----- */
.h-gray i { background-color: #a1a3af; }
/* ----- order----- */
.h-lgray i { background-color: #efeff5; color: #585b6d; }
/* ----- order----- */
.h-white i { background-color: #fff; color: #39f; }

/* -------------------- ICONS -------------------- */
.ico { display: inline-block; }
.i-doc { padding: 4px 0 4px 25px; background: url(../images/ico-doc.gif) 0 0 no-repeat; }
.i-phone { padding-left: 25px; background: url(../images/ico-phone.gif) 0 0 no-repeat; }
.i-messages { padding: 2px 0 2px 35px; background: url(../images/ico-messages.gif) 0 0 no-repeat; }
.i-remove { padding: 1px 0 0 28px; background: url(../images/ico-remove.gif) 0 0 no-repeat; }
.i-print { padding: 3px 28px 3px 0; background: url(../images/ico-print.gif) 100% 0 no-repeat; }
.i-lprint { padding: 2px 0 4px 28px; background: url(../images/ico-print.gif) 0 0 no-repeat; }
.i-favorite { padding: 1px 0 0 27px; background: url(../images/ico-favorite.gif) 0 0 no-repeat; }
.i-plan { padding: 4px 0 4px 28px; background: url(../images/ico-plan.gif) 0 0 no-repeat; }
.i-review { padding: 3px 0 2px 28px; background: url(../images/ico-review.gif) 0 0 no-repeat; }
.i-vidupload { padding: 3px 0 4px 28px; background: url(../images/ico-vidupload.gif) 2px 0 no-repeat; }
.i-pdf { padding: 3px 0 3px 28px; background: url(../images/ico-pdf.gif) 0 0 no-repeat; }
.i-friend { padding: 3px 0 3px 28px; background: url(../images/ico-friend.gif) 2px 0 no-repeat; }
.i-booklet { padding: 4px 0 4px 28px; background: url(../images/ico-booklet.gif) 2px 0 no-repeat; }
/* ----- favorite ----- */
.count-favorite i { display: inline-block; width: 18px; height: 11px; padding: 4px 2px 2px; line-height: 10px; text-align: center; color: #39f; background: url(../images/h-favorite.gif) 0 0 no-repeat; }
.count-favorite { cursor: pointer; }
.count-favorite:hover { color: #369 !important; }

/* -------------------- TABLE-DESCRIPTION -------------------- */
.tbl-description { width: 100%; margin: 20px 0; }
.tbl-description tr { background: url(../images/hsep.gif) 0 100% repeat-x; position: relative; }
.tbl-description .hl { background-color: #efeff5; }
.tbl-description td { padding: 4px 0 5px; position: relative; }
.tbl-description .itd1 { width: 40%; font-weight: bold; color: #369; }
.tbl-description .itd2 { padding-left: 14px; text-align: right; color: #000; }
.tbl-description .itd2 .red { white-space: nowrap; }