/* Layout ******************/



.special {background-color: #FFFFEE; padding: 10px 10px 10px  10px; border: 1px solid #FF6600;}

.special h2 {color: #FF6600; font-size: 13px; text-align: center; padding: 3px; background-color: FFFFEE;}


html, body{
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	position: absolute;
}

#around{
	position: relative;
	height: 100%;
}
table.layout{
	border-collapse: collapse;
	empty-cells: show;
}
table.layout td{
	padding: 0; margin: 0; font-size: 12px;
}
.w{
	width: 100%;
}
.h{
	height: 100%;
}
.relative{
	position: relative;
}
.absolute{
	position: absolute;
}
.small_height{
	font-size: 1px; line-height: 1px;
}

#main{
	position: relative;
}
#header_empty{height: 166px;}

#topNav #order{padding-left: 14px;}
#topNav #faq{padding-left: 33px;  padding-top:-15px; //padding-bottom:0px;}
#topNav #contacts{padding-left: 33px;}
#mainLink{text-align: right; padding-right: 15px;}

#marginLeft{
	width: 210px;
}
#marginRight{
	width: 20px;
}
#mainContent{
	height: auto; width: 700px; padding-left: 20px; font-size: 12px;
}
#mainContent .wrapper{vertical-align: top; text-align: justify; padding: 0 14px 16px 20px !important; margin: 0 !important; }
#radioStations, #mainContent, #additionContent{
	vertical-align: top;
}
#radioStations {
	width: 167px;
}
#additionContent {
	width: 274px;
}
#additionContent .wrapper{
	margin: 40px 10px 10px 10px;
}

h1 {font-size: 12px;}


.title{
	vertical-align: middle !important;
	background: #fff;
	line-height: 20px;
	overflow: visible;
}
#radioStations .title{
	padding: 0 0 0 23px; 
}
#mainContent .title{
	padding: 0 0 0 105px;
}
#radioStations{position: absolute; left: 23px; top: 166px;}
#radioStations ul{
	margin: 0;
	padding: 0;
	list-style-type : none;
}
#radioStations li{
	margin: 0;
	padding: 0;
}
#radioStations li a, #radioStations li div{
	display: block;
	margin: 1px 0 0px 0;
	padding: 1px 0 1px 23px;
	/*height: 15px;*/
	/*line-height: 15px !important;*/
	
	vertical-align: baseline !important;
}






/* Fonts *******************/
body{font-family: Verdana, Arial, Helvetica; font-size: 75%;}
* html td{
	font-size: 75%;
}
#radioStations .title{
	font-size: 10px; 
	font-family: Tahoma;
}
#mainContent .title{
	font-weight: bold;
	font-size: 12px;
}
#radioStations li a, #radioStations li div{
	font-family: Tahoma;
	font-size: 12px;
	text-decoration: none;
}
#radioStations li div{
/*	font-weight: bold;*/
}





/* Colors ******************/
body{background: url(images/bg-main.gif);}
#mainContent{
	background: url(images/bg-content.gif);
}
#mainContent .title{
	color: #00501f;
}
#radioStations li a, #radioStations li div{
	background-color: #eeeeee;
	background-image: url(images/stationsMarker.gif);
	background-repeat: no-repeat;
	background-position: 5px -100px;
	color: #000;
}
#radioStations li div{
/*	color: #fff;*/
	background-color: #e1e1e1;
	background-position: 5px 50%;
}






/* Misc ********************/
img{border: 0;}

























#header{width: 100%; height: 143px; position: absolute; top: 0;}
#header div{width: 100%; height: 100%;}
#header{background: #0b0b0b url(images/bg-top.jpg) no-repeat 100% 22px;}
#header div{background: url(images/bg-top-bottom.gif) repeat-x left bottom;}
#header div div{background: url(images/bg-top-corner3.gif) no-repeat left bottom;}
#header div div div{background: url(images/bg-top-corner2.gif) no-repeat right bottom;}
#header div div div div{background: url(images/header-top.gif) repeat-x left top;}
#header div div div div div{background: url(images/header-top-left.jpg) no-repeat left top;}
#header div div div div div div{background: url(images/header-top-right.jpg) no-repeat right top;}
#header div div div div div div div{background: url(images/bg-top-gray-line.gif) repeat-x left 21px;}
#header div div div div div div div div{background: url(images/bg-top-line-left.gif) no-repeat left 21px;}
#header div div div div div div div div div{background: url(images/bg-top-line-right.gif) no-repeat right 21px;}
#header div div div div div div div div div div{background: none; width: auto; height: auto;}

.dotted{background-image: url(images/bg-top-dots.gif); background-position: right top;}
#left_dotted .middle_line{height: 7px; background: url(images/top-left-middle-line.jpg) no-repeat right 50%;}
#left_dotted .dotted_top{height: 66px; vertical-align: bottom; padding-left: 28px; padding-bottom: 12px;}
#left_dotted .dotted_bottom{vertical-align: top;}

#header #logo{width: 150px; vertical-align: top; background: url(images/dots-corners.gif) -76px -80px;}
#header #logo div{width: 100% !important; height: 104px !important; background: url(images/top-left-middle-line-small.gif) 0 68px no-repeat !important; /*border: 1px solid green;*/}
#header #logo div div{background: url(images/top-right-middle-line-small.gif) 100% 68px no-repeat !important;}
#header #logo div div div{width: auto !important; height: auto !important; position: absolute; background: none !important;}
#header #logo div img{position: absolute; top: 4px;}

#right_dotted{width: 91px; background-position: left top;}
#right_dotted .middle_line{height: 7px; background: url(images/top-right-middle-line.gif) no-repeat left 50%;}
#right_dotted .dotted_top{height: 66px; vertical-align: top;}



#footer{height: 142px;}
#footer div{width: 100%; height: 100%;}
#footer{background: #000 url(images/bg-bottom.jpg) no-repeat center 11px;}
#footer div{background: url(images/bg-bottom-line.gif) repeat-x left 75px;}
#footer div div{background: url(images/bg-bottom-corner1.gif) no-repeat left 75px;}
#footer div div div{background: url(images/bg-bottom-corner2.gif) no-repeat right 75px;}
#footer div div div div{background: none; width: auto; height: auto;}


#flash_logo{
	width: 153px; height: 16px;/* border:1px solid red;*/
}
#flash_logo{
	background: url(images/logo-bg.gif) no-repeat right top;
}