/********************************************************
* Global Rules
********************************************************/

* { margin: 0; padding: 0; outline: none; }

img { border: 0; }

body {
    background-color: #888888;
    font: normal 11px Helvetica Neue, arial, verdana, sans-serif;
}

hr, .nodisp { display: none; }
ul { list-style: none; }
table { font-family: Arial; font-size: 11px; }
strong { font-weight: bold; }

a, a:link, a:visited {
    color: #ff0000;
    text-decoration: underline;
}

a:hover {
    color: #333;
    text-decoration: underline;
}
a:focus { -moz-outline: none -moz-mac-focusring; }

#body_replica {
    width: 100%;
    height: 700px;
    background: #888888 url(../images/main_bg.gif) repeat-x;
}

#container {
    width:790px;

    margin: 1em auto;
    margin-top: 0;
    text-align: left;
    position: relative;
    top: -115px;
}
#container_inner {
    width: 790px;
    position: absolute;
    top: 0px;
}

p.linebreak {
    padding: 15px 0;
}


.profile_dummy {
    width: 1px;
    float: left;
}

.clearfix {
    clear: both;
}

h2 { font-size: 20px; }


/********************************************************
* Header
********************************************************/

#header_bg{
    width: 100%;
    height: 115px;
    background: #888 url(../images/header_bg.gif) repeat-x;
}
#header{
    width: 762px;
    padding: 0px 13px 0px 13px;
    z-index:10;
}
#header_image{
		width: 358px;
		height: 114px;
		background: transparent url(../images/header_image.jpg) no-repeat;
}
#header_container{
    width: 762px;
    height: 115px;
    z-index:9;
}
#header #logo {
		position:absolute;
		top:0px;
		width: 167px;
		height: 185px;
		background: transparent url(../images/logo.png) no-repeat;
		float: left;
}



/********************************************************
* MENU
********************************************************/

div#menuwrap {
		position:absolute;
		top:0px;
		left:358px;
    padding: 0 3px 0 3px;
    margin: 0;
    width: 432px;
    height: 115px;
}

ul#menu {
		height: 30px;
		position: relative;
}

/********************************************************
* TOP
********************************************************/
    #menuwrap_top{ 		
        position: absolute;
        top: 0;
        right: 20px;
        width: 400px;
        height: 32px;
        font: normal 9px Helvetica Neue, arial, verdana, sans-serif;
    }
    
		#menu li.main { display: block;}
		#menu li.main a.menu_link { height: 30px; display: block; color:#FFFFFF; text-decoration:none;}
		#menu li.main a.menu_link:hover { text-decoration: underline; }
		
		
		#menu li.main span {position: absolute; top:50%; height: 16px; margin-top: -0px;}
		#menu li.main span.input {position: absolute; top:50%; height: 16px; margin-top: 8px; display:none;}
		
		li#menu_contacts     			{ width: 65px; position: absolute; right: 280px;  }
		li#menu_retailer    			{ width: 83px; position: absolute; right: 180px; }
		li#menu_retailer_input  	{ width: 65px; position: absolute; right: 180px; }
		li#menu_customerservice   { width: 100px; position: absolute; right: 62px; }
		li#menu_login     				{ width: 45px; position: absolute; right: 0px; }

				
				
				
/********************************************************
* BOTTOM
********************************************************/
		 #menuwrap_bottom{ 		
        position: relative;
        top: 94px;
        width: 324px;
        height: 21px;
        float:right;
    }
		
		#menu_bottom li.main_bottom { display: block;}
		#menu_bottom li.main_bottom a.menu_link_bottom { height: 21px; display: block; }
    
				li#menu_technology     { position: absolute; left: 0; }
				li#menu_watches     { position: absolute; left: 101px; }
				li#menu_about     { position: absolute; left: 202px; }
		
						#menu_technology a.menu_link_bottom, #menu_watches a.menu_link_bottom, #menu_about a.menu_link_bottom, #menu_store a.menu_link_bottom { background: transparent url(../images/menu-alt.gif) no-repeat; }
						
						#menu_technology a.menu_link_bottom    { width: 102px; background-position: 0 0; }
						#menu_watches a.menu_link_bottom     { width: 102px; background-position: -101px 0; }
						#menu_about a.menu_link_bottom     { width: 102px; background-position: -202px 0; }
						#menu_store a.menu_link_bottom { width: 102px; background-position: -303px 0; }
		
						#menu_technology a.menu_link_bottom:hover     { background-position: 0 -21px; }
						#menu_watches a.menu_link_bottom:hover     { background-position: -101px -21px; }
						#menu_about a.menu_link_bottom:hover     { background-position: -202px -21px; }
						#menu_store a.menu_link_bottom:hover { background-position: -303px -21px; }
						
						
						
						
/********************************************************
* MAIN
********************************************************/			
#stats
{
	display: block;
	padding: 25px 0 0 0;
	color: #999;
	font-family: Neue, arial, verdana, sans-serif;
	font-size: 9px;
	font-style: italic;
}

#main_container {
    display: block;
    height: auto;
    color: #4d4d4d;
    font: normal 12px Helvetica Neue, arial, verdana, sans-serif;
}
		
		#main_dropshadow_box {
				width: 770px;
				padding: 0 8px 30px 8px;
		}	
	
				#main_dropshadow_box_top {		
						width: 770px;
						height: 3px;
						background: transparent url(../images/big_box_top.png) no-repeat;
				}
				#main_dropshadow_box_middle {
						width: 770px;
						background: transparent url(../images/big_box_middle.png) repeat-y;
				}
				#main_dropshadow_box_bottom {		
						width: 770px;
						height: 3px;
						background: transparent url(../images/big_box_bottom.png) no-repeat;
				}
			
/*
				#main_box_title {
						width: 760px;
						height: 98px;
						border-bottom: thin solid #000;
						background: #fff url(../images/about_bg_image.jpg) no-repeat;
						background-position: 2px 0;
				}
						#main_box_title h2 {
								position: relative; 
								top:40px; 
								left:30px;
						}
        #main_box_column_1, #main_box_column_2 {
            padding: 25px;
        }
*/

						#main_showcase {
								width: 790px;
						}
								#main_showcase_container {
										margin-left: 5px;
										width: 760px;
										height: 196px;
								}	
								#main_showcase_container_bg {
										margin-left: 4px;
										width: 760px;
										height: 196px;
										background: transparent url(../images/showcase_blank.jpg) no-repeat;
								}	
								#showcase_title h2 {
										padding: 100px 0 0 180px;
										color: #ccc;
										font-size: 14px;
										float: left;
								}
								#showcase_content {
										padding: 80px 0 0 40px;
										color: #ccc;
										font-size: 14px;
										float: left;
								}
								
								#showcase_content td {
										height: 25px;
								}
							
						#main_navigation {
								position: relative;
								width; 163px;
								margin-left: 5px;
								padding: 34px 0 0 13px;
								float: left;
						}
								#main_navigation.vline {
										border-right: thin dotted #999;
								}
								
								#main_navigation_container {
										width: 120px;
										height: 400px;
										padding: 15px;
								}
								#navigation_items
								{
										text-align: right;
										margin-bottom: 10px;
										font-size: 14px;
								}
										#navigation_items li { display: block; }
										#navigation_items li a { height: 30px; display: block; color:#4d4d4d; text-decoration:none;}
										#navigation_items li a:hover { text-decoration: underline; }
				 
						
						#main_content {
								position: relative;
								text-align: left;
								line-height: 15px;       
								margin-bottom: 30px;
								float: left;
						}
								#main_content_container {
									margin-left: 8px;
									width: 550px;
									padding: 0px 0 0 0px;
				
								}
								
								#main_content_text{
									width: 518px;
									padding: 50px 30px 40px 25px;
									float: left;
								}
								
								#main_content_text_retailer{
									width: 518px;
									padding: 20px 30px 40px 25px;
									float: left;
								}

								
								#main_content_image{
									padding: 20px 0 20px 5px;
								
								}
								
								#main_title {
										display: block;
										width: 550px;
										text-align: left;
										padding: 20px 20px 10px 20px;
								}      
								
								#main_content_column_1 {
										display: block;
										width: 215px;
										padding: 20px 20px 10px 20px;
										float:left;
								}
								#main_content_column_2 {
										display: block;
										width: 215px;
										padding: 20px 20px 10px 20px;
										float:left;
								}
				
								#main_grid {
										display: block;
										width: 500px;  
										padding: 0px 20px 30px 20px;
								}
								
								#main_grid_cell {
										display: block;
										width: 120px;
										height: 120px;
										float:left;        
								}
				
								#main_grid_cell_med {
										display: block;
										width: 150px;
										height: 150px;
										margin-right: 10px;
										float:left;        
								}       
/********************************************************
* NEWS
********************************************************/		
#news_article{
		
}
		#news_article h2
		{
			color: #06F;
			font-size: 24px;
		}
		#news_article h3{
		
		}
		#news_article p{
		
		}		
		#articleDate
		{
			color: #666;
			font-size: 9px;
			font-style: italic;
		}
		
		
/********************************************************
* FOOTER
********************************************************/		
div#retailer {
		position: relative;
    width: 550px;
		padding: 20px;
}

div#retailer table {
		width: 550px;
}


/********************************************************
* FOOTER
********************************************************/			


div#footer {
		position: relative;
    width: 790px;
    height: 30px;
    color: #FFFFFF;
    font: normal 14px Helvetica Neue, arial, verdana, sans-serif;    
}

div#footer #line{
		border-top: thin dotted #CCC;
		padding-top: 10px;
}