/* CSS Document */

body {
	background: #fff;
	margin: 27px;
	font: 10pt Arial, Helvetica, sans-serif;
	}
	
#container {
	width: 777px;
	margin: 0 auto;
	padding: 0;
	border: 0;
	}
	
#outline_top {
	background: url(/images/pagecomps/outline_top.gif);
	width: 777px;
	height: 15px;
	margin: 0;
	padding: 0;
	border: 0;
	font: 1px Arial;
	}
	
#outline_bottom {
	background: url(/images/pagecomps/outline_btm.gif);
	width: 777px;
	height: 15px;
	margin: 0;
	padding: 0;
	border: 0;
	font: 1px Arial;
	}
	
#outline_main {
	background: url(/images/pagecomps/outline_main.gif) repeat-y;
	margin: 0;
	padding: 0;
	border: 0;
	width: 777px;
	}
	
#header {
	width: 747px;
	border: 0;
	margin: 0 0 0 20px;
	padding: 0;
	background: url(/images/pagecomps/logo.gif) top left no-repeat;
	height: 99px;
	}
	
#logo {
	width: 635px;
	height: 75px;
	margin: 0 0 0 99px;
	padding: 4px 0 0 13px;
	border: 0;
	}
	
#header_bar {
	width: 648px;
	height: 20px;
	background: #0072bc url(/images/pagecomps/headerbar_curve.gif) top right no-repeat;
	margin: 0 0 0 99px;
	padding: 0;
	border: 0;
	font: 7pt Arial, Helvetica, sans-serif;
	}
	
h1 {
	background: url(/images/pagecomps/logotext.gif);
	width: 635px;
	height: 75px;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	}
	
h1 span {
	display: none;
	}
	
#currency_box {
	background: url(/images/pagecomps/currency_box.gif) top left no-repeat;
	width: 114px;
	height: 37px;
	margin: -3px 0 3px 0;
	padding: 5px 0 0 0;
	border: 0;
	float: right;
	text-align: center;
	font: 8pt Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight: bold;
	}
	
#creditcards_box {
	background: url(/images/pagecomps/creditcards.gif) top left no-repeat;
	width: 114px;
	height: 30px;
	margin: 0;
	padding: 0;
	border: 0;
	float: right;
	}
	
#session {
	width: 100px;
	float: left;
	font: 7pt Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 3px;
	}
	
#basketlinks {
	width: 312px;
	float: left;
	padding: 3px;
	font: 7pt Arial, Helvetica, sans-serif;
	text-align: center;
	color: #fff;
	}
	
#search {
	width: 186px;
	float: left;
	padding: 2px;
	font: 8pt Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: right;
	}
	
.orangeline {
	width: 747px;
	height: 2px;
	background: #ea7e1e;
	margin: 2px 0 0 15px;
	padding: 0;
	font: 1px Arial, Helvetica, sans-serif;
	}
	
#left_navigaton {
	width: 207px;
	margin: -2px 0 0 10px;
	padding: 0;
	border: 0;
	float: left;
	}

ul {
	
	margin: 0 0 -3px 0;
	padding: 0;
	}	
	
ul li {
	
	list-style-position: outside;
	margin-left: 0;
	padding: 0;
	}
		
.topnav {
	background: url(/images/pagecomps/cat_top_bg.gif) top left no-repeat;
	width: 187px;
	padding: 2px 10px;
	margin: 0 0 2px 0;
	font: 9pt Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
	border: 0;
	}
	
.basket_table {
	font: 9pt Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.navbasket {
	background: url(/images/pagecomps/basket_top.gif) top left no-repeat;
	width: 187px;
	padding: 2px 10px;
	margin: 0 0 2px 0;
	font: 9pt Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
	border: 0;
	}
	
.basket_total {
	background: url(/images/pagecomps/basket_top.gif) top left no-repeat;
	width: 187px;
	padding: 2px 10px;
	margin: 0 0 2px 0;
	font: 9pt Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
	border: 0;
	}
	
.whitebold {
	font: 9pt Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight: bold;
	}
	
.basket_checkoutlink {
	margin: 2px 10px;
	text-align: right;
	font: 9pt Arial, Helvetica, sans-serif;
	}

.mainnav a {
	background: #f7d2b3;
	width: 167px;
	padding: 2px 10px;
	margin: 0 0 2px 0;
	border: 0;
	font: 9pt Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	display: block;
	}
	
.mainnav a:hover {
	background: #f69e55;
	width: 167px;
	padding: 2px 10px;
	margin: 0 0 2px 0;
	border: 0;
	font: 9pt Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	display: block;
	}
	
#main_content {
	float: left;
	width: 540px;
	border: 0;
	margin: 4px 4px 10px 4px;
	padding: 0;
	}
	
#footer {
	clear: left;
	width: 747px;
	margin: 0 0 0 15px;
	padding: 0;
	border: 0;
	}

.footer_text {
	clear: left;
	width: 747px;
	margin: 0;
	padding: 0;
	font: 8pt Arial, Helvetica, sans-serif;
	color: #000;
	text-align: center;
	}
	
.footer_left {
	width: 303px;
	border: 0;
	margin: 2px 0 0 0;
	padding: 2px 4px;
	font: 8pt Arial, Helvetica, sans-serif;
	color: #000;
	background: #f7d2b3;
	float: left;
	}
	
.footer_right {
	width: 303px;
	border: 0;
	margin: 2px 0 0 0;
	padding: 2px 4px;
	background: #f7d2b3;
	font: 8pt Arial, Helvetica, sans-serif;
	color: #000;
	text-align: right;
	float: left;
	}
	
.footer_mid {
	background: url(/images/pagecomps/webmonkey2.gif);
	width: 125px;
	height: 19px;
	margin: 0;
	padding: 0;
	float: left;
	}
	
.cat_title_desc {
	    float: left;
	    margin: 5px;
	    padding: 2px;
	    width: 380px;
	    border: 0;
}

.cat_orange_line {
	width: 541px;
	height: 2px;
	background: #ea7e1e;
	margin: 0;
	padding: 0;
	clear: left;
	font: 1px Arial, Helvetica, sans-serif;
	}
	
.thumbnail {
    	width: 127px;
	border: 0;
	margin: 0 2px 2px 2px;
	padding: 0;
	float: left;
}

#index_col1 {
    	width: 315px;
	float: left;
	padding: 0;
	margin: 0;
	border: 0;
}

.index_welcome {
    	width: 295px;
	height: 156px;
	margin: 0;
	padding: 10px;
	background: #0071bc url(/images/pagecomps/welcomebg.gif) top left no-repeat;
}

.featuredbox_top {
    width: 295px;
	margin: 0px 0 0 0;
	padding: 5px 10px;
	background: #004573;
}

.featuredbox_top p {
color:#FFFFFF;
}

#index_col2 {
    	width: 220px;
	border: 0;
	margin: 0;
	padding: 0;
	float: right;
}

.balloonsinbox_header {
    	background: url(/images/pagecomps/balloonsinbox_header.gif) top left no-repeat;
	width: 200px;
	height: 16px;
	font: 1px arial;
	margin: 6px 0 0 7px;
	padding: 0;
}

.balloonsinbox_header span {
    	display: none;
}

.balloonsinbox {
    	width: 95px;
	margin: 2px 0 6px 7px;
	padding: 5px 97px 0 5px;
	border: 0;
	background: url(/images/pagecomps/balloonbox.gif) top right no-repeat;
	height: 165px;
	font: 10pt Arial, Helvetica, sans-serif;
	color: #0071bb;
	font-weight: bold;
	line-height: 11pt;
}

.balloon_warehouse {
    width: 95px;
	margin: 2px 0 6px 7px;
	padding: 5px 97px 0 5px;
	border: 0;
	background: url(/images/pagecomps/balloonbox.gif) top right no-repeat;
	height: 115px;
	font: 10pt Arial, Helvetica, sans-serif;
	color: #0071bb;
	font-weight: bold;
	line-height: 11pt;
}

.deliveryinfo_header {
    	background: url(/images/pagecomps/delivery_header.gif) top left no-repeat;
	width: 200px;
	height: 16px;
	font: 1px arial;
	margin: 6px 0 0 7px;
	padding: 0;
}

.deliveryinfo_header span {
    	display: none;
}

.custom_header {
    background: url(/images/pagecomps/custom_header.gif) top center no-repeat;
	width: 200px;
	height: 16px;
	font: 1px arial;
	margin: 6px 0 0 7px;
	padding: 0;
}

.custom_header span {
    	display: none;
}

.quality_header {
    	background: url(/images/pagecomps/quality_header.gif) top center no-repeat;
	width: 200px;
	height: 16px;
	font: 1px arial;
	margin: 6px 0 0 7px;
	padding: 0;
}

.quality_header span {
    	display: none;
}

.quality_header {
    background: url(/images/pagecomps/quality_header.gif) top left no-repeat;
	width: 200px;
	height: 16px;
	font: 1px arial;
	margin: 6px 0 0 7px;
	padding: 0;
}

.warehouse_header {
    background: url(/images/pagecomps/warehouse_header.gif) top left no-repeat;
	width: 200px;
	height: 16px;
	font: 1px arial;
	margin: 6px 0 0 7px;
	padding: 0;
}
.box_header {
    background: url(/images/pagecomps/box_header.gif) top left no-repeat;
	width: 200px;
	height: 16px;
	font: 1px arial;
	margin: 6px 0 0 7px;
	padding: 0;
}
.box_header span, .warehouse_header span {
    	display: none;
}

.custom_image {
    	width: 150px;
	margin: 0;
	padding: 5px 5px 0 47px;
	border: 0;
	background: url(/images/pagecomps/autogas_sm.gif) bottom left no-repeat;
	height: 103px;
	font: 10pt Arial, Helvetica, sans-serif;
	color: #0071bb;
	text-align: right;
	line-height: 11pt;
	font-weight: bold;
}


.accountBox {
    	width: 248px;
	margin: 3px;
	padding: 7px;
	background: #fff;
	border: 1px solid #0071bc;
	float: left;
}
