@charset "utf-8";
/* CSS Document */

* {
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
}

body {padding: 0px; margin: 0px; font-family: Myriad pro, Century Gothic, Century; font-size: 13px; color: #000;}
img {border: 0px;}
ul {padding: 0px; list-style-type: none;}
a {text-decoration:none; color: #000;}
h1, h2 {color: #00011F; font-size: 22px; font-weight: normal; line-height: 22px;}

h2 { font-size: 23px; font-weight: normal; line-height: 0px; padding: 7px 0px 15px 0px; }

body.aboutUs h2 { font-size: 20px; padding-top: 10px; }

h3 { font-size: 13px; font-weight: normal; padding-top: 10px; display: block;}
p { margin: 0px 0px 8px 0px;}

input:focus,
select:focus,
textarea:focus {
    outline: none;
}

.small {color: #FFF; font-size: 11px;}
.medium {font-size: 16px;}
.big {font-size: 21px;}
.massive {font-size: 28px;}
.huge {font-size: 36px;}
.bold {font-weight: bold;}
.italic {font-style: italic;}

.grey {color: #666;}
.darkblue {color: #1B4156;}
.blue {color: #7BD3F7;}
.black {color: #000;}
.brown {color: #684E0B;}
.green {color: #26A35B;}
.lightbrown {color: #C9A88A;}
.white {color: #FFF;}
.purple {color: #58123E;}

.sendbutton { border: 0px; background: transparent; font-style: italic; position: absolute; bottom: 8px; right:75px;}
.sendbutton:hover {cursor: pointer;}

.send_position { margin: 10px 62px 10px 0px; float: right; height: 16px !important; text-align: center; width: 100px !important;}

.list {
	list-style-position: outside;
	margin: 0px;
}

.contactinput {
	font-family: Tw Cen MT, Century Gothic, Century; 
	font-size: 12px; 
	border: 1px solid #CCC;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 4px 4px 4px 4px;
	background: #FFFFFF;
	-webkit-box-shadow: inset #ddd 1px 1px 2px; 
	-moz-box-shadow: inset #ddd 1px 1px 2px; 
	box-shadow: inset #ddd 1px 1px 2px;
	float: right;
	margin-right: 62px;
}

.form_text {
	line-height: 31px;
}
	
.div_link {
	height: 16px;
	width: 80%;
	background: url(images/div_link.png) no-repeat top right;
}

.div_link:hover {
	background: url(images/div_link.png) no-repeat bottom right;
	cursor: pointer;
}

#headerholder, #middleholder, #footerholder, #menuholder, #sliderholder, #linkholder, #multisliderholder {
	position:relative;
	height:100%;
	width:100%;
	overflow: hidden;
}

#sliderholder {
	background: url(images/home_slider_background.png) repeat-x;
}

#headerholder {
	background: #00011F;
}

#middleholder {
	background: #F6F6F6 url(images/under_header_line.png) no-repeat top center;
}

#footerholder {
	background: #DBDCDE;
}

#footerholder {
	border-bottom: 1px solid #000000;
}

#linkholder {
	background: #DBDCDE url(images/white_border.png) repeat-x;
}

#headercontent, #middlecontent, #footercontent, #menucontent, #slidercontent, #linkcontent, #multislidercontent, #altheadercontent {
	position:relative;
	margin: auto;
	width: 800px;
	border: 0px dashed #000;
	min-height: 50px;
}

#altheadercontent {
	height: 100px;
}

#menucontent {
	background: url(images/logo.png) no-repeat 17px 5px;
	height: 80px;
}

#headercontent {
	background: url(images/header_animation_stage1.png) no-repeat;
	height: 362px;
}

#slidercontent {
	height: 220px;
}

#linkcontent {
	padding-top: 15px;
	height: 200px;
}

.section {
	position: relative;
	float: left;
	width: 250px;
	margin-top: 15px;
	margin-right: 10px;
}

.double_section {
	position: relative;
	float: left;
	width: 520px;
	margin-top: 15px;
	margin-right: 10px;
}

.footer_img {
	margin: 15px 5px 5px 5px;
	float: right;
	cursor: pointer;
}

.flickr_img {
	position: absolute;
	top: 53px;
	right: 57px;
	cursor: pointer;
}

/* SCROLL */
.scroll_down {
	position: absolute;
	top: 0px;
	right: 100px;
	width: 50px;
	height: 62px;
	background: url(images/scroll_down_button.png) no-repeat top left;
}

.scroll_down:hover {
	background: url(images/scroll_down_button.png) no-repeat bottom left;
	cursor: pointer;
}

.scroll_up {
	position: absolute;
	top: 0px;
	right: 100px;
	width: 50px;
	height: 62px;
	background: url(images/scroll_up_button.png) no-repeat top left;
}

.scroll_up:hover {
	background: url(images/scroll_up_button.png) no-repeat bottom left;
	cursor: pointer;
}

/* TOP LINKS */
.top_links_green, .top_links_blue {
	float: right;
	clear: both;
	height: 28px;
	width: 200px;
	margin-top: 0px;
	padding: 4px 17px 0px 0px;
	text-align: right;
	text-shadow: 1px 1px 1px #00011F;
}

.top_links_green {
	margin-top: 10px;
	background: url(images/call_us_header_button.png) no-repeat;
}

.top_links_blue {
	background: url(images/menu_header_buttons.png) no-repeat;
}

/* BIG FLAME */

.big_flame {	
	opacity: 0.8;
	position: absolute;
	top: 40px;
	left: 148px;
}

.gas_button {
	background: url(images/animation_turn_button.png) no-repeat;
	width: 59px;
	height: 59px;
	position: absolute;
	top: 280px;
	left: 443px;
}

.gas_button_up, .gas_button_down {
	float: left;
	width: 20px;
	height: 58px;
	margin-right: 5px;
}

/* TOP MENU */
ul.menu {
	text-align: center;
	padding-top: 48px;
	list-style-type: none; 
}
	
ul.menu a {
	font-weight: bold;
	float: right;
	text-align: left;
	padding: 8px 20px 8px 20px;
	margin-right: 5px;
	color: #00011F;
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
}

ul.menu a:hover, li.menuactive a {
	background-color: #00011F;
	color: #FFFFFF;
}
	
li.menu {
	float: right;
	text-align:center;
	display: block;
}

/* SUB MENU */
.sub_menu {
	position: fixed;
	top: 92px;
	right: 50%;
	margin-right: -400px;
	width: 302px;
	height: 0px;
	background: url(images/drop_down_background.png) no-repeat top left;
}

.sub_menu_link {
	position: relative;
	width: 140px;
	height: 20px;
	border-bottom: 1px dotted #000000;
	background: url(images/inside_drop_down_button.png) no-repeat top right;
	margin-left: 20px;
	margin-top: 20px;
	display: none;
}

.sub_menu_link:hover {
	background: url(images/inside_drop_down_button.png) no-repeat bottom right;
	cursor: pointer;
	color: #26A35B;
}

.sub_sub_menu_link {
	position: absolute;
	width: 124px;
	right: 0px;
	top: 89px;
}

.sub_sub_menu_link, .first, .second, .third, .fourth, .fifth {
	display: none;
} 

/* FADE */
#fade {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: #000;
	-moz-opacity:.40; 
	filter:alpha(opacity=40); 
	opacity:.40; 
	display: none;
	z-index: 100;
}

#picture_holder {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -100px;
	margin-left: -150px;
	width: 300px;
	height: 200px;
	display: none;	
	background: #CCC;
	z-index: 101;
	border: 5px solid #000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-repeat: no-repeat;
}

.popup_title {
	font-weight: bold;
	position: absolute;
	top:20px;
	right: 10px;
	width: 280px;
	height: 20px;
	display: none;
}

.popup_description {
	position: absolute;
	top: 50px;
	right: 10px;
	width: 280px;
	height: 160px;
	display: none;
}

.popup_contact_details {
	position: absolute;
	bottom: 35px;
	right: 10px;
	width: 280px;
	height: 100px;
	display: none;
}

.controls {
	position: absolute;
	bottom:0px;
	width: 100%;
	height: 40px;
	padding: 10px;
	background: #000000;
}

.close_button {
	float:right;
	cursor:pointer;
}

.prev_button, .next_button {
	cursor:pointer;
}

/* HOME PAGE */

.slogan {
	position: absolute;
	bottom: 23px;
	left: 20px;
	width: 400px;
	height: 50px;
	color: #FFFFFF;
	font-size: 16px;
}

.contact_banner {
	position: absolute;
	bottom: 30px;
	right: 0px;
	width: 280px;
	height: 50px;
	color: #FFFFFF;
}

.arrow_list {
	list-style-position: outside;
	background: url(images/services_bullet_arrow.png) no-repeat;
	margin: 5px 2px 0px 0px;
	padding-left: 30px;
	font-size: 14px;
}

.logoheader {
	background: url(images/about_us_icon.png) no-repeat 100px 0px;
}

.servicesheader {
	background: url(images/services_icon.png) no-repeat 100px 0px;
}

.findusheader {
	background: url(images/how_to_find_us_icon.png) no-repeat 150px 0px;
}

.productlogoheader {
	background: url(images/about_us_icon.png) no-repeat 150px 0px;
}

.pinheader {
	background: url(images/visit_us_icon.png) no-repeat 130px 0px;
}

.phoneheader {
	background: url(images/need_advice_icon.png) no-repeat 150px 0px;
	
}

.gearheader {
	background: url(images/gear-icon.png) no-repeat 200px 0px;
}

/* PRODUCTS */
.productscontent {
	background: url(images/dividing_lines.png) repeat-x top center
}

/* Tiny Carousel */
#home_slider { height: 200px; overflow: hidden; width: 880px; position: absolute; top: 0px; margin: auto; text-align: center; margin-left: -56px;}
#home_slider .viewport { width: 800px; height: 200px; overflow: hidden; position: relative; margin-left: 40px; margin-top: 10px;}
#home_slider .disable { visibility: hidden; }
#home_slider .overview { list-style: none; position: absolute; padding: 0; margin: 0;}
#home_slider .overview li{ width: 260px; float: left; margin: 0px 0px 20px 0px; padding: 2px 2px 2px 2px; height: 200px; }

#home_slider .prev { background:url(images/pager_buttons_left.png) no-repeat scroll top center; display: block; text-indent: -999em; float: left; width: 38px; height: 52px; overflow: hidden; position: absolute; left: 0px; top: 85px; z-index: 10000; }
#home_slider .next { background:url(images/pager_buttons_right.png) no-repeat scroll top center; display: block; text-indent: -999em; float: right; width: 38px; height: 52px; overflow: hidden; position: absolute; right: 0px; top: 85px; z-index: 10000; }

.left_pipe, .right_pipe {
	position: absolute;
	top: 58px;
	height: 150px;
	width: 10px;
	background: url(images/products_line_divider.png) no-repeat;
}

.left_pipe {
	left: 297px;
}

.right_pipe {
	right: 324px;
}

.bar_burner {background: url(images/slider_products/bar_burner.png) no-repeat;}
.burner_heads {background: url(images/slider_products/burner_heads.png) no-repeat;}
.forced_air {background: url(images/slider_products/forced_air.png) no-repeat;}
.gas_injector {background: url(images/slider_products/gas_injector.png) no-repeat;}
.high_pressure {background: url(images/slider_products/high_pressure.png) no-repeat;}
.lighting_torch {background: url(images/slider_products/lighting_torch.png) no-repeat;}
.pot_type {background: url(images/slider_products/pot_type.png) no-repeat;}
.pottery_kiln {background: url(images/slider_products/pottery_kiln.png) no-repeat;}
.specialist_app {background: url(images/slider_products/specialist_app.png) no-repeat;}

.product_info {
	float: left;
	padding: 26px 0px 0px 136px;
	color: #00011F;
	text-align: left;
}

/* MULTI SLIDER */
#category_slider { height: 50px; overflow: hidden; width: 800px; margin: auto; text-align: center; }
#category_slider .viewport { margin-left: 12px; width: 740px; height: 50px; overflow: hidden; position: relative; margin-top: 10px;}
#category_slider .overview { list-style: none; position: absolute; padding: 0; margin: 0;}
#category_slider .overview li { width: 181px; float: left; margin: 0px 2px 20px 2px; padding: 4px 2px 2px 2px; height: 23px; font-size: 12px;}
.cat_select:hover , .active_cat {
	background-color: #CCCCCC;
	color: #FFF;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: inset #666 1px 1px 1px; 
	-moz-box-shadow: inset #666 1px 1px 1px; 
	box-shadow: inset #666 1px 1px 1px;
	cursor:pointer;
}

#category_slider .prev { background:url(images/category_pager_button_left.png) no-repeat scroll top center; display: block; text-indent: -999em; float: left; width: 14px; height: 19px; overflow: hidden; position: absolute; left: 0px; top: 60px; z-index: 10; }
#category_slider .next { background:url(images/category_pager_button_right.png) no-repeat scroll top center; display: block; text-indent: -999em; float: right; width: 14px; height: 19px; overflow: hidden; position: absolute; right: 34px; top: 60px; z-index: 10; }
#category_slider .prev:hover { background:url(images/category_pager_button_left.png) no-repeat scroll bottom center;}
#category_slider .next:hover { background:url(images/category_pager_button_right.png) no-repeat scroll bottom center;}

/* PRODUCTS SLIDER */
#products_slider { height: 450px; overflow: hidden; width: 757px; margin: auto; text-align: center;}
#products_slider .viewport { width: 757px; height: 450px; overflow: hidden; position: absolute; left: 0px;}
#products_slider .overview { list-style: none; position: absolute; padding: 0; margin: 0;}
#products_slider .overview li{ float: left; margin: 0px; padding: 2px 2px 2px 2px; height: 450px; width: 245px;}

#products_slider .prev { background:url(images/pager_buttons_left.png) no-repeat top center; display: block; text-indent: -999em; width: 38px; height: 52px; overflow: hidden; position: absolute; left: 30px; top: 505px; z-index: 10; }
#products_slider .next { background:url(images/pager_buttons_right.png) no-repeat top center; display: block; text-indent: -999em; width: 38px; height: 52px; overflow: hidden; position: absolute; right: 65px; top: 505px; z-index: 10; }
#products_slider .prev:hover { background:url(images/pager_buttons_left.png) no-repeat bottom center; }
#products_slider .next:hover { background:url(images/pager_buttons_right.png) no-repeat bottom center;}
#products_slider img {margin: 0px 0px 8px 31px; cursor: pointer;}

/* SERVICES SLIDER */
#services_slider { height: 150px; overflow: hidden; width: 757px; margin: auto; text-align: center;}
#services_slider .viewport { width: 757px; height: 150px; overflow: hidden; position: absolute; left: 0px;}
#services_slider .overview { list-style: none; position: absolute; padding: 0; margin: 0;}
#services_slider .overview li{ float: left; margin: 0px; padding: 2px 2px 2px 2px; height: 150px; width: 245px;}

#services_slider .prev { background:url(images/pager_buttons_left.png) no-repeat top center; display: block; text-indent: -999em; width: 38px; height: 52px; overflow: hidden; position: absolute; left: -22px; top: 148px; z-index: 10; }
#services_slider .next { background:url(images/pager_buttons_right.png) no-repeat top center; display: block; text-indent: -999em; width: 38px; height: 52px; overflow: hidden; position: absolute; right: 13px; top: 148px; z-index: 10; }
#services_slider .prev:hover { background:url(images/pager_buttons_left.png) no-repeat bottom center; }
#services_slider .next:hover { background:url(images/pager_buttons_right.png) no-repeat bottom center;}
#services_slider .disable, #category_slider .disable, #services_slider .disable { opacity: 0.1; }
#services_slider img {margin: 0px 0px 8px 31px; cursor: pointer;}

.hide {
	display: none;
}