/********************************************************************************
|	Altus
|	Code and Design by BlueStyle.info
|	2007
********************************************************************************/

/* General
--------------------------------- */
html,
body,
form {
	margin: 0px;
	padding: 0px;
	text-align: center;
}

body {
	color: #0d192f;
	font-family: Verdana, Calibri, Tahoma, Verdana, sans-serif;
	font-size: 12px;
	background: #122039;
	text-align: center;
}

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

a:hover {
	text-decoration: none;
}

p, div {
	text-align: left;
}

img {
	border: 0px;
}

img.left{
	float: left;
}

img.right{
	float: right;
}

h1,
h2,
h3,
h4{
	margin: 0px;
	padding: 0px;
	color: #0d192f;
	font-family: "Lucida Grande", Tahoma, Verdana, Georgia, Calibri, sans-serif;
	font-size: 22px;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
}

h2 {
	font-size: 16px;
	padding: 2px;
	margin: 2px;
}

h3 {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 14px;
}

h1 a,
h2 a,
h6 a{
	display: block;
}

p{	
	margin: 5px;
	margin-top: 5px;
	margin-bottom: 5px; 
	padding: 2px;
	font-family: Verdana, "Trebuchet MS", Verdana, Helvetica, Arial, Georgia, Calibri, sans-serif;
	font-size: 11px;
	text-align: justify;
	font-weight: normal;
	line-height: 18px
}     

p.indent{
	text-indent: 10px;   
} 

p.bold{
	font-weight: bold;
}

p.center,
div.center,
h1.center,
h2.center{
	text-align: center;
	text-indent: 0px;
}

p.right{
	text-align: right;
}  

p.noindent{
	text-indent: 0px; 	
}

ul,
ol {
	margin: 0px;
	padding: 0px;
	padding-left: 20px;
	
}

li {
	font-family: Verdana, Helvetica, Tahoma, Helvetica, Arial, "Trebuchet MS", Georgia, Calibri, sans-serif;
	font-size: 11px;
	text-align: justify;
	font-weight: normal;
	line-height: 18px;
	padding-left: 5px;
}

b.ul{
	text-decoration: underline;
}         

/* Page backgrounds
--------------------------------- */
.bgImageTop{ 
	min-width: 990px;   
	background: url("../gfx/page_head_bg.gif") repeat-x top left;        

}  

.bgImageBottom{
	min-width: 990px;   
	background: #FFF url("../gfx/page_foot_bg.gif") repeat-x bottom left;
}  

/* Structure
--------------------------------- */
.mainWrapper{
	margin: 0 auto;
	padding: 0px;
	width: 1021px;
}

.lHeader,
.lContent,
.lFooter{
	margin: 0px;
}

/*  Main
--------------------------------- */   
.mainWrapper{
	background: url("../gfx/main_wrapper_bg.png") repeat-y top center;    
}   

.mainWrapper .inner{   
	background: url("../gfx/page_inner_bg.gif") repeat-x top left;  
	margin-left: 21px;
	margin-right: 20px;	
}

div.box{
	border: 1px solid #DDD;
	background-color: #FFF; 
	margin-bottom: 10px;
}            

div.box-title{  
	margin: 1px;
	background: #FFF url("../gfx/box_head_bg.gif") repeat-x top left;
}   

div.box h1.title{ 
	padding: 0px;
	margin: 0px; 
	padding-left: 34px;      
	height: 28px;
	line-height: 28px;
	font-size: 11px;  
	color: #FFF;       
	background: transparent url("../gfx/box_head_glyph.gif") no-repeat top left;
	font-weight: normal;
}               
   
div.box div.hr { 
	margin-right: 2px;
	margin-left: 2px;
	clear: both;
	height: 3px;
	background: #FFF url('../gfx/separator.gif') no-repeat scroll center;
}

div.box div.hr hr {
  display: none;
} 

h1.pageTitle{
	margin: 0px;
	padding: 4px;
	padding-left: 0px;
	margin-bottom: 8px;
	font-size: 14px;
	border-bottom: 1px solid #EEE;
}

h1.pageSubTitle{
	margin: 0px;
	padding: 4px;
	padding-left: 0px;
	margin-bottom: 8px;
	font-size: 12px;
}

/*  NewsList
--------------------------------- */
.newsList{

}  

.newsList a,
.newsList a:link,
.newsList a:visited,
.newsList a:active{ 
	display: block;
	color: #0d192f;
	text-decoration: none;  
	margin: 4px; 
	font-size: 11px;
}                         

.newsList span.date{
	font-size: 9px;
} 

.newsList b.title{    
	line-height: 20px;  
	font-weight: bold;
}

.newsList span.summary{
	display: block;
	line-height: 15px;   
/*	text-indent: 10px; */
	text-align: justify;
}

.newsList .thumbnail {
	margin: 0 0 0 10px;
	position: relative;
	float: right;
	width: 120px;
	padding: 2px;
	background: #fff;
}   

.newsList .info{    
	position: relative;
	background: #e5e8ec;
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 9px;
	border-top: 1px solid #DDD;
	height: 20px;
}

.newsList .info a,
.newsList .info a:link,
.newsList .info a:visited,
.newsList .info a:active{  
	display: inline;
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 9px;
	color: #ee7924;
	text-decoration: underline;  
}  
 
.newsList .info a:hover{
	text-decoration: none;  
} 

.newsList .info .link{    
	position: absolute;
	float: left;
	top: 0px;
	left: 5px;
}

.newsList .info .date{    
	position: absolute;
	float: right;
	top: 0px;
	right: 5px;
	line-height: 20px;
}

/*  Header
--------------------------------- */

.lHeader{   
	height: 117px;
	width: 100%;
	position:relative;
	z-index:1;
}               

.lHeader .inner{      
	position: relative;
	margin: 0 auto;
	padding: 0px;
	width: 980px;    
   	height: 116px;  
	text-align: left;
	background: url("../gfx/header.gif") no-repeat top center;      
}

.lHeader .logo{   
	position: absolute;
	top: 0px;
	left: 0px;
	width: 230px;
	height: 116px;
} 

.lHeader .search{   
	position: absolute;
	top: 15px;
	left: 792px;
	width: 183px;
	height: 23px;
	padding: 0px;
	background: transparent url("../gfx/search_bg.gif") no-repeat top left;
	text-align: left;
}  

.lHeader .search form{
	padding: 0px;
	margin: 0px;
}                   

.lHeader .search input.input{   
	float: left;
	margin: 1px;
	margin-left: 22px;
	padding: 0px;   
	padding-top: 4px;
	padding-bottom: 3px;
	width: 125px;       
	font-size: 11px;
	border: 0px;  
	text-align: left;
	background: #FFF;
}

.lHeader .search input.button{
	width: 22px;
	height: 18px;  
	margin: 2px; 	       
	border: 0px;
	background: transparent;   
	font-size: 10px;  
	font-weight: bold;	
	text-align: left;
}  

 
.lHeader .background{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 116px; 
	overflow: hidden;
}      

.lHeader .left,
.lHeader .right{
	position: absolute;
	top: 0px;
	float: left;   
	width: 50%;
	height: 116px;  
}              
                                                                    
.lHeader .left{
	left: 0%;
   	background: url("../gfx/page_head_bg.gif") repeat-x top left;
}

.lHeader .right{
	left: 50%;
   	background: url("../gfx/header_bg.gif") repeat-x top left;
} 

.lHeader div.status{
	position: absolute;
	top: 86px;
	left: 300px;
	height: 30px;
	width: 670px;
	margin-left: 5px;
	margin-right: 5px;  
	line-height: 30px;
	text-align: right;    
	font-family: "Lucida Grande", Tahoma, Verdana, sans-serif; 
	font-weight: normal;
	font-size: 11px;  
	color: #0c182e;  	
} 

.lHeader div.status a,
.lHeader div.status a:link,
.lHeader div.status a:visited,
.lHeader div.status a:active{ 

}   

.lHeader div.status a:hover{
	text-decoration: none;
}               

.lHeader div.status a.cart,
.lHeader div.status a.cart:link
.lHeader div.status a.cart:visited,
.lHeader div.status a.cart:active{                                      
	background: url("../gfx/ico_top_cart.gif") no-repeat right center;
	padding-right: 18px;
}
    

/*  Main Menu
--------------------------------- */

.lMenu {
	position: absolute;
	left: 0px;
	top: 66px;    
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 980px;
}

.lMenu #menu,
.lMenu #menu ul{
	list-style-type: none;
	text-align: left;
	margin: 0;
	padding: 0;       
}

.lMenu #menu li{
	float: right;
	margin: 0px;
	padding: 0px;
	background: url("../gfx/menu_item_separator.gif") no-repeat bottom right;
}  

.lMenu #menu li.last{
	background: none;
}   

.lMenu #menu li a,
.lMenu #menu li a:link,
.lMenu #menu li a:visited,
.lMenu #menu li a:active{
	display: block;
	display: inline-block;
	margin: 0px;
	height: 20px;
	line-height: 20px;
	color: #FFF;
	text-align: center;
	font-size: 11px;
	font-family: "Lucida Sans", Tahoma, Verdana, sans-serif !important;
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-weight: normal;   
	padding-left: 8px;
	padding-right: 8px;
	margin-right: 1px;     
	text-decoration: none; 
}

.lMenu #menu li a.active,
.lMenu #menu li a.active:link,
.lMenu #menu li a.active:visited,
.lMenu #menu li a.active:active{	
	text-decoration: none;
	background: url("../gfx/menu_item_bg_active.gif") repeat-x bottom center;    
}

.lMenu #menu li a:hover,
.lMenu #menu li a.active:hover{
	color: #0c182e;
	background: #FFF url("../gfx/menu_item_bg_hover.gif") repeat-x bottom center; 
}    

.lMenu #menu li ul{ 
	float: left;
	position: absolute;
	left: -999em;
	background: url("../gfx/submenu_bg.gif") no-repeat left bottom;	
	width: 150px; 
}
     
.lMenu #menu li ul li{
	float: none;     
	border: 1px solid #DDD;
	border-top: 0px;
	background: none;   
} 

.lMenu #menu li ul li a,
.lMenu #menu li ul li a:link,
.lMenu #menu li ul li a:visited,
.lMenu #menu li ul li a:active{ 
	text-align: left;
	display: block;
	color: #0d192f; 
	padding-left: 10px;
	margin: 0px;	  
}     

.lMenu #menu li ul li a:hover{  
	color: #EE7924;
	background: none;
} 

.lMenu #menu li:hover ul,
.lMenu #menu li.sfhover ul {
	top: 20px;
	left: auto;
}

/*  Footer
--------------------------------- */

.lSideMenu{
	width: 220px;       
	margin: 4px;
	margin-top: 0px;
}   

.lSideMenu ul.lSideMenu{
	list-style-type: none;
	text-align: left;
	margin: 0;
	padding: 0;       
}    

.lSideMenu ul.lSideMenu li{
	margin: 0;
	padding: 0;  
	border: 1px solid #DDD;
	border-top: 0px;     
} 

.lSideMenu ul.lSideMenu li a,
.lSideMenu ul.lSideMenu li a:link,
.lSideMenu ul.lSideMenu li a:visited,
.lSideMenu ul.lSideMenu li a:active{
	color: #0d192f;
	text-decoration: none;
	font-family: Verdana, Tahoma, sans-serif;
   	font-size: 10px;  
	text-indent: 10px;
  	display: block;
	height: 17px; 
	line-height: 17px;
	background: #FFF url("../gfx/side_menu_item_bg.gif") repeat-x top left;  
	margin-left: 1px;   
	margin-right: 1px;
}                               

.lSideMenu ul.lSideMenu li a:hover{
	color: #FFF;
	background: #0d192f url("../gfx/side_menu_item_bg_hover.gif") repeat-x top left;
}
   
/* Data list
--------------------------------- */

div.dataList{
	margin: 20px;
	margin-left: 100px;
	margin-right: 100px;
}

ul.dataList{
	margin: 0px;
	padding: 0px;
	list-style-type:none;
}

ul.dataList li{
	display: block;
	font-weight: bold;
	line-height: 20px;
	margin-bottom: 10px
}

ul.dataList li .label{
	position: absolute;
	width: 230px;
	border-bottom: 1px solid #AAA;	
	font-weight: normal;	
}

ul.dataList li .data{
	position: relative;
	left: 250px;
	font-weight: bold;
}

/*  Footer
--------------------------------- */
.lFooter {
	margin: 0px;  
	padding: 0px;    
	height: 50px;
	width: 100%;
	background: url("../gfx/footer_bg.gif") repeat-x top left;
	color: #FFF;  
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 9px;     
	text-align: center;  
}                 
               
.lFooter .layoutEnd{
	margin: 0 auto;
	padding: 0px;
	width: 1021px;   
	display: block;      
	height: 30px;
	background: url("../gfx/main_wrapper_bottom.png") no-repeat top center; 
	margin-bottom: -15px;
}

.lFooter .inner{  
	position: relative;     
	margin: 0 auto;
	padding: 4px;
	width: 980px;
	text-align: left; 	
}       

.lFooter .info{
	float: right;
	text-align: right;	
}

/*  Content Layout
--------------------------------- */

.lContent{
	margin: 0px;
	padding: 0px;
	background: url("../gfx/page_content_bg.gif") repeat-y top left; 
	min-height: 600px;
}

.lLeft,
.lRight{
	float: left;
	padding: 0px;
	margin: 0px;
	z-index: 0;
}

.lLeft{
	width: 229px;
	margin-right: 1px;
	overflow: hidden;  
	text-align: center;
}

.lRight{
	width: 740px;  
	padding: 5px;
	padding-top: 15px;
	padding-bottom: 15px;
}     

/* Tables
--------------------------------- */

table {
	background: #DDD;
	font: 11px normal Verdana, Tahoma, Arial, sans-serif;	
	border: 1px solid #DDD; 
    border-collapse: collapse; 
	margin-bottom: 10px; 
}

table td,
table th{
	margin: 0px;
	text-align: left;
	padding: 4px;
	border-left: 1px solid #DDD;  
}

table td.right{
	text-align: right;
} 

table td.center{
	text-align: center;
}    

table td a,
table td a:link,
table td a:visited,
table td a:active{
	display: block;
	color: #0d192f;
}           

table tr{
	background: #FFF;
}

table th {   
	padding: 0px;
	margin: 0px;                                                          
	height: 30px;
	color: #FFF;                                                       
	font-family: "Lucida Grande", Tahoma, Verdana, Georgia, Calibri, sans-serif; 
	font-size: 11px;                                                   
	font-weight: normal;
	line-height: 30px;
	background: #FFF url("../gfx/box_head_bg.gif") repeat-x top left;
	text-align: center;    
}   
  
table tfoot tr td{
	text-align: right;
	background: #FFF url("../gfx/table_foot_bg.gif") repeat-x top left;
}

table tfoot tr td p{
	text-align: right;
}
          
table .normal{
	background: #fff;  
	color: #3d5a84;
}

table .alt{
	background: #f1f1f1;
}  

/* HOVER styles */

table tr.hover{
/*	background: #0d192f;  */
	background: #3d5a84 url("../gfx/tr_hover_bg.gif") repeat-x top left;
}

table tr.hover td,
table tr.hover td a,
table tr.hover td a:link,
table tr.hover td a:visited,
table tr.hover td a:active,
table tr.hover td a:hover{
	color: #FFF;
}

table td a.link,
table td a.link:link,
table td a.link:visited,
table td a.link:active,
table td a.link:hover{
	padding: 2px;
	display: block;
	color: #000;
	font-weight: normal;
	position: relative; /* peekaboo bug fix for IE6 */
	min-width: 0; /* peekaboo bug fix for IE7 */	
} 

table tr.hover td.normal,
table tr.hover td.alt
{
	background: #e5e8ec;
	color: #3d5a84;
}

/*Category list
--------------------------------- */

.categoryList{

}

.categoryList ul{
	margin: 0px;
	padding: 0px;
	list-style-type:none; 
}

.categoryList  li{
	float: left;
	width: 244px;
	margin: 1px;
	padding: 0px;
}

.categoryList  li a,
.categoryList  li a:link,
.categoryList  li a:visited,
.categoryList  li a:active{
	display: block;
	padding: 2px;
	text-align: right;
	font-weight: normal;   
	text-decoration: none;
	color: #000;
	font-size: 10px; 
	padding-right: 4px;
	background: #FFF;
	background: url("../gfx/categorylist_bg.gif") repeat-x top left;  	
}

.categoryList  li a span.title{
	position: relative;
	top: 0px;
	left: 0px;
	font-weight: bold;
	float: left;  
	margin-left: 4px;    
}

.categoryList  li a:hover{
	background: #0d192f url("../gfx/categorylist_bg_hover.gif") repeat-x top left;  
	color: #FFF;
}

.categoryList  li a:hover span.title{
	text-decoration: underline;
}

.categoryList  li a.active{
	background: #DDD;
	border: 1px solid #CCC;
}  

/* Prices
--------------------------------- */

.prices{
	text-align: left;  
   	font-size: 11px;    
	padding: 5px;
}   

.prices .bigger{
   	font-size: 14px;  	
}    

.prices a.cart,
.prices a.cart:link,
.prices a.cart:visited,
.prices a.cart:active{
   	font-size: 12px;
  	background: url("../gfx/ico_basket.gif") no-repeat left center;
	padding-left: 20px;
}

.prices a.cart:hover{  
	text-decoration: none;
}

/* Cart
--------------------------------- */  

.cartButtons {      
	margin: 5px;
	margin-top: 10px;
	text-align: center;
}

.cartQuantity{
	text-align: center;
	width: 40px;    
	border: 1px solid #DDD;
	background: #FFF;
	font-size: 11px;
	font-weight: bold;
}    

.cartUserData{
	margin: 10px;
} 

.cartProductSelect{
	text-align: left;
	width: 350px;    
	border: 1px solid #DDD;
	background: #FFF;
	font-size: 11px;
	font-weight: normal;	
}

/* Form
--------------------------------- */

form {
	margin: 0px;
	padding: 0px;
}

form.form label{ 
	text-align: right;
	margin: 3px;
	width: 350px;
	float: left;
	font: 11px normal Tahoma, Verdana, Arial, sans-serif;
	position: relative; /* peekaboo bug fix for IE6 */
	min-width: 0; /* peekaboo bug fix for IE7 */	
}

form.form label.sub{
	margin: 3px;
	width: 350px;
	float: left;
	font: 9px normal Tahoma, Verdana, Arial, sans-serif;
	border-bottom: 1px solid #FFF;
	text-align: right;
}

form.form input,
form.form select,
form.form textarea {
	padding: 1px;
	margin: 1px;
	font: 11px bold Tahoma, Verdana, Arial, sans-serif;
	font-weight: bold;
	width: 350px;
} 

form.form input,
form.form textarea{
	background: url("../gfx/input_bg.gif") repeat-x top left;
	border: 0px;
	padding: 2px;
}

form.form input.button ,
form.form input.checkbox{ 
	margin: 0px;
	padding: 0px;
	width: auto;
}

form.form form br{
	clear: both;
}

a.button{
	display: inline-block;
	vertical-align: bottom;
}

input.button-img{
	border: none;
	padding: 0;
	margin: 0;
	width: 100px;
	height: 22px;
	text-indent: -9999px;
}

/* Spotlight
--------------------------------- */

ul.spotLight{
	margin: 2px;   
	margin-top: 10px; 
	margin-bottom: 10px;
	padding: 0px;
	list-style-type:none;  
	height: 92px; 
}

ul.spotLight li{  
	margin: 0px;
	padding: 0px;
	padding-right: 7px;
	padding-left: 7px;	
	float: left;
	border-right: 1px solid #DDD; 
	text-align: left;
}

ul.spotLight li.last{
	border: 0px;
}

ul.spotLight li a,
ul.spotLight li a:link,
ul.spotLight li a:visited,
ul.spotLight li a:active{
	position: relative;
	display: block;
	padding: 0px;
	margin: 0px;           
	width: 229px;
	height: 92px;
	text-decoration: none; 
	cursor: pointer;
}  

ul.spotLight li a:hover{
	background: url("../gfx/spotlight_item_bg_hover.gif") no-repeat top left; 
} 

ul.spotLight li span.discount{   
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	padding: 0px;
	margin: 0px;           
	width: 229px;
	height: 92px;  
	background: url("../gfx/spotlight_item_discount.gif") no-repeat top left;    	   
}

ul.spotLight li span.title{
	display: block; 
	position: absolute;
	top: 0px; 
	margin-left: 2px;
	height: 18px;
	font-size: 10px;
	color: #0d192f;
	font-family: "Lucida Grande", Tahoma, Verdana, sans-serif; 
	font-weight: bold;
	overflow: hidden;  
	text-transform: uppercase;
}

ul.spotLight li span.image{
	display: block; 
	position: absolute;
	top: 16px; 
	left: 2px;
	height: 74px;
	width: 80px;  
	overflow: hidden;  
}   

ul.spotLight li span.price{
	display: block; 
	position: absolute;   
	margin: 4px;
	top: 65px; 
	width: 220px;
	color: #EE7924;
	text-align: right;
	font-weight: bold;
	font-size: 16px;
}    

ul.spotLight li span.info{
	display: block; 
	position: absolute;
	top: 16px; 
	left: 85px;
	height: 50px;
	width: 140px;  
	overflow: hidden;  
	color: #000;
	font-size: 9px;
	font-weight: normal;  
	line-height: 10px; 
	color: #405f92;
}

/* POLL
--------------------------------- */

.pollForm {

}

.pollForm h4{ 
	text-align: center;
	margin: 0px;
	padding: 4px;
	font-size: 12px;
	color: #0d192f;   
	margin-top: 5px;
	margin-bottom: 5px;
}

.pollForm  p{
	margin: 0px;
	padding: 5px;
	color: #0d192f;
}

.pollForm .button_s{
	display: inline;
	float: none;
}

.pollItem {
	display: block;
	padding-left: 5px;
	padding-right: 5px;	
	margin-left: 2px;
	margin-right: 2px;
	line-height: 20px;
	font: normal 12px Tahoma, Arial, Verdana, sans-serif;
	color: #0d192f;
	text-align: left;
	border-bottom: 1px solid #e5eaf0;

}

.pollItem label {
	display: block;
	cursor: pointer;
}

.poll_bar {
	display: block;
	height: 4px;
	font-size: 1px;
	margin-top: 2px;
	background: #0d192f;

}


/* Error and Info box
--------------------------------- */

.errorBox, .infoBox{
	padding: 5px;
	padding-left: 50px;
	padding-right: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.errorBox p, .infoBox p{
	color: #000;
	font: bold 11px "Trebuchet MS", Tahoma, Verdana, sans-serif;
	padding: 0px;
	margin: 0px;
	text-indent: 0px;
}

.errorBox{
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	background: #fff6bf url('../gfx/msg_error.gif') no-repeat left center;
	background-position: 15px 50%;
}

.infoBox{
	border-top: 2px solid #c8e3eb;
	border-bottom: 2px solid #c8e3eb;
	background: #e9f4f7 url('../gfx/msg_info.gif') no-repeat left center;
	background-position: 15px 50%;
}


/* Additional classes
--------------------------------- */

div.clear {     
	clear: both;
} 

br.clear {  
	clear: both;
}

div.hr {
	clear: both;
	height: 20px;
	background: #FFF url('../gfx/separator.gif') no-repeat scroll center;
}

div.hr hr {
  display: none;
}


.red {
	color: red;
}

.white {
	background-color: #FFF;
}

.alt {
	background-color: #f5eee8;
}   

.noMargin{
	margin: 0px;
}

.onePixel {
	height: 1px;
}

.noHeight{
	height: 1px;
	overflow:hidden;
}

.minus10pxTopMargin{
	margin-top: -10px;
}