/* CSS Document */

.header {
    display:block;
    margin-left:auto;
    margin-right:auto;
    position:relative;
    z-index:1;
    margin-top:0px;
	border-left:4px solid #FFFFFF;
	border-right:4px solid #FFFFFF;
	border-bottom:4px solid #FFFFFF;
	-moz-border-radius-bottomleft: 4px;  
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px; 
	-webkit-border-bottom-right-radius: 4px;
    width:920px;
    height:75px;
	/* height: 65px; */
    padding-top:0px;
}

.top-header{
    background-color:#000000;
    height:30px;
    width:920px;
    display:block;
    position:relative;
    margin-left: auto;
    margin-right: auto;
/*    background-image:url(/images/front-end/logo.png);*/
/*    background-repeat:no-repeat;*/
    padding:0px;
}

.middle-header {
	/*true height:45 = 35 + 10 padding */
    display:block;
    height:35px;
    width:920px;
    position:relative;
	/*background-image:url(/images/front-end/head_middle_background.png);
    background-color:#366580; */
    background-color:#fff;
    padding-top:10px;
}



.searchs {
  /*display:block;*/
  width:328px; /*316px +1*2border */
  position: absolute;
  left:255px; /*250 + 25 for middle pos */
  top:8px; /*veritcal center */
}
.searchs .inner_searchs {
	width:316px; 
	padding:0px;
	margin:0px;
	border:1px solid #366580;
	height:27px;
}
.searchs .inner_searchs:hover {
	border:1px solid #FFFFFF;
}
.searchs .inner_searchs form {
	margin:0px;
	padding:0px;
}

    
    
.searchs #search-value {
    border-left:1px solid #F3F3F3;
	border-right:1px solid #F3F3F3;
	border-bottom:1px solid #F3F3F3;
	border-top:1px solid #CCCCCC;
}


.searchs #search-button {
    background-image:url(/images/front-end/button_find.png);
    background-repeat:no-repeat;
	padding:0px;
	margin:0px;
	width:24px;
	height:24px;
	border:0px;
	border-collapse:collapse;

}


.buttons {
    width:300px;
    display:block;
    position:relative;
    float:right;
}
#button-login a:hover, #button-cart a:hover, #button-special a:hover {
	border:1px solid #FFFFFF;
}
#button-login a, #button-special a {
    text-decoration: none;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    font: 11px "Trebuchet MS", Helvetica, Khalid, Garuda, sans-serif;
	font-weight:bold;
    line-height: 2;
	border:1px solid #366580;
    height:23px;
    background-color:#528A9B;
    float:right;
    margin-right:5px;
    margin-top:0px;
    /*-moz-border-radius: 3px; */
   
}

#button-login a {
    background-image: url(/images/front-end/button_login.png);
    background-repeat:no-repeat;
    width:92px;

         
}

#button-cart a{
    background-image:url('/images/front-end/button_shoppingcart.png');
    background-repeat:no-repeat;
	text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    font: 11px "Trebuchet MS", Helvetica, Khalid, Garuda, sans-serif;
	font-weight:bold;
    line-height: 2;
	border:1px solid #366580;
    width:107px;
    height:23px;
    background-color:#528A9B;
    float:right;
    margin-right:5px;
    margin-top:0px;
}
#button-customlogin {
	width:123px;
    height:25px;
    float:right;
    margin-right:5px;
    margin-top:0px;
}

#button-special a {
    background-image:url('/images/front-end/button_onspecial.png');
    background-repeat:no-repeat;
    width:76px;
}


/*------------------------ top general menu and phone number css ------------------------ */
div#top_logo {
	float:right;
	width:255px; /*280*/
	padding:0px;
	vertical-align:top;
}
div#top_phone_number {
	float:right;
	width:360px;
	padding:0px;
	text-align:center;

}
div#top_phone_number span{
	font: 15px "Trebuchet MS", Helvetica, Khalid, Garuda, sans-serif;
	padding:0px;
	position:relative;
	top:+6px;
	border-collapse:collapse;
	font-weight:bold;
	color:#FFFFFF;
}
div#top_general_menu {
	float: right;
	width:305px;
	padding:0px;
}
div#top_general_menu ul{
	padding-left: 0;
	margin-left: 0;
	margin-top: 4px;
	position:relative;
/*	top:-10px;*/
}
div#top_general_menu p{
	padding-left: 0;
	margin-left: 0;
	margin-top: -2px;
	position:relative;
}

div#top_general_menu ul li { display: inline; font: 10px "Trebuchet MS", Helvetica, Khalid, Garuda, sans-serif; }

div#top_general_menu ul li a{
	padding: 0.2em 1em;
	color:#FFFFFF;
	text-decoration: none;
	float: right;
	border-left: 1px solid #666666;
}
div#top_general_menu ul li a:hover{
	text-decoration:underline;
	color: #827373;
/*	color: #fff;*/
}

div#top_general_menu p{
	font: 15px "Trebuchet MS", Helvetica, Khalid, Garuda, sans-serif;
	color: #b3b3b3 ;
}