/*-----------------------------------------------------------------------------

Style Sheet - Template



version:   1.0

author:    Luke Boerdam

email:     luke@lbdesign.com.au

website:   http://www.lbdesign.com/

-----------------------------------------------------------------------------*/



/* =General

-----------------------------------------------------------------------------*/



@import url("navigation.css");
@import url("reset.css");
/* Remove padding and margin */



/* Class for clearing floats */

.clear {

	clear:both;

	line-height:0px;

}



	html, body {

		height:100%;

	}





/* Remove border around linked images */

img {

	border: 0; display:inline;

}





/* =Genral Layout

-----------------------------------------------------------------------------*/



body {

 font-family: Helvetica, Arial, sans-serif; font-size:62.5%; color:#000;

 background:#f3f3d3 url("http://www.files.sniffleco.com/images/tiledbackground.jpg") repeat 0 0;
 
 }

body.product-page {background:#f3f3d3 url("http://www.files.sniffleco.com/images/tiledbackground.jpg") repeat 0 0;}


#wrapper {text-align:left; width:950px; font-size:1.2em; margin:0 auto; }

#header {width:950px; float:left; height:220px; position:relative; 
/*background:#f3f3d3 url("http://www.files.sniffleco.com/images/header-bg.jpg") no-repeat -2px 0;*/
padding:10px 0px 0px 0px;display:block;} 


#header-line {width:950px; float:left; height:18px; position:relative; 
background:transparent url("http://www.files.sniffleco.com/images/header-line.png") no-repeat 0px 0px;
left:-10px;} 

#header-left {width:200px; float:left;}

#header-right {width:200px; float:right;}

#header-box-1 {height:215px; width:460px; background:url("http://www.files.sniffleco.com/images/header.jpg") repeat-x 0 0px; float:left;}

#header-box-2 {height:215px; width:219px; background:url("http://www.files.sniffleco.com/images/logo-graphic.jpg") repeat-x 0 0px; float:left; margin:0px 0px 0px 21px;}

#header-box-3 {height:215px; width:219px; background:url("http://www.files.sniffleco.com/images/coming-soon.jpg") repeat-x 0 0px; float:left; margin:0px 0px 0px 20px;}

#product-display { width:700px;  float:left; margin:4px 0px 2px 0px;}
#product-display-right {float:left; margin:4px 0px 2px 20px;  height:430px; width:218px;}


#column-stockist {width:150px; float:left; margin-right:21px;}
#column-stockist a{text-decoration: none;}
#column-stockist a:hover{color:#ff9900;}
#column-stockist p{line-height:1em;}
#column-stockist b{font-size: 1.2em; margin-bottom: 4px; display: block;}



a.product-box {height:215px; width:219px; background-color:#000;  float:left; margin:10px 21px 10px 0px; position:relative; text-decoration:none;}


a.product-box div.border {height:195px; width:199px; border:10px solid white; position: absolute; top:0px; left:0px; display:none;}
a.product-box div.price {position: absolute; bottom:0px; right:0px; text-align:right; color:#fff; padding:5px; background-color: #000;}


div#page-box {height:215px; width:219px; float:left; margin:20px 21px 6px 0px; position:relative; text-decoration:none;}

div#page-box a {text-decoration: none; display:block; color:#fff; background-color: #000; padding:5px; font-weight: bold; float:left; margin:5px 5px 5px 0px;}
div#page-box a:hover {color:#ff9900;}

#content-wrapper{ width:960px; float:left;}

#content-left {width:189px; float:left;}

#content-middle {width:550px; float:left; margin-left:10px; display:inline; }

#content-right {width:189px; margin-left:10px; float:left; display:inline; }


#home-left {float:left; width:980px; margin:20px 0px 20px 20px; display:inline;}

#home-right {float:left; margin:20px 0px 20px 20px; width:200px; display:inline;}

form#product-form button, form#product-form select {margin-left:-2px; margin-top:5px;}


#search {background:url("http://www.files.sniffleco.com/images/search.jpg") no-repeat 0 0; width:406px; height:138px; float:left;}


/* MAILING LIST */
#mailing-list-container {float:right; width:240px; text-align:right; padding:1px 5px 0px 0px; position:relative; }

#mailing-list-box {width:209px;position:absolute; top:-225px; right:0px; height:270px;  background:url("http://www.files.sniffleco.com/images/mailing-box-bg.gif") no-repeat top left; display:none; z-index:10; }

#mailbox-link {cursor: pointer;}

#mailing-list-pop-up {width:100%; height:100%; min-height:1000px;  position: absolute; z-index:9; top:0; left:0; display:none; background:transparent url(http://www.files.sniffleco.com/images/fade-bg.png) repeat top left;}

/*IE6 RULE*/
#mailing-list-pop-up {_background:none;}


#mailing-list {width:189px; background:url("http://www.files.sniffleco.com/images/mailing-list.jpg") repeat; position:relative; top:10px; left:10px; display: block; }

#mailing-list #mailing-list-close-button {position:absolute; top:6px; right:3px; cursor: pointer; height:23px; width:24px; border:1px solid green; display: block; z-index:11;}

#mailing-list h3 {background: url("http://www.files.sniffleco.com/images/mailing-list-heading.jpg") top left no-repeat; float:left; width:184px; height:37px; 
margin-left:5px; margin-top:5px; margin-bottom: 0px;  display:inline;}

#mailing-list h3 span {position:absolute; left:-9999px; z-index:11;}
#mailing-list span {color:#000; float:left; display: block; margin:0px 0px 0px 5px;}

#mailing-list-form {float:left; margin-left:5px; margin-top:5px; display:inline; }
#mailing-list-form div.break {width:174px; float:left; height:0px; line-height: 0px; background:none; border-top:2px dotted black;}

#mailing-list-form input {float:left; width:160px; height:20px; margin-bottom:5px; padding:7px 5px 3px 5px; font-family: Helvetica, Arial, sans-serif; font-size:1.2em; border:3px solid black; color:#999; display: inline; }

#mailing-list-form label {float:left; display:block; color:#000; font-weight:bold;  display:inline;}
#mailing-list-form input.button {float:right; width:108px; height:27px; margin-right:5px; display:inline; margin-top:2px; border:0;  }

/* IE6 RULES */

#mailing-list-form div.break {_margin:0; _padding:0;}
#mailing-list-form input.button {_padding:0; _margin-top:-2px;}



/*FACEBOOK */

a#facebook:link, a#facebook:visited, a#facebook:hover, a#facebook:active  {float:left; background: url(http://www.files.sniffleco.com/images/facebook.gif) top left no-repeat; width:189px; height:33px; margin-top:15px; margin-bottom:5px;}

a#facebook:hover {background: url(http://www.files.sniffleco.com/images/facebook-rollover.gif) top left no-repeat;}



a#contact:link, a#contact:visited, a#contact:hover, a#contact:active {border:2px dotted black; padding:5px 10px; color:#000; position:relative: top:0px; left:0px; float:left; font-weight:bold; text-decoration:none; }

a#contact:hover {background-color:#000; color:#fff;}


a.wpsc_category_link {font-weight:bold; color:#c03c2c; text-decoration:none; border:1px solid red;}
		


#featured {width:460px; float:left; margin-top:20px; }

.feature-box, .news-box {padding:0px; margin-top:20px;}



.feature-box img, .news-box img  {border:5px solid #999; margin:0px 20px 20px 0px; float:left;}

.feature-box h3, .news-box h3{padding:0px; font-size:1.5em; margin-bottom:5px; }

.feature-box p.text, .news-box p.text {display:block;}

 a:link.read-more, a:visited.read-more, a:hover.read-more, a:active.read-more {background-color:#660000; padding:5px 15px; color:#000; text-decoration: none; font-weight:bold; font-size:.8em; color:#FFF;}
 
  a:link.buy-now, a:visited.buy-now, a:hover.buy-now, a:active.buy-now {background-color:#750000; padding:5px 15px; color:#000; text-decoration: none; font-weight:bold; font-size:.8em; color:#FFF;}

a:hover.buy-now, a:hover.read-more {background-color:#000;}

#news {width:460px;  float:left; margin-left:20px; margin-top:20px; display:inline;}

#logo {margin:0px 0 0 0px; height:104px; overflow:hidden;}

h2.nav-heading, h2.nav-heading-footer
 {text-decoration:none;
font-size: 14px;
font-style: normal;
font-weight: bold;
text-transform: uppercase;
letter-spacing: normal;
line-height: 1em;
color:#000; margin:6px 0 0 12px; padding:0; float:left;}

h2.nav-heading-footer {margin:4px 0 0 6px;}

#cart {float:right; text-align:right; margin:4px 0px 0px 0px; 
font-style: normal;
font-weight: bold;
font-size: 12px;
text-transform: uppercase;
letter-spacing: normal;
line-height: 1em;}

a#cart-button {margin:0px 0px 0px 0px; width:25px; height:21px;  
background: url("http://www.files.sniffleco.com/images/cart.jpg") top left no-repeat; display:block; float:right; margin:0px 5px 0px 0px }

a#cart-button:hover {
background: url("http://www.files.sniffleco.com/images/cart-rollover.jpg") top left no-repeat;}


#cart-text {margin:1px 5px 0px 0px;
text-decoration:none;
padding:0px 0px 0px 0px;
font-size: 12px;
font-style: normal;
font-weight: bold;
text-transform: uppercase;
letter-spacing: normal;
color:#000;
width:150px;
text-align: right;
float:right;
}
#cart-text a {text-decoration: none;}
#cart-text a:hover {color:#FF9900;}


span.price {color:#fff; padding:3px 3px 3px 3px; background-color:#000; text-decoration:none; text-transform: uppercase;}


/* =Headings

-----------------------------------------------------------------------------*/



.content-heading {width:573px; height:39px;}


/* =Genral Typography 

-----------------------------------------------------------------------------*/

h1{font-family: Helvetica, Arial, sans-serif ; font-size:1.8em; color:#CC0000; 

 margin:0 0 2.5% 0; font-weight:300;}

 

h2{color:#000; font-size:2em; margin:13px 0 1.5% 0; }

h3 {color:#fff; background-color:#000; padding:10px; font-size:1.6em;}

p{margin:0 0 1.5em 0; line-height: 1.4em; }



p.disclaimer{font-size:.8em;}



#content ul{margin-left:0.4em; margin-top:0px; margin-bottom:2.5em;}

#content ul li{margin:1em;}



#content ol{margin-left:2em; margin-top:0px;}

#content li{margin-bottom:3px;}

/* =General Links Style etc...

-----------------------------------------------------------------------------*/

a:link, a:visited, a:hover, a:active{color:#000;}



a:hover{color:#666;}


/* =Navigation etc...

-----------------------------------------------------------------------------*/


/* =Specific Content Styles

-----------------------------------------------------------------------------*/

h2 a {text-decoration: none;}
h2 a:hover {color:#FF9900;}



/* = Specials Page

-----------------------------------------------------------------------------*/

.special {float:left; width:530px; margin-bottom:20px; border-bottom:1px dotted black; padding-bottom:7px;}

.special img {float:left; margin-right:10px; display:inline; width:180px;}

.special-text {float:left; width:300px; }

.special h3{font-size:3em;}

.special span.conditions {font-size:.8em;}



/* =Cart

-----------------------------------------------------------------------------*/
#cart-content {}

#cart-content h3 {color:#000; background-color:transparent; font-size:1.5em; margin:5px 0px 2px 0px; padding:0px; }

#cart-content #cart-box {border:5px solid black; background-color:#fff; width:410px; padding:20px; margin-bottom: 15px;}
#cart-content #total-box {border:5px solid black; background-color:#fff; width:410px; padding:20px;}


td.item-qty input {width:40px;}

#cart-content thead tr {border-bottom: 1px dotted black; }

#cart-content thead tr th {padding:5px 30px 5px 0px; vertical-align: top; text-align: left;}

#cart-content tbody tr td{padding:5px 30px 5px 0px; vertical-align: top; text-align: left;}

#cart-content tbody tr th{padding:5px 30px 5px 0px; vertical-align: top; text-align: left; }

#cart-content input { margin-top:-2px; height:8px;}

#cart-content div.cart-update {}

#cart-content div#cart-footer {margin:20px 0px 0px 0px; }

#cart-content div.cart-shipping {margin:20px 0px;  border-top:1px dotted black;}

#cart-content div.cart-shipping label span{font-weight:bold;}

#cart-content div.cart-discount {margin:20px 0px;   border-top:1px dotted black;}

#cart-content div.cart-discount label{font-weight:bold;}

span.shipping {font-weight:bold;}

#cart-content div.cart-total {margin:20px 0px;  border-top:1px dotted black;}

#cart-content div#cart-shipping-tax {margin:0px 0px 2px 0px; }

#cart-content div.cart-total span.total, #cart-content div.cart-total span.total-price  {margin:5px 0px 0px 0px; padding:0px;}

#cart-content div.cart-total span.total {font-weight: bold; }

#cart-content div.cart-options {}


#contact-form-box {border:5px solid black; background-color:#fff; width:60%; padding:20px; margin-bottom: 15px;}

#contact-form-box label {font-weight: bold; display: block; margin:2px 0px;}

#contact-form-box input {width:250px; margin:5px 0px 15px 0px;}

#contact-form-box textarea {width:253px; height:150px;}


#mailing-form-box {border:5px solid black; background-color:#fff; width:410px; padding:20px; margin-bottom: 15px;}
#mailing-form-box label {font-weight: bold; display: block; margin:2px 0px;}

#mailing-form-box input {width:250px; margin:5px 0px 15px 0px;}
#mailing-form-box input.button {width:auto;}

/* =Forms

-----------------------------------------------------------------------------*/

/*
div.box {
margin:0 auto;
width:500px;
background:#222222;
position:relative;
top:50px;
border:1px solid #262626;
}

div.box h1 { 
color:#ffffff;
font-size:18px;
text-transform:uppercase;
padding:5px 0 5px 5px;
border-bottom:1px solid #161712;
border-top:1px solid #161712; 
}*/

/*

div.box label {
float:left;
display: block;
background:0;
border-top:0px solid #262626;
border-bottom:0px solid #161712;
padding:0;
}

div.box label span {
display: block;
color:#bbbbbb;
font-size:12px;
float:left;
width:100px;
text-align:right;
padding:5px 20px 0 0;
}

div.box .input_text {
padding:10px 10px;
width:200px;
background:#fff;
border-bottom: 1px double #171717;
border-top: 1px double #171717;
border-left:1px double #333333;
border-right:1px double #333333;
font-size:1.3em; 
font-weight:500;
float:left;
}

div.box .select{
padding:20px 20px;
width:100px;
background:#fff;
height:100px;
font-size:2em; 
font-weight:500;
float:left;
}

div.box .message{
padding:7px 7px;
width:350px;
background:#262626;
border-bottom: 1px double #171717;
border-top: 1px double #171717;
border-left:1px double #333333;
border-right:1px double #333333;
overflow:hidden;
height:150px;
}

div.box .button
{
margin:0 0 10px 0;
padding:4px 7px;
background:#efefef;
border:0px;
position: relative;
float:left;
top:0px;
left:0px;
width:100px;
border-bottom: 1px double #660000;
border-top: 1px double #660000;
border-left:1px double #FF0033;
border-right:1px double #FF0033;
}




ul.selectReplacement {
  margin: 0;
  padding: 0;
  height: 1.65em;
  width: 300px;
}
ul.selectReplacement li {
  background: #cf5a5a;
  color: #fff;
  cursor: pointer;
  display: none;
  font-size: 11px;
  line-height: 1.7em;
  list-style: none;
  margin: 0;
  padding: 1px 12px;
  width: 276px;
}

ul.selectOpen li {
  display: block;
}
ul.selectReplacement li.selected {
  color: #fff;
  display: block;
}
ul.selectOpen li.selected {
  background: #9e0000;
  display: block;
}
ul.selectOpen li:hover,
ul.selectOpen li.selected:hover {
  background: #9e0000;
  color: #fff;
}





/*form {float:left;}



input {margin-bottom:15px; font-family: verdana,hevetica, arial, sans-serif;

 font-size:11px; color:#333; width:200px;}

 

 input.inputboxsmall {float:left; width:60px;}

 

 select {margin-bottom:10px; font-family: verdana, hevetica, arial, sans-serif;

 font-size:11px; color:#333; width:200px;}



.default_smallarea {width:200px; height:80px;  color:#333; font-family: verdana, hevetica, arial, sans-serif;  font-size:11px;}



.button {display:block;}



label {float:left; width:150px; margin-bottom:15px; margin-right:20px;}



label.inside {float:left; width:auto; margin-bottom:15px; margin-right:10px; margin-left:17px;}



.message {} */







/* =Footer

-----------------------------------------------------------------------------*/



#footer {

float:left;
color:#000;
width:960px; 
height:70px;
padding:19px 0px 10px 0px;
 background:transparent url("http://www.files.sniffleco.com/images/footer-top.png") no-repeat 0px 0px; 
 

}

#nav-footer-container {width:450px; float:left; padding:0px 0px 0px 5px;}
#footer-left {width:700px; background: url("http://www.files.sniffleco.com/images/footer-bg.jpg") no-repeat 0 0; float:left; 
height:70px;}
#footer-right {width:216px; background-color:#000; float:left; height:70px; margin:0 0 0 20px; }

#opening-hours {
float:left; 
margin-left:50px;
margin-top:40px;}


#contact-us {
float:left; 
margin-left:200px;
margin-top:40px;
}

#footer h3 {color:#fff;}
#footer p {margin:6px 0px 0px 0px; color:#ccc;}


#footer span.right {float:right; margin-top:10px; margin-right:20px; display:inline;}

#footer span.left {float:left;}



#footer a:link, #footer a:visited,  #footer a:hover, #footer a:active {

	color:#000;}





#footer a:hover {color:#aa351c;}