/* CSS Document for Hansa India website
developed by Dhyan Design
*/

html, body {
margin: 0;
padding: 0;
text-align: center;
font-size: 1em;
background-color: #000000;
background-image: url(../images/interface/background.gif); 
}

#container{
width: 850px; /*Increased from 800 to 830*/
margin: 0;
padding: 0;
margin-left: auto;
margin-right: auto;
text-align: left;
background-color: #000000;
color: #333333;
font-family: arial, verdana, sans-serif;
background-image: url(../images/interface/background.jpg); 
background-repeat: repeat-x;
background-position: bottom;
}

/*
HEADER and related elements
---------------------------
*/

#header{
width: 800px;
margin: 0;
padding: 0;
text-align: right;
}

#login_panel{
float: right;
text-align: right;
background-color: #463F00;
padding: 5px 10px;
width: 660px;
font-size: .75em;
}

#login_panel form{display: inline;}
.form_input{border: 1px solid #000000; background-color: #ffffff; color: #333333; margin-left: 15px; width: 120px;}
.form_password{border: 1px solid #000000; background-color: #ffffff; color: #333333; margin-left: 2px; width: 60px;}
.form_button{border: 1px solid #A58300; background-color: #A58300; color: #ffffff; margin: 0 15px;}
#login_panel ul{display: inline; margin: 0; padding: 0; list-style-type: none; text-align: right;}
#login_panel li{display: inline; color: #CCCCCC;  margin-left: 10px;}
#login_panel li a{color: #CCCCCC; text-decoration: underline;}
#login_panel li a:hover{color: #CCCCCC; text-decoration: none;}


/*
DESIGN ELEMENTS
---------------------------
*/

#header_design{
clear:both;
margin: 0;
padding: 0;
width: 800;
}

/*This removes the extra space after an image within a div*/
#header_design img{display: block;}
/*
LHS and related elements
---------------------------
*/

#lhs{
float: left;
margin-left: 21px;
margin-right: 9px;
margin-bottom: 20px;
width: 540px;
}

#primary_navigation{margin: 0; padding: 0;}

/*Primary navigation used throughout the site*/
#primary_navigation ul{
padding: 0;
margin: 0;
color: #ffffff;
list-style-type: none;
}

#primary_navigation ul li{
display: inline;
font-size: .95em;
}

#primary_navigation ul li a{
text-decoration: none;
padding: .2em 1em;
background-color: #E6C404;
color: #ffffff;
float: left;
border-right: 2px solid #000000;
}

#primary_navigation ul li a:hover{
text-decoration: none;
padding: .2em 1em;
background-color: #A58300;
color: #ffffff;
float: left;
border-right: 2px solid #000000;
}

/*Flash area: Home page only*/
#flash_area{
background-color:#ffffff;
width:496px;
height:260px;
clear:both;
padding:12px 12px 12px 12px;
margin: 40px 0 18px 0;
}

/*Main text: Home page only*/
#main_text{
clear:both;
}

.content{
width:540px;
background-color: #9D9551;
}

.content h1{
margin: 0px 15px 0 15px;
font-size: .9em;
color: #4F4006;
text-align: justify;
}
.content p{
margin: 5px 15px 0 15px;
font-size: .8em;
color: #ffffff;
text-align: justify;
}

.content a{
	color: #ffffff;
	text-decoration:underline;}
	
.content a:hover{
	color: #ffffff;
	text-decoration:none;}
	
/*
This CSS is for the form elements on the home page
*/
#main_select_fields{
clear:both;
}

.home_column{
margin: 50px 0;
width: 50%;
}

.home_column h2{
font-size: .9em;
color: #cccccc;
display: inline;
}

.home_column_input{margin: 5px 0; border: 1px solid #ffffff; background-color: #ffffff; color: #333333; width: 180px;}
.home_column_select{margin: 5px 0; border: 1px solid #000000; background-color: #ffffff; color: #333333; width: 200px;}
.home_column_button{margin: 5px 0 5px 15px; border: 1px solid #A58300; background-color: #A58300; color: #ffffff;}

/*Inner page definition
The content for the inner pages is within this div
Elements defined are: H1, A, and P
*/

#inner_page_area_definition{
width:540px;
clear:both;
margin: 40px 0 18px 0;
}

#inner_page_area_definition h1{
font-size: .9em;
color: #cccccc;
font-weight: normal;
margin-bottom: 20px;
}

#inner_page_area_definition h1 a{
color: #cccccc;
text-decoration: underline;
}

#inner_page_area_definition h1 a:hover{
color: #cccccc;
text-decoration: none;
}

#inner_page_area_definition p{
margin: 5px 40px 15px 0;
font-size: .8em;
line-height: 170%;
color: #cccccc;
text-align: left;
}

#inner_page_area_definition p a{
color: #cccccc;
text-decoration: underline;
}

#inner_page_area_definition p a:hover{
color: #cccccc;
text-decoration: none;
}

/*Product thumbnails
These are within the inner_page_definition DIC
*/
.item_thumbnail{
float: left; 
width: 93px;
border: 1px solid #999999;
background-color: #222222;
margin: 0 15px 15px 0;
padding: 5px;
text-align: center;
}
.item_thumbnail img{
margin-bottom: 5px;
border: 0;
}

.item_thumbnail h3{
display: inline;
font-size: .75em;
font-weight: normal;
color: #cccccc;}

.item_thumbnail h3 a{
color: #cccccc;
text-decoration: none;}

.item_thumbnail h3 a:hover{
color: #cccccc;
text-decoration: underline;}

/*
Product Display
The following defines the text and content for the 
individual product display pages. 
*/


#product_zoom{float: left;}
#product_display{float: right; width: 300px;}

#product_display h4{
display: inline;
font-size: .9em;
font-weight: normal;
color: #cccccc;
}

.item_thumbnail_large{
width: 200px;
border: 1px solid #999999;
background-color: #222222;
margin: 0 15px 15px 0;
padding: 5px;
text-align: center;
}
.item_thumbnail_large img{
margin-bottom: 5px;
border: 0;
}

.item_thumbnail_large h3{
display: inline;
font-size: .75em;
font-weight: normal;
color: #cccccc;}

/*
RHS and related elements
---------------------------
*/

#rhs{
float: right;
margin-top: 0;
margin-bottom: 100px;
width: 280px; /*Increased from 230 to 260*/
background-image: url(../images/interface/header_2.jpg); 
background-repeat: no-repeat;
}

#rhs_right{
float: right;
width: 8px;
background-color: #000000;
}

.item_block{
width: 220px;
}

/*Different spacing for the form based elements in the RHS column*/
.item_block_space_1{margin: 80px 0 20px 0;}
.item_block_space_2{margin: 20px 0 20px 0;}

.item_block_text{background-color: #E6C404;}

.item_block_text h2{
font-size: .9em;
font-weight: normal;
color: #ffffff;
margin: 10px 10px;
display: inline;}

.item_block_text form{display: inline;}
.item_block_input{margin: 10px 5px 10px 10px; border: 1px solid #ffffff; background-color: #ffffff; color: #333333; width: 130px;}
.item_block_select{margin: 10px 10px; border: 1px solid #000000; background-color: #ffffff; color: #333333; width: 200px;}
.item_block_button{margin: 10px 0 10px 0px; border: 1px solid #A58300; background-color: #A58300; color: #ffffff; width: 55px;}


/*
FOOTER and related elements
---------------------------
*/

#footer{
clear:both;
margin: 20px 10px 0 21px;
text-align: center;
}

.footer_boxes{
margin-bottom: 20px;
font-size: .75em;
color: #cccccc;
}

.footer_boxes h3{
font-size: 1em;
font-weight: normal;
display: inline;
}

/*A*/
.footer_boxes a{color: #cccccc;}
.footer_boxes a:hover{text-decoration: none;}


/*
COMMON
---------------------------
*/

.left{float: left;}
.right{float: right;}
.clearboth{clear:both;}

/*
REGISTRATION FORM
------------------
*/

#register_with_hansa fieldset {  
margin: 1.5em 1.5em 0 0;  
padding: 0;
}

#register_with_hansa {
color: #cccccc;
font-size: .8em;
}

#register_with_hansa legend {  
margin-left: 1em;  
font-weight: bold;
color: #cccccc;
}
#register_with_hansa fieldset ol {  
padding: 1em 1em 0 1em;  
list-style: none;
}
#register_with_hansa fieldset li {  
padding-bottom: 1em;
}

#register_with_hansa fieldset li p{  
margin: 0; padding: 0;
}

#register_with_hansa fieldset.submit {  
border-style: none;
}

#register_with_hansa label.type_left {  
float: left;  
width: 20em;  
margin-right: 1em; 
}

#register_with_hansa label.add_top {  
margin-top: 2em;
}