body{
    padding: 0;margin: 0;background: #f2f2f2;/*font-family: 'Century Gothic';*/font-family: Verdana;font-size: 14px;}
img{
    border: none;}
ul{
    margin: 0;padding: 0;}
li{
    padding: 0;margin: 0;}            
small{
font-size:6pt;
}
    
#all{
    width: 1000px;margin: 0 auto;}
#main{
    float: left;width: 1000px;}

/*###  HEADER ###*/ 
#header li {
list-style: none;
}         
#header{
    float: left;width: 1000px;padding-top: 8px;height: 90px;}
#logo{
    float: left;width: 131px;height: 73px;margin-left: 20px;}
#top_menu{
    float: left;width: 849px;text-align: right;}
#top_menu ul{
    float: right;height: 14px;} 
#top_menu ul li{
    float: left;height: 14px;margin: 0 4px 0 10px;}
    
#expression{
    float: left;width: 580px;padding: 10px 0 0 30px;}
#expression1{
    font-weight: bold;font-size: 15px;}        

#form{
    margin: 0;padding: 0;}    
#form_login{
    float: right;margin: 15px 0 0 0;}
#form_login #login{ 
    border: 1px solid #0093dd;height: 15px;width: 70px;margin: 0 12px 5px 0;padding: 3px 0;}
#form_login #pass{ 
    border: 1px solid #0093dd;height: 15px;width: 70px;padding: 3px 0;margin: 0 0 5px 0;} 
#form_login #button{ 
    border: none;background: url('../images/button.jpg') center no-repeat;width: 41px;height: 17px;font-size: 8px;line-height: 17px;} 
#form_login #forgot{
    }
#form_login #forgot a{
    color: #0093dd;font-size: 10px;} 
#form_login #reg{
    margin-right: 12px;}
#form_login #reg a{
    color: #dd127b;font-size: 10px;font-weight: bold;}

/*###  MENU ###*/
#menu li {
list-style: none;
}  
#menu{
    float: left;width: 1000px;height: 29px;font-size: 16px;margin-bottom: 10px;}
#menu a{ 
    color: black;text-decoration: none;display: block;}    
#menu ul{
    float: left;width: 1000px;height: 29px;}
#menu ul li{
    float: left;height: 29px;text-align: center;line-height: 29px;}

.but1{
    background: url('../images/green_but.png') center no-repeat;/*font-weight: bold;font-size: 15px;*/width:169px;}    
/*.but1:hover{
    background: url('../images/green_but_hover.png') center no-repeat;}*/ 
.but2{
   background: url('../images/but_orange.png') center no-repeat;width:166px;}    
/*.but2:hover{
    background: url('../images/but_orange_hover.png') center no-repeat;}*/
.but3{
   background: url('../images/but_blue.png') center no-repeat;width:164px;}    
/*.but3:hover{
    background: url('../images/but_blue_hover.png') center no-repeat;} */
.but4{
   background: url('../images/but_pink.png') center no-repeat;width:168px;}    
/*.but4:hover{
    background: url('../images/but_pink_hover.png') center no-repeat;}*/
.but5{
   background: url('../images/but_green2.png') center no-repeat;width:166px;}    
/*.but5:hover{
    background: url('../images/but_green2_hover.png') center no-repeat;}*/
.but6{
   background: url('../images/but_orange2.png') center no-repeat;width:167px;}    
/*.but6:hover{
    background: url('../images/but_orange2_hover.png') center no-repeat;}*/
#current{
    font-weight: bold;font-size: 16px;}                                           
                                              
/*###  CONTENT ###*/

#content{
    float: left;width: 990px;;background: url('../images/content_center.png') left top repeat-y;padding: 0 8px 0px;margin-left: -6px;}
#top_content{
    float: left;width: 1006px;margin-left: -6px;height: 13px;}
#bottom_content{
    float: left;width: 1006px;margin-left: -10px;height: 23px;}       
/*###  LEFT COL ###*/
#left_col{
    float: left;min-height: 300px;width: 790px;padding: 0 20px 0 20px;font-family: Verdana;}
#left_col h1{
    font-size: 18pt;margin: 10px 0;}
h2{
    font-size: 12pt;margin: 10px 0; color: #0093dd;}
.blue{
    color: #0093dd;}    
.blue a{
    color: #0093dd;text-decoration: none;}
#left_col h1 a{
    font-size: 18pt;font-weight: 600;text-decoration: none;} 
#left_col a:hover{
    text-decoration: none;color: #e67815;} 
#left_col a{
    text-decoration: underline;}           

/*###  RIGHT COL ###*/
#right_col li {
list-style: none;
}
#right_col{
    float: right;width: 160px;min-height: 300px;position: relative;z-index: 10;}
#right_coll ul{
    float: left;width: 160px;}
#right_coll ul li{
    float: left;width: 150px;border-bottom: 1px solid #859aa9;padding: 10px 0 5px 10px;} 
#right_coll ul li a{
    text-decoration: none;color: #0093dd;font-size: 14px;}
#right_coll ul li a:hover{
    color: #e67815;}    
#right_col span{
font-weight:bold;
}
/*###  BOTTOM ###*/ 
#bottom li {
list-style: none;
}
#bottom{
    float: left;width: 990px;}
#bottom ul{
    float: left;width: 990px;min-height: 170px;}
#bottom ul li{
    float: left;width: 190px;min-height: 170px;margin: 0 0 0 60px;}         
    
#st1{
    width: 190px;background: url('../images/pink_st_center.jpg') top center repeat-y;min-height: 170px;font-style: italic;}
#st1 .top{
    float: left;width: 190px;background: url('../images/pink_st_top.jpg') left top no-repeat;min-height: 170px;}
#st1 .bottom{
    float: left;width: 150px;background: url('../images/pink_st_bottom.jpg') left bottom no-repeat;min-height: 85px;padding: 35px 20px 50px 20px;}         
#st2 a{
color:#dc137b;
}
#st2{
    width: 190px;background: url('../images/blue_st_center.jpg') top center repeat-y;min-height: 188px;font-style: italic;}
#st2 .top{
    float: left;width: 190px;background: url('../images/blue_st_top.jpg') left top no-repeat;min-height: 188px;}
#st2 .bottom{
    float: left;width: 150px;background: url('../images/blue_st_bottom.jpg') left bottom no-repeat;min-height: 88px;padding: 30px 30px 70px 10px;}      
    
#st3{
    width: 190px;background: url('../images/orange_st_center.jpg') top center repeat-y;min-height: 184px;font-style: italic;}
#st3 .top{
    float: left;width: 190px;background: url('../images/orange_st_top.jpg') left top no-repeat;min-height: 184px;}
#st3 .bottom{
    float: left;width: 155px;background: url('../images/orange_st_bottom.jpg') left bottom no-repeat;min-height: 104px;padding: 35px 25px 45px 10px;}      
    
#st4{
    width: 190px;background: url('../images/green_st_center.jpg') top center repeat-y;min-height: 183px;font-style: italic;}
#st4 .top{
    float: left;width: 190px;background: url('../images/green_st_top.jpg') left top no-repeat;min-height: 183px;}
#st4 .bottom{
    float: left;width: 165px;background: url('../images/green_st_bottom.jpg') left bottom no-repeat;min-height: 113px;padding: 30px 15px 40px 10px;}                                     

/* FOOTER */ 
#footer li {
list-style: none;
}
#footer{
    float: left;width: 1000px;height: 51px;margin: 25px 0 0 0;}
#left_f{                                      
    color: #94a6b3;width: 300px;height: 20px;}
#right_f{
    float: right;width: 700px;height: 20px;}
#right_f ul{
    float: right;height: 20px;font-size: 14px;margin-top: -20px;}
#right_f ul li{
    float: left;height: 20px;background: url('../images/division.png') left center no-repeat;padding: 0 10px 0 13px;}    
#footer a{
    text-decoration: none;color: #0990f0;}
#footer a:hover{
    color: #e67815;}                                  
      
                   
#rounded-corner
{
	
	margin: 45px;
	background: #e8edff;
	text-align: left;
	border-collapse: collapse;
    color: #152270;
}
#rounded-corner th
{
	font-size: 14px;
	font-weight: normal;
	padding: 10px 8px;
	color: #039;
}
#rounded-corner td
{
	padding: 8px;

	border: 1px solid white;
}

#rounded-corner tbody tr:hover td
{
	background: #d0dafd;
}            
     /*============VALIDATION FORM*/
.validation_form input,.reg input,.comment input,.comment textarea
{	width:260px;
	
	}
.container_valid_pass/*контейнер для маркера длины пароля*/
{ background:#000;
  width:290px;

  border:1px solid #fff;
  display:block;
  overflow:hidden;
 
  }

.validPassMarker /*маркер длины пароля*/
{
   padding:1px 4px;
  width:290px;
  margin-left:-300px;
  display:block;
height:10px;
  font-size:10px;

}
.valid_after /*поле для подсказки*/
{
	width:290px;
margin-top:1px;
margin-left:10px;
 float:right;
}
.valid_message  /*сообщение об успешной проверке*/
{width:290px;
background:#D1FF8C;
color: #5F9D00;
padding:2px 0;
border:1px solid #5F9D00;
font-size:10px;
text-align:center;

}
.invalid_message /*сообщение об ошибке при проверке*/
{width:290px;
background:#FA6BA1;
color:#000;
padding:2px 0;
border:1px solid #CE4A7D;
font-size:12px;
text-align:center;

}

input.value_Null /*Цвет значения valNull*/
{color:#828282;}

input.value /*Цвет при наборе*/
{color:#222231}

input.value_true /*Цвет при успешной проверке*/
{color:#567A33}

input.value_false /*Цвет при ошибке при проверке*/
{color:#FA5894}

.important_marker /*Стиль для маркера полей, обязательных для заполнения*/
{color:#FFAEF1;
	font-size:9px;}
/*============================*/
hr{
color: #fff; background-color: #fff; border: 1px dotted #e68200; border-style: none none dotted; }

.bl2 {border: 1px solid #e68200; background:url(http://www.webcredible.co.uk/i/bl2.gif) 0 100% no-repeat; width:15em; text-align:center}
.bl {background:url(http://www.webcredible.co.uk/i/bl2.gif) 0 100% no-repeat; width:15em; text-align:center}
.br {background:url(http://www.webcredible.co.uk/i/br2.gif) 100% 100% no-repeat}
.tl {background:url(http://www.webcredible.co.uk/i/tl2.gif) 0 0 no-repeat}
.tr {background:url(http://www.webcredible.co.uk/i/tr2.gif) 100% 0 no-repeat; padding:10px}
.tr2 {background:url(http://www.webcredible.co.uk/i/tr2.gif) 100% 0 no-repeat}
.t {background:url(http://www.webcredible.co.uk/i/dot2.gif) 0 0 repeat-x; width:15em}
.b {background:url(http://www.webcredible.co.uk/i/dot2.gif) 0 100% repeat-x}
.l {background:url(http://www.webcredible.co.uk/i/dot2.gif) 0 0 repeat-y}
.r {background:url(http://www.webcredible.co.uk/i/dot2.gif) 100% 0 repeat-y}

.arrowlistmenu{
width: 160px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font-size: 14px;
color: #0053dd;
font-weight:bold;
border-bottom: 1px solid #dadada;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/

padding: 4px 0 4px 10px; /*header text is indented 10px*/

cursor: pointer;
}
.menuheader:hover{ /*CSS class for menu headers in general (expanding or not!)*/
color: #FF6614;
border-bottom: 1px solid #dadada;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/

padding: 4px 0 4px 10px; /*header text is indented 10px*/

cursor: pointer;
}
.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(../images/titlebar-active.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{

background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-family: Verdana;
border-bottom: 1px solid #dadada;
font-size: 90%;
}
/*
.arrowlistmenu ul li a:visited{
color: #FF6614;
}
*/
.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}
/* caption styling */

.caption-top, .caption-bottom {
	color: #ffffff;	
	padding: 1.2em;	
	font-weight: bold;
	font-size: 13px;	
	font-family: arial;	
	cursor: default;
	border: 0px solid #334143;
	background: #000000;

}
.caption-top {
   border-width: 0px 0px 8px 0px;
}
.caption-bottom {
   border-width: 8px 0px 0px 0px;
}
.caption a, .caption a {
	border: 0 none;
	text-decoration: none;
	background: #000000;
	padding: 0.3em;
}
.caption a:hover, .caption a:hover {
	background: #202020;
}
.caption-wrapper {
	float: left;
}
br.c { clear: both; }

.thumb{
border:1px solid #dadada;
text-align:center;
}
.thumb img{
max-width:380px;
}
.gall_button{
margin-left:-6px;
}

#tooltip {
position: absolute;
z-index: 10;
border: 1px solid #dadada;
background-color: #F3F3F3;
font-size: 10pt;
color: #000;
padding:5px 10px 5px 10px;
}
.menuheader2{ /*CSS class for menu headers in general (expanding or not!)*/
font-size: 14px;
width: 100%;
color: #0053dd;
font-weight:bold;
border-bottom: 1px solid #dadada;
margin-top: 18px; /*bottom spacing between header and rest of content*/
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: pointer;
text-decoration:none;

}
.menuheader2:hover{ /*CSS class for menu headers in general (expanding or not!)*/
color: #FF6614;
border-bottom: 1px solid #dadada;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: pointer;
}
.info{
margin-top:20px;
padding:5px;
font-size:10pt;
border:1px solid #dadada;
}.info a{
border-bottom: 1px solid #dadada;
text-decoration:none;
}
.com {
border: dotted #666 1px;
border-left:solid #ff5a00 5px;
margin:10px 40px;
padding:15px;

font-size:14px;
background:#fcfcfc;
}
.buttons a{
text-decoration:none;
}


#slider							{ background: white ;  height: 277px; overflow: hidden;
								  position: relative;  }
								  
                                /* DEFAULT is for three panels in width, adjust as needed
                                   This only matters if JS is OFF, otherwise JS sets this. */								  
#mover							{ width: 2880px; position: relative; }

.slide							{ padding: 0px 20px; width: 900px; float: left; position: relative; }
.slide h1						{ font-family: Helvetica, Sans-Serif; font-size: 30px; letter-spacing: -1px;
								  color: #ac0000; }
.slide p						{ color: #545454; font-size: 12px; line-height: 22px; width: 300px; }
.slide img						{ position: absolute; top: 20px; left: 400px; }
#slider-stopper					{ position: absolute; top: 1px; right: 20px; background: #ac0000; color: white;
								  padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; }