/* ############# Css for Stovax ############  Global settings
---------------------------------------------------------------- */
#header { float:left; height:120px; margin-top:25px; }
#header ul a { border-bottom: none; }

* {
font-family:inherit;
font-size:100%;
font-style:inherit;
margin:0;
padding:0;
vertical-align:baseline;
}

body {
background:#fff url(../../../../images/body-bg.gif) repeat-x 0 42px;
font:0.75em Verdana, Arial, Helvetica, sans-serif;
line-height:1.6em;
margin:0 auto;
padding:0;
text-align:center;
}

body.pdf {
background:none;
}

body#home {
background:url(../../../../images/body-bg.gif) repeat-x  0 42px;
}

body.pdf #home {
background:none;
}

body#all,body#product,body#no_banner {
background:url(../../../../images/body-bg-all.gif) repeat-x  0 42px;
}

body.pdf #all,body.pdf #product {
background:none;
}

a { color:#508ed4; }
p a, ul a { font-weight: bold; border-bottom: 1px dotted #508ed4;  }

#footer p a { border-bottom: 0; }
a:hover { color:#FE6A13; }

.product-title a {
    color: #FF9900;
    font-size: 120%;
    font-weight: bold;
    padding: 0 0 5px 0;
}

.block {
display:block;
}

.offset {
float:left;
text-indent:-9999px;
}

.clear-l {
clear:left;
}

.clear-r {
clear:right;
}

.float-l {
float:left;
}

#wrapper {
background:#fff;
float:left;
position:relative;
text-align:left;
width:969px;
}

.feature {
float:left;
width:308px;
}

.mid-feat {
margin:0 25px;
}

.twocol-wide {
clear:left;
float:left;
margin-left:10px;
margin-top:15px;
width:635px;
}

.content-wrap {
float:left;
margin-bottom:20px;
margin-top:10px;
width:969px;
margin-top : 0px;
}
#no_banner .content-wrap { margin-top: 20px; }

.content-wrap h1 {
font-size: 22px;
color:#6392C9;
margin:5px 0 15px 0;
font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
padding-bottom: 2px;
}

div.CategoryContainer {
margin:0 auto;
}

div.home-lead {
clear:left;
float:left;
width:387px;
padding:0 10px 0 0;
}
.home-lead a, .cat-nav a { color: #457bb8; border-bottom: none; }
.home-lead a:hover, .cat-nav a:hover { color: #fe6a13; }

div.home-lead img {
background:#000;
border:1px solid #7591ad;
float:left;
margin:0 12px 6px 0;
padding:3px;
}

div.home-lead img.cat-nav-img {
border:none;
padding:0;
width:auto;
}

div.home-lead p {
color:#5F6C7E;
line-height:1.8em;
}

.home-lead h1, .home-lead h2, .home-lead h3 { font-family: "Lucida Grande", Tahoma, Verdana, sans-serif; }
div.home-lead h1 {
/*color:#7C889D;*/
color: #72716f;
font-size:2.1em;
line-height:1.4em;
margin:-10px 0 0;
}
.home-lead h2 { color: #7d7b76; margin-bottom: 12px; }

div.home-lead h3 {
color:#7d7b76;
font-size:1.4em;
border-bottom: 1px solid #7d7b76;
width: 390px;
margin-top: 12px;
padding-bottom: 2px;
}

.prod-description
{
	margin-top: 0px;
	background: #fff;
	padding-top: 30px;
	padding-bottom: 0px;
	padding-top : 0px;
	float : left;
	width : 100%;
}
#product .prod-description ul { list-style: disc; padding-left: 20px; }
#product .prod-description li { list-style: disc; }
#no_banner .prod-description { width: 95%; }

.prod-description p
{
	margin: 10px 15px;
	margin : 10px 0px 10px 0px;
}
.prod-description h3, .prod-description h2{ font-family: "Lucida Grande", Tahoma, Verdana, sans-serif; font-weight: bold; color: #6392c9; border-bottom: 1px solid #6392C9; }
.primary-group-product-list-item, .sub-group-wood-product-list-item {
	float:left;
	width: 275px;
	padding:10px 24px;
	padding : 10px 23px 0px 0px;
	margin : 0px 20px 10px 0px;
	width : 280px;
}

.primary-group-product-list-item h4.product-title a,
.sub-group-wood-product-list-item h4.product-title a
{
    color: #FF9900;
    font-size: 120%;
    font-weight: bold;
    padding: 0 0 5px 0;
}

.primary-group-product-list-item h4.product-title a:hover,
.sub-group-wood-product-list-item h4.product-title a:hover
{
    color : #508ed4;
}

.product-range-product-list-item {
	float:left;
	width: 340px;
	height : 200px;
	overflow : hidden;
	padding:10px 24px;
	padding : 10px 25px 10px 0px;
	margin : -1px 0px 0px 0px;
	border-bottom : solid 1px #eee;
	border-top : solid 1px #eee;
}

.sub-group-gas-product-list-item {
	float:left;
	width: 436px;
	padding:10px 24px;
}
		
.primary-group-product-list-item img, .sub-group-gas-product-list-item img, .sub-group-wood-product-list-item img {
    width: 270px; 
    height: 150px; 
    margin-top: 8px;
}

.product-range-product-list-item img {
    width: 110px; 
    height: 110px; 
    float:left;
    padding : 5px;
    margin : 0px 10px 5px 0;
    background-color : #fff;
}

.product-range-product-list-item h4 a
{
color:#FE6A13;
}

.product-range-product-list-item h4 a:hover
{
    color : #508ed4;
}

.product-range-product-list-item p
{
    margin : 0px;
    padding :0px;
}

.product-range-product-list-item p.more
{
    float :right;
    width :15%;
    margin : 0px;
    padding :0px;
    font-size : 1.1em;
}

.sub-group-gas-product-list-item img {
    width: 270px; 
    height: 150px; 
    margin-top: 8px; 
    float:left;
}

.primary-group-product-list-item p, .sub-group-wood-product-list-item p{
	height:100px;
	overflow:hidden;
}

.product-range-product-list-item p, .primary-group-product-list-item p, .sub-group-wood-product-list-item p
{
	font-size : 0.9em;
	color:#999;
}

.primary-group-product-list-item a, .sub-group-gas-product-list-item a, .sub-group-wood-product-list-item a, .product-range-product-list-item a {
	color: #85ACCC;
	font-family:Sans-Serif;
}

p.nav-info {
background:#52646E;
color:#fff;
margin:0;
padding:4px;
text-align:left;
}

#skiptocontent a {
font-size:12px;
left:-10000px;
position:absolute;
z-index:1000;
}

#skiptocontent a:focus,#skiptocontent a:active {
left:0;
}

img {
Border:none;
}

h1,h2,h3,h4,h5,p,a,ul,li,div {
list-style:none;
text-decoration:none;
}

ul.bullet { padding-left: 20px; margin: 12px 80px 20px 40px; }
ul.bullet li { list-style: disc; font-size: 14px; margin: 12px 0; }
p {
margin:0.8em 0;
}


div.cat-nav {
float:left;
width:320px;
padding:0 10px;
border-right:dotted 1px #ccc;
border-left:dotted 1px #ccc;
}

div.cat-nav h3,.features h3 {
color:#508ed4;
font-size:1.6em;
font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
}

ul.home-catnav {
color:#999;
float:left;
font-size:0.9em;
margin:15px 0 0 10px;
}

ul.home-catnav a {
font-weight:700;
margin:0 0 3px;
}

ul.home-catnav li {
clear:left;
margin:0 0 15px 0;
border-bottom:dotted 1px #ccc;
}

div.home-lead ul.home-catnav li {
margin:0 0 10px 0;
}

img.cat-nav-img {
margin:0 6px;
width:280px;
}

.home-catnav li p {
margin:0 0 0.8em 0;
}

div.features {
float:right;
width:220px;
padding:0 0 0 10px;
}

#home .content-wrap {
}

.full-width {
overflow:hidden;
}

div.full-width p
{
    margin : 0;
    padding : 0;
}

.lead {
border-top:1px solid #fff;
float:left;
font-size:1.4em;
text-align:left;
width : 969px;

}

div.logo {
margin:20px 0 0 0;
float:left;
}
 ul.brochure-download li { font-size: 16px; margin: 8px 4px; }
 ul.brochure-download li a { display: inline-block; padding: 3px; }
/* ##################################################            ############################################## */

#footer {
background:#867A6A;
clear:left;
color:#fff;
float:left;
margin-left:-10px;
padding:12px 10px;
width:969px;
}

#footer a {
color:#e3e6e9;
}

.foot-holder {
float:left;
text-align:left;
width:969px;
}

.foot-bg {
background:#867A6A;
clear:both;
float:left;
text-align:center;
width:100%;
margin-top : 10px;
}

.footer-nav {
border-right:1px dotted #B7AC9C;
clear:left;
float:left;
width:398px;
height:233px;
}
.footer-nav a { border-bottom: none; }

.footer-contact,.footer-contact2 {
float:left;
width:200px;
}

.footer-address {
border-right:1px dotted #b7ac9c;
float:left;
margin-left:8px;
width:243px;
}

.footer-nav ul {
float:left;
width:135px;
}

/************************************** User Login ****************************/
.footer-login {
border-right:1px dotted #B7AC9C;
float:left;
margin-left:12px;
width:328px;
height:233px;
}

.footer-login p {
  margin-bottom: -3px;
}

.userlogin {
  border-right:1px dotted #B7AC9C;
}

.userlogin {
border:none;
}

.footer-login p.user, .userlogin p.user, .forgottenPassword p.user
{
    clear:left;
    width:300px;
}

.changepassword p.user
{
    clear:left;
    width:500px;
}

.footer-login p.user label, .userlogin p.user label, .forgottenPassword p.user label
{
    float:left;
    padding-bottom:5px;
    width: 75px;
}

.changepassword p.user label
{
    float:left;
    padding-bottom:5px;
    width: 175px;
}

.userlogin p.fulllength label
{
    width: 220px;
}

.footer-login p.user input, .userlogin p.user input, .forgottenPassword p.user input, .changepassword p.user input
{
    margin-bottom:5px;
    padding : 2px;
    width:150px;
    border : solid 1px #333;
}

.footer-login p.user input[type="checkbox"], .userlogin p.user input[type="checkbox"]
{
    float:left;
    margin-bottom:5px;
    padding : 2px;
    width:20px;
    border : none;
}

.footer-login p.user label, .userlogin p.user label, .forgottenPassword p.user label, .changepassword p.user label
{
	margin:0 5px 0 0;
}

.footer-login p.user .validator, .userlogin p.user .validator
{
    float:right;
    margin-left:3px;
}

.userlogin input[type="submit"],
.userlogin input.button,
.footer-login input[type="submit"],
.footer-login input.button,
.forgottenPassword input[type="submit"],
.forgottenPassword input.button,
.changepassword input[type="submit"],
.changepassword input.button
{
	height:23px;
    vertical-align:top;
    padding:0 0 1px 0;
    cursor:pointer;
    float:right;
    color : #52646E;
    border : solid 1px #52646E;
}

.userlogin input[type="submit"],
.userlogin input.button,
.footer-login input[type="submit"],
.footer-login input.button
{
	clear:right;
    width:60px;
    margin-right:55px;
    margin-bottom: 3px;
    margin-top: 5px;
}


.forgottenPassword input[type="submit"],
.forgottenPassword input.button
{
	clear:right;
    width:60px;
    margin-right:10px;
}

.changepassword p.user input[type="submit"],
.changepassword p.user input.button
{

    width:155px;
    margin-right:10px;
}

div.userlogin table td, .forgottenPassword table td, .changepassword table td
{
	border:none;
	font-size:1em;
	padding:0px;
}

div.userlogin .error, .changepassword .error
{
	width:180px;
	float:right;
	color:Red;
}

.changepassword .error
{
	width:500px;
}

/************************************** User Login ****************************/


div#footer p span
{
    font-size : 0.9em;
}

/* ##################################################            ############################################## */

.singlecol {
float:left;
margin-left:20px;
width:310px;
}

.index-r-p1 {
background:#424444 url(../../../../images/high-efficiency.jpg) no-repeat;
color:#fff;
padding:1em;
text-align:center;
margin:0 0 24px 0;
}

.index-r-p1 img {
border:3px solid #fff;
margin-top:20px;
}

.index-r-p1 a.main {
background:url(../../../../images/trans-black.png) repeat;
color:#fff;
display:block;
font-size:20px;
margin-bottom:210px;
padding-bottom:10px;
}

.index-r-p1 p {
border-bottom:1px solid #fff;
border-top:1px solid #fff;
margin-bottom:0;
padding:6px;
text-align:left;
}

.index-faq {
border:1px solid #e3e6e9;
padding:1em;
margin:0 0 24px 0;
}

.index-faq a.large {
border-bottom:1px solid #e3e6e9;
display:block;
font:28px 'Lucida Grande', Tahoma, Verdana, sans-serif;
margin-bottom:18px;
padding:4px;
padding-top:0;
}
.faq-wrap li { font-size: 1.5em; margin: 8px 4px; }

.index-banner {
border:1px solid #e3e6e9;
padding:0.5em;
margin:0 0 12px 0;
background-color:#7C889D;
}

.index-banner:hover {
background-color:#fe6a13;
}

.index-banner a.large {
display:block;
font: 20px 'Lucida Grande', Tahoma, Verdana, sans-serif;
padding:2px;
padding-top:0;
color:#fff;
}

a.more {
color:#fe6a13;
font-weight:700;
}

.index-faq ul {
background:#f0f3f6;
border:1px solid #e3e6e9;
margin-top:8px;
}

.index-faq ul li {
border-bottom:1px dotted #e3e6e9;
padding:3px;
}

.index-faq li.title,.index-faq li.title a {
background:#7591ad;
color:#fff;
font-weight:700;
}

ul.feat-item {
border:1px solid silver;
padding:8px;
text-align:center;
}

ul.feat-item li.label {
font-size:1em;
font-weight:700;
text-align:left;
}

ul.feat-item li.more-link {
margin-right:10px;
text-align:right;
}

ul.feat-item li.more-link a {
color:#FC8006;
}

.spares-promo {
background:url(../../../../images/message-bg.gif) repeat-x;
border:1px solid silver;
color:#F58B4D;
font-size:1.8em;
margin:10px;
padding:8px;
text-align:center;
}

.spares-promo a {
color:#F58B4D;
}

/* ##################################################            ############################################## */

#sub-nav {
margin:0;
padding:0;
width:980px;
}

#sub-nav li {
margin:4px 8px;
}

#search {
float:right;
padding:6px 10px 6px 0;
width:400px;
}
    
#search-t {
position:relative;
margin:1px 0 0 0;
}
    
    #search-b {
    
    }

.breadcrumb {
    padding:10px 0 0;
    padding-top : 0px;
    float : left;
	min-width: 200px;
}
#no_banner .breadcrumb { margin-top: 20px; }

h2.prod-name {
border-bottom:1px solid silver;
clear:left;
float:left;
font-size:1.8em;
margin-bottom:4px;
margin-top:30px;
padding-bottom:12px;
width:969px;
}

h2.prod-name a {
display:block;
font-weight:400;
margin-left:260px;
text-align:left;
}

#prod-sidenav {
background:#DCE1E4;
float:left;
text-align:left;
width:250px;
}

#prod-sidenav ul {
margin-left:12px;
}

li.range {
font-size:1.2em;
margin:4px 0;
}

.product-content {
border:1px solid silver;
float:left;
margin-left:10px;
width:710px;
}

.gallery {
width:708px;
}

.prod-desc {
float:left;
margin-top:35px;
width:533px;
}

.prod-desc p {
float:left;
margin-left:4px;
text-align:left;
width:533px;
}

.ext-prod-nav {
float:left;
margin-left:15px;
margin-top:35px;
text-align:left;
width:190px;
}

.comm-nav {
float:right;
font-size:0.9em;
margin: 15px 0 5px 0;
width:570px;
}

.header-wrapper {
position:absolute;
height:27px;
width:100%;
background-color:#AAA195;
left:0;
}

div.languages {
position:absolute;
right:0;
top:0;
display : none;
}

div.languages select {
margin:4px 0 0 0;
float:right;
}

ul.language-selection {
text-align:right;
margin:5px 10px 0 0;
width:90px;
float:right;
}

ul.language-selection li {
border:0;
color : #ccc;
}

.comm-nav li {
/*border-right:1px solid silver;*/
float:left;
margin:4px;
padding-right:6px;
}

.comm-nav li.last {
border-right:none;
}

.category-display {
float:left;
width:969px;
}

ul.category-list {
float:left;
margin-top:20px;
width:969px;
}

li.family {
float:left;
margin-right:15px;
margin-top:20px;
padding-left:8px;
width:310px;
}

li.family li.heading {
border-bottom:1px solid #f0f3f6;
font:18px 'Lucida Grande', Tahoma, Verdana, sans-serif;
margin-bottom:6px;
padding-bottom:3px;
width:100%;
}

li.family li.heading a:hover {
color:#7591ad;
}

li.family li.image {
float:left;
height:100%;
margin:5px;
width:100px;
}

li.family li.family-links {
float:right;
font-size:0.9em;
margin-top:4px;
width:190px;
}

h2.page-lead {
border-bottom:1px solid #f0f3f6;
color:#7591ad;
font:24px 'Lucida Grande', Tahoma, Verdana, sans-serif;
width:100%;
}

.category-info-wrap {
border-top:1px solid #f0f3f6;
float:left;
margin:20px 0;
padding:20px 0;
width:969px;
}

.category-lead-text {
background:#F5F3EF;
border:1px solid #867a6a;
float:left;
margin-top:16px;
padding:12px;
width:945px;
}

.category-lead-text p {
color:#433523;
}

.clt-left,.clt-right {
float:left;
width:454px;
}

.clt-left {
padding-right:15px;
}

.clt-right {
margin-left:20px;
}

h2.clt,h4.clt {
color:#7591ad;
font:21px  'Lucida Grande', Tahoma, Verdana, sans-serif;
}

.expand-feature-list h4.clt {
font-size:14px;
margin-bottom:1em;
}

.expand-feature-list 
{
    float:left;
    width: 226px; /* 240 full width - 12 padding - 2 border */
    padding:6px;
    background-color: #f0f3f6;
    border:solid 1px #E9ECEE;
}

.expand-feature-list h3 {
border-bottom:1px solid #e3e6e9;
color:#fe6a13;
font:18px 'Lucida Grande', Tahoma, Verdana, sans-serif;
margin-bottom:12px;
padding-bottom:3px;
}

.clt-help {
background:#B10202;
border:1px solid silver;
clear:left;
float:left;
margin:0;
padding:0;
width:460px;
}

.clt-help p {
float:left;
font:21px 'Lucida Grande', Tahoma, Verdana, sans-serif;
margin:0.5em;
padding:0;
}

.home-help {
background:#b10202;
float:left;
margin:20px;
padding:0;
width:220px;
}

.home-help p {
float:left;
font:18px  'Lucida Grande', Tahoma, Verdana, sans-serif;
margin:4px;
width:170px;
}

h1,h2,h3,h4,h5,#prod-sidenav a {
font-weight:400;
}

.float-r,#sub-nav,#sub-nav ul,#sub-nav ul li,.search-form,.comm-nav ul {
float:right;
}
.float,.foot-wrap {
margin:0 auto;
text-align:center;
width:969px;
}

div#search div.search-form div#searchBox label
{
    float : left;
    width : 100px;
    margin : 0px;
    padding : 0px 10px 0px 0px;
    text-align : right;
}

div#search div.search-form div#searchBox input
{
    float:left;
    margin-bottom:5px;
    padding : 0px 0px 0px 2px;
    width:150px;
    border : solid 1px #333;
}
#searchBox .Button { height: 20px; width: 28px; background: url(http://www.stovax.com/images/icon/search.gif) no-repeat; display: inline-block; text-indent: -9999px; margin-left: 2px; outline: none; }
/* ##################################################            ############################################## */

#footer a:hover,#footer .footer-nav ul a,.clt-help a,.home-help a,.home-help p a {
color:#fff;
}

#footer .footer-nav ul a:hover,.index-r-p1 a.main:hover,li.family li.heading a,.clt-help a:hover,.home-help a:hover,.home-help p a:hover {
color:#fe6a13;
}

.clt-help img,.home-help img {
float:left;
margin:-10px 0 0 -12px;
}

#menu :hover div dd.about a,.index-faq ul li a {
font-weight:700;
}







#wrapper{
	background: transparent;
	}

h2.product{
	font: 28px 'Lucida Grande', Tahoma, Verdana, sans-serif;
	color:#7591AD;
	width: 730px;
	margin-top: 15px;
	border-bottom: 1px solid silver;
	text-align: left;
	}
	
.product-wrapper{
	float: left;
	width: 730px;
	text-align: left;
	}
	
	body#product div.col-wrapper{
    margin-top:20px;
	}

span.pull-quote{
	font: 22px  'Lucida Grande', Tahoma, Verdana, sans-serif;
	font-style: italic;
	color: #7591ad;
	margin-left: 8px;
	margin-right: 0;
	}
	
.prod-info
{
	float: left;
	width: 478px;
	margin-top: 0;
}
	
.prod-key-fact
{
	float: left;
	width: 480px;
}
	
.prod-key-fact p
{
    color:#FE6A13;
    font-weight:700;
}
	
.prod-key-fact p span
{
    color:#000;
    font-weight:normal;
}

table.keyfacts caption{
	font: 18px 'Lucida Grande', Tahoma, Verdana, sans-serif;
	color: #fe6a13;
	text-align: left;
	width: 480px;
	border-bottom: 1px solid #D9DDE1;
	padding-bottom: 3px;
	margin-bottom: 8px;
	}

.prod-features
{
	float: right;
	width: 240px;
	margin : 24px 0 0 0;
	padding-bottom: 8px;
}

.find-stockist{
	float: left;
	width: 240px; /* 240 full width - 12 padding - 2 border */
	padding :0px;
	margin : 0;
	text-align: center;
	/*background: #F0F3F6;*/
	color: #fff;
	font-size: 16px;
	}
.sidebar .find-stockist { width: 230px; }
.find-stockist a{
	font-weight: bold;
	color: #FFF;
	background: #6392c9;
	display: block;
	padding: 8px 0;
	width: 100%;
	}
.find-stockist a:hover{
	background: #fe6a13;
	}
	
ul.feature-list{
	float: left;
	width: 238px; /* 240 full width - 2 border */
	margin : 0px;
	padding : 0px;
	text-align: center;
	background-color: #f0f3f6;
	border:solid 1px #E9ECEE;
	}
.feature-list a { border-bottom: none; }
	
li.three-col{
	float: left;
	width: 69px;
	margin:10px 5px 0;
	}

li.two-col{
	float: left;
	width: 115px;
	margin-right: 5px;
	margin-top: 10px;
	padding: 0;
	}

li.one-col{
	float: left;
	width: 240px;
	margin-top: 8px;
	border-top: 1px solid #9DACB6;
	border-bottom: 1px solid #9dacb6;
	padding-top: 6px;
	padding-bottom: 8px;
	text-align: left;
	}
li.one-col img.co2-prod{
	float: left;
	border:1px solid #7591ad;
	margin-right: 3px;
	}

a.eco{
	color: #134B2B;
	}

a.eco:hover{
	color: #fe6a13;
	}
	
.stove-family{
	float: left;
	width: 450px;
	margin-top: 30px;
	border-bottom: 1px solid #D9DDE1;
	padding-bottom: 12px;
	}
	
.stove-family h3{
	font: 18px 'Lucida Grande', Tahoma, Verdana, sans-serif;
	color: #fe6a13;
	border-bottom: 1px solid #D9DDE1;
	width: 450px;
	padding-bottom: 3px;
	margin-bottom: 10px;
	}

ul.family-list{
	width: 480px;
	float: left;
	}
	
ul.family-list li{
	width: 240px;
	width: 140px;
	float: left;
	margin-top: 12px;
	text-align: center;
	margin: 12px 6px 2px 6px;
	height: 16em; /*restricts to 2 lines of text, but avoids floated elements not clearing -- well it'll allow 3 at a pinch*/ 
	}
ul.family-list li a{
	font-size: 12px;
	font-weight: bold;
	color: #fe6a13;
	border-bottom: none; }
	
ul.family-list li a:hover{
	color: #7591ad;
	}
ul.family-list li img{
	display: block;
	margin: 0 auto;
	margin-bottom: 12px;
	}

ul.gallery-list {
	width: 240px;
	float: left;
	margin-bottom: 10px;
	margin : 0px;
	padding : 0px;
	}
ul.gallery-list li{
	float: left;
	width: 110px;
	height: 110px;
	margin: 0 1px 2px;
	border: 1px solid #7591ad;
}
	
.nav-arrows {
margin:0 5px;
}

.center {
text-align:center;
}

	
.category-nav{
	margin-top: 12px;
	padding-top: 0px;
	}
#no_banner .category-nav { margin-top: 80px; }

.xsell{
	margin: 12px 0;
	border: 1px solid #f0f3f6;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 6px;
	float: left;
	width:226px;
	}
.xsell a{
	font-size: 18px;
	color: #fe6a13;
	}
.xsell a:hover{
	color: #7591ad;
	}
.xsell img{
	padding: 4px;
	border: 1px solid #e3e6e9;
	margin: 8px 0;
	height:103px;
	}
.xsell a img:hover{
	border: 1px solid #fe6a13;
	}
ul.further-info-list{
background-color: #f0f3f6;
}

ul.further-info-list{
	padding-bottom: 6px;
	margin-bottom: 6px;
	margin-top:10px;
	text-align: left;
	border:solid 1px #E9ECEE;
	}
	
ul.further-info-list li{
	text-align: left;
	width: 230px;
	/*background: #e3e6e9;*/
	padding: 4px;
	color: #3C3F44;
	font-weight: bold;
	}

ul.further-info-list li.heading{
	font: 18px 'Lucida Grande', Tahoma, Verdana, sans-serif;
	padding-bottom: 8px;
	}
	
ul.further-info-list li a, .xsell a{
	color: #4D6183;
	font-weight: normal;
	}
ul.further-info-list li a:hover{
	color: #fe6a13;
	}
	
li.help span{
	font-weight: normal;
	color: #fff;
	}
	
.keyfacts td{
	border-bottom: 1px solid #E9ECEE;
	font-size: 0.9em;
	padding-right: 8px;
	}
.keyfacts td.chimney{
	text-align: right;
	font-weight: bold;
	}

.keyfacts tr{
	border: 1px solid red;
	}
	
.keyfacts td.col1, #keyfacts td.col2{
	padding-left: 10px;
	width: 230px;
	}

/* *********************************** Top Bar Navigation ****************************************** */
/* level 1 */
ul.menu 
{
	width : 100%;
	height : 2.1em;
	position : relative;
	z-index : 100;
	margin : 0;
	padding : 0;
	clear : left;
	left : 0;
	background-image : url(../../../../images/nav1_bg.gif);
	background-repeat :  repeat-x;
	list-style : none;
	text-align : center;
	font-size : 12px;
}

ul.menu li 
{
	float : left;
	display : inline;
	text-align : center;
	border-left : 1px solid #fff;
	font-size : 1em;
}

ul.menu li a 
{
	width : 100%;
	height : 1.7em;
	display : block;
	padding : 3px 0px 2px 0px;
	color : #ffffff;
	font-size : 1em;
	font-weight : 700;
	text-decoration : none;	
	border-bottom: none;
}

ul.menu li.Stoves, ul.menu li.Mantels {width:80px;}
ul.menu li.FireBaskets, ul.menu li.Accessories {width:110px;}
ul.menu li.Fireplaces {width:90px;}
ul.menu li.Fireplace Tiles{width:130px;}
ul.menu li.HearthMountedFires {width:160px;}
ul.menu li.BuiltInToTheWallFires {width:190px;}
ul.menu li.TileSurrounds {width:130px;}
ul.menu li.ProductFinder {width:140px;}

ul.menu li.ProductFinder 
{
	border-right : solid 1px #fff;
	background-color : #6392C9;
}

ul.menu li a:hover 
{
    color : #ffffff;
    background : #EA9B48;
    text-decoration : none;
}

ul.menu li ul, 
ul.menu li ul li ul 
{
	display : none;
}

ul.menu :hover a:hover 
{
	text-decoration: none;
}

/* level 2 */
ul.menu :hover ul 
{
	display : block;
	position : absolute;
	height : auto;
	background-image : url(../../../../images/nav_col.gif);
	border : solid 1px #EA9B48;
	/* IE CSS needs this to move level 2 box to the left more
	margin : 0px 0px 0px -25px;
	*/
	margin : 0px 0px 0px 0px;
	padding : 0px;
}

/* apply the col[x] from html to align on column widths */
ul.menu :hover ul.col56,
ul.menu :hover ul.col67
{
    width : 200px;
    /* single column layout */
}

ul.menu :hover ul.col33,
ul.menu :hover ul.col62
{
    width : 400px;
    /* double column layout */
}

ul.menu :hover ul.col1,
ul.menu :hover ul.col17,
ul.menu :hover ul.col46
{
    width : 600px;
    /* triple column layout */
}
/* apply the col[x] from html to align on column widths */

ul.menu :hover ul li
{
	width : 193px;
	padding : 3px 3px 3px 3px;
	margin : 0;
	font-size : 0.95em;
	text-align : left;
}

ul.menu :hover ul li span
{
    width : auto;
    color : #EA9B48;
    display : block;
	padding-top : 0.5em;
	padding-left : 8px;
	font-size : 1em;
	font-weight : 700;
	text-decoration : none;	
	height : auto;
	width : 100%;
}

ul.menu :hover ul li span img
{
    float : left;
    padding : 4px 0px 4px 5px;
}

/* level 3 */
ul.menu :hover ul li ul 
{
	width : 193px;
	margin : 0;
	padding : 0px 0px 15px 0px;
	border : none;
	background-image : none;	
	position : relative;
}

ul.menu :hover ul li ul li
{
	width : 190px;
	padding : 1px 0px 0px 0px;
	color : #67737F;
	font-weight : 400;
	text-decoration : none;
	border-right : none;
}

ul.menu :hover ul li ul li a
{
	padding : 0px 5px 0px 8px;
	margin : 0;
	height : auto;
	font-weight : normal;
	color : #67737F;
	width : auto;
	text-decoration : none;
}

ul.menu :hover ul li ul li a:hover
{
    background : none;
    color : #BB0F09;
	width : auto;
	text-decoration : underline;
}


/* *********************************** Top Bar Navigation ****************************************** */


/************************* Job Vacancies ***************************/
div.vacancies
{
    float : left;
    width : 700px;
    margin : 0px 0px 10px 0px;
    padding : 0;
}

div.vacancies h1 {display:none;}

div.vacancies table table td {
	border-bottom: 1px solid #E9ECEE;
	}
	
/************************* Job Vacancies ***************************/



/************************************ Product Image Gallery *************************************** */
div.gallery-wrapper
{
	float: left;
	width: 969px;
	margin : 15px 0px 10px 0px;
	padding : 0px;
	text-align: left;
}

div.gallery-main
{
	float : left;
	width : 739px;
	height:374px;
	margin : 0px;
	padding : 0px;
	text-align : center;
}

div.gallery-main img 
{
	width:730px;
	height:374px;
    float : left;
}

#player {

    float : left;

}	
	
div.gallery-thumb 
{
    float: left;
    width: 230px;
    margin : 0px;
    padding : 0px;
}

div.gallery-thumb ul
{
    float : left;
    width : 230px;
    margin : -22px 0px 0px 0px;
    padding : 0px;
}

div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('../../../../images/loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 550px;
	height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.slideshow {

}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
div.slideshow a.advance-link {
	display: block;
	width: 550px;
	height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
	line-height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
	text-align: center;
}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow img {
	vertical-align: middle;
	border: 1px solid #ccc;
}

div.caption-container {
	
}
span.image-caption {
	display: block;
	position: absolute;
}
div.caption {
	background-color: #000;
	padding: 12px;
	color: #ccc;
}
div.caption a {
	color: #fff;
}
div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}

div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.navigation 
{
	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs {
	clear: both;
	margin : 0;
	padding: 0;
}

ul.thumbs li img 
{
	height : 110px;
	width : 110px;
	}

a.thumb {
	
	display: block;
	
}
ul.thumbs li.selected a.thumb {	
	display: block;

}

a.thumb2:focus {
	outline: none;
}

div.pagination {
	clear: both;
}
div.navigation div.top 
{
	
	margin-bottom: 22px;
}
div.navigation div.bottom 
{
	float : left;
	width : 234px;
	margin-top: 9px;
	margin-bottom : 10px;
	
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis 
{
	color : #508ed4;
	display: block;
	float: left;
	margin-right: 2px;
	padding: 2px;
	border: 1px solid #ccc;
}
div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #7C889D;
	border-color: #5b6fb5;
	color: #fff;
}
div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}
#captionToggle a {
	float: right;
	display: block;
	background-image: url('../../../../images/caption.png');
	background-repeat: no-repeat;
	background-position: right;
	margin-top: 5px;
	padding: 5px 30px 5px 5px;
}

/* Minimal Gallery Styles */
#thumbs-min ul.thumbs li {
	float: none;
	padding: 0;
	margin: 0;
	list-style: none;
	
	
}

#thumbs-min a.thumb {
	padding: 0px;
	display: inline;
	border: none;
}

#thumbs-min ul.thumbs li.selected a.thumb {
	background: inherit;
	color: #000;
	font-weight: bold;
}


div.filter 
{
	width : 450px;
	display:block;
	float : left;
}
	
div.filter .label 
{
	color:#5b6fb5;
	float : left;
	padding-right : 5px;
	padding-top : 2px;
}


div#tooltip      
{
	
	display : none;     
	background:transparent url(../../../../images/black_arrow_bottom.png);    
	font-size:12px;     
	height:55px;     
	width:160px;     
	padding:25px;
	padding-top:40px;     
	color:#fff;   
	text-align : center;
}

div#tooltip span
{
	color:yellow;     
	width:35px; 
	float : left;
	
}
		
div#tooltip a
{
	margin-top : 10px;
	width : 100%;
	float : left;
	display : block;
	}

.highres 
{
	visibility : hidden;
	}
	
.hide_object 
{
	width : 0;
	height : 0;
	display : none;
	}

/************************************ Product Image Gallery ****************************************/


/************************************ Side Bar Navigation *******************************************/
div.sidebar
{
	float: right;
	width: 230px;
}
.sidebar a { border-bottom: none; }
#prod-range .sidebar { margin-top: 80px; }
	
div.sidebar h3 
{
	font-size:120%;
	color:#fe6a13;
	font-weight:bold;
	text-align:center;
	padding:10px 0;
}

div.category-nav
{
	width: 228px; /* sidebar width 230px - 2px for border left/right */
	float: left;
	padding : 0px 0px 10px 0px;
	border : solid 1px #F0F3F6;
}

/* level 0 */	
div.category-nav ul.cat-nav-list
{
	float: left;
	width : 228px;
	margin : 0;
	padding : 0;
	background : none;
	background-image : none;
	border : none;
}

div.category-nav ul.cat-nav-list li
{
    float: left;
	width : 225px;
	margin : 0px;
	padding : 10px 0px 10px 0px;
	color : #3C3F44;
}
li.heading { margin-top: 0; }
div.category-nav ul.cat-nav-list li.heading
{
    font-size : 18px;
	font-family : 'Lucida Grande', Tahoma, Verdana, sans-serif;
	padding: 0;
	border-bottom: 1px solid #fff;
}

div.category-nav ul.cat-nav-list li.selected
{
    font-size : 18px;
	font-family : 'Lucida Grande', Tahoma, Verdana, sans-serif;
	font-weight : bold;
	float : left;
	width : 223px;
	padding-left : 5px;
}

div.category-nav ul.cat-nav-list li.heading span
{
    float : left;
    width : 220px;    
    padding : 5px;
	background: #7C8890;
}
div.category-nav ul.cat-nav-list li.heading .selected span { background: #FFF; }

div.category-nav ul.cat-nav-list li.heading span a { color : #FFF; }
div.category-nav ul.cat-nav-list li.heading span a:hover { color: #F60; }

div.category-nav ul.cat-nav-list li ul li a
{
    color : #4D6183;
    font-weight : normal;
}

div.category-nav ul.cat-nav-list li ul li a:hover
{
    color : #FE6A13;    
    font-weight : normal;
}

/* level 1 */
div.category-nav ul.cat-nav-list li ul
{
    float: left;
	width : 228px;
	margin : 0px;
	padding : 0px;
	background: #FFF;
}

div.category-nav ul.cat-nav-list li ul li
{
    float: left;
	width : 228px;
	margin : 0px;
	padding : 0px;
}

div.category-nav ul.cat-nav-list li ul li.stylelevel1
{
    float: left;
	width : 228px;
	margin : 0px;
	padding : 5px 0px 5px 0px;
	font-size : 0.7em;
	font-weight : normal;
	color : #4D6183;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	background: #e9eef1;
	border-bottom: 1px solid #FFF;
}

div.category-nav ul.cat-nav-list li ul li.selected
{
    float: left;
	width : 228px;
	margin : 0px;
	padding : 5px 0px 5px 0px;
	font-size : 0.7em;
	font-weight : bold;
	color : #000000;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	}


div.category-nav ul.cat-nav-list li ul li.stylelevel1 a,
div.category-nav ul.cat-nav-list li ul li.stylelevel1 a:hover,
div.category-nav ul.cat-nav-list li ul li.selected span
{
    float : left;
    width : 223px;    
    padding : 0px 0px 0px 5px;
}

/* level 2 */
div.category-nav ul.cat-nav-list li ul li.stylelevel1 ul,
div.category-nav ul.cat-nav-list li ul li.selected ul
{
    float: left;
	width : 228px;
	margin : 0px;
	padding : 0px;
}

div.category-nav ul.cat-nav-list li ul li.stylelevel1 ul li,
div.category-nav ul.cat-nav-list li ul li.selected ul li
{
    float: left;
	width : 228px;
	margin : 0px;
	padding : 0px;
	/*background-color : #F0F3F6;*/
	background: #FFF;
	padding : 3px 0px 3px 0px;
}

div.category-nav ul.cat-nav-list li ul li.stylelevel1 ul li.selected,
div.category-nav ul.cat-nav-list li ul li.selected ul li.selected
{
    float: left;
	width : 213px;
	margin : 0px;
	padding : 0px;
	/*background-color : #F0F3F6;*/
	background: #FFF;
	padding : 3px 0px 3px 15px;
	color : #000000;
	font-weight : bold;
}

div.category-nav ul.cat-nav-list li ul li.stylelevel1 ul li.selected span,
div.category-nav ul.cat-nav-list li ul li.selected ul li.selected span
{
    font-size : 1.4em;
}

div.category-nav ul.cat-nav-list li ul li.stylelevel1 ul li a,
div.category-nav ul.cat-nav-list li ul li.stylelevel1 ul li a:hover,
div.category-nav ul.cat-nav-list li ul li.selected ul li a,
div.category-nav ul.cat-nav-list li ul li.selected ul li a:hover
{
    width : 208px;    
    padding : 0px 0px 0px 20px;
}
/* *********************************** Side Bar Navigation ****************************************** */






/* *********************************** Index Server Search ****************************************** */
div.searchResults
{
    float : left;
    margin : 10px 0px 10px 0px;
    padding : 0;
    width : 100%;
}
#searchresults h2 { font-family: "lucida grande", Tahoma, Verdana, sans-serif; }


div.searchResults table,
div.searchResults table tr,
div.searchResults table tr td,
div.searchResults table tr td table,
div.searchResults table tr td table tr,
div.searchResults table tr td table tr td,
div.searchResults table tr td table tr td table,
div.searchResults table tr td table tr td table tr,
div.searchResults table tr td table tr td table tr td
{
    border-collapse : collapse;
    border : 0px;
    padding : 2px;
    font-size : 1.0em;
}

div.searchResults table
{
    float : left;
    margin : 0;
    padding : 0;
}

div.searchResults table tr td table
{
    float : left;
    width : 723px;
    margin : 0;
}

div.searchResults table tr td table tr td label
{
    float : left;
    width : 120px;
    margin : 0;
    padding : 0;
}

div.searchResults table tr td table tr td input
{
    float : left;
	width : auto;
	height : auto;
	margin-right : 5px;
	padding : 2px 2px 2px 2px;
	display : inline;
	border : solid 1px #cccccc;
	background : #FFFFFF;
}

div.searchResults table tr td table tr td input[type="submit"]
{
    float : right;
    margin-right : 54px;
}

div.searchResults div
{
    float : left;
    margin : 0;
    padding : 0;
}

div.searchResults div.searchtop
{
    float : left;
    margin : 0;
    padding : 5px 0px 5px 0px;
}

div.searchResults div.searchResultItem
{
    float : left;
    margin : 10px 0px 10px 3px;
    padding : 5px;
    width : 710px;
    border : solid 1px #867A6A;
}

div.searchResults div.searchResultItem h4 a
{
    float : left;
    width : 100%;
    font-size : 1.2em;
    font-weight : bold;
}

div.searchResults div.searchResultItem p
{
    margin : 0;
}

div.DateSelectorControl label.DateSelectorLabel
{
    width : 120px;
}

div.DateSelectorControl div.DateSelectorValues div.pickerWrapper_Default table tbody tr td.inputCell span.radInput_Default input,
div.DateSelectorControl div.DateSelectorValues div.pickerWrapper_Default input
{
    display : none;
}
div.DateSelectorControl div.DateSelectorValues div.pickerWrapper_Default table tbody tr td.inputCell span.radInput_Default input.radEnabledCss_Default
{
    display : block;
}

div.DateSelectorControl div.DateSelectorValues div.pickerWrapper_Default table tbody tr td a.radPopupImage_Default img
{
    margin : 0px 0px 0px 10px;
}

input#Template_ctl13_ctl00_indexServerSearchSubmitButton
{
    float : right;
    background-color : #867A6A;
    color : #fff;
    border : none;
}

div.searchResults table a
{
    float : none;    
}

div.searchResults a
{
    float : left;    
}

div.searchResults div.searchtop
{
    float : left;
    margin : 0px 0px 0px 0px;
    padding : 5px;
    width : 712px;
}

/* *********************************** Index Server Search ****************************************** */


/************************* Product Finder **************************/


#productFinderContainer 
{
	
	float : left;
	display : block;
	border : solid 1px #ccc;
	width : 950px;
	padding : 5px;
	margin : 5px;
	background-color : #fff;
	}

.productFinderOptions 
{
	width : 37%;
	float : left;	
	margin-right : 5px;
	padding:2px;
	}
	
	
.productFinderResults 
{
	width : 60%;
	float : left;
	}
	
.optionsHolder,
.optionsHolderAlt 
{
	width :98%;
	float : left;
	padding : 5px;
	text-align : left;
	background-color : #eee;
	margin-bottom : 10px;
	}
	
.optionsHolder table,
.optionsHolderAlt table { 
	padding-top : 3px;
	float : left;
}
	
.optionsHolder td,
.optionsHolderAlt td 
{
	width : 200px;
	border : none;
	}


.optionsHolderAlt 
{
	background-color : White;
	}

.optionHeader 
{
	float : left;
	font-weight : bold;
	font-size:14px;
	width : 100%;
	text-align : left;
	border-bottom : solid 1px #ccc;
	}

#productFinderContainer div.resultItem 
{
	float : left;
	display : block;
	width : 125px;
	height : 190px;
	color:#FF6600;
	border : solid 1px #eee;	
	text-align : center;
	
	}
	
.resultItem img 
{
	text-align : center;
	}
	
#productFinderContainer div.resultItem  span 
{
	clear : both;
	text-align : center;
	}
	
.resultItem a 
{
	color:#FF6600;
	text-align : center;
	margin : 3px;
	}

.results_count 
{
	float : left;
	padding-left : 5px;
	width : 80%;
	text-align : left;
	}

.pager 
{
	text-align : right;
	}
	
.pagingItem 
{
	margin : 1px;
	}
	
.pagingItemCurrent 
{
	margin : 1px;
	font-weight : bold;
	color : #FF6600;	
	padding : 1px;
	}
	
.grdResults 
{
	float : left;
	
	}
	
	
#productFinderContainer .grdResults 
{
	float : left;
	border : none;
	}
	
#productFinderContainer .grdResults td {
	border : none;
	
}
	
/* global */
#cluetip-close img {
  border: 0;
}
#cluetip-title {
  overflow: hidden;
}
#cluetip-title #cluetip-close {
  float: right;
  position: relative;
}
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(/images/wait.gif);
}
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  height: 22px;
  width: 11px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#cluetip-extra {
  display: none;
}
/***************************************
   =cluetipClass: 'default' 
-------------------------------------- */

.cluetip-default {
  background-color: #d9d9c2;
}
.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #d9d9c2;
}
.cluetip-default h3#cluetip-title {
  margin: 0 0 5px;
  padding: 8px 10px 4px;
  font-size: 1.1em;
  font-weight: normal;
  background-color: #87876a;
  color: #fff;
}
.cluetip-default #cluetip-title a {
  color: #d9d9c2;
  font-size: 0.95em;
}  
.cluetip-default #cluetip-inner {
  padding: 10px;
}
.cluetip-default div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* default arrows */

.clue-right-default .cluetip-arrows {
  background-image: url(/images/darrowleft.gif);
}
.clue-left-default .cluetip-arrows {
  background-image: url(/images/darrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-default .cluetip-arrows {
  background-image: url(/images/darrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-default .cluetip-arrows {
  background-image: url(/images/darrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/***************************************
   =cluetipClass: 'jtip'
-------------------------------------- */
.cluetip-jtip {
  background-color: transparent;
}
.cluetip-jtip #cluetip-outer {
  border: 2px solid #ccc;
  position: relative;
  background-color: #fff;
}

.cluetip-jtip h3#cluetip-title {
  margin: 0 0 5px;
  padding: 2px 5px;
  font-size: 16px;
  font-weight: normal;
  background-color: #ccc;
  color: #333;
  text-align : left;
}

.cluetip-jtip #cluetip-inner {
  padding: 0 5px 5px;
  display: inline-block;
}
.cluetip-jtip div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* jtip arrows */

.clue-right-jtip .cluetip-arrows {
  background-image: url(/images/arrowleft.gif);
}
.clue-left-jtip .cluetip-arrows {
  background-image: url(/images/arrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-jtip .cluetip-arrows {
  background-image: url(/images/arrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-jtip .cluetip-arrows {
  background-image: url(/images/arrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/***************************************
   =cluetipClass: 'rounded'
-------------------------------------- */

.cluetip-rounded {
  background: transparent url(/images/bl.gif) no-repeat 0 100%;
  margin-top: 10px;
  margin-left: 12px;
}

.cluetip-rounded #cluetip-outer {
  background: transparent url(/images/tl.gif) no-repeat 0 0;
  margin-top: -12px;
}

.cluetip-rounded #cluetip-title {
  background-color: transparent;
  padding: 12px 12px 0;
  margin: 0 -12px 0 0;
  position: relative;
}
.cluetip-rounded #cluetip-extra {
  position: absolute;
  display: block;
  background: transparent url(/images/tr.gif) no-repeat 100% 0;
  top: 0;
  right: 0;
  width: 12px;
  height: 30px;
  margin: -12px -12px 0 0;
}
.cluetip-rounded #cluetip-inner {
  background: url(/images/br.gif) no-repeat 100% 100%;
  padding: 5px 12px 12px;
  margin: -18px -12px 0 0;
  position: relative;
}

.cluetip-rounded div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #009;
  background: transparent;
}
.cluetip-rounded div#cluetip-close a {
  color: #777;
}

/* rounded arrows */

.clue-right-rounded .cluetip-arrows {
  background-image: url(/images/rarrowleft.gif);
}
.clue-left-rounded .cluetip-arrows {
  background-image: url(/images/rarrowright.gif);
  left: 100%;
  margin-left: 12px;
}
.clue-top-rounded .cluetip-arrows {
  background-image: url(/images/rarrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-rounded .cluetip-arrows {
  background-image: url(/images/rarrowup.gif);
  top: -23px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}



/* stupid IE6 HasLayout hack */
.cluetip-rounded #cluetip-title, 
.cluetip-rounded #cluetip-inner {
  zoom: 1;
}


/************************* Product Finder **************************/

/* *********************************** Retailer Search ****************************************** */

div#retailersearch
{
	float:left;
	width: 969px;
	text-align:left;
}
div#retailersearch h3
{
	color:#508ed4;
	font-size:1.6em;
}

div#retailersearch div#searchoptions
{
	float:left;
	width:465px;
	margin-right : 30px;
	border: 1px solid #d7d7d7;
}

div#retailersearch div#searchresults
{
	float:left;
	width:460px;
	
}


div.retailercontact 
{
	
	float : left;
	width : 100%;
	
	}




div#retailersearch div#searchresults div#resultbottom
{
	/*background-color:#e4e4e4;*/
	height:auto;
	float : left;
	border-bottom : double 3px #d7d7d7;
	padding-bottom : 3px;
}

div#retailersearch div#searchresults div#resulttop
{
	float:left;
	width:417px;
	background-color:#f2f2f2;
	padding:10px;
	border: 1px solid #d7d7d7;
	margin-bottom : 3px;
}


div#retailersearch div#searchresults div#resultbottomholder
{
	float:left;
	/*background-color:#e4e4e4;*/
	margin-top: 20px;
	border: 1px solid #d7d7d7;
	width:467px;
}	

div#retailersearch div#searchresults div#resultbottomleft, div#retailersearch div#searchresults div#resultbottomright
{
	float:left;
	width:199px;
	/*background-color:#e4e4e4;*/
	padding:10px;
	
}

div#retailersearch div#searchresults div#resultbottomleft
{
	border-right: 1px solid #c9c9c9;
	
}


div#retailersearch div#searchresults div.header h2
{
	margin-bottom:10px;
	font-size:1.6em;
	color : #508ed4;
}

div#retailersearch div#searchresults div.retailername h2 
{
	color : #508ed4;	
	
	}

div#retailersearch div#searchresults div.retaileraddress,
div#retailersearch div#searchresults div.retailertelephone,
div#retailersearch div#searchresults div.retaileropeninghours
{
	line-height:1.2em;
	margin:5px 0 0 0;
	float:left;
	
}

div#retailersearch div#searchresults div.retailermoreinfolink 
{
	clear : both;
	float : left;
	margin-top : 5px;	
	
	}
	
div#retailersearch div#searchresults div.moreInfoButton 
	{
		
		margin-top : 10px;		
		float : right;		
		border: 1px solid #d7d7d7;
		padding : 5px 10px 5px 10px;		
		background-image : url(/images/bg.png);
		text-align : center;
		vertical-align : top;
	}
	
div#retailersearch div#searchresults div.moreInfoButton a
{
	
		
		color : #508ed4;
		
	}
	
	


/****************** retailer information page ***************************/	
div.RetailerDetailsContainer 
{
	clear : both;
	float : left;
	display : block;	
	width : 969px;	
	
	}	
	
div.RetailerInformationCol1 
{
	float : left;
	display : block;	
	width : 465px;
	margin-right : 30px;
	}

div.RetailerInformationCol2 
{
	float : left;
	display : block;
	width : 465px;	
	
	
	}
	
div.RetailerDetails 
{		
		width : 465px;
		float : left;
		display : block;
		text-align:left;
	
	}
	
div.RetailerDetailsName
{	
	padding : 0;
	margin : 0;	
	color : #508ed4;
	font-size : 1.3em;
	width : 100%;
	text-align : left;
	border-bottom : solid 1px #7C889D;
	margin-bottom : 10px;
	}
	
div.RetailerDetailsAddress 
{
	float : left;	
	width : 70%;
	}
	
div.RetailerDetailsPDF 
{
	
	float : left;
	width : 25%;
	text-align : center;
	}	
	
div.RetailerDetailsTelephone 
{
	float : left;
	width : 100%;
	margin-top : 10px;
	margin-bottom : 10px;
	}
	
div.RetailerDetailsOpeningHours 
{
	float : left;
	width : 465px;
	display : block;
	padding-top : 5px;
	padding-bottom : 20px;
	border-top : solid 1px #7C889D;
	border-bottom : solid 1px #7C889D;	
	}
	
div.RetailerDetailsOpeningHours h2 
{
	color : #508ed4;
	font-size : 1.2em;
	}	
	
div.RetailerDetailsOpeningHours ul
{
	float : left;
	width : 465px;
	display : block;
	
	}	

div.RetailerDetailsOpeningHours ul li 
{
	margin-top : 5px;	
	margin-right : 10px;	
	border-bottom : dashed 1px #7C889D;
	float : left;
	width : 47%;
	}
	
div.RetailerDetailsImage 
{
		float : left;
		width : 465px;
		
	}
	

div.RetailerDetailsImage div.retailerimage 
{
	margin-bottom : 33px;
	#margin-bottom : 33px;
	
	}	
	
div.RetailerDetailsEmail 
{
	
	float : left;		
	width:465px;
	margin-top : 20px;
	
	}
	
div.RetailerDetailsEmail h2 
{
	float : left;		
	font-family: "lucida grande", Tahoma, Verdana, sans-serif;
	text-transform: capitalize;
	
	}

div.RetailerDetailsEmail .emailText 
{

	float : left;	
	text-align : left;
	width : 465px;
	margin-top : 10px;
	}

	
	


div.RecommendedRetailers 
{
	float : left;
	display : block;
	border-top : solid 1px #7C889D;
	width : 960px;	
	
	}

div.RecommendedRetailers h2 
{
	color : #508ed4;
	font-size : 1.5em;	
	float : left;
	text-align:left;
	width : 100%;
	margin : 5px 0px 20px 0px;
	padding : 2px 0px 5px 2px;
	border-bottom : solid 1px #7C889D;
	}
div.rrRetailer 
{
	float : left;	
	display : block;
	width : 30%;
	text-align : left;	
	}
	
div.rrRetailer div.retailermoreinfolink	a
{
	color : #FE6A13;
	}
	
div.rrRetailerName 
{
	color : #508ed4;
	font-size : 1.2em;
	font-weight : bold;
	float : left;
	width : 100%;
	margin-bottom : 5px;
	}

div.rrRetailerTel 
{
	margin : 5px 0px 5px 0px;
	}

div.rrRetailerAddress 
{
	float :left;
	width : 100%;
	margin-bottom : 5px;
	}
/****************** end retailer information page ***************************/	


div.formholder
{
	float : none;
	margin : 0px 0px 10px 0px;
	padding : 0px 11px 10px 0px;
}

div.formholder div.form
{
	float : left;
	
	margin : 0;
	/*padding : 15px 15px 15px 15px;*/
	padding : 5px;
	width : 465px;

}
.form h3 { font-family: 'Lucida Grande', Tahoma, Verdana, sans-serif; }
.form #Template_ctl11_ctl00_postcodeTextBox { padding: 3px; border: 2px solid #6392c9; font-size: 13px; }
.form #Template_ctl11_ctl00_postcodeTextBox:focus { border: 2px solid #52646e; }
.categories .category { margin-top: 6px; }
.categories .category input { margin-right: 4px; }
#categories hr { color: silver; border: none; height: 1px; background: silver; margin: 4px 0; }

div#retailersearch div#searchoptions div.formholder div.form
{
	width : 450px;
}

div.formholder div.form div.row
{
	float : left;
	width : 100%;
	margin : 0;
	padding : 1px 0px 1px 0px;
	color : #000000;
}

div.formholder div.form div.countryoptions
{
	background-color:#f2f2f2;
	padding:15px 0 10px 5px;
	margin-bottom:15px;
}

div.formholder div.form div.categories
{
	margin-top:7px;
	margin-bottom:7px;
}

div#retailersearch div#searchoptions div.formholder div.form div#categories h3
{
	margin-top:5px;
}

div.formholder div.form div.categories .category
{
	display:block;
	width:225px;
	float:left;
}

div.formholder div.form div.row label
{
	float : left;
	width : 110px;
	margin : 0;
	padding : 0;
}

div.formholder div.form div.countryoption label
{
	width : auto;
}

div.formholder div.form div.row label.heading
{
	font-weight : bold;
}


div.formholder div.form div.row input,
div.formholder div.form div.row textarea
{
	float : left;
	width : 200px;
	margin : 0px 5px 0px 5px;
	padding : 0;
}

div.formholder div.form div.row textarea
{
	width : 370px;

}

div.formholder div.form div.row input[type="radio"]
{
	width : auto;

}

div.formholder div.form input[type="submit"], div.formholder div.form input[type="image"]
{
	float:right;
	margin-right:5px;
}

div.formholder div.pagerating div.form div.row span.heading
{
	font-weight : bold;
}

div.formholder div.pagerating div.form div.row label
{
	float : left;
	text-align : right;
}

div.formholder div.pagerating div.form div.row span.radio input
{
	float : left;
	width : 10px;
}

div.formholder div.pagerating div.form div.row input
{
	float : left;
	width : 200px;
}

div.formholder div.pagerating div.form div.row textarea
{
	float : left;
	width : 300px;
}

div.formholder div.pagerating div.form div.rowright
{
	float : right;
	text-align : right;
	margin : 15px 0px 0px 0px;
}

div.formholder div.pagerating div.form div.row input.submit
{
	width : auto;
}

div#resulttop h2
{
	font-size:1.2em;
	font-weight:bold;
	border-bottom : solid 1px #ccc;
	margin-bottom : 3px;
	
}

div#resultbottom h2
{
	font-size:1.0em;
	font-weight:bold;
}

/* *********************************** Retailer Search ****************************************** */



/* *********************************** Google Map ****************************************** */

div#retailermap
{
	float:left;
	width:100%;
	
}

div#retailermap div#map
{
	float:left;
	width:465px;
	height:400px;
	
	/*margin-top: 50px;
	#margin-top : 33px;*/
	
}

div#popup 
{
	background:#EFEFEF; 
	border:1px solid #999999; 
	margin:0px; 
	padding:7px; 
	width:270px;
	text-align:left;
}

div#popup .name {font-weight:bold;}

/* *********************************** Google Map ****************************************** */

/************************* Product/Login Registration/Retailer Email ********************/

#product_registration_container #wizard, #login_registration_container #wizard
{
	margin:0;
	padding:0;
	background-color : #eee;
	border:2px solid #508ed4;
	font-size:12px;
	height:670px;
	margin:20px auto;	
	width:710px;
	overflow:hidden;
	position:relative;
	text-align : left;
	/* rounded corners for modern browsers */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}  

#retailer_email_container #wizard 
{
	margin:0;
	padding:0;
	background-color : #eee;
	border:2px solid #7C889D;
	font-size:12px;
	height:670px;		
	width:465px;
	overflow:hidden;
	position:relative;
	text-align : left;
	/* rounded corners for modern browsers */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	
	}

#login_registration_container #wizard
{
	width:530px;
	height:680px;
}

#retailer_email_container 
{
	padding : 0;
	margin : 0;
	float : left;
	width:465px;
	}

#retailer_email_container #wizard
{
	width:463px;
	height:360px;
	
	
}

/* scrollable items */
#product_registration_container #wizard div.items, #login_registration_container #wizard div.items, #retailer_email_container #wizard div.items {
	width:20000em;	
	clear:both;	
	position:absolute;	
}

/* single item */
#product_registration_container #wizard div.page, #login_registration_container #wizard div.page, #retailer_email_container #wizard div.page
{
	margin:0;
	padding:0;
	padding:40px 30px;
	
	width:690px;
	float:left;		
}

#retailer_email_container #wizard div.page
{
	margin:0;
	padding:0;
	padding:40px 0px;
		
	width:690px;
	float:left;		
}


.wizard_footer 
{
	height : 26px;
	width : 90%;
	float : left;
	padding: 5px;
}
	
	
#retailer_email_container .wizard_footer 
{
	width : 65%;
	}
#login_registration_container .wizard_footer
{
	width : 70%;
}		

.wizard_footer .next, .wizard_footer .prev, .wizard_button, #login_registration_container input[type="submit"], #retailer_email_container input[type="submit"]
{
	border: solid 1px #ddd;
	background-color: #7C889D;
	color: #fff;
	padding: 5px;
}


/* title */
#product_registration_container #wizard h2, #login_registration_container #wizard h2, #retailer_email_container #wizard h2
{
	
	border-bottom:1px dotted #ccc;
	font-size:22px;
	font-weight:normal;
	margin:10px 0 0 0;
	padding-bottom:15px;		
}

#product_registration_container #wizard h2 em, #login_registration_container #wizard h2 em, #retailer_email_container #wizard h2 em {
	display:block;
	font-size:14px;
	color:#666;
	font-style:normal;
	margin-top:5px;
}

/* input fields */
#product_registration_container #wizard ul2, #login_registration_container #wizard ul2, #retailer_email_container #wizard ul2 {
	padding:0px !important;
	margin:0px !important;
}



#product_registration_container #wizard .clearfix, #login_registration_container #wizard .clearfix, #retailer_email_container #wizard .clearfix
{
	margin:0;
	padding:0;
	clear:left;
	padding-top:10px;	
}

#product_registration_container #wizard .right, #login_registration_container #wizard .right, #retailer_email_container #wizard .right {
	float:right;		
}

/* validation error message bar */


#product_registration_container #wizard .error, #login_registration_container #wizard .error, #retailer_email_container #wizard .error {
	border:1px solid red;		
}

#product_registration_container #wizard #status, #login_registration_container #wizard #status, #retailer_email_container #wizard #status {
	margin:0px !important;
	height:35px;
	background:#123 url(../images/h60.png) repeat-x;
	background-color: #7C889D;
	padding-left:25px !important;
	_background:#123;
	border-bottom : solid 1px #7C889D;
}

#product_registration_container #status li, #login_registration_container #status li, #retailer_email_container #status li {
	list-style-type:none;
	list-style-image:none;
	float:left;
	color:#fff;
	padding:8px 30px;
}

#product_registration_container #status li.active, #login_registration_container #status li.active, #retailer_email_container #status li.active {
	background-color:#fff;
	font-weight:normal;		
	color : #508ed4;
}

#product_registration_container div.row, #login_registration_container div.row, #retailer_email_container div.row
{
	margin:0;
	padding:0;
	width : 100%;
	float : left;
	display : block;
	margin-bottom : 10px;
	}
	
#product_registration_container div.row div.label, #login_registration_container div.row div.label
{
	font-size : larger;
	color : #7C889D;
	font-weight : bold;
	width : 25%;
	float : left;
	text-align : right;
	
	}
	
#retailer_email_container div.row div.label
{
	/*font-size : larger;*/
	color : #508ed4;
	font-weight : bold;
	width : 20%;
	float : left;
	text-align : right;
	
	}

#product_registration_container div.row div.label .required, #login_registration_container div.row div.label .required, #retailer_email_container div.row div.label .required
{
	color : Red;
	font-size : smaller;
	}

#product_registration_container div.row div.field, #login_registration_container div.row div.field, #retailer_email_container div.row div.field
{
	
	float : left;
	margin-left : 5px;
		
	}
	
#product_registration_container div.row div.field input, #login_registration_container div.row div.field input, #retailer_email_container div.row div.field input
{
	margin-top: -1px;
	padding : 2px;
	}
		
.active_control
{
	border : solid 1px red;
	}	
	
.end_user_details,
.product_registration_details,
.div_finish
{
	height : 435px;
	padding : 10px;	
	width : 95%;
	display : block;
	position:relative;
	
	}
	
#login_registration_container .end_user_details
{
	height : 380px;
	
}

.product_registration_product_container,
.product_registration_no_match
{
	float : left;
	margin-left : 10px;
	border : solid 1px #ccc;
	float :left;
	display : block;
	width : 630px;
	height : 300px;
	padding : 5px;	
	
	}	
	
.product_registration_product_detail 
{
	margin-bottom : 5px;
	width:100%;
	
	}
	
.product_registration_product_detail span.label 
{
	font-weight : bold;
	color : #508ed4;
	width : 240px;	
	float : left;
	text-align : right;
	padding-right : 3px;
	}
	
.product_registration_product_detail .required 
{
	color : Red;
	font-size : smaller;
	padding-right : 2px;
	}

	
.product_registration_product_detail input.field
{
	
	border : solid 1px #ddd;
	width : 250px;
	padding : 1px;
	}

.product_registration_product_detail input.field input 
{
	padding : 2px;
	}

.product_registration_product_detail span.content 
{
	
	color : #508ed4;
	}
	
#product_registration_container div.row div.field input[type=text], #login_registration_container div.row div.field input[type=text], #retailer_email_container div.row div.field input[type=text]
{
	border : solid 1px #ddd;
	width : 250px;
	}
	
#product_registration_container div.row div.field textarea, #login_registration_container div.row div.field textarea, #retailer_email_container div.row div.field textarea
{
	border : solid 1px #ddd;
	width : 250px;
	}	

#product_registration_container div.row div.field label, #login_registration_container div.row div.field label, #retailer_email_container div.row div.field label
{
	color : #508ed4;
	
	}
	

.div_preview
{
	height : 475px;
	padding : 10px;	
	width : 95%;	
	display : block;
	position:relative;	
	}
		
span.preview_label 
{
	width : 190px;
	float : left;
	
	text-align : right;
	margin-right : 3px;
	color : #508ed4;
	font-weight : bold;
	
	
	}
	
span.preview_content 
{
	width : 300px;
	float : left;	
	
	
	
	}
	
span.preview_header

{
	width : 100%;
	margin-top: 10px;	
	float : left;
	display : block;
	color : #6699CC;
	font-size : 1.1em;
	font-weight : bold;
	border-bottom : solid 1px #7C889D;	
	}

span.preview_help_text 
{
	color : #6699CC;
	font-weight : bold;
	}

.intro_text 
{
	color : #508ed4;
	/*width:730px;*/
	text-align : left;
	}
.intro_text p { color: #333; }
.intro_text p a { text-decoration: none; }

.preview_row 
{
	float : left;
	width : 95%;
	margin-bottom : 1px;
	}

#login_registration_container div.recaptcha
{
	float:left;
	margin:20px 0 10px 118px;	
	width:380px;
}

/************************************** Product/Login Registration ******************************************/




/************************************************* WAM Browser **********************************************/

div.wam
{
    float : left;
    margin : 0;
    padding : 0;   
    width : 100%; 
    font-size:1.1em;
}

/* Breadcrumb */
div.wam div.breadcrumb {
	list-style: none;
	margin: 5px 0px 10px 0;
	padding: 5px 0 0 0;
	font-size: 0.95em;
	line-height: 1.2; /* HACK - peek-a-boo bug IE */
    float : left;
    width : 100%;

}
div.wam div.breadcrumb a{
	color: #508ed4;
}
div.wam div.breadcrumb a:hover{
	color: #FE6A13; 
	text-decoration: none;
}




/* folder layout */

div.wam ul.folderList {
	list-style: none outside none;
	padding: 0;
	font-size: 0.95em;
	margin: 15px 10px 0px 8px;
    float : left;
}

div.wam ul.folderList li.Folder {
	padding: 3px 8px 3px 21px;
	background-image:url(../../../../images/dms/icons/list/Folder.gif);
	background-repeat: no-repeat;
    background-position : center left;
}

div.wam ul.folderList li.Category {
	padding: 3px 8px 3px 21px;
	background-image:url(../../../../images/dms/icons/list/Category.gif);
	background-repeat: no-repeat;
    background-position : center left;
}

div.wam ul.folderList li a {
	color: #508ed4;
}

div.wam ul.folderList li a:hover {
	color: #FE6A13; 
	text-decoration: none;
}

div.wam .clear{
	clear: both;
	display: block;
	margin: 10px 0 10px 0;
}
/* Table styles */
div.wam .displayTable,
div.wam .displayTable tr,
div.wam .displayTable tr td
{
	border: 0px;
}

div.wam .displayTable{
	width: 95%;
	border: 0px;
	border-collapse: collapse;
	font-size: 0.95em;
	clear: both;
	margin: 15px 10px 0 8px ;
}

div.wam .displayTable a{
	color: #508ed4;
}

div.wam .displayTable a:hover{
	color: #FE6A13; 
	text-decoration: none;
}

div.wam td.iconColumn{
	width:18px;
	padding: 0 0 5px 0;
	border: 0px;
}


/* Tile View Styles */


div.wam .Tile {
    Width:300px;
    Float:Left;
}
div.wam .Tile IMG {
    Float:Left;
    margin: 10px;
}
div.wam .clear {
    clear:both;
}

/************************************************* WAM Browser **********************************************/




/*********************************************** J-Query Tooltip ********************************************/
/*
#tooltip 
{
	position: absolute;
	z-index: 3000;
	padding: 5px;
	opacity: 0.85;
}*/

#featureTooltip {     
	display : none;     
	background:transparent url(../../../../images/black_arrow_bottom.png);    
	font-size:12px;     
	height:55px;     
	width:160px;     
	padding:25px;
	padding-top:40px;     
	color:#fff;   
	text-align : center;
}
/*********************************************** J-Query Tooltip ********************************************/

p.footnote, span.footnote, div.footnote 
{
	color:#333333;
	font-size:0.9em; 
	font-weight:normal;
}

/*=============================PRODUCT FINDER CATEGORY STYLES==================================*/
a.pf_cat-link_st, a.pf_cat-link_f, a.pf_cat-link_fp { display: block; height: 60px; width: 452px; text-indent: -9999px;  }
a.pf_cat-link_st { background: url(http://www.stovax.com/images/icon/finder-hover_st.png) no-repeat; background-position: 0 -64px;}
a.pf_cat-link_f { background: url(http://www.stovax.com/images/icon/finder-hover_f.png) no-repeat; background-position: 0 -64px; }
a.pf_cat-link_fp { background: url(http://www.stovax.com/images/icon/finder-hover_fp.png) no-repeat; background-position: 0 -64px; }
a.pf_cat-link_st:hover, a.pf_cat-link_f:hover, a.pf_cat-link_fp:hover { background-position: 0 0; }
