body { background-color: #ffffff; font-family: 'Century Gothic', 'Arial'; font-size: 18px; margin: 0px; padding: 0px; }
table {  font-family: 'Century Gothic', 'Arial'; font-size: 18px; }
label { cursor: pointer; }
div.center { width: 980px; margin: 0px auto; overflow: hidden; }
div.nav_chain { font-size: 14px; width: 980px; margin: 15px auto; overflow: hidden; }

div.corner { width: 100%; height: 60px; margin: 0px; background: #333333; }
div.top { width: 100%; height: 21px; margin: 0px; background: #e5e5e5; }
div.top a {  text-transform: uppercase; color: black; font-size: 12px; }
div.main { width: 100%; }
div.gray { width: 100%; background: #b2b2b2; text-transform: none; }
div.gray a { text-decoration: none; border-bottom: 1px solid black; color: black; font-style: italic; }
div.gray a:hover { color: white; border-bottom: 1px solid white; }
div.gray table td { vertical-align: top; text-transform: none; }

div.line { width: 100%; background: url('/imgs/back_line.gif') repeat; text-transform: none; }

div.logo { float: left; margin-top: 3px; }
div.top_menu { float: right; font-size: 14px; height: 40px; margin: 22px 0px; width: 600px; vertical-align: middle; }
div.top_menu a, div.bottom_menu a { text-transform: uppercase; color: white; text-decoration: none; padding: 0px 7px; }
div.top_menu a:hover, div.bottom_menu a:hover { text-decoration: underline; }
div.top_menu a.sel, div.bottom_menu a.sel { color: #f2642b; text-decoration: underline; }

div.phone_top { float: right; color: #ffffff; font-size: 24px; margin: 15px 0px; }

div.recycle { cursor: pointer; float: right; font-weight: bold; color: white; font-size: 14px; text-transform: uppercase; height: 20px; background: #00b41e; padding: 1px 5px 0px; }
div.recycle a { color: white; text-transform: none; font-weight: normal; text-decoration: none; border-bottom: 1px solid white; }

div.left { float: left; }
div.right { float: right; }

h1, h2, h3, .title, .title2, .h1, .h2, .h3 { font-size: 36px; margin: 0px; font-weight: normal; text-transform: uppercase; }
.title { font-size: 31px; text-align: center; margin: 35px 0px 5px; }
.title span { color: #00d7d0; font-weight: bold; }
h2, .h2 { font-size: 24px; }
.index h2 { font-size: 30px; }
.title2 { font-size: 24px; text-align: center; margin: 3px 0px 20px; }
h3, .h3 { font-size: 18px; }
.title3 { font-size: 18px; text-align: center; margin: 3px 0px 20px; text-transform: uppercase; }

.dim_right { background: url('/imgs/dim_right.png') no-repeat; background-position: right; height: 300px; width: 330px; }
.dim_left { background: url('/imgs/dim_left.png') no-repeat; background-position: left; height: 300px; width: 330px; }

.dn { display: none; }
.gray h2 { color: white; }
.black, .blackh { color: black; }
.blackh:hover { color: white; }
.redh { color: #d70000; }
.redh:hover { color: black; }
.cyan { color: #00d7d0; }
.cyan:hover { color: #009185; }
.s { color: #808080; }
.u { text-transform: uppercase; }
.u p { text-transform: none; text-align: justify; color: #808080; font-size: 16px; }
div.float { width: 490px; text-align: center; float: left; }
div.float p { margin-right: 10px; }
.silver { background: #f2f2f2; }
.list a { text-transform: uppercase; color: black; }
.list p { color: #808080; }
.list p.price, .price { font-size: 36px; color: #11dad3; margin: 0px; }

.list td.discount { float: right; background: url('/imgs/discount_small.png') no-repeat; width: 40px; height: 40px; color: white; font-size: 14px; padding-bottom: 2px; }
.list td.discount span { font-size: 16px; }
.list td.discount_sum { font-size: 24px; text-decoration: line-through; padding-right: 10px; }

.list p.delete { text-align: center; margin: 10px 0px; }
.list p.delete span { background: url('/imgs/delete.png') no-repeat; background-position: left; padding-left: 25px; }
.list p.delete a { text-transform: none; }

.clear { clear:both; }

.types { margin-top: 20px; } 
.types td { color: #808080; font-size: 16px; padding: 0px 10px; }
.types tr.input td { padding-bottom: 10px; }
.types td.icon { cursor: pointer; background: url('/imgs/type_back.png') no-repeat; background-position: center; width: 195px; height: 100px; text-align: center; vertical-align: middle; }
.types p { font-size: 22px; font-style: italic; margin: 0px 0px 10px; color: black; }
.types input[type=radio] { font-size: 24px; height: 24px; width: 24px; }

/*.types tr:hover, .types tr.silver:hover { background: #cbf5f4; cursor: pointer; }*/

.fuzz { position:absolute; top:0; left:0; width:100%; z-index:201; background: url('/imgs/dim.png'); display:none; text-align:left; }
div.popup { position: fixed; top: 50%; left: 50%; display: none; }
* html div.popup { position: absolute; top: expression((parseInt(document.body.scrollTop, 10) + parseInt(window.innerHeight || document.documentElement.offsetHeight, 10) / 2) + "px");}
div.popup div.container { position: relative; }
table.popup_table { background: white; }
div.close_div { float: right; position: relative; font-size: 1px; }
div.close_div div.close_btn { position: absolute; top: 10px; left: -40px; font-size: 1px; background: url('/imgs/close_btn.png') no-repeat; width: 30px; height: 30px; cursor: pointer; }

.sum { font-size: 22px; }
.n24 { font-size: 24px; }
.n18, table.user_info td.n18 { font-size: 18px; }

.unselectable { -webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }

button { cursor: pointer; border: none; background: url('/imgs/button.png') no-repeat; width: 189px; height: 76px; text-align: center; font-size: 24px; text-transform: uppercase; font-weight: bold; color: white; text-shadow: -1px -1px 1px #009691; }
button:active { border: none; background: url('/imgs/button_active.png') no-repeat; width: 189px; height: 76px; text-align: center; font-size: 24px; text-transform: uppercase; font-weight: bold; color: white; text-shadow: -1px -1px 1px #006291; }

input[type=button], input[type=submit], button.button2, button.green { cursor: pointer; background: url('/imgs/button2.png') no-repeat; border: none; width: 318px; height: 46px; text-align: center; font-size: 24px; text-transform: uppercase; font-weight: bold; color: white; text-shadow: -1px -1px 1px #009691; }
input.gray { background: url('/imgs/button2_gray.png') no-repeat; text-shadow: -1px -1px 1px #a6a6a6; }
input.index { background: #ffffff; border: 1px solid #00d7d0; font-family: 'Century Gothic', 'Arial'; font-size: 18px; text-shadow: none; text-align: left; text-transform: none; font-weight: normal; height: 37px; padding: 0px 10px; color: black; width: 318px; }
button.button2 { font-size: 14px; }
button.green { font-size: 14px; background: url('/imgs/button_green.png') no-repeat; }
input[type=button]:active, input[type=submit]:active, button.button2:active { background: url('/imgs/button2_active.png') no-repeat; }
button.green:active { background: url('/imgs/button_green_active.png') no-repeat; }

table.counter { border-collapse: collapse; margin-bottom: 20px; }
table.counter td { height: 34px; border: 1px solid #b3b3b3; vertical-align: middle; text-align: center; width: 90px; font-size: 20px; }
table.counter td.minus, table.counter td.plus { cursor: pointer; width: 34px; font-size: 20px; background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(179,179,179,0.65) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(179,179,179,0.65))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(179,179,179,0.65) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(179,179,179,0.65) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(179,179,179,0.65) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(179,179,179,0.65) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6b3b3b3',GradientType=0 ); /* IE6-9 */
}
table.counter td.minus:active, table.counter td.plus:active { background: -moz-radial-gradient(center, ellipse cover,  rgba(194,194,194,0) 30%, rgba(156,156,156,1) 98%, rgba(155,155,155,1) 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(30%,rgba(194,194,194,0)), color-stop(98%,rgba(156,156,156,1)), color-stop(100%,rgba(155,155,155,1))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(194,194,194,0) 30%,rgba(156,156,156,1) 98%,rgba(155,155,155,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  rgba(194,194,194,0) 30%,rgba(156,156,156,1) 98%,rgba(155,155,155,1) 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  rgba(194,194,194,0) 30%,rgba(156,156,156,1) 98%,rgba(155,155,155,1) 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  rgba(194,194,194,0) 30%,rgba(156,156,156,1) 98%,rgba(155,155,155,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c2c2c2', endColorstr='#9b9b9b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
 }

ul.d { list-style-image: url('/imgs/li.png'); }
ul.d li { padding: 8px 0px; }

table.arrow { font-style: italic; padding-left: 30px; }
table.arrow td { width: 370px; padding-left: 100px; background: url('/imgs/arrow.gif') no-repeat; background-position: left bottom;  vertical-align: top; }
table.arrow td p { font-weight: bold; margin-left: -70px; font-size: 24px; text-transform: uppercase; font-style: normal; }
table.arrow ul { padding-left: 20px; margin: 5px 0px 15px;  }
table.arrow li { color: #808080; font-style: normal; padding: 4px 0px; }

table.photos { border-collapse: collapse; }
table.photos td { background: white; width: 326px; height: 326px; text-align: center; }
table.photos td div { width: 326px; height: 326px; display: table-cell; vertical-align: middle; cursor: pointer; }
table.photos td div table td { vertical-align: middle; }
table.photos td div.hover { display: none; vertical-align: middle; background: white; position: absolute; left: -12px; top: -12px; border: 1px solid #b2b2b2; width: 350px; height: 350px; z-index: 10; }
table.photos td:hover div.hover { display: block; }
table.photos td img { max-height: 326px; max-width: 326px; }
table.photos td div.hover img { max-height: 350px; max-width: 350px; }
table.photos td.photo0, table.photos td.photo1 { border-right: 1px solid #b2b2b2; border-bottom: 1px solid #b2b2b2; }

table.steps td { margin: 0px; vertical-align: top; padding-top: 16px; font-size: 18px; line-height: 20px; height: 79px; background: url('/imgs/step_back.png') repeat-x; }
table.steps td.active { margin: 0px; text-transform: uppercase; color: #00d7d0; }
table.steps td.done { margin: 0px; background: url('/imgs/step_back_done.png') repeat-x; }

table.steps td.step { margin: 0px; text-align: right; width: 50px; background: url('/imgs/step.png') no-repeat; }
table.steps td.step_active { margin: 0px; text-align: center; font-size: 12px; color: white; padding: 16px 0px 0px 0px; width: 50px; background: url('/imgs/step_active.png') no-repeat; }
table.steps td.step_done { margin: 0px; text-align: right; width: 50px; background: url('/imgs/step_done.png') no-repeat; }

table.user_info td { font-size: 16px; text-transform: none; }
table.user_info input[type=text], table.user_info input[type=password] { background: #ffffff; border: 1px solid #e5e5e5; font-family: 'Century Gothic', 'Arial'; font-size: 18px; text-shadow: none; text-align: left; text-transform: none; font-weight: normal; height: 38px; padding: 0px 10px; color: black; width: 360px; }
table.user_info input.dt { background-color: white; background-image: url('/imgs/calendar_icon.png'); background-repeat: no-repeat; background-position: right; }
table.user_info input.dt:disabled { color: silver; background: url('/imgs/calendar_icon_disabled.png') no-repeat; background-position: right; }
table.user_info input[type=checkbox] { font-size: 16px; height: 16px; width: 16px; }
table.user_info select { height: 38px; padding: 0px 8px; color: black; width: 360px; font-family: 'Century Gothic', 'Arial'; font-size: 18px; }

div.bottom_menu { color: white; float: right; font-size: 14px; height: 15px; margin: 12px 0px 5px; vertical-align: middle; }
div.bottom_text { color: #808080; float: right; font-size: 14px; height: 20px; margin: 0px 5px; vertical-align: middle; }