/* @override http://www.fireplacewarehouse.co.za/css/warehouse.css */

@import url("initial.css");

body {
	background-color:#201F1F;
	background-image:url(../images/bg.gif);
	background-position:left top;
	background-repeat:repeat-x;
}

.container {
	background-color:#000;
	background-image:url(../images/container_bg.gif);
	background-position:top left;
	background-repeat:repeat-y;
	border:solid 1px #333;
	height:100%;
	margin:0 auto;
	position:relative;
	width:944px;
}

#footer {
	height:20px;
	margin:5px auto 0 auto;
	position:relative;
	width:944px;
}

img { border:none;}

.lftcolumn_old {
	background-image:url(../images/lft_column_bg.png);
	background-position:top left;
	background-repeat:no-repeat;
	height:552px;
	float:left;
	position:relative;
	width:204px;
}

.lftcolumn {
	background-image:url(../images/lft_column_bg_2.png);
	background-position:top left;
	background-repeat:no-repeat;
	height:552px;
	float:left;
	position:relative;
	width:204px;
}

.orange a,li {color: #f49e00; text-decoration:underline; }

.rgtcolumn {
	float:right;
	position:relative;
	width:740px;
}

#tagline {
	margin:167px 0 0 8px;
	position:relative;
	width:195px;
}

.top_row_content {
	background-color:#1C1C1C;
	border:solid 1px #333;
	margin:2px 5px 0 0 ;
	position:relative;
}

.bottom_row_content {
	background-color:#1C1C1C;
	border:solid 1px #333;
	height:100%;
	margin:5px;
	overflow: hidden;
	padding:5px 5px 0 15px;
	position:relative;
}


/*------------------------- Common ---------------*/

.clear { clear:both;}

#css { 
	float:left;
	margin-left:2px;
}

.justify { text-align:justify;}

.flash_map {
	border:solid 1px #333;
	float:right;
	height:190px;
	position:relative;
	top:-134px;
	width:261px;
}
.flash_map2 {
	border:solid 1px #333;
	float:right;
	height:190px;
	position:relative;
	top:-15px;
	width:261px;
}

.float_lft { float:left; position:relative;}

#navi {
	left:8px;
	position:relative;
	top:180px;
	width:194px;
}

#tenaka {
	float:right;
}

#xhtml {
	float:left;
}

/*------------------------- Text/Font Styles ---------------*/

h1 {color:#E2D7C5; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:100; 	margin: 5px 0;}
h2 {color:#E2D7C5; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:100; 	margin: 0;padding:0;}
h3 {color:#E2D7C5; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:100; 	margin: 0;padding:0;}

ul, li, a {
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	list-style-image:url(../images/list_triangle.gif);
}
p {
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0;
}

/*------------------------- Landing page ---------------*/

#call_me_area {background: url(../images/phone.jpg) 0 0 no-repeat #000 ; border: solid 1px #333333; float: left; height: 78px; margin: 0 0 5px -8px; padding:5px 10px 20px 10px; width: 420px;}

#call_me_area h1 {margin-top: -8px;}

#call_me_area input#submit_btn {background: #ff8b00; border: 1px outset #fff;  clear: both; color: #333; margin-left: 0px; width: 85px;}

#call_me_area input#submit_btn:hover {color: #fff; cursor: pointer;}

.call_me_fieldset {float: left; margin-right: 5px;}

.call_me_fieldset input {background: url(../images/transparent.png) 0 0 repeat; font-size: 12px; opacity: 50%;}

#call_me_area td{color:#fff;font:normal 10px Arial, Helvetica, sans-serif;}

#featured_offerings {
	float:left;
	position:relative;
}

#home_top_row {height: 100%; padding-right: 20px; overflow: hidden;}

#showcase {float: left;}

/*------------------------- Contact Us page ---------------*/

#contact_top_row {
	background-image:url(../images/contact_fireplace.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding:0 20px 5px 250px;
}

#reset_btn {
	float:left;
	font-size:11px;
	margin-left:5px;
}

#submit_btn {
	float:left;
	font-size:11px;
}

/*------------------------- Gallery page ---------------*/

#gallery_top_row {
	height:442px;
}

#monoSlideshow {
	border:solid 1px #333;
	height:280px;
	left:100px;
	position:relative;
	width:520px;
}

/*------------------------- Accessories page ---------------*/

#accessories_pic {margin: 0 0 25px 25px;}

#accessories_top_row {background-image:url(../images/accesories_bg.jpg); background-position:top left; background-repeat:no-repeat; height:100%; margin-bottom: 5px; overflow: hidden;}

#accessories_top_row ul {margin:0 20px 5px 250px;}