/* CSS Document */

body { margin: 0; background: #330C15 url(img/page/page_bg.gif); text-align: center; }	/* #DDDDDD */
body, td, div { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 12px; }
form { margin: 0; }
p { margin: 0; text-align: justify; color: #333333; }

div.text_A p { margin: 8px 0 8px 0; }
a { color: #3F7ED3; text-decoration: none; }
a:hover { text-decoration: none; }

#clear, .clear { clear: both; line-height: 1px; height: 1px; margin: 0; padding: 0; }



/* ------------------------ main containers ------------------------ */
#PAGE_CONTAINER { margin-left: auto; margin-right: auto; width: 898px; clear: both; border: 1px solid black; }

#PAGE_TOP_1 { text-align: left; height: 66px;
background: #282A2C url(img/page/top1_bg.gif) repeat-x; clear: both; }

#PAGE_TOP_2 { text-align: left; height: 128px; clear: both; }

#PAGE_WATCHES_MENU { text-align: left; height: 90px; padding-top: 6px; padding-left: 65px; border-top: 4px solid #3F7ED3;
background: #303335 url(img/page/watches_menu_bg.gif) repeat-x; clear: both; }

#PAGE_MAIN { text-align: left; background: #FFFFFF; clear: both; margin: 0; padding-left: 15px; padding-right: 10px; }

#PAGE_BOTTOM { text-align: center; color: #EEEEEE; height: 73px; padding-top: 20px; margin: 0; clear: both;
background: #303335 url(img/page/bottom_bg.gif) repeat-x; }
/* ----------------------------------------------------------------- */



/* ----------------------- smaller containers ---------------------- */
#top_menu { float: right; }

#top_menu a {
	display: block;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #DDDDDD;
	text-decoration: none;
	padding: 23px 9px 23px 9px;
}
#top_menu a:hover { background: url(img/page/top1_menu_over_bg.gif) repeat-x; }
#top_menu img { float: left; margin-top: 12px; }


#search_line_container {
	padding-left: 16px;
}

.search_field_container { width: 254px; height: 17px; border: 0; float: left; margin-top: 7px; padding-left: 6px; padding-top: 2px; 
background: url(img/page/search_field.gif) no-repeat;
}

.search_field { border: 0; background: transparent; float: left; width: 250px; height: 15px; font-size: 10px; margin: 0; }

#search_line_container a {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #EEEEEE;
	text-decoration: none;
	padding: 8px 8px 11px 10px;
}
#search_line_container a:hover { color: #468BCB; }
#search_line_container img { float: left; }


#PAGE_WATCHES_MENU a { font-size: 11px; display: block; float: left; color: white; line-height: 20px; text-decoration: none; padding-left: 10px; 
background: url(img/page/watches_menu_symbol.gif) no-repeat 0px 6px;
}
#PAGE_WATCHES_MENU a:hover { color: #4D99DB; font-weight: bold; } /* 3F7ED3 */

#PAGE_WATCHES_MENU a.col_1 { width: 107px; display: block; }
#PAGE_WATCHES_MENU a.col_2 { width: 102px; display: block;}
#PAGE_WATCHES_MENU a.col_3 { width: 156px; display: block;}
#PAGE_WATCHES_MENU a.col_4 { width: 119px; display: block;}
#PAGE_WATCHES_MENU a.col_5 { width: 110px; display: block;}
#PAGE_WATCHES_MENU a.col_6 { width: 110px; display: block;}
#PAGE_WATCHES_MENU a.col_7 { width: 102px; display: block;}

#PAGE_BOTTOM a { font-size: 11px; color: #EEEEEE; text-decoration: none; padding: 0 10px 0 10px; }
#PAGE_BOTTOM a:hover { color: #4D99DB; }
#PAGE_BOTTOM #copyright { font-size: 11px; color: #BBBBBB; padding-top: 10px; }


#page_main_right, #page_main_left { margin: 15px 0 15px 0; }
#page_main_right { float: right; width: 688px; }	/* main content container */
#page_main_left { float: left; width: 153px; }
#page_main_left img.puff_box { margin: 5px 0 5px 0; }
 
#CONTENT_CONTAINER { width: 688px; } /* used as bounding container for pages with just content, without global elements */
/* ----------------------------------------------------------------- */


/* ----------------------- main baner styles ----------------------- */
#main_baner_container, #mb_bottom, #mb_middle, #mb_top { width: 682px; height: 230px; margin: 0; padding: 0; overflow: hidden; }
#main_baner_container { background: #488CCC; border: 3px solid #C2BEC2; cursor: pointer; clear: both; }
#mb_bottom, #mb_middle, #mb_top { position: relative; left: 0px; }

#mb_bottom { z-index: 10; top: 0px; }
#mb_middle { z-index: 20; top: -230px; }
#mb_top    { z-index: 30; top: -460px; }
 
#mb_middle img { display: block; }
.mb_stars { margin: 0 0 6px 483px; }

#mb_btn_text { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #2365A3; margin: 27px 0 0 523px; }
div#mb_middle>div#mb_btn_text { margin-top: 28px; }

#mb_top img { float: left; }
#mb_watch { }
#mb_title { margin-top: 22px; }
/* ----------------------------------------------------------------- */


/* ---------------------- 4watch baner styles ---------------------- */
#watches_baner_container, #wb_bottom, #wb_top { width: 688px; height: 186px; margin: 0; padding: 0; overflow: hidden; }
#watches_baner_container { text-align: center; clear: both; margin: 3px 0 15px 0; 
	background: #5093D1; border-top: 2px solid #2A76BB; border-bottom: 2px solid #6AA6DE; }

#wb_bottom, #wb_top { position: relative; left: 0px; }
#wb_bottom { z-index: 10; top: 0px; }
#wb_top { z-index: 20; top: -186px; }

.wb_item { color: #2365A3; float: left; width: 142px; height: 175px; margin: 10px 12px 0 12px;
	background: url(img/baner_watches/wb_item_bottom.gif) no-repeat bottom; cursor: pointer; }
div#wb_top>div.wb_item { margin: 10px 0 0 24px; }
.wb_item div { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; margin-top: 6px; }
div.wb_item>div { margin-top: 4px; }
.wb_item img { color: white; }
/* ----------------------------------------------------------------- */


/*rate img*/
.star05, .star45, .star04, .star35, .star03, .star25, .star02, .star15, .star01, .star00{
	width:80px;
	height:16px;
	display:block;
	margin: 0 0 0 0;
}
.star45{
	background:url("ratings/img/45star.gif") no-repeat;
}
.star35{
	background:url("ratings/img/35star.gif") no-repeat;
}
.star25{
	background:url("ratings/img/25star.gif") no-repeat;
}
.star15{
	background:url("ratings/img/15star.gif") no-repeat;
}
.star05{
	background:url("ratings/img/05star.gif") no-repeat;
}
.star04{
	background:url("ratings/img/04star.gif") no-repeat;
}
.star03{
	background:url("ratings/img/03star.gif") no-repeat;
}
.star02{
	background:url("ratings/img/02star.gif") no-repeat;
}
.star01{
	background:url("ratings/img/01star.gif") no-repeat;
}
.star00{
	background:url("ratings/img/00star.gif") no-repeat;
}