/* css */
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 77%;
	margin: 0px;
	padding: 0 0 50px 0;
	background-color: #000000;
}

a{ color: #F0FDC5; }
a:hover{ color: #9FEC43; }

h1, h2, h3, h4, h5 {
	font-family:Helvetica,Ariel,sans-serif;
	padding:0 0 10px 0;
	margin: 0;
    font-size: 108%; 
    font-weight:normal; 
}

h1 { 
    /*18px via YUI Fonts CSS foundation*/ 
    font-size:138.5%;   
} 
h2 { 
    /*16px via YUI Fonts CSS foundation*/ 
    font-size:123.1%;  
} 
h3 { 
    font-size:116%;   
} 
h4 { 
    /*14px via YUI Fonts CSS foundation*/ 
    font-size:108%;   
} 
h5 { 
    font-size:100%;   
}

h1,h2,h3,h4,h5,h6,strong { 
   /*bringing boldness back to headers and the strong element*/ 
   font-weight:bold;  
} 

input {
	padding: 0;
	margin: 0;
}

.clear {
	clear:both;
}

input.button{ border: 0; background-color: #00CC00; color: #f0fdc5; padding: 2px 4px; font-weight: bold; font-size: 93%; cursor: hand;}

.error{ font-weight: bold; color: red; margin: 5px 0 10px 0; }

#container {
	margin:0 auto;
	padding:0;
	width:800px;
}

a.green{ color: #00CC00; }
a.green:hover{ color: #20282C; }

#header{ background-color: #000000;}
#header .logo{ float: left; width: 73px; height: 39px; margin-left: 363px;}
#header .clock{ float: right; width: 30px; }
#header .menu{ width: 785px; padding-right: 15px; text-align: right; background-color: #38425a; line-height: 20px; color: #F0FDC5;}
#header .menu a{ text-decoration: none;}
#header .home_top_left{ float: left; width: 530px; padding: 0 0 0 20px; }
#header .home_top_left, #header .home_top_right{ color: #ffffff; font-size: 138.5%; font-weight: bold; margin-top: 15px; }
#header .home_top_right{ float: left; width: 228px; height: 196px; padding: 0; text-align: center; margin: 35px 0 0 10px; border: 1px solid #ffffff;}
#header .home_top_left p{ margin: 0 0 12px 0; font-size: 93%;}

#content_holder{ width: 800px; background-color: #38425a; }

#content_holder #left_box { float: left; width: 170px; background-color: #38425a; }
#content_holder #left_box ul{ padding-left: 20px; margin: 0; }
#content_holder #left_box ul li{ list-style: none; } 
#content_holder #left_box ul li.current a{ color: #9FEC43; } 
#content_holder #left_box ul li a{ color: #F0FDC5; text-decoration: none; font-weight: bold; }
#content_holder #left_box ul li a:hover{ color: #9FEC43; }
#content_holder #left_box ul li a.pink{ color: #E4227B; text-decoration: none; font-weight: bold; }
#content_holder #left_box ul li a.pink:hover{ color: #9FEC43; }
#content_holder #left_box ul li.sub a{ font-size: 77%; padding-left: 5px; }
#content_holder #left_box ul li.sub_current a{ font-size: 77%; padding-left: 5px; color: #9FEC43;  }

#content_holder #content{ float: left; width: 600px; background-color: #f0fdc5; padding: 15px;}
#content .promo{ float: left; height: 190px; width: 440px; height: 275px; background-color: #20282b; }
#content .promo_ads{ float: left; width: 150px; margin-left: 10px;}
#content .promo_ads a.ad { display: block; width: 140px; height: 55px; padding: 5px; color: #ffffff; background-color: #38425a; margin-bottom: 5px; text-align: center; text-decoration: none;}
#content .promo_ads a.ad .small{ font-size: 77%; }
#content .promo_ads a.ad:hover{ color: #F0FDC5; background-color: #00CC00;}
#content .title{ margin: 15px 0 0 0; }
#content .intro{ font-size: 100%; }
#content .text{ margin-top: 0; }
#content table{ background-color: #D6E1DF; margin: 10px 0 20px 0;}
#content table td{ border: 1px solid #F0FDC5; }

#content ul{ padding-top: 0; margin-top: 0;}
#content ul a,
#content .text a{ color: #00CC00; }
#content ul a:hover, 
#content .text a:hover{ color: #20282C; }

#content .product_promo { width: 110px; height: 190px; float: left; text-align: center; padding-top: 40px} 
#content .product_promo a{ color: #00CC00; }
#content .product_promo a:hover{ color: #20282C; }
#content .product_promo img{ border: 0; }

#content .product_list { width: 113px; height: 230px; margin-right: 20px; float: left; text-align: center;}
#content .product_list a{ color: #00CC00; }
#content .product_list a:hover{ color: #20282C; }
#content .product_list img{ border: 0; }

#content .category_list { width: 113px; height: 230px; margin-right: 20px; float: left; text-align: center;}
#content .category_list a{ color: #00CC00; }
#content .category_list a:hover{ color: #20282C; }
#content .category_list img{ border: 0; }

#content .col_1{ float: left; width: 200px; margin-right: 15px; text-align: center; }
#content .col_1 img, #content .col_1 a img{ margin-bottom: 20px; border: 0; }
#content .col_2{ float: left; width: 205px; margin-right: 15px; }
#content .col_3{ float: left; width: 150px; }

#footer{ background-color: #38425a; line-height: 20px; color: #F0FDC5; padding-left: 170px; font-size: 93%; }
#footer a{ text-decoration: none; color: #F0FDC5; }
#footer a:hover{ color: #9FEC43; }

.item_title{ float: left; width: 100px; ;margin-right: 5px; margin-bottom: 3px; padding-top: 3px;}
.item_price{ float: left; width: 50px; margin-right: 5px; margin-bottom: 3px; padding-top: 3px;}
.item_button{ float: left; width: 45px; margin-bottom: 3px;}
.item_button .add_item{ border: 0; background-color: #00CC00; color: #f0fdc5; padding: 2px 4px; font-weight: bold; font-size: 93%; cursor: hand;}

.spec_title{ font-weight: bold; }
.spec_value{ margin-bottom: 10px; }

.prices_header{ font-size: 102%; font-weight: bold; border-bottom: 1px solid #38425A; margin-bottom: 5px; }

.strap_list{ margin-bottom: 20px; width: 580px; }
.strap_list .title{ font-size: 138%; font-weight: bold; padding-bottom: 5px; }
.strap_list .desc{ padding-bottom: 5px; }
.strap_list .price{ float: left; width: 110px; padding-top: 1px; margin-top: 5px; font-size: 123%; font-weight: bold;}
.strap_list .button{ float: left; width: 200px; margin-top: 5px; }
.strap_list .button .add_item{ border: 0; background-color: #00CC00; color: #f0fdc5; padding: 2px 4px; font-weight: bold; font-size: 93%; cursor: hand;}

.markerkit_list{ margin-bottom: 20px; width: 580px; }
.markerkit_list .detail{ float: left; width: 150px; margin: 0 20px 20px 0; text-align: center; }
.markerkit_list .detail a{ color: #20282C; display: block; margin-top: 5px;}
.markerkit_list .detail a:hover{ color: #00CC00; }

#content .kitcol_1{ float: left; width: 430px; margin-right: 20px; }
#content .kitcol_1 .item_price{ float: left; width: 60px; margin-right: 5px; }
#content .kitcol_1 .item_colour{ float: left; width: 90px; margin-right: 5px; }
#content .kitcol_1 .item_button{ float: left; width: 100px; }
#content .kitcol_2{ float: left; width: 150px; padding-top: 20px;}
#content .kitcol_2 img{ display: block; margin-bottom: 10px; }

#content table.basket{ background-color: #F0FDC5; }
#content table.basket .box_image{ width: 113px; padding: 7px 5px 5px 5px; }
#content table.basket .box_info{ width: 230px; padding: 7px 5px 5px 5px; }
#content table.basket .box_info .box_title{ font-size: 123%; margin: 0 0 5px 0; font-weight: bold;}
#content table.basket .box_info .box_small{}
#content table.basket .box_price{ width: 70px; padding: 7px 5px 5px 5px; }
#content table.basket .box_qty{ width: 70px; padding: 7px 5px 5px 5px;}
#content table.basket .box_button{ width: 100px; padding: 7px 5px 5px 5px;}
#content table.basket .box_spacer{border-bottom: 1px solid #cccccc; height: 1px; line-height: 1px; font-size: 1px;}

.form_header{ font-size: 123%; font-weight: bold; margin: 10px 0;}
.form_title{ width: 100px; float: left; margin-bottom: 5px; }
.form_title1{ width: 70px; float: left; margin-bottom: 5px; }
.form_value{ float: left; width: 300px; margin-bottom: 5px; }
.form_value1{ float: left; width: 150px; margin-bottom: 5px; }
.form_value input, .form_value textarea, .form_value select{ width: 230px; }