/* 
CSS Document www.cigarette-lighters.co.uk 
Simon Swords
simon@atlascs.co.uk
December 2004
Updated: Feb 07

background-image: url(../images/bigtransflame.gif);
background-position: 100% 100%;
background-repeat: no-repeat;

*/

body {
	    background: #999999 url(../images/grey.gif) bottom left fixed repeat-x;
		color: #333;
		margin: 0;
        padding: 0;
        border: 0;
		border-top: 5px solid black;
		text-align: center;
		font-family: Verdana, sans-serif; 
		padding-bottom: 25px;
		font-size: small;
		}
	
html>body { /* Opera ..:.:. */
		font-size: small;
		}
		
h1 {
   font-size: 1.1em;
  /* margin: 5px;*/
}

h3 {
  font-size: 1em;
}

p a:link {
 color: #666666;
}

p a:visited {
 color: #666666;
}

p a:hover {
 color: black;
}

		
#wrapper	{
	background: #fff url(../images/bggrey.gif) repeat;
	color: #333;
	margin: 10px auto;
	padding: 0;
	border: 1px solid #566;
	border-top: 5px solid black;
	width: 599px; 
    voice-family: "\"}\""; 
	voice-family:inherit; 
	width: 597px;	 
}

html>#wrapper	{
	width: 597px;
	} 
	
#header	{
	background: #fff;
	color: #333;
	border: 0;
	margin: 0;
	padding: 0;
	text-align: left;
	}

#header img	{
	margin: 0;
	padding: 0;
	border: 0;
	}

#pagebody	{
	padding: 0;
	margin: 0;
	border: 0;
	text-align: left;
	color: #444;
	background: transparent;
	clear: both;
	
	}

#maincontent	{
	float: left;
	margin: 0;
	padding: 10px;
	width: 410px;  /* box model hack */
    voice-family: "\"}\""; 
	voice-family:inherit;
	width: 390px;
		 
	}

html>#maincontent 	{
	width: 390px;
	} 
	
#sidebar	{
	padding: 2px 10px 10px 0;
	margin: 0 0 0 420px;
	color: #666;
	background: transparent;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

	}	

#sidebar1	{
	padding: 2px 10px 10px 0;
	margin: 0 0 0 420px;
	color: #666;
	background: transparent;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

	}	

#footer {
	border: 0;
	border-top: 1px solid #ccc;
	color: #666;
	background: #eee;
	padding: 5px 7px 7px 10px;
	text-align: left;
	clear: both;
	font-size: xx-small;
	voice-family: "\"}\""; 
	voice-family:inherit;
	font-size: x-small;
	text-align:center;
	}

html>#footer	{
	font-size: x-small;
	} 

#distributor	{
	text-align:right;
	}

#sidedistributor {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:right;
	padding-right:10px;}
	
input.btn{
	background-color:#ccf;
	filter:progid:DXImageTransform.Microsoft.Gradient(
		GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffaaaaff');}


#subnav	{
	margin: 0 0 25px 0;
	padding: 5px;
	border: 0;
	}
	
#subnav1	{
	margin: 0 0 25px 0;
	padding: 5px;
	border: 0;
	}	
	 
/* navigation */
#menu {
	margin: 0;
	padding: 0;
	}

#menu ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	clear: left;
	}

#menu ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	}

#menu ul li a {
	background: #fff;
	width:94px;
	height:2em;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: none;
	padding: 0px;
	margin: 0 0 10px 0;
	color: black;
	text-decoration: none;
	display: block;
	text-align: center;
	font-weight: normal;
	letter-spacing: 0px;
	line-height: 2em;
	font-size:    xx-small;      
	voice-family: "\"}\"";   
	voice-family: inherit;   
	font-size:    9px;   
	}

html>#menu ul li a  {
	font-size: x-small;   
	} 

#menu ul li#six a	{
	width: 120px;
	}

#resources a:link, #resources a:visited {
	border-right: 1px solid #ccc;
	}

#menu ul li a:hover {
	color: #000;
	background: #ffff99;
	}

#menu a:active	{
	/*background: #c60*/;
	color: #fff;
	}
	
body#sectionone #menu li#one a, 
body#sectiontwo #menu li#two a,
body#sectionthree #menu li#three a,
body#sectionfour #menu li#four a,
body#sectionfive #menu li#five a, 
body#sectionsix #menu li#six a {
	background: black;
	border: 1px solid white;
	color: #fff;
	font-weight: bold;
	}	

.product {
    /*margin: 5px;*/
	padding: 0px 5px 5px;
	margin: 5px;
	height:auto;
	width:577px;
    border-top: dotted #666666 3px;
}

.product p {
    font-size: 0.8em;
	text-align: justify;
	/*width:380px;*/
}

/* menus, lists, navigations */

.morelink {
width: 100%;
font-size: 0.8em;
text-align: right;

}
.morelink a:link, a:visited {
 color: #666666;
}
.morelink a:hover {
color: black;

}

ul#gallery {
list-style: none;
margin-top: 3px;
margin-left: 0;
padding: 0;



}

ul#gallery li {
display: inline;


}

ul#gallery img {
border: 0;

}


ul#contact {
 list-style-image: url(../images/flame.jpg);
 margin-left: 25px;
 padding: 15px;
 
 
}
ul#contact li{
 margin-top: 10px;
 font-size: 1.2em;
 font-weight: bold;
}

ul#sidemenu {
	list-style: none;
	text-decoration: none;
	list-style-image: url(../images/bitty.gif);
}

ul#sidelighters {
 list-style: none;
 text-decoration: none;
 margin-top:55px;
 margin-left:0px;

}

ul#sidelighters li {
margin-top: 20px;
}

.bolder {
	font-weight: bolder;
}
.text {
	font-family: Tahoma;
	font-size: 10px;
	color: #333333;
}

.red {color: #FF0000}