﻿body, p, ul, ol, li, div, span, a, img, h1, h2, h3, h4, h5, h6, hr, form, table, tr, td { margin: 0; padding: 0; border: 0; }
body { background: #99b3cc url(../Images/body_bg.png) no-repeat top center; font-family: Arial, sans-serif; color: #424242; font-size: 12px; line-height: 13px; border-top: solid 1px #141312; }
a { color: #9f1110; text-decoration: none; }
a:hover { text-decoration: underline; }
p { text-align: left; line-height: 17px; margin: 0px 0px 15px 0px; }

h1, h2, h3, h4 { margin: 0 0 0.5em; line-height: 1.5em; }
h1, h2 { color: #9f1110; font-size: 25px; letter-spacing: -0.02em; }
h3, h4, h3 a, h4 a { color: #3D5974; font-size: 15px; letter-spacing: -0.5px; }

td { padding: 2px; vertical-align: top; }
td label { display: block; margin-top: 4px; }
table { border-collapse: collapse; }
input, textarea, input[disabled] { background-color: #ffffff; color: #424242; border: 1px solid #3F5C78; padding: 2px; font-family: "Arial CE" , Arial, Helvetica, sans-serif; font-size: 12px; }

/***********************************************************/
/* LAYOUT */
#page { width: 990px; margin: 0 auto; position: relative; }

#header { position: relative; overflow: auto; }
#logo { position: absolute; background: url(../Images/home_logo.png) no-repeat 0 0; width: 383px; height: 60px; left: 60px; top: 35px; }
#logo h1 { text-indent: -99999px; }
#logo a { text-indent: -99999px; display: block; width: 100%; height: 100%; outline-style: none; }

/***********************************************************/
/* MENU */
ul#menu { list-style: none; margin-top: 125px; width: 100%; height: 43px; background: url(../Images/menu_bg.png) no-repeat 0 0; }
ul#menu li a { display: block; float: left; height: 43px; background-image: url(../Images/menu_sprite.png); text-indent: -99999px; outline-style: none; }
ul#menu li a.home { width: 148px; background-position: 0 0; }
ul#menu li a.offer { width: 146px; background-position: -148px 0; }
ul#menu li a.activation { width: 154px; background-position: -294px 0; }
ul#menu li a.services { width: 175px; background-position: -448px 0; }
ul#menu li a.about { width: 140px; background-position: -623px 0; }
ul#menu li a.contact { width: 110px; background-position: -761px 0; }
ul#menu li a.home:hover, ul#menu li.current a.home { width: 148px; background-position: 0 -43px; }
ul#menu li a.offer:hover, ul#menu li.current a.offer { width: 146px; background-position: -148px -43px; }
ul#menu li a.activation:hover, ul#menu li.current a.activation { width: 154px; background-position: -294px -43px; }
ul#menu li a.services:hover, ul#menu li.current a.services { width: 175px; background-position: -448px -43px; }
ul#menu li a.about:hover, ul#menu li.current a.about { width: 140px; background-position: -623px -43px; }
ul#menu li a.contact:hover, ul#menu li.current a.contact { width: 110px; background-position: -761px -43px; }

ul#menu li.current a.home { width: 148px; background-position: 0 -86px; }
ul#menu li.current a.offer { width: 146px; background-position: -148px -86px; }
ul#menu li.current a.activation { width: 154px; background-position: -294px -86px; }
ul#menu li.current a.services { width: 175px; background-position: -448px -86px; }
ul#menu li.current a.about { width: 140px; background-position: -623px -86px; }
ul#menu li.current a.contact { width: 110px; background-position: -761px -86px; }



/***********************************************************/
/* BUTTON */
a.button { display: block; background: transparent url(../Images/button_right.png) no-repeat scroll top right; height: 26px; padding-right: 12px; }
a.button span { display: block; background: transparent url(../Images/button_left.png) no-repeat; line-height: 26px; padding: 0 3px 0 15px; }
a.button:hover span { text-decoration: underline; }

/***********************************************************/
/* CONTENT */

#content { border: 1px solid #a3a09e; border-top: 0; margin-bottom: 20px; }
#content_inside { border: 1px solid #ffffff; border-top: 0; background: #ffffff url(../Images/block_bg.png) repeat-x; }
#content_main { float: left; width: 680px; margin: 30px; }
#content_main h1 { margin-bottom: 0.6em; }
#content_main h2 { font-size: 20px; }
#content_sidebar { float: right; width: 195px; background: url(../Images/sidebar_border.png) repeat-y left top; margin: 30px 20px 30px 10px; padding-left: 20px; }
#content_sidebar h3 { color: #9f1110; font-size: 20px; }
#content_sidebar ul, .list ul, ul.list, ol { list-style: none; margin-bottom: 20px; }
ol.order { font-size: 1.2em; }
#content_sidebar ul li, .list ul li, ul.list li { line-height: 20px; padding-left: 12px; background: url(../Images/ico_arrow.gif) no-repeat left 8px; }
ol.order li, ol li { line-height: 20px; padding-left: 12px; }
ol li span { color: #9f1110; font-weight: bold; }
ol li ul { padding-left: 10px; margin-bottom: 0 !important; }
ul.imagelist { line-height: 1.8em; padding-left: 20px; list-style: none; margin-bottom: 1em; }
ul.imagelist li { padding-left: 23px; background-position: left center; background-repeat: no-repeat; }
ul.imagelist li.price { background-image: url(../Images/ico_price.gif); }
ul.imagelist li.available { background-image: url(../Images/ico_available.gif); }
.sidebar_box { margin-bottom: 15px; border-bottom: 1px solid #E8E8E8; }

#poll p.answer { margin-bottom: 8px; }
#poll span { display: block; font-size: 0.9em; color: #9F1110; position: relative; text-align: right; width: 10px; }
#poll img { position: absolute; left: 25px; top: 5px; }
#poll a { color: #424242; }
#recommended p { text-align: left; }

.box_outside h2 { display: block; background: url(../Images/block_header_right.png) no-repeat scroll top right; margin: 0; height: 43px; padding-right: 6px; font-size: 22px; }
.box_outside h2 span { display: block; background: url(../Images/block_header_left.png) no-repeat; line-height: 43px; padding: 7px 3px 0 25px; }
.box_middle { border: 1px solid #a3a09e; border-top: 0; }
.box_inside { background: #ffffff url(../Images/block_bg.png) repeat-x; border: 1px solid #ffffff; border-top: 0; padding: 20px; }
.box_inside p { margin-bottom: 0.5em; }

.coin_box { margin-bottom: 20px; }
.coin_desc { float: right; width: 310px; margin-left: 20px; }
.coin_desc_two { float: right; width: 428px; margin-left: 20px; }
.coin_img { float: left; width: 110px; }
.coin_img_two { float: left; width: 232px; }
.coin_img_two img { margin-right: 8px; border: solid 1px #F8F8F8; float: left; }
.coin_detail_image { margin: 15px; }

#preview { position: absolute; border: 1px solid #cccccc; padding: 5px; display: none; background: #FFFFFF url(../Images/loading.gif) no-repeat center center; min-height: 20px; min-width: 20px; z-index: 100; }

ul.pagination { clear: both; border-top: solid 1px #E8E8E8; text-align: center; list-style: none; padding: 20px 0 0 0; margin: 20px 0 0 0; }
ul.pagination li { background: none; margin: 0 0.3em; display: inline; }
ul.pagination a { padding: 3px 6px; border: 1px solid #E8E8E8; text-decoration: none; }
ul.pagination a:hover { text-decoration: underline; }
ul.pagination span { color: #424242; padding: 3px 6px; border: 1px solid #E8E8E8; }

/***********************************************************/
/* FOOTER */
#footer { clear: both; margin-top: 20px; color: white; background: #3b3936 url(../Images/footer_bg.png) repeat-x center top; padding-top: 50px; }
#footer_inside { position: relative; background: url(../Images/footer_inner_bg.png) no-repeat left 38px; padding: 50px 100px 20px 380px; width: 530px; margin: 0 auto; }
#footer_inside * { font-size: 11px !important; }
#footer_inside ul { list-style: none; }
#footer_inside ul li { display: inline; padding: 0 5px; border-left: solid 1px #ffffff; }
#footer_inside ul li.first { border: 0; }
#footer_inside p { padding: 5px 0 0 10px; }
#footer_inside a { color: #ffffff; }
#footer_inside ul li a { margin: 0 5px; }
#footer_inside a:hover { color: #ffffff; }
#footer_inside .geobox { position: absolute; right: 0px; top: -50px; width: 123px; height: 81px; background: url(../Images/footer_geobox.png) no-repeat 0 0; z-index: 100; }
#footer_inside .geokes_cz { position: absolute; left: 180px; top: 32px; width: 185px; height: 55px; z-index: 100; text-indent: -99999px; }

/***********************************************************/
/* OTHERS */

.border, table.border td, table.noborder td { padding: 3px; }
.border, table.border td { border: solid 1px #E8E8E8; }
table.border td, table.noborder td { vertical-align: middle; }

table tr.dark { background-color: #F2F2F2; }

.hide { display: none; }
.hr { width: 100%; margin: 10px 0; height: 0; border-top: 1px solid #E8E8E8; }
.right { float: right; }
.left { float: left; }
.clear { clear: both; }
.small { font-size: 11px; }
.w40p { width: 39%; }
.w50p { width: 49%; }
.w60p { width: 59%; }
.w100p { width: 100%; }
.w30 { width: 30px; }
.w60 { width: 60px; }
.w130 { width: 130px; }
.w270 { width: 270px; }
.w300 { width: 300px; }
.w350 { width: 350px; }
.strong { font-weight: bolder; }
.margin_top { margin-top: 15px; }
.margin_bottom { margin-bottom: 15px; }
.margin_left { margin-left: 15px; }
.margin_right { margin-right: 15px; }
.text_left { text-align: left; }
.text_right { text-align: right; }
.highlight { color: #9f1110; }
.vmiddle { vertical-align: middle; }
div.error, div.info { padding: 10px; margin: 15px 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
div.error { border: solid 1px #9F1110; background-color: #fef7f7; color: #9F1110; }
div.info { border: solid 1px #2b435a; background-color: #ecf6ff; color: #2b435a; }

