@charset "iso-8859-1";
* {border:0;}
body {position:relative; text-align:center; margin:0 auto; font:100% Arial,Tahoma,Verdana,Helvetica,Sans-Serif; color:#111111; background:url(../images/bg_main.gif) bottom left repeat-x #f1f1f1 fixed; height:100%;}
#wrapper {position:relative; width:1000px; margin:0 auto; text-align:left;}

h1 {font-size:26px; font-weight:normal; color:#000000;}
h2 {font-size:20px; font-weight:normal;}
h3 {font-size:16px;}

a {color:#007dba; text-decoration:none;}
a:hover {color:#ff9d01;}
a:focus {outline:none;}


/*================== header ====================*/
.header {float:left; width:100%; margin:22px 0 20px 0;}
.header_left {float:left; width:270px;}
.header_left a {float:left; margin:20px 0 0 30px;}

.header_right {float:right; width:720px;}

.header_basket {min-width:80px; float:right; border:1px solid #d3d6d8; background-color:#ffffff; margin-right:30px;}
.header_basket a {color:#000000;}
.header_basket a:hover {color:#ff9d01;}
.header_basket strong {font-weight:bold; font-size:16px;}
.header_basket_left, .header_basket_left_full {float:left; min-width:80px; padding:10px 10px 10px 44px; background:url(../images/icon_basket.gif) left center no-repeat; font-size:14px;}
.header_basket_left_full {background:url(../images/icon_basket_full.gif) left center no-repeat;}

.header_right ul {float:right; margin:15px 30px 0 0; padding:0; list-style:none; font-size:16px; text-transform:uppercase; font-weight:bold; color:#c3c5c6; clear:right;}
.header_right li {float:left;}
.header_right li span {width:20px; text-align:center; display:block;}
.header_right li a {color:#000000; display:block; padding:3px 0 3px 0;}
.header_right li a:hover {color:#ff9d01;}
.header_right li a.on {color:#ff9d01;}
.header_right li a:hover.on {color:#000000;}


/*================== content ====================*/
.content {float:left; width:100%; min-height:300px; font-size:13px;}

.content_main {float:left; width:940px; padding:0 30px 0 30px;}

.home_prods {float:left; width:100%; padding:10px 0 15px 0; border-top:3px solid #a1a4a7; border-bottom:3px solid #a1a4a7; margin-top:15px;}
.home_prods a {float:left; width:300px; margin-right:20px; color:#333333;}
.home_prods img {width:300px; height:200px;}
.home_prods h2 {margin-top:0; margin-bottom:0; padding-bottom:5px; font-size:19px; font-weight:normal; color:#000000; border-bottom:2px solid #a1a4a7;}
.home_prods p {font-size:12px; margin-top:10px;}
.home_prods a:hover h2 {color:#000000; border-bottom:2px solid #ff9d01;}

.home_arts {float:left; width:100%; padding-bottom:15px; margin-top:25px;}
.home_arts a {float:left; width:220px; margin-right:20px; color:#333333;}
.home_arts img {width:220px; height:140px;}
.home_arts h2 {margin-top:5px; margin-bottom:0; padding-bottom:5px; font-size:19px; font-weight:normal; color:#000000; border-bottom:2px solid #a1a4a7;}
.home_arts p {font-size:12px; margin-top:10px;}
.home_arts a:hover h2 {color:#000000; border-bottom:2px solid #ff9d01;}


.sectionloop {float:left; width:940px; padding:0 30px 0 30px;}
.sectionloop a {float:left; width:174px; height:170px; color:#000000; margin-right:17px;}
.sectionloop img {width:174px; height:116px;}
.sectionloop h3 {margin-top:0; padding-top:5px; font-size:12px; font-weight:normal; color:#000000; border-top:2px solid #a1a4a7; margin-top:3px;}
.sectionloop a:hover h3 {color:#000000; border-top:2px solid #ff9d01;}

.producttop {float:left; width:100%; padding-top:20px;}
.producttopleft {float:left; width:600px; padding-right:10px; border-right:1px solid #cccccc;}
.producttoplefttop {float:left;}
.producttoplefttop img {float:left; width:600px; height:400px; margin-bottom:10px;}
.producttopleftbot {float:left;}
.producttopleftbot img {float:left; width:115px; height:77px;}
.producttopleftbot a {float:left; margin-right:6px;}
.producttopright {float:right; width:370px;}
.producttopright h1 {margin-top:5px;}

.producttab {float:left; width:940px; padding:0 30px 0 30px; margin-top:40px; background:url(http://www.fat-man.co.uk/images/bg_grey3.gif) bottom repeat-x;}
.producttab h2 {font-size:18px; font-weight:normal;}
.producttabtitle {margin:0 5px 0 0; float:left; padding:8px 10px 8px 10px; background-color:#c3c4c6;}
.producttabtitle a {color:#000000;}
.producttabtitle a:hover {color:#ffffff;}
.producttabtitle_off {margin:3px 5px 0 0; float:left; padding:7px 10px 3px 10px; background-color:#dededf;}
.producttabtitle_off a {color:#007dba;}
.producttabtitle_off a:hover {color:#ffffff;}

.producttabcontent {float:left; width:940px; padding:0 30px 0 30px;}
.producttabcontent1 {clear:both; display:block; padding:0 10px 10px 0;  overflow:hidden;}
.producttabcontent2 {clear:both; display:none; padding:0 10px 10px 0; overflow:hidden;}

.productwhole {float:left; width:100%; margin-top:15px; min-height:150px;}



/*================== cart / checkout ====================*/
.loz-1 {float:left; clear:both; width:100%; background-color:#e6e6e6;}
.loz-2 {float:left; clear:both; width:100%; border-bottom:1px dotted #dddddd;}
.loz-3 {float:left; clear:both; width:100%; border-top:1px dotted #dddddd;}
.loz-4 {float:left; clear:both; width:100%; border-top:1px dotted #dddddd; border-bottom:1px dotted #cccccc;}
.loz-5 {float:left; clear:both; width:100%;}
.loz-6 {float:left; clear:both; width:100%;}

.col-1a {float:left; width:72px; padding:5px 10px 5px 10px;}
.col-1a img {border:1px solid #dfdfdf; height:60px; width:60px; background-color:#ffffff; padding:5px;}
.col-1b {float:left; width:448px; padding:5px;}
.col-1c {float:left; width:80px; padding:5px; text-align:right;}
.col-1d {float:left; width:80px; padding:5px; text-align:right;}
.col-1e {float:left; width:90px; padding:5px; text-align:right;}
.col-1f {float:left; width:100px; padding:5px; text-align:right;}

.col-2a {float:left; width:725px; padding:5px 5px 5px 10px;}
.col-2b {float:left; width:80px; padding:5px; text-align:right;}

.col-3a {float:left; width:347px; padding:5px 5px 5px 10px;}
.col-3b {float:left; width:297px; padding:5px;}
.col-3c {float:left; width:247px; padding:5px 5px 5px 10px;}

.col-4a {float:left; width:557px; padding:5px 5px 5px 10px;}
.col-4b {float:left; width:80px; padding:5px; text-align:right;}
.col-4c {float:left; width:80px; padding:5px; text-align:right;}
.col-4d {float:left; width:80px; padding:5px; text-align:right;}

.col-5a {float:left; width:330px; padding:5px 5px 5px 10px;}
.col-5b {float:left; width:330px; padding:5px 5px 5px 10px;}


/*================== footer ====================*/


.footer {float:left; clear:both; width:940px; margin:20px 30px 40px 30px;}
.footer_content {float:left; clear:both; width:900px; padding:20px; background-color:#f5f5f5; font-size:12px;}
.footer_content a {color:#000000;}
.footer_content a:hover {color:#ff9d01; text-decoration:none;}

.footer_panels {float:left;}
.footer_panels h2 {margin:0; padding:10px; font-size:17px;}
.footer_panels p {margin:0; padding:0 10px; margin-bottom:10px;}
.footer_panels ul {list-style:square; margin:0; padding-left:25px; padding-top:0;}

.one {width:230px; margin-right:10px;}
.two {width:400px;}

.copyright {float:left; width:100%; clear:both; padding-top:20px; font-size:12px; text-align:center; color:#737373;}


/*================== forms ====================*/
form {margin:0; padding:0;}
.input, .button, input.btn, input.btn2, input.btnsignup, textarea {padding:4px; font-family:Arial,Tahoma,Verdana,Helvetica,Sans-Serif; font-size:12px; color:#353535; border:1px solid #ceced1; background-color:#ffffff;}
.input:focus, textarea:focus {outline:none; border:1px solid #aaa; background-color:#ffffff;}

input.btn {font-weight:bold; color:#ffffff; border:0; cursor:pointer; background-color:#007dba; padding:5px;}
input.btnhov {background-color:#ff9d01;}
input.btn2 {font-weight:bold; color:#ffffff; border:0; cursor:pointer; background-color:#7ccef6; padding:5px;}
input.btn2hov {background-color:#ff9d01;}
input.btnsignup {font-weight:bold; color:#ffffff; background-color:#007dba; border:0; cursor:pointer;}
input.btnsignuphov {background-color:#ff9d01;}

.rowcontent {width:100%; float:left; border-top:1px dotted #dddddd; padding:5px 0 5px 0; clear:both;}
.rowcontent2 {width:100%; float:left; padding:5px 0 5px 0; clear:both;}
.rowcontent3 {width:100%; float:left; padding:5px 0 5px 0; clear:both; background-color:#eee;}
.columnleft {width:40%; float:left; padding-top:4px;}
.columnright {width:60%; float:left;}
.rowerror {width:100%; float:left; padding:0 0 5px 0; clear:both;}
.texterror {color:#dd0000;}

.textblue {color:#5697ee;}
.textwhite {color:#ffffff;}
.textcenter {text-align:center;}