@charset "utf-8";
/* CSS Document */
body {background:#000 url(../images/common/bg-body.gif) repeat-x top; padding:0; margin:0;}

h1,h2,h3,h4,h5,h6 {font-family:Trebuchet MS, Geneva, Arial, Helvetica, sans-serif; font-weight:normal;}
p,blockquote,cite,li,dt,dd,label,span,input,textarea,option,td {font-family:Trebuchet MS, Geneva, Arial, Helvetica, sans-serif; font-weight:normal;}
code {font-family:Courier New, Courier, monospace; font-weight:normal;}

h1 {font-size:2.2em; margin:0.75em 0;}

h2 {font-size:2em; margin:0.75em 0;}

h3 {font-size:1.8em; margin:0.5em 0;}

h4 {font-size:1.6em; margin:0.5em 0;}
	#colone h4 {font-size:1em; margin:0;}
		#colone h4 span {font-size:1.3em; color:#933;}

h5 {font-size:1.4em; margin:0.5em 0;}

h6 {font-size:1.2em; margin:0.25em 0;}

p {font-size:0.9em; margin:0.5em 0;}
	#colone p {margin:0;}
	#newslettersignup .bottomwrap p {margin:0.25em 0;}
	#content p { line-height:130%;}

blockquote {font-size:0.9em;}

li {font-size:0.9em;}

dt {font-size:1em;}

dd {font-size:0.9em;}

a {}
	a img {border:none;}
	a:hover {text-decoration:none;}
	#colone a {color:#369;}
	a.learnmore {font-size:0.9em; background:url(../images/common/bullet-red-arrow-3cube.gif) no-repeat left center; width:auto; color:#369; padding:2px 0 2px 11px; display:block;}

/*form elements*/
form {padding:0; margin:0;}

input {font-size:0.9em;}

	#newslettersignup input.entryfield {width:170px; padding:2px; margin:0; border:1px solid #ccc;}

/*site body*/

#printlogo {display:none;}

#owrap {background:url(../images/common/bg-owrap.jpg) no-repeat top center;}
	#cwrap {width:970px;}
		#iwrap {border-right:1px solid #fff; border-left:1px solid #fff;}
		
		#masthead {height:78px; background:url(../images/common/bg-masthead.jpg) no-repeat top center;}
			
			#masthead #leftwrap {height:78px; width:370px; float:left;}
			
				ul#language, ul#socialmedia {padding:0 6px; margin:0; display:block; clear:left;}
					ul#language li {color:#fff; list-style-type:none; display:block; float:left;}
					ul#language li a {color:#fff;}
					ul#language li#esp {background:url(../images/common/icon-spanish-flag.gif) no-repeat left center; padding:3px 7px 3px 22px;}
					ul#language li#frn {background:url(../images/common/icon-quebec-flag.gif) no-repeat left center; padding:3px 7px 3px 22px;}
			
				ul#socialmedia {padding:6px;}
				ul#socialmedia li {list-style-type:none; display:block; margin:0 7px 0 0; float:left;}
			
			#masthead #centerwrap {height:78px; width:228px; float:left;}
			
			#masthead #rightwrap {width:370px; padding:40px 0 0 0; float:left;}
			
				#masthead #rightwrap .tabs {float:right;}
		
		#header {border-bottom:1px solid #fff;}
		
		#bodytable {background:#fff; width:968px;}
		
			#colone {width:270px; background:url(../images/common/bg-coltwo.gif) repeat-y right;}
			
				#colone .wrap {padding-right:2px;}
				
				#catalogdownload {background:#fff url(../images/common/bg-qanda.gif) no-repeat top left; padding:20px 10px 20px 150px;}
				/*Now being used for link to Q and A page - change background image back to "bg-catalog.jpg" if replacing with Catalogue Download */
				
				
			
			#coltwo {width:698px;}
			
				#smokerselector {background:url(../images/common/bg-divider-horizontal.gif) repeat-x top; padding:2px 0 1px 1px;}
			
/*clearing elements*/
.cleft {clear:left;}
.cright {clear:both;}
.cboth {clear:both;}

/*borders*/
.rborder {background:url(../images/common/bg-divider-vertical.gif) repeat-y right;}

/*common navigation*/
#mainnav li, #footer li, #subnavigation li {list-style-type:none;}
#mainnav ul, #footer ul, #subnavigation ul {list-style:none; padding:0; margin:0;}

/*main navigation*/
#mainnav {height:51px; background:url(../images/common/bg-main-nav.jpg) repeat-x top;}
	#mainnav .wrap {height:51px; background:url(../images/common/bg-mainnav-logo.jpg) no-repeat top center;}
	#mainnav #nav {}
	#mainnav ul {}
	#mainnav li {height:50px; background:url(../images/common/bg-mainnav-divider.gif) no-repeat right 1px; padding-right:2px; float:left; display:block;}
		#mainnav .nodiv {background-image:none;}
		#mainnav li.ls {background:url(../images/common/bg-mainnav-divider.gif) no-repeat left 1px; float:right; padding:0 0 0 2px; display:block;}
	#mainnav a {color:#fff; text-decoration:none; padding:16px 14px 14px 13px; margin-top:1px; display:block;}
		#mainnav li.ls a {padding:16px 13px 14px 13px;}
		#mainnav a.buy {font-size:1.1em; color:#f7f18c; padding:14px 12px 13px 12px;}
		#mainnav a.logoblock {}
		
		#mainnav a:hover {background:#600;}
	
/*drop down navigation - please refer to ddnav.js for script */
	#nav li ul {top:1em; left:0; position:absolute; display:none;}
	#nav li > ul {top:auto; left:auto;}
	#nav li:hover ul, #nav li.over ul {display:block;}	

/*footer navigation*/
#footer {}
	#footer .topwrap {height:45px; background:url(../images/common/bg-footer.gif) repeat-x top;  text-align:left; padding:0 10px;}
	#footer .bottomwrap {background:url(../images/common/bg-footer-bottom.jpg) no-repeat top center; text-align:left; padding:20px 10px 60px 10px;}
		#footer ul.primary {padding-top:15px; display:block;}
	#footer li {display:inline;}
		#footer .primary li {font-size:0.8em; color:#fff;}
		#footer .secondary li {font-size:0.8em; color:#8d8d8d;}
	#footer a {text-decoration:none;}
		#footer .primary a {color:#fff;}
		#footer .secondary a {color:#8d8d8d;}