/*** reset some defaults ***/
html,body { margin:0; padding:0; margin-bottom:40px; }
xxxxp { margin:0 0 1em 0; padding:0; }
h1 { margin:0 0 .7em 0; padding:0; }
form { margin:0; padding:0; } 
ul { margin:0; padding:1em; margin-left:16px; }
/***************************/

div { border:0px dotted #efefef; }

body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:75%; background:url(images/page_bg.png) repeat-x;  color:#333333; }

h1,h2,h3 { color:#96001B; font-family:Arial, Verdana, Helvetica, sans-serif; font-weight:lighter; }
h3 { font-weight:bold; }

a { color:#ff6600; font-weight:bold; text-decoration:none; }
a:hover { color:#750014; text-decoration:underline; }

#wrapper { margin:5px auto; width:940px; border:1px solid #c8c8c8; 	background-color:#ffffff;  } 

#logo_div { float:left; margin:15px 0 5px 30px; width:200px; }

#top_nav { float:right; margin:12px 30px 1em 0; width:500px; text-align:right; }
#top_nav a { margin-left:20px;  }

#header_caption { clear:both; background:#FF3400;  margin:0; padding-left:40px; }
#header_caption H1 { margin:0; padding:0; color:#000; font-size:1em; font-weight:bold; }
#header_caption { display:none; }

#header_img { clear:both; height:117px; background:url(images/headers/1b.jpg) top right no-repeat; }

#nav, #subnav { height:30px; padding:0 30px; background:#96001B; border-bottom:1px solid #c8c8c8; }

#nav div { float:left; height:22px; padding-top:8px; }
#nav div:hover { background-color:#750014; }
#nav div.selected{ background:#ff6600; }
#nav a { margin:0 20px; color:#ffffff; font-weight:bold; text-decoration:none; }

#subnav { margin-left:0px; background:url(images/left_right_fade.png) no-repeat bottom left #ffffff; border-bottom:0; }
#subnav div { float:left; height:22px; padding-top:8px; }
#subnav a { color:#ff6600; padding-right:20px; font-weight:bold; text-decoration:none; }
#subnav a:hover { text-decoration:underline; color:#750014; }
#subnav a.selected { color:#750014; }

#content { margin-top:30px; margin-left:30px; clear:both; }
#content h1 {  }

/*** single column spans whole content area ***/
#c1_1 { margin:0 30px; }

/*** 2 columns ***/
#c1_2 { float:left; margin-right:30px; width:500px; }
#c2_2 { float:left; margin-right:30px; width:340px; }

/*** ration packs page ***/
#co1_2 { float:left; margin-right:30px; width:200px; }
#co2_2 { float:left; margin-right:30px; width:650px; }

#content div { xbackground:#33FFFF;  }

#footer { clear:both; margin-top:30px; padding:8px 30px; background:url(images/left_right_fade.png) no-repeat top left; }

.end_floats { clear:both; }

table { background:#cccccc; margin:2em 0; }
td { padding:3px 6px; background:#fafafa; }
.td1 { background:#fafafa; }
.td2 { background:#efefef; }
.td3 { background:#e0e0e0; }


#page_subnav_wrapper { background:url(images/left_right_fade.png) no-repeat top right; }
.page_subnav { padding:8px 0; background:url(images/left_right_fade.png) no-repeat bottom right; }
.page_subnav a { margin-left:20px; color:#ff6600; text-decoration:none; font-weight:bold; }
.page_subnav a:hover, .page_subnav a.selected { color:#750014; }

/*** ration packs page ***/
#ration_pack_wrapper { height:240px; padding:1em 0 0 0; background:url(images/left_right_fade.png) left top no-repeat; }
#pack_img { float:left; width:350px; }
#add_basket_form { float:left; margin-left:60px; }
#pack_details { float:left; margin:2em 0 0 60px; }
#pack_details table { margin:0; padding:0; }

/**** bespoke page ***/
#select_components_wrapper h3 { margin:.5em 0; padding:.5em 0; background:url(images/left_right_fade.png) no-repeat right top; }
.component_subnav { }
.component_subnav a { color:#ff6600; text-decoration:none; font-weight:bold; line-height:1.5em; }
.component_subnav a:hover { color:#750014; }
#bespoke_pack_img { float:left; width:350px; }
#bespoke_pack_info { float:left; margin-left:20px; }
#bespoke_components_list { float:left; width:350px;  }
#bespoke_components_list table { margin:0; padding:0; background:#ffffff; }
#bespoke_registration_form { float:left; margin-left:20px; }

/**** components page ***/
.component_wrapper { margin:0; padding-top:20px;  background:url(images/left_right_fade.png) no-repeat top left;  }
.component_name_img { float:left; width:225px; }
.component_name_img img { margin:1em 20px 0 0; }
.component_table { float:left; margin-left:20px; width:160px;   }
.component_table table { margin:0; padding:0; }	
.add_basket_form { float:left; width:200px; margin:0 0 0 20px; padding:0; }

.panel { float:right; }