/* Reset all */
*

{margin:0; padding:0; border: none;}


html, body 
{
width:100%; 
height:100%;  
font-family: Arial, Helvetica, sans-serif;
}


.clear
{ 
clear:both;
}

.lt_clear {clear:left; height:0px;}


/* Wrap */


#wrap 
{
width:1000px; 
margin:0 auto;
overflow: hidden;
}



/* Header */


#header 
{
wiadth:100%; 
height:192px; 
background: #fff;
}



/* Logo */


#logo 
{
height:192px; 
width:206px; 
float:left;
}


#logo a 
{
outline:none;
}



/*Nav*/

#nav 
{
float:left; 
margin:40px 0 0 45px;
}

div.headertext{width:400px; font-size:93%; height:100px; margin-left:25px;}

#nav ul

{ 
list-style:none;
}


#nav ul li
{ 
display:inline; 
float:left; 
font-size:18px; 
color:#000000;
}


#nav ul li a 
{
text-decoration:none; 
padding-left:25px; 
color:#000; 
font-weight:bold;  
outline:none;}


#nav ul li a:hover

{ 
color:#de001a;
}


#nav ul li a.active
{
color:#de001a;
}


#nav ul li a.selected{color:red; text-decoration:underline; cursor:default;}
/*#nav ul li a:visited{color:#000;}*/

/* right-header*/
#right-header { height:192px; float:right;}
#right-header div.phon {background:url(../images/phon.jpg) no-repeat top left; margin-top:32px;}
#right-header div.phon h2 {font-size:120%; color:#de001a; padding:2px 0 12px 50px; font-weight:normal;}
#right-header div.masenger { background:url(../images/clouds.jpg) no-repeat top left; padding-top:8px; padding-left:55px;}
#right-header div.masenger a{ text-decoration:none; font-size:18px; color:#de001a; border-bottom: 1px dotted #de001a; letter-spacing:0.02em;}

/*search*/
#search {margin-left:10px; margin-top:38px;}
#search #searchfield {border:1px solid #de001a;}
#search #searchbutton {width:55px; height:18px; border:none; text-indent:-8000px; overflow:hidden; background:url(../images/go.jpg) no-repeat bottom right; cursor:pointer; vertical-align:middle;}

/* search ul */
.sf_suggestion{ position:relative;}
.sf_suggestion ul{ position:absolute; margin:0; padding:0; background:#f7bfc6; top:0; left:0;}
.sf_suggestion li{ margin:0; padding:0; list-style:none;}
.sf_suggestion li a{ display:block; padding: 5px 0; text-indent:5px; color:#fff;}
.sf_suggestion li.selected a{ background:#de001a;}
	
/*Content*/
#content { background: url(../images/content_tbg.jpg) no-repeat top left; float: left; width: 100%;}	
#content #right a{ color:red;}
#left{width:668px; float:left;}
#left{width: 590px !!important; padding-right:0px !!important;}
#content p { font-size:93%; color:#333333; line-height:1.4; margin-bottom:1em;}
#content p  a{ color:red; font-size:100%; line-height:1.4;}
#content p  a:hover{ color:red; font-size:100%; line-height:1.4; text-decoration:none;}
#right h1.pricelist_index {margin-top:1.3em; padding: 13px 0 13px 0px; width: 330px; font-size:150%; color:#333333;}
#right ul.pricelist_index {list-style:none; width:100%;}
#right ul.pricelist_index  li {width: 330px; line-height:1.7;}
#right ul.pricelist_index  li a { font-size:87%; color:#787878;}
#right ul.pricelist_index  li a:hover { text-decoration:none;}

.question-button {width:79px; height:18px; border:none; text-indent:-8000px; overflow:hidden; background:url(../images/answer.jpg) no-repeat bottom right; cursor:pointer; vertical-align:middle;}
.answer_button {width:119px; height:18px; border:none; text-indent:-8000px; overflow:hidden; background:url(../images/question_button.jpg) no-repeat bottom right; cursor:pointer; vertical-align:middle; margin:18px 0;}

.calculator_w {width:275px; float:right;} 
.calculator_w form{width:275px; margin:10px 0; float:left;}
.calculator_w form div.form-input select {float:left;}
.calculator_w form div.form-input input {float:left;}

.calculator form{width:400px; margin:10px 0;}
.form-input {margin-bottom:1em;}
.form-input label { font-size:93%; color:#333333; line-height:1.4; margin-bottom:1em;}
.form-input select { font-size:100%; color:#333333; line-height:1.4; border: 1px solid #DE001A; width:200px; padding-left:3px; float:right;}
.form-input input {font-size:100%; color:#333333; line-height:1.4; border: 1px solid #DE001A; width:195px; float:right; padding-left:3px;}
.form-input textarea {font-size:100%; color:#333333; line-height:1.4; border: 1px solid #DE001A; width:195px; height:100px; float:right; padding-left:3px;}
.form-submit .num {width:84px; height:18px; border:none; background: url(../images/num.jpg) no-repeat top left; cursor: pointer; margin:18px 0; float:right; text-indent:-999em;}
.form-submit .zak {width:70px; height:18px; border:none; background: url(../images/zak.jpg) no-repeat top right; cursor: pointer; margin:88px 0 18px 0; float:left; text-indent:-999em;}

/*breadcrumbs*/
#left div.breadcrumbs {/*width:668px;*/ margin-top: 14px; float:left;}
#left div.breadcrumbs ul{ list-style:none; margin-left:25px; width:100%;}
#left div.breadcrumbs ul li{ display:inline; float:left; font-size:12px; color:#808080; padding:0 5px;}
#left div.breadcrumbs ul li.first{border:none;}
#left div.breadcrumbs ul li a {text-decoration: underline; color:#808080; font-weight:bold;}
#left div.breadcrumbs ul li a:hover {text-decoration: none;}

div.breadcrumbs {/*width:668px;*/ margin-top: 14px; float:left;}
div.breadcrumbs ul{ list-style:none; margin-left:25px; width:100%;}
div.breadcrumbs ul li{ display:inline; float:left; font-size:12px; color:#808080; padding:0 5px;}
div.breadcrumbs ul li.first{border:none;}
div.breadcrumbs ul li a {text-decoration: underline; color:#808080; font-weight:bold;}
div.breadcrumbs ul li a:hover {text-decoration: none;}

/*div.clear {clear: both;}*/


/*main_content*/
div.main_content {padding:10px 10px 10px 30px; float:left; width:580px;}
div.main_content .psevdoh {font-family:Arial; font-size:133%; line-height:1.15; margin-bottom:0.3em; font-style: normal; margin-top: 1em; color:#333333; font-weight:normal;}
div.main_content p { font-size:93%; color:#333333; line-height:1.55; margin-bottom:1em;}
div.main_content p  a{ color:red; font-size:100%; line-height:1.55;}
div.main_content p  a:hover{ color:red; font-size:100%; line-height:1.55; text-decoration:none;}
div.main_content h1 {font-family:Arial; font-size:133%; line-height:1.15; margin-bottom:0.3em; font-style: normal; margin-top: 1em; color:#333333; font-weight:normal;}
div.main_content h2 {font-size:110%; margin-bottom:0.5em;  margin-top: 1em; padding: 0 0 0 20px; font-weight:normal; color:#333333;}
div.main_content h2.slider{font-size:110%; margin-bottom:0.5em;  margin-top: 1em; padding: 0 0 0 20px; font-weight:normal; background: url(../images/up.jpg) no-repeat left center;  color:#333333; cursor:pointer;}
div.main_content h2.slider a{font-size:100%; color:#333333; text-decoration:none; border-bottom:dashed 1px #333333;}
div.main_content h2.active {background: url(../images/down.jpg) no-repeat left center; color:#de001a;}
div.main_content div.slider_content { overflow:hidden; width:100%; clear: both; padding-left:20px;}
div.main_content div.slider_content h4{ width:100%; color:#333333; font-size:93%; margin:1em 0;}
div.main_content ul {list-style-image: url(../images/main_content_li.jpg); margin-left: 25px; font-size:93%; list-style-position:outside;}
div.main_content ul li {padding-bottom:0.3em; padding-left:0.1em; list-style-type:none;}
div.main_content ul li a {font-size:133%; text-decoration:underline; font-weight: normal; color:#333333;}
div.main_content ul li a:hover {text-decoration:none; font-weight:normal; color:#333333;}
div.main_content ul.normal {list-style: disc; font-size:93%; line-height:1.55;  padding-left:0.5em;}
div.main_content ul.normal li {padding-bottom:0.3em; text-indent:0; list-style: disc; padding-left:0em; color:#999;}
div.main_content ul.normal li a {font-size:100%; color:red;}
div.main_content ul.normal li a:hover {font-size:100%; color:red; text-decoration:none;}
div.main_content ul.normal li span {font-size:93%; color:#333333;}

div.main_content ul.sitemap {list-style: none; font-size:95%; line-height:1.55;  padding-left:0.5em;}
div.main_content ul.sitemap li { list-style: circle; padding-bottom:0.3em; text-indent:0; padding-left:0em; color:#333;}
div.main_content ul.sitemap li ul {list-style:disc; font-size:100%;}
div.main_content ul.sitemap li ul li{list-style:disc; font-size:100%;}
div.main_content ul.sitemap li ul li a{font-size:100%;}
div.main_content ul.sitemap li a {font-size:100%; color:#333333; font-weight:normal;}



div.main_content div.short_text {border-bottom: 1px dashed #CCC; margin-bottom:2em; margin-top:0em; padding:0.5em 0 0 0; text-indent:0;}
div.main_content div.short_text a {color: #de001a;} 
div.main_content div.short_text a:hover {color:#f7bfc6;}
div.main_content div.short_text ul.normal li span {font-size:100%; color:#333333;}

/*glossary*/
h3.pricelist_index {margin-top:1.3em; padding: 13px 0 13px 0px; width: 330px; font-size:150%; color:#333333;}
div.letters_nav{margin-bottom:5px;}
div.letters_nav a {float: left; font-weight: bold; width: 23px; height: 24px; background:url(../images/letter_no.jpg) left top no-repeat; text-align: center; text-decoration: none; margin-right: 5px; font-size: 12px; line-height: 23px; padding-top: 0px; padding-left: 1px; cursor: pointer; display: block; font-family: Arial; color:#DE001A;} 
div.letters_nav a:hover {background:url(../images/letter_hover.jpg) left top no-repeat; color:#fff;}
div.letter_opt {width:280px;}
div.letter_opt div.slider_content p {margin:5px 20px 10px 0;}
div.letter_opt h2 {font-size:130%; color:#de001a;}
div.letter_opt a {font-size:90%; display:block; padding-left:20px;}
div.letter_opt a.slider {margin-top:3px;}
div.index_gloss {float:left; width:280px; margin-left:35px;}
div.index_gloss p {padding-left:10px;}
/*TABleS tariff*/


div.main_content table.tariff_table

{ 
border: 1px 
solid #b3b3b3; 
border-collapse:collapse;
}


div.main_content table.tariff_table 

td{ 
border: 1px 
solid #b3b3b3;
border-collapse:collapse; 
padding: 10px; 
vertical-align:middle; 
text-align:center;
}


div.main_content table.tariff_table tr.tariff_table_top 

{ 
background: #de001a;
 color: white;
}


div.main_content table.tariff_table tr.tariff_table_top td 

{
border: 1px solid #b3b3b3;
}



#right{width:330px; float:right; padding:0px; margin:0px; font-size:100%;/*letter-spacing: 0.02em;*/}
#right p {font-size: 93%;}
#right h1 {font-family:Arial; font-size:133%; font-style: normal; color:#333333; font-weight:normal; padding-bottom:10px; color:#333333;}
#right h1.pricelist {margin-top:1.3em; padding: 13px 0 13px 50px; width: 330px; background:url(../images/right_shadow.jpg) no-repeat bottom center;  font-size:150%; color:#333333;}
#right ul.pricelist {list-style:none; width:100%;}
#right ul.pricelist  li {width: 300px; background:url(../images/right_shadow.jpg) no-repeat bottom center; padding: 13px 0 13px 50px;}
#right ul.pricelist  li a { font-size:87%; color:#787878;}
#right ul.pricelist  li a:hover { text-decoration:none;}

/*Services*/
.services { height:70px; background:url(../images/services_bd.jpg);}
.services ul {list-style:none;}
.services ul li{ float:left; font-size:12px; font-weight: bold; height:70px; width:200px; background:url(../images/li_shadow.jpg) no-repeat center left; }
.services ul li.first{ background:none; }
.services ul li a{color:#fff; display:block; padding: 20px 20px 0 53px; text-decoration:none; outline:none;}
.services ul li a:hover{ text-decoration:underline;}
.services ul li a.selected {color:#fff; display:block; padding: 20px 20px 0 53px; text-decoration:underline; cursor:default;}
.services_shadow {width:100%; height:9px; background:url(../images/services_shadow.jpg) repeat-x top left;}

/*Footer*/
.footer {width:100%; padding-top: 12px; padding-bottom: 2em; float:left;}
.footer div.footer_menu {width:700px; float:left; height:28px;}
.footer div.counters {float:right;}
.footer ul{ list-style:none; margin-left:45px; margin-top: 5px; width:1000px;}
.footer ul li{ display:inline; float:left; font-size:12px; color:#000; border-left:1px solid #000;}
.footer ul li.first{border:none;}
.footer ul li a {text-decoration: underline; padding:0 5px; color:#000; font-weight:bold;}
.footer ul li a:hover {text-decoration: none;}
.footer ul li a.selected{color:red; text-decoration:underline; cursor:default;}

.footer_shadow {width: 100%; heigth:12px;; background:url(../images/footer_shadow.jpg) no-repeat bottom center; margin-bottom:12px;}
.footer div.left {width:50%; float:left;}
.footer div.left p,a{color:#808080; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.footer div.right {width:209px; float:right; background:url(../images/riot_logo.jpg) no-repeat top right; padding-top: 13px;}
.footer div.right a{color:#808080; font-family:Arial, Helvetica, sans-serif; font-size:12px;}