/*====================================================================
BAINS FIREPLACES
Copyright 2009 Bains Fireplaces
Author: Neil Thorne (www.neilthorne.net)
======================================================================*/

/*====================================================================
GENERIC MODULES
======================================================================*/

/* Search Bar */
form#search {width: 228px; height: 27px; position: absolute; top: 4px; right: 0; padding: 0; border: 0; padding: 0 0 0 7px; margin: 0;}
form#search input {width: 152px; height: 16px; border: 1px solid #333; float: left; margin: 6px 3px 0 0; font-size: 1.1em; padding: 2px 3px; background: url(../images/buttons/search_bg.gif) repeat-x top; color: #999;}
form#search input:focus {border: 1px solid #ff9900;}
form#search input.go {width: 54px; height: 21px; border: 0; background: none; margin: 4px 0 0 0;}

/* Breadcrumb */
#breadcrumb {width: 915px; height: 30px; border-bottom: 1px solid #e0e0e0; padding-left: 15px; text-align: left; margin-bottom: 5px; z-index: 0;}
#breadcrumb p {font-size: 1.1em; line-height: 30px; color: #666; padding: 0;}

/* Mini Basket */
#miniBasket {width: 222px; height: 27px; background: url(../images/modules/minibasket_bg.gif) no-repeat top right; position: absolute; top: 140px; right: 37px;}
#miniBasket p {font-size: 1.4em; line-height: 27px; padding-left: 42px;}
#miniBasket p strong {margin: 0 8px;}

/* Ticker Bar */
#TICKER {position: relative; width: 920px; height: 34px; line-height: 34px; padding: 0 5px; margin: 3px 0 8px 0; color: #fff; background: #56574f url(../images/modules/tickerbg.gif) repeat-x top; overflow:hidden; border-top: 1px solid #9a9b96; border-bottom: 1px solid #9a9b96; font-size: 14px; z-index:1;}
#TICKER div span {margin: 0 25px; text-align: left;}

/*====================================================================
BANNERS
======================================================================*/

/* Home Page Banner Trio */
#homeBanners {width: 930px; height: 290px; margin-bottom: 15px; text-align: left;}
#homeBanners img {float: left;}
#homeBanners img.first, #homeBanners img.mid {margin: 0 6px 0 0;}

#homeMidBanner {width: 930px; margin-bottom: 15px; text-align: left;}
#homeMidBanner img.banmid {margin: -6px 0 15px 0;}

/* Home Page Banner set x5 
#homeBannersAlt {width: 930px; height: 352px; margin-bottom: 10px; text-align: left;}
#homeBannersAlt img {float: left; border: 2px solid #e1e1e1; margin: 0 0 5px 5px;}
#homeBannersAlt img:hover {border: 2px solid #ff9900;}
#homeBannersAlt img.main {margin: 0;}

/* Home Page Banner Grid */
#homeBannersGrid {width: 930px; height: 465px; margin-bottom: 10px; text-align: left;}
#homeBannersGrid img {float: left; margin: 0 0 5px 5px;}
#homeBannersGrid img.main {margin: 0;}

/* Home Page wide Banner */
img.homeBannerWide {margin: 0 0 10px 0;}
/*img.homeBannerWide:hover {border: 2px solid #ff9900;}*/

/* Home Page Banner set x3 */
#homeBannersTri {width: 930px; margin: 10px 0; text-align: left;}
#homeBannersTri img {float: left; margin: 0 0 0 5px;}
#homeBannersTri img.first {margin: 0;}

/*====================================================================
BASIC CONTENT MODULE
======================================================================*/

/* Generic Main Content */
.content {width: 928px; background: #efefef; border: 1px solid #e9e9e9; text-align: left; margin-bottom: 15px; padding-bottom: 10px;}
.content p.infolink a {margin-right: 15px;}

/* 2 Col Content */
.sideBar {width: 212px; height: 300px; float: left; margin-right: 15px; }
.category {width: 700px; float: left;}

/* Side Bar Content */
.sideBar img {margin-bottom: 12px;}

/*====================================================================
FIND A DEALER
======================================================================*/

h2#findDealer {font-size: 2em; color: #fff; background: #333 url(../images/modules/finddealertop.gif) no-repeat top left; padding: 8px 20px; margin: 0; text-align: left; line-height: 1.3em;}
h2#findDealer em {font-weight: normal; font-style: normal;}

#dealerCont {width: 890px; padding:  0 20px; margin-bottom: 15px; background: #333 url(../images/modules/finddealerbg.gif) no-repeat bottom left; text-align: left;}
#dealerCont ul {width: 210px; margin: 0 10px 0 0; padding: 0; list-style: none; float: left; display: inline;}
#dealerCont ul li {color: #ccc; font-size: 1.2em; margin-bottom: 5px;}
#dealerCont ul li strong {font-size: 1.2em; color: #fff; font-weight: normal;}
#dealerCont ul li a {color: #ccc; font-weight: normal;}
#dealerCont ul li a:hover, #dealerCont ul li a:hover strong  {color: #ff9900;}
#dealerCont ul h3 {color: #ff9900; font-size: 1.2em; padding: 3px 0; margin: 0 0 5px 0; border-bottom: 1px solid #444; text-transform:uppercase; letter-spacing: normal;}

#dealerCont .dealer {background: url(../images/modules/dealersicon.gif) no-repeat left; padding-left: 23px;}
#dealerCont p.dealer {clear: left; line-height: 2em; padding: 8px 23px; margin-bottom: 15px;}

/*====================================================================
PRODUCT LISTS
======================================================================*/

/* Home Page Category List */
.catList {width: 897px; height: 171px; text-align: left; margin: 0 10px 10px 10px; border: 1px solid #e1e1e1; background: #fff; padding: 5px;}
.catList img {border: 2px solid #fff; float: left; margin-right: 10px;}
.catList img:hover {border: 2px solid #ff9900;}
.catList h3 {font-size: 1.8em; letter-spacing: -.05em; padding: 5px 0; margin: 0 2px 2px 2px;}

/* Home Page Category List */
.listFour {width: 229px; text-align: center; margin: 0 0 10px 4px; float: left;}
.listFour.first {margin-left: 0;}
.listFour .imgCont {background: #fff; }
.listFour .imgCont img {border: 2px solid #e1e1e1;}
.listFour .imgCont img:hover {border: 2px solid #ff9900;}
.listFour h3 {font-size: 1.2em; letter-spacing: -.05em; padding: 4px 0;}
.listFour h3 a {font-weight: normal; color: #333;}

/* Home Page Category List */
.listSix {width: 173px; text-align: center; margin: 0 0 0 10px; float: left;}
.listSix .imgCont {background: #fff; border: 1px solid #d6d6d6;}
.listSix .imgCont img {border: 2px solid #fff;}
.listSix .imgCont img:hover {border: 2px solid #ff9900;}
.listSix h3 {font-size: 1.2em; letter-spacing: -.05em; padding: 0; margin: 0 2px 2px 2px;}
.listSix h3 a {display: block; text-align: center; background: #444; padding: 2px 0;}

/* Category Product List */
.prodList {width: 219px; text-align: center; margin: 0 0 10px 10px; float: left; border-bottom: 1px solid #d6d6d6;}
.prodList .imgCont {background: #fff; border: 1px solid #d6d6d6;}
.prodList .imgCont img {border: 2px solid #fff;}
.prodList .imgCont img:hover {border: 2px solid #ff9900;}
.prodList h3 {font-size: 1.6em; letter-spacing: -.07em; padding: 3px 0; line-height: 1.8em;}
.prodList h3 a {color: #990000;}
.prodList p {padding-bottom: 0;}
.prodList p.price {color: #F00; font-size: 1.7em; }
.prodList p.price strong {color: #F00; font-size: 1.4em; }
.prodList p .strike {text-decoration: line-through;}
.prodList img.button {margin: 8px 0;}

/* Small Product List */
.smList {width: 96px; text-align: center; margin: 0 0 8px 10px; float: left;}
.smList .imgCont {background: #fff; border: 1px solid #d6d6d6;}
.smList .imgCont img {border: 2px solid #fff;}
.smList .imgCont img:hover {border: 2px solid #ff9900;}
.smList h3 {font-size: 1.1em; letter-spacing: -.05em; padding: 4px 0; color: #333;}
.smList h3 a {font-weight: normal; color: #333;}
.smList p {font-size: 1em; padding:0;}

/* Alternative Small Product List */
.smListbig {width: 256px; text-align: center; margin: 0 0 8px 10px; float: left;}
.smListbig .imgCont {background: #fff; border: 1px solid #d6d6d6;}
.smListbig .imgCont img {border: 2px solid #fff;}
.smListbig .imgCont img:hover {border: 2px solid #ff9900;}
.smListbig h3 {font-size: 1.1em; letter-spacing: -.05em; padding: 4px 0; color: #333;}
.smListbig h3 a {font-weight: normal; color: #333;}
.smListbig p {font-size: 1em; padding:0;}

/* Variable Product List */
.smListvar {width: auto; text-align: center; margin: 0 0 8px 10px; float: left;}
.smListvar .imgCont {background: #fff; border: 1px solid #d6d6d6;}
.smListvar .imgCont img {border: 2px solid #fff;}
.smListvar .imgCont img:hover {border: 2px solid #ff9900;}
.smListvar h3 {font-size: 1.1em; letter-spacing: -.05em; padding: 4px 0; color: #333;}
.smListvar h3 a {font-weight: normal; color: #333;}
.smListvar p {font-size: 1em; padding:0;}

/* Small Product List */
.smListAlt {width: 81px; text-align: center; margin: 0 0 8px 10px; float: left;}
.smListAlt .imgCont {background: #fff; border: 1px solid #d6d6d6;}
.smListAlt .imgCont img {border: 2px solid #fff;}
.smListAlt .imgCont img:hover {border: 2px solid #ff9900;}
.smListAlt h3 {font-size: 1.1em; letter-spacing: -.05em; padding: 4px 0; color: #333;}
.smListAlt h3 a {font-weight: normal; color: #333;}

/* Search Product List */
.searchList {text-align: left; margin: 0 10px; border-bottom: 1px solid #d6d6d6; padding: 3px 0;}
.searchList .imgCont {width: 79px; background: #fff; border: 1px solid #d6d6d6; float: left; margin-right: 15px; display: inline;}
.searchList .imgCont img {border: 2px solid #fff;}
.searchList .imgCont img:hover {border: 2px solid #ff9900;}
.searchList h3 {font-size: 1.6em; letter-spacing: -.07em; padding: 0; line-height: 30px;}
.searchList h3 a {color: #990000;}
.searchList h3 .price {font-size: .9em; font-weight: normal;} 
.searchList p {padding-bottom: 0;}
.searchList p.price {color: #990000; font-size: 1.4em; }
.searchList p.price strong {color: #990000; font-size: 1.2em; }
.searchList p .strike {text-decoration: line-through;}
.searchList img.button {margin: 8px 0;}

/*====================================================================
PRODUCT DETAILS
======================================================================*/

/* Product Details */
.product {width: 892px; padding: 18px;}

#prodLeft {width: 300px; text-align: center; float: left; margin-right: 25px; display: inline;}
#prodLeft img.main {border: 5px solid #fff; margin-bottom: 6px;}
#prodLeft img.dimentions {border: 1px solid #d6d6d6; margin: 8px;}
#prodLeft p {padding: 0;}

#prodDetails {float: left; border-left: 1px solid #d6d6d6; width: 535px; padding-left: 25px;}
#prodDetails h2 {color: #990000; font-size: 3em; padding: 0 0 18px 0; margin-bottom: 18px; font-weight: normal; line-height: 1em; border-bottom: 1px solid #d6d6d6;}
#prodDetails h5 {padding: 0 0 6px 0;}
#prodDetails img.save {margin: 18px 0;}
#prodDetails p {padding: 0 0 16px 0;}
#prodDetails p.priceOne {font-size: 1.4em; padding: 0; }
#prodDetails p.priceTwo {font-size: 1.8em; color: #F00;}
#prodDetails p.priceTwo strong {font-size: 1.4em; color: #F00;}

#prodDetails form {margin: 0;}
#prodDetails form label {width: 100px;}
#prodDetails form input {width: 30px;}
#prodDetails form .submit {float: left; height: 29px; width: 107px; padding: 0; margin: 6px 8px 10px 0; border: none;}
#prodDetails form img.buyalt {float: left; margin-top: 6px;}

/* Product Option Alt */
.options h2 {color: #990000; }
.options h2 em {font-weight: normal; color: #333; font-size: 14px;}
.options h4 {border-top: 1px solid #d6d6d6; clear: both; padding: 8px 0 10px 0; margin: 0 15px;}


/*====================================================================
MAIN SITE NAVIGATION
======================================================================*/

#mainNavCont {width: 930px; height: 42px; position: relative; background: url(../images/menu/searchbg.gif) no-repeat top right;  text-align: left;}

ul#mainNav	{height: 42px; width: 681px; background: url(../images/menu/mainnav.gif) no-repeat 0 4px; position: relative; margin: 0; padding-left: 15px;}
ul#mainNav li {margin: 0;  padding: 0; list-style: none; float: left;}
ul#mainNav li, ul#mainNav a	{height: 42px; display: block; line-height: 42px;}
ul#mainNav li a	{text-decoration: none; color: #fff; padding: 0 10px;}
ul#mainNav li a:hover {background: url(../images/menu/mainnavhover.gif) repeat-x 0 4px; color: #ff9900;}

/*#opt1 {left: 13px; width: 56px;}
#opt2 {left: 69px; width: 104px;}
#opt3 {left: 173px; width: 103px;}
#opt4 {left: 276px; width: 89px;}
#opt5 {left: 365px; width: 74px;}
#opt6 {left: 439px; width: 91px;}
#opt7 {left: 530px; width: 91px;}

#opt1 a:hover {background: transparent url(../images/menu/mainnav.gif) -13px -42px no-repeat;}
#opt2 a:hover {background: transparent url(../images/menu/mainnav.gif) -69px -42px no-repeat;}
#opt3 a:hover {background: transparent url(../images/menu/mainnav.gif) -173px -42px no-repeat;}
#opt4 a:hover {background: transparent url(../images/menu/mainnav.gif) -276px -42px no-repeat;}
#opt5 a:hover {background: transparent url(../images/menu/mainnav.gif) -365px -42px no-repeat;}
#opt6 a:hover {background: transparent url(../images/menu/mainnav.gif) -439px -42px no-repeat;}
#opt7 a:hover {background: transparent url(../images/menu/mainnav.gif) -530px -42px no-repeat;}

#opt1 a.current {background: transparent url(../images/menu/mainnav.gif) -13px -84px no-repeat;}
#opt2 a.current {background: transparent url(../images/menu/mainnav.gif) -69px -84px no-repeat;}
#opt3 a.current {background: transparent url(../images/menu/mainnav.gif) -173px -84px no-repeat;}
#opt4 a.current {background: transparent url(../images/menu/mainnav.gif) -276px -84px no-repeat;}
#opt5 a.current {background: transparent url(../images/menu/mainnav.gif) -365px -84px no-repeat;}
#opt6 a.current {background: transparent url(../images/menu/mainnav.gif) -439px -84px no-repeat;}
#opt7 a.current {background: transparent url(../images/menu/mainnav.gif) -530px -84px no-repeat;}*/

/* Pop Up Nav */
#mainNav table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
/* Style the list OR link hover. Depends on which browser is used */

#mainNav a:hover {visibility:visible; position:relative; z-index:300;}
#mainNav li:hover {position:relative; z-index:300;}

/* keep the 'next' level invisible by placing it off screen. */
#mainNav ul, #mainNav iframe {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; z-index:300;}

#mainNav ul.sub1 {width:170px; z-index: 300; left: -37px; }
#mainNav ul.sub2 {width:140px; z-index: 300; left: -30px; }

#mainNav :hover ul {top:36px; background: #333 url(../images/menu/dropbg.gif) repeat-x bottom; padding: 0 3px 3px 3px; border: 2px solid #3c3c3c;border-top: 0; white-space:nowrap; height:auto; z-index:300;}
#mainNav :hover ul li {display:block; height:24px; float: none; position:relative; font-weight:normal; width:auto; text-align: center; border-bottom: 1px solid #3a3a3a;}
#mainNav :hover ul li a {display:block; font-size:12px; height: 24px; font-weight:normal;line-height: 24px; width:auto; padding:0 10px; color:#fff; text-decoration:none; text-indent: 0;}
#mainNav :hover ul li a:hover {background: #161616; color:#ff9900;}

/* Side Nav -----------------------------------------------*/

ul#sidenav  {width: 212px; margin: 0 0 5px 0; border-bottom: 1px solid #d6d6d6; text-align: left; }
ul#sidenav li {font-size: 1.2em; color: #666; text-align: left; line-height: 27px; background: #fcfcfc; list-style: none; border-bottom: 1px solid #D6D6D6; display: block; margin: 0;}
ul#sidenav li a {color: #666; text-decoration: none; display: block; padding-left: 15px; }
ul#sidenav li a:hover {background-color: #EFEFEF; color: #ff9900; }
ul#sidenav li a.current {background-color: #EFEFEF; color: #ff9900; border-bottom: 1px solid #D6D6D6;}

ul#sidenav li ul {margin: 0; padding: 5px 5px 5px 15px;}
ul#sidenav li ul li {font-size: .9em; line-height: 1.2em; background: none; border: none; padding-bottom: 3px;}
ul#sidenav li ul li a {color: #666; padding: 0;}
ul#sidenav li ul li a:hover {background: none;}

ul#sidenav li.title {color: #FF9900; line-height: 44px; font-size: 1.6em; text-indent: 15px; border-bottom: 1px solid #333; font-weight: bold;}
ul#sidenav li.header {background: url(../images/sidenav_header2_bg.gif) repeat-x center; color: #fff; line-height: 20px; font-size: 11px; border-bottom: 2px solid #fff;}
ul#sidenav li.none {display: none;}



/*====================================================================
GOOGLE MAP
======================================================================*/

#map h3, #map p {margin: 0; padding: 0;}
#map {
	width: 665px;
	height: 400px;
	border: 1px solid #ccc;
	clear: left;
	font-size: 12px;
	margin: 0 15px;
}
#maploading {
	background: #660000;
	color: #fff;
	padding: 0 2px;
}