/* 

	CSS for Fumacare

	Author: Keith Emmerson

	Date Created: 27/10/05

*/



a, a:link{

color:#574E8F;

font-family:Arial, Helvetica, sans-serif;

text-decoration:none;

}

a:hover{

color:#574E8F;

font-family:Arial, Helvetica, sans-serif;

text-decoration:underline;

}

a:visited{

	color:#8178D0;

	text-decoration:none;

}



ul{

	margin:1em 0 1em 30px;

	padding:0;

}

li{

	padding:5px 0 5px 0;

}



p{margin:0;padding:8px 0 8px 0;}

.large{font-size:120%;}

.small{font-size:1em;}

pre{}

blockquote{}



form, select, input{

	margin:0;

	font-size:85%;

}

h1{

	font-size:200%;

	color:#c3c3c3;

} h1 span{font-weight:normal;}

h1.huge{

	font-size:270%;

	color:#c3c3c3;

	margin:0 0 15px 0;

	padding:0;

}



h2{

	color:#c3c3c3;

	font-weight:normal;

	margin:10px 0 10px 0;

	font-size:180%;

}

h3{

	color:#8177B5;

	margin:0 0 10px 0;

	font-weight:bold;

	font-size:110%;

}

body,table,div,td,p{

	font-family:Arial, Helvetica, sans-serif;

	font-size:small;

	margin:0;

	color:#888;

}

img{border:none;}

/*--------------------- tab navigation ---------------------------------*/

#tabnav{

height:25px;

margin:0;

padding:4px 0 0 161px;

background:#FFF44A url(../images/fc/nav_rgt_cnr.gif) right top no-repeat;

}

#tabnav li{

	margin:0; 

	display:inline;

	background: url(../images/fc/tab_lft_y.gif) left top no-repeat #FFFBA8;

	list-style: none;

}

#tabnav a:link, #tabnav a:visited{

	float: left;

	font-size: 11px;

	line-height: 14px;

	padding: 6px 30px 5px 30px;

	margin-right: 4px;

	text-decoration: none;

	text-align:center;

	color: #666;

	background: url(../images/fc/tab_rgt_y.gif) right top no-repeat #FFFBA8;

	text-decoration:none;

}

#tabnav a:hover{

	color: #f90;

	text-decoration:none;

}

#tabnav a:link.active, #tabnav a:visited.active{

	background:url(../images/fc/tab_rgt_w.gif) right top no-repeat #fff;

	color: #f90;

	text-decoration:none;

}

#tabnav li a.active {background:url(../images/fc/tab_lft_w.gif) left top no-repeat #fff;}

#tabnav a:link.login, #tabnav a:visited.login{

	float: right;

	font-size: 11px;

	line-height: 14px;

	padding: 4px 10px 3px 10px;

	text-decoration: none;

	text-align:center;

	color: #666;

	margin-right:0;

	margin-top:4px;

	background: url(../images/fc/tab_lft_y.gif) left top no-repeat #FFFBA8;

	width:50px;

}

#tabnav a:hover.login{

	color: #f90;

}



/*-------------------------- left vertical menu -------------------------*/

#vmenu{

	background: url(../images/fc/vm_btm.gif) right bottom no-repeat #FFF44A;

	margin:0 0 10px 0;

	list-style:none;

	padding:15px 0 15px 0;

	display:block;

} * html #vmenu{padding-bottom:15px;}

#vmenu li{

	border-top:1px solid #fff;

	border-bottom:1px solid #fff;

	padding:0;

	margin:-1px 0;

} * html #vmenu li{display:inline;}

#vmenu li a:link, #vmenu li a:visited{

	background:#FFD911 url(../images/fc/vm_blt.gif) 6px 11px no-repeat;

	padding:5px 8px 5px 15px;

	width:138px;

	display:block;

	height:1.4em;

	margin:0;

	color:#574E8F;

	border-top:1px solid #fff;

	border-bottom:1px solid #fff;

}

#vmenu li a:hover{

	background:#FFE44A url(../images/fc/vm_blt.gif) 6px 11px no-repeat;

}

#vmenu li a:link.active, #vmenu li a:visited.active, #vmenu li a:hover.active{

	background:#fff url(../images/fc/vm_blt.gif) 6px 11px no-repeat;

}

#vmenu li a:link.activedrop, #vmenu li a:visited.activedrop, #vmenu li a:hover.activedrop{

	background:#fff url(../images/fc/vm_blt_dwn.gif) 5px 10px no-repeat;

}

#vmenu li.sub a:link, #vmenu li.sub a:visited{

	text-decoration:none;

	background:none #FFEC82;

}

#vmenu li.sub a:hover{

	text-decoration:underline;

	background:none #FFEC82;

}



#vmenu li.sub a:link.active, #vmenu li.sub a:visited.active{

	text-decoration:none;

	font-weight:bold;

	background:none #FFEC82;

}



/*----------------------- what's new ------------------------- */

#whats-new{

	background:url(../images/fc/wn_bg.gif) right top repeat-y;

	margin:10px 0 15px;

	padding:0 0 10px;

}

#whats-new h1{

	background:url(../images/fc/wn_tr.gif) right top no-repeat;

	margin:0;

	padding:7px 0 0 10px;

	font-size:140%;

	color: #828282;

	font-weight:normal;

}

#whats-new p{

	background:#f8f8f8;

	font-size:85%;

	border-right:1px solid #ddd;

	padding:10px 5px 5px 10px;

	line-height: 1em;

	text-decoration: none;

}

#whats-new p.bottom{background:url(../images/fc/wn_br.gif) right bottom no-repeat;border:none;padding:5px 5px 6px;}

#whats-new img{border:5px solid #fff;text-align:center;display:block;margin:10px 10px 0 10px;}



/*--------------- columns and main structure ---------------------------*/

#container{width:850px;}

#header{

	text-align:right;

	margin-bottom:2px;

	padding:20px 20px 20px 0;

}

#header h1{

	margin:4px 0 5px;

}



#main{

	clear:left;

	margin-top:1px;

	width:950px;

	background:url(../images/fc/main_rt_brdr.gif) right top repeat-y;	

	min-height:423px;

	height:auto !important;

	height: 423px;

}

* html #main {margin-top:0;}

.leftcol{

	width:161px;

	float:left;

}

.rightcol{

	float:left;

	width:773px;

}

.rcol-tr{

	background:url(../images/fc/rcol_tr.gif) right top no-repeat;

	height:10px;

	margin-top:-1px;

} * html .rcol-tr {margin:0;}

.content{

	padding:25px 10px 0px 30px

}

* html .content{padding:22px 10px 10px 30px}

.content-lcol{width:350px;float:left;}

.content-rcol{float:right;margin-left:15px;width:350px;}

.home-rcol{float:right;margin-left:0px;width:290px;}

.home-rcol img{height:auto;}

.contact-rcol{

	float:right;

	margin-left:0px;

	width:230px;

}

.home-rcol img{

	margin-left:65px;

	margin-bottom:25px;

	margin-right: 0px;

}

.contact-rcol img{

	margin-left:10px;

	margin-right: 0px;

}

.pageheading{

	height:60px;

	border:1px solid #fff;

}

.pageheading h2, pageheading h1, .pageheading h1.huge{

	float:left;

}

.products-shortcut{

	float:right;

	padding-right:16px;

	margin-top:15px;

}



.products-shortcut-home{

	float:right;

	padding-right:12px;

	margin-top:15px;

}

.products-left{

	float:left;

	width:320px;

}

.products-right{

	float:right;

	width:400px;

}

.products-right h1{

	font-weight:normal;

	font-style:italic;

	color:#c3c3c3;

	margin:0;

	font-size: 195%;

}



.bylinenew{

	font-weight:normal;

	font-style:italic;

	color:#c3c3c3;

	margin-right:0;

	font-size: 26px;

	font-family: Arial, Helvetica, sans-serif;

	float: right;

	padding-right: 20px;

	padding-top: 5px;

}

.bylinenew-home{

	font-weight:normal;

	font-style:italic;

	color:#c3c3c3;

	margin-right:0;

	font-size: 26px;

	font-family: Arial, Helvetica, sans-serif;

	float: right;

	padding-top: 5px;

	padding-right: 10px;

}

.bylinenew-products{

	font-weight:normal;

	font-style:italic;

	color:#c3c3c3;

	margin-right:0;

	font-size: 26px;

	font-family: Arial, Helvetica, sans-serif;

}

#productcatlist{

	font-family:Arial, Helvetica, sans-serif;

	font-size:16px;

	list-style:none;

	margin:0 0 0 20px;

	padding:0;

	font-weight:700;

}

#productcatlist a{

    color:#8178D0;

	font-family:Arial, Helvetica, sans-serif;

	font-size:16px;

	list-style:none;

	margin:0 0 0 20px;

	padding:0;

	font-weight:700;

}



#productcatlist a:hover{

    color:#574E8F;

	font-family:Arial, Helvetica, sans-serif;

	font-size:16px;

	list-style:none;

	margin:0 0 0 20px;

	padding:0;

	font-weight:700;

	text-decoration: none;

}



#productcatlist li{

	line-height:1.0em;

}

#productlist{

	list-style:none;

	margin:0 0 0 20px;

	padding:0;

	font-size:1.4em;

}

#productlist li{

	line-height:1.5em;

}

.download{

	list-style:none;

	margin:0 0 0 10px;

	padding:0;

	line-height:1.5em;

	font-size: 85%;

}

.download li.pdf a:link, .download li.pdf a:visited, .download li.pdf a:hover{

	background:url(../images/fc/pdfsymbol.gif) left 3px no-repeat;

	padding:2px 0 2px 25px;

	color: #FFB917;

}

.download li.contact a:link, .download li.contact a:visited, .download li.contact a:hover{

	background:url(../images/fc/emailsymbol.gif) left 3px no-repeat;

	padding:2px 0 2px 25px;

	color: #FFB917;

}

/* ----------- grey box with rounded corners -------------------*/

div.greybox{

	background:url(../images/fc/gb_tl.gif) left top no-repeat;

	width:350px;

	float:left;

}

div.greyboxhome{

	background:url(../images/fc/gb_tl.gif) left top no-repeat;

	width:440px;

	float:left;

}

div.greyboxcontact{

	background:url(../images/fc/gb_tl.gif) left top no-repeat;

	width:500px;

	float:left;

}

div.greybox h2, div.greyboxhome h2, div.greyboxcontact h2{

	background:url(../images/fc/gb_tr.gif) right top no-repeat;

	padding:15px;

	margin:0;

}

div.greyboxbody{

	background:#f8f8f8;

	padding:5px 15px 20px 15px;

	margin:0;

	margin-top:-2em;

}

div.greyboxbody-contact{

	background:#f8f8f8;

	padding:5px 15px 25px 15px;

	margin:0;

	margin-top:-2em;

}

div.greyboxfooter{

	background:url(../images/fc/gb_bl.gif) left bottom no-repeat;

}

div.greyboxfooter p{

	background:url(../images/fc/gb_br.gif) right bottom no-repeat;

	display:block;

	padding:15px;

	margin:-2em 0 0 0;

}

table.doctable{

	margin-top:10px;

}

.doctable th{

	text-align:left;

	font-size:90%;

	background: #FFEE8C;

}

.doctable th.end{

	text-align:right;

	font-size:90%;

	background:url(../images/fc/doctable_cnr.gif) right top no-repeat #FFEE8C;

}

td.data{border-bottom:1px solid #ddd;}

/*.doctable td.left{text-align:left;}

.doctable td{text-align:left;}*/



/*------------------------ footer elements -----------------------*/

#footer{

	background:url(../images/fc/rcol_br.gif) right top no-repeat;

	height:62px;

	width:934px;

	color: #888888;

}

.hygiene{

	height:62px;

	width:161px;

	background:url(../images/fc/hygiene_footer.gif) left bottom no-repeat;

	float:left;

}

#copyright{

	height:22px;

	background:#FFF44A url(../images/fc/ftr_br.gif) right bottom no-repeat;

	text-align:right;

	float:left;

	margin-top:32px;

	width:679px;

	font-size:85%;

	padding:7px 10px 0 0;

}

#copyright a{ 

    color:#999;

    font-weight:normal;

    text-decoration:none;

}



#copyright a:hover{ 

    color:#999;

    font-weight:normal;

    text-decoration:underline;

}



/*------------------------- closers, miscellaneous -------------------------*/

.closer {

	clear:both;

	height:1px;

	margin:-1px 0 0 0px;

	padding:0;

}

.pd-list-image{

	margin:0 10px 10px 0;

}

.pd-th{

	margin:0 15px 8px 8px;

}

div.byline{

	padding-right:0px;

	text-align:right;

}

div.byline h1{

	font-weight:normal;

	font-style:italic;

	color:#c3c3c3;

	margin:0;

	padding:0;

}



/*------------------------- buttons -------------------------*/

.btn{

	background-color:#FFB917;

	color:#fff;

	font-weight:bold;

	border-top:1px solid #fff;

	border-right:1px solid #777;

	border-bottom:1px solid #666;

	border-left:1px solid #ccc;

}

.downloadheader {

	font-size: 90%;

	color: #FFB917;

	font-weight: bold;

}

.products-details-left {



	float:left;

	width:340px;

}

.products-details-right {



	float:right;

	width:380px;

}

.contact {

	float: left;

	width: 220px;

	margin-right: 0px;

}