@charset "utf-8";

/*
Aussie BBQs CSS Styles
v1.00
*/

/*
Page width:1020px;
*/

/*
GLOBAL
*/
* {
	margin:0em;
	padding:0em;
	border:none;
}

html {
	font-size:70%;
	font-family:Tahoma,Geneva,sans-serif;
	color:#69686e;
	background:url(../images/bg_page.gif) left top repeat-x;
}

button {
	cursor:pointer;
}

.accessible {
	display:block;
	position:absolute;
	left:-9999em;
	z-index:0;
	height:0px;
	width:0px;
	line-height:0px;
	font-size:0px;
	float:left;
	clear:none;
	visibility:collapse;
}

.invisible {
	display:none;
}


a {
	text-decoration:underline;
}

a:link {
	color:#2195d7;
}
a:visited {
	color:#428cb6;
}
a:hover {
	color:#016ba7;
}
a:active {
	color:#2195d7;
	outline:none;
}

/*
PAGE LAYOUT
*/

#page {
	position:relative;
	width:1020px;
	margin:0px auto;
	height:.1%;
}

#content-container {
	position:relative;
	margin:190px 0px 0px 0px;
	left:30px;
	z-index:8;
	background:url(../images/bg-content-B.gif) left top no-repeat;
	padding-top:11px;
	float:left;
	height:.1%;
	clear:both;
	width:781px; /*** NEW ***/
}

#content-container.home {
	background:url(../images/bg-footer.jpg) left bottom repeat-x;
	margin:370px 0px 0px 0px;
	padding-bottom:40px;
	padding-top:0px;		
	width:960px;
}

#content {
	background-color:#fff;
	margin-top:0px;
	height:1%;
}

.home #content {
	margin-top:37px; /* Top margin + column headers */
}

/*
HEADER
*/

#header {
	position:relative;
	height:1%;
	width:1020px;
	margin-left:auto;
	margin-right:auto;
}

#header #contact {
	margin:50px 0px 0px 15px;
}

#header #contact ul {
	list-style-type:none;
}

#header #contact h4 {
	margin-bottom:15px;
}

#header #contact ul li {
	margin-top:5px;
}

#header #area-identity {
	position:absolute;
	top:0px;
	left:0px;
	z-index:0;
}

#header #masthead {
	position:absolute;
	top:0px;
	right:0px;
	width:209px;
	height:400px; /* 375px */
	background:url(../images/bg_masthead.gif) right 44px no-repeat;
	z-index:6;		
}

#header #logo {
	margin:70px 0px 0px 15px;
}


/* NAVIGATION */

/* Primary */

#nav-primary{
	position:absolute;
	left:30px;
	top:0px;
	z-index:9;
}

#nav-primary ul {
	list-style-type:none;
}

#nav-primary ul li {
	float:left;
}

#nav-primary ul span {
	display:none;
}

#nav-primary ul a {
	display:block;
}

#nav-primary li a {
	height:52px;
}

#nav-primary #nav-pri-1 a {
	background:url(../images/nav-primary-home.png) no-repeat;
	_background-image:url(../images/nav-primary-home.gif);
	width:78px;
}

#nav-primary #nav-pri-2 a {
	background:url(../images/nav-primary-bbqs.png) no-repeat;
	_background-image:url(../images/nav-primary-bbqs.gif);
	width:92px;
}

#nav-primary #nav-pri-3 a {
	background:url(../images/nav-primary-fireplaces.png) no-repeat;
	_background-image:url(../images/nav-primary-fireplaces.gif);
	width:88px;
}

#nav-primary #nav-pri-4 a {
	background:url(../images/nav-primary-furniture.png) no-repeat;
	_background-image:url(../images/nav-primary-furniture.gif);
	width:81px;
}

#nav-primary #nav-pri-5 a {
	background:url(../images/nav-primary-pizza-ovens.png) no-repeat;
	_background-image:url(../images/nav-primary-pizza-ovens.gif);
	width:101px;
}

#nav-primary #nav-pri-6 a {
	background:url(../images/nav-primary-spare-parts.png) no-repeat;
	_background-image:url(../images/nav-primary-spare-parts.gif);
	width:204px;
}

#nav-primary #nav-pri-7 a {
	background:url(../images/nav-primary-about-us.png) no-repeat;
	_background-image:url(../images/nav-primary-about-us.gif);
	width:89px;
}

#nav-primary #nav-pri-8 a {
	background:url(../images/nav-primary-news-events.gif) no-repeat;
	width:124px;
}

#nav-primary #nav-pri-9 a {
	background:url(../images/nav-primary-visit-store.gif) no-repeat;
	width:132px;
}

	/* Drop Down Navigation*/
	#nav-primary #nav ul {
		position:absolute;
		width:150px;
		margin-top: -10px;
	}
	
	#nav-primary #nav ul {
		left:-999em; /* Hide UL from screen */
	}
	
	#nav-primary #nav .sfhover ul, #nav-primary #nav li:hover ul {
		left:auto; /* Hover or JS action */
		
	}
	
	#nav-primary #nav .sfhover ul ul, #nav-primary #nav li:hover ul ul {
		left:-999em;
	}
	
	#nav-primary #nav ul .sfhover ul, #nav-primary #nav ul li:hover ul {
		left:160px;
		z-index:10;
		margin-top: 0px;
	}	

	#nav-primary #nav ul a {
		text-decoration:none;
		padding:5px;
		display:block;
		width:150px;
		height:auto;
		color: #000000;
		background-image:none !important;
		background-color:#FFF !important;
		margin:0px 0px -1px 0px;
		border:1px solid #9e0000;
	}	
	
	#nav-primary #nav ul a:hover {
		background-color:#ffde9f !important;
	}	

/*
FOOTER
*/

#footer {
	clear:both;
	margin:0px 30px;
	padding:0px 0px 45px 0px;
	background:url(../images/bg-footer.jpg) bottom repeat-x;
	color:#262529;
	line-height:140%;
	overflow:auto;
	height:1%;
}

#footer h6 {
	font-size:100%;
	font-weight:normal;
}

#footer div, #footer ul {
	width:auto;
	margin-top:30px;
	margin-right:100px;
	float:left;
	list-style-type:none;
}

/*
CONTENT
*/

#content p {
	margin-bottom:1.4em;
}

#content h1 {
	margin-bottom:1em;
	font-size:1.4em;
	color:#0c88b0;
	text-transform:uppercase;
}

#content h2 {
	margin-bottom:1em;
	font-size:1.4em;
}

#content h3 {
	margin-bottom:1em;
	font-size:1.25em;
}

#content h4 {
	margin-bottom:1em;
	font-size:1.1em;
}

#content h5 {
	margin-bottom:1em;
	font-size:1em;
}

#content blockquote {
	margin-bottom:1em;
	margin-left:2.5em;
}

#content ul,
#content ol {
	margin-left:2.5em;
	margin-bottom:1.5em;
}
#content ul ul,
#content ol ol {
	margin-bottom:0em;
}

#content ul li,
#content ol li {
	line-height:170%;
}


/* HOME PAGE */

#content #column1 {
	float:left;
	width:361px;
	
	background:url(../images/bg-column-A.jpg) top left no-repeat;	
	position:relative;
}

#content #column2 {
	float:left;
	width:341px;
	height:220px;	
	background:url(../images/bg-columns.jpg) top left no-repeat;
	position:relative;
	
}

#content #column3 {
	float:left;
	width:257px;
	height:220px;	
	background:url(../images/bg-column-B.jpg) top left no-repeat;	
	position:relative;	
}

#content #column1 img {
	margin:10px 0px 0px 30px;
}	
#content #column2 img {
	margin:10px 0px 0px 15px;
}	
#content #column3 img {
	margin:10px 0px 0px 15px;
}

#content #column1 h2 {
	background:url(../images/bg-column1.gif) top left no-repeat;
	height:37px;
	width:361px;
	position:relative;
	top:-37px;
	margin-bottom:5px;
}

#content #column2 h2 {
	background:url(../images/bg-column2.gif) top left no-repeat;
	height:37px;
	width:341px;
	position:relative;
	top:-37px;
	margin-bottom:5px;	
}

#content #column3 h2 {
	background:url(../images/bg-column3.gif) top left no-repeat;
	height:37px;
	width:257px;
	position:relative;
	top:-37px;
	margin-bottom:5px;	
}

#content #column1 .content {
	margin:-32px 30px 15px 30px;
}

#content #column2 .promo {
	position:absolute;
	width:339px;
	height:120px;
	top: 0px;
	padding: 5px;
	text-align: center; 
	font-size: 18px; 
	color: #e9612e;
}

#content #column2 .promo a {
	
	font-size: 18px; 
	color: #e9612e;
	text-decoration: none;
}

#content #column2 .newsletter {
	background:#e8eed9;
	position:absolute;
	bottom:0px;
	width:339px;
	height:120px;
	border:1px solid #fefefe;
	color:#262529;
}

#content #column2 .newsletter p {
	width:100px;
	margin:15px;
}

#content #column2 .newsletter form {
	position:absolute;
	bottom:20px;
	right:5px;
}

#content #column2 .newsletter form .line {
	float:left;
	width:95px;
	margin-right:2px;
}

#content #column2 .newsletter form .line label {
	display:block;
	margin-bottom:2px;
}

#content #column2 .newsletter form .line input {
	background:#fff;
	width:95px;
	border:0px;
}

#content #column2 .newsletter form button {
	clear:both;
	display:block;
	height:26px;
	width:81px;
	border:0px;
	background:url(../images/button-submit.gif) top left no-repeat;
	position:relative;
	left:110px;
}

#content #column2 .newsletter form button span {
	display:none;
}

#content #column2 .newsletter form .unsubscribe {
	position:absolute;
	bottom:0px;
	left:0px;
}

#content #column2 .newsletter form .unsubscribe a {
	color:#262529;
}

#content #column2 .newsletter form .unsubscribe a:hover {
	text-decoration:none;
}

#content #column3 .content {
	margin:-32px 15px 15px 15px;
}

#content #column3 .content ul {
	list-style:none;
	font-size:14px;
	margin:0px;
}

#content #column3 .content ul li {
	line-height:130%;
}

#content #column3 .content ul a {
	color:#f26530;
}

#content #column3 .content ul a:hover {
	text-decoration:none;
}




/* AREAS */
#content .area {
	background-position:left top;
	background-repeat:no-repeat;
	height:50px;
	width:340px;
}

.home #content .area {
	display:none;
}

	.bbqs #content .area {
		background-image:url(../images/area-bbqs.gif);
	}
	.hot-buys #content .area {
		background-image:url(../images/area-hot-buys.gif);
	}
	.fire-places #content .area {
		background-image:url(../images/area-fire-places.gif);
	}
	.furniture #content .area {
		background-image:url(../images/area-furniture.gif);
	}	
	
	.pizzaovens #content .area {
		background-image:url(../images/area-pizzaovens.gif);
	}	
	
	.spareparts #content .area {
		background-image:url(../images/area-spareparts.gif);
	}	
	
	.about-us #content .area {
		background-image:url(../images/area-about-us.jpg);
	}	
	
	.visit-our-store #content .area {
		background-image:url(../images/area-visit-our-store.jpg);
	}	
	
	.news-and-events #content .area {
		background-image:url(../images/area-news-events.jpg);
	}	
	
	.contact-us #content .area {
		background-image:url(../images/area-contact-us.jpg);
	}	
	
#content .links {
	list-style:none;
}

#content .links li {
	display:inline;
	margin-right:1px;
}

/* Area headings */
.bbqs #content .product.detail h1, .bbqs #content .product.list h3 a {
	color:#242424;
}
.hot-buys #content .product.detail h1, .hot-buys #content .product.list h3 a {
	color:#ac0028;
}		
.fire-places #content .product.detail h1, .fire-places #content .product.list h3 a {
	color:#e12500;
}	
.furniture #content .product.detail h1, .furniture #content .product.list h3 a {
	color:#7aad00;
}	

.pizzaovens #content .product.detail h1, .furniture #content .product.list h3 a {
	color:#db1f3f;
}	

.spareparts #content .product.detail h1, .furniture #content .product.list h3 a {
	color:#3e3bb0;
}	



	


/* product detail */

#content .product.detail {
	position:relative;
	padding-bottom:30px;
	margin:30px 30px 0px 30px;
	height:1%;
}

#content .product.detail h1 {
	font-size:18px;
	font-weight:normal;
	margin-bottom:15px;
}

#content .product.list h3 {
	font-size:14px;
	margin-top:5px;	
	margin-bottom:10px;
}

#content .product.list h3 a {
	text-decoration:none;
}

#content .product.detail .links {
	margin-bottom:15px;
}	

#content .product.detail .gallery {
	float:left;
	height:.1%;
	width:350px;
	background:url(../images/bg-content.jpg) 335px 30px no-repeat;
}

#content .product.detail .gallery .full {
	margin-bottom:30px;
}

#content .product.detail .gallery .thumb {
	float:left;
	margin:15px 15px 15px 0px;
}

/* Product List */
#content .product.list {
	padding:15px 0px 0px 30px;
	background-color: #FFFFFF;
	
}

#content .product.list .items {
	clear:both;
	margin-bottom:15px;
	
}

#content .product.list .items .item {
	width:225px;
	margin-right:19px;
	float:left;
	height:.1%;
	background:url(../images/bg-content.jpg) right 30px no-repeat #ffffff;	
	text-align: center;
	padding-bottom: 15px;
}

/* Latest List */
#content .product.latest {
	margin:0px 0px 0px 30px;
	clear:both;
}

#content .product.latest .item {
	float:left;
	width:220px;
	text-align:center;
	margin-top:5px;
	padding-top:35px;
	position:relative;
}

#content .product.latest .item h3 {
	font-size:14px;
	font-weight:normal;
	position:relative;
	top:0px;
	left:0px;
	width:180px;
	padding-left: 20px;
	padding-right: 20px;
	text-align:center;
}


#content .product.latest .item h3 a {
	text-decoration:none;
	color:#242128;
}

#content .product.latest .item .link {
	margin:10px 0px;
	text-align: center;
	width: 100%;
}