@import url(forms.css);

body,div,dl,dt,dd,ul,ol,li,pre,blockquote,form{margin:0;padding:0;}
ul,ol{list-style:none;}
*:link,*:visited{text-decoration:none;}
img,a img{border:none;display:block;}
.clear{clear:both;}
.floatLeft{float:left;}
.floatRight{float:right;}
a:active,a:focus{outline:0;}
label,button{cursor:pointer;}
/*---------------------------------------------------------------------------*/

html, body {
	font-size: 100.01%;
}
body {
	color: #333;
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 62.5%;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0 0 0.3em 0;
	padding: 0;
}
h1 {
	border-bottom: 1px solid #DDD;
	color: #ec3321;
	font-family: "Century Gothic", "Apple Gothic", Arial, Helvetica, sans-serif;	
	font-size: 2.5em;
	letter-spacing: -1px;
	margin-bottom: 0.7em;
	text-transform: lowercase;
}
h1 em {
	color: #DDD;
	font-style: normal;
	font-weight: normal;
	line-height: 1em;
	padding: 0 5px;
}
h1 strong {
	color: #666;
}
.content h1 a, .content h1 a:visited {
	text-decoration: none;
}
.content h1 a:hover {
	color: #ec3321;
	text-decoration: none;
}
.user h1 {
	color: #36C;
}
h2 {
	color: #444;
	font-size: 1.8em;
	letter-spacing: -1px;	
	margin-bottom: 0.5em;
}
h2 em {
	color: #666;
	font-weight: normal;
	font-style: normal;
}
h3 {
	color: #666;
	font-size: 1.6em;
	margin-bottom: 0.4em;	
}
h4 {
	color: #888;
	font-size: 1.4em;	
}
h5 {
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
}
h6 {
	color: #333;
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 1.1em;
	text-transform: uppercase;
}
p {
	font-size: 1.2em;
	line-height: 1.4em;
	margin: 0 0 1.2em 0;
}
.column p {
	font-size: 1.1em;
}

.content a, .column a { 
	color: #ec3321;
	text-decoration: underline;
}
.content a:visited, .column a:visited { 
	color: #555;
	text-decoration: underline;
}
.content a:hover, .column a:hover {
	color: #36C;
	text-decoration: underline;
}

.content .left_aligned_image_margin { margin: 0 15px 15px 0; }
.content .left_aligned_image_margin_and_border { border: 2px solid #FFF; margin: 0 15px 15px 0; }
.content .right_aligned_image_margin { margin: 0 0 15px 15px; }
.content .right_aligned_image_margin_and_border { border: 2px solid #FFF; margin: 0 0 15px 15px; }
.content .image_border { border: 2px solid #FFF; }

table {
	font-family: Arial, Helvetica, sans-serif;	
	margin: 0 0 1.2em 0;
}
table th, table td {
	font-size: 1.1em;
	line-height: 1.4em;	
	text-align: left;
	vertical-align: top;
}

table.border th {
	border-bottom: 1px solid #eee;
	font-family: "Century Gothic", "Apple Gothic", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	padding: 5px 0 5px 0;
}
table.border td {
	border-bottom: 1px solid #eee;
	padding: 5px 0 5px 0;
}

hr {
	border: none;
	border-top: 1px solid #eee;
	height: 1px;
	margin: 0 0 1.2em 0;
}

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

body {
	background-color: #f8f8f8;
}
.leaves-tl {
	position: fixed;
	top: 0; left: 0;
	z-index: 1;
}
.leaves-br {
	position: fixed;
	bottom: 0; right: 0;
	z-index: 1;
}
.container {
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	position: relative;
	text-align: left;
	width: 980px;
	z-index: 10;
}

.header {
	margin-top: 10px;
}
.logo {
	display: block;
	float: left;
	margin: 3px;
}

.footer {
	margin-bottom: 20px;
}

.content  {
	margin: 10px;
	min-height: 350px;
	overflow: hidden;
	width: 932px;	
}
.third .content {
	width: 688px;
}
.half .content {
	width: 440px;
}
.quarter .content {
	width: 220px;
}

.column {
	overflow: hidden;	
	width: 220px;
}


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

.rounded {
	margin-bottom: 6px;
	position: relative;	
	width: 980px;
}
.rounded .top {
	background: url(/images/background/rounded-top.png) 0 0 no-repeat;
	display: block;
	height: 14px;
	width: 980px;
}
.rounded .inner {
	background: url(/images/background/rounded-inner.png) 0 0 repeat-y;
	overflow: hidden;
	padding: 0 14px;
	position: relative;
	width: 952px;
}
.rounded .bot {
	background: url(/images/background/rounded-bot.png) 0 0 no-repeat;
	display: block;
	height: 14px;
	width: 980px;	
}
.third .top { background-image: url(/images/background/rounded-top-third.png); }
.third .inner { background-image: url(/images/background/rounded-inner-third.png); }
.third .bot { background-image: url(/images/background/rounded-bot-third.png); }
.half .top { background-image: url(/images/background/rounded-top-half.png); }
.half .inner { background-image: url(/images/background/rounded-inner-half.png); }
.half .bot { background-image: url(/images/background/rounded-bot-half.png); }
.quarter .top { background-image: url(/images/background/rounded-top-quarter.png); }
.quarter .inner { background-image: url(/images/background/rounded-inner-quarter.png); }
.quarter .bot { background-image: url(/images/background/rounded-bot-quarter.png); }

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

.toolMenu {
	font-family: "Century Gothic", "Apple Gothic", Arial, Helvetica, sans-serif;	
	overflow: hidden;
	position: absolute;
	top: 0; right: 17px;
}

.toolMenu li {
	display: inline;
}

.toolMenu li a, .toolMenu li a:visited {
	background: url(/images/icons/arrow-black.gif) 4px 4px no-repeat;
	color: #333;
	display: block;
	float: left;
	font-size: 1em;
	margin: 0 0 0 30px;
	padding-left: 14px;
	text-decoration: underline;	
	text-transform: uppercase;
}
.toolMenu li a:hover {
	background: url(/images/icons/arrow-3366CC.gif) 4px 4px no-repeat;
	color: #36C;
	text-decoration: none;	
}

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

.nav {
	font-family: "Century Gothic", "Apple Gothic", Arial, Helvetica, sans-serif;	
	overflow: hidden;
	position: absolute;
	bottom: 0; right: 17px;
}
.nav li {
	display: inline;
}
.nav li a, .nav li a:visited {
	color: #666;
	display: block;
	float: left;
	font-size: 1.4em;
	margin-left: 30px;
	padding: 0;
	text-decoration: none;
	text-transform: lowercase;
}
.nav li a:hover {
	color: #EC3321;
	text-decoration: none;	
}
.nav li.active a {
	color: #EC3321;
	text-decoration: none;	
}

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

.content ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.4em;
	list-style-type: disc;	
	margin: 0.4em 0 1.4em 2em;
}
.content ul ul {
	font-size: 1em;
	list-style-type: circle;	
	margin: 0.7em 0 0.7em 2em;
}
.content ul ul ul {
	font-size: 1em;
	list-style-type: square;
	margin: 0.7em 0 0.7em 2em;
}
.content ul li {
	padding-left: 0.3em;
}
.content ol {
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 1.2em;
	line-height: 1.4em;	
	list-style-type: decimal;
	margin: 0.4em 0 1.4em 2em;
}
.content ol ol {
	font-size: 1em;
	list-style-type: lower-alpha;
	margin: .7em 0 .7em 2em;	
}
.content ol ol ol {
	font-size: 1em;
	list-style-type: lower-roman;
	margin: .7em 0 .7em 2em;	
}

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

.footer p {
	font-family: "Century Gothic", "Apple Gothic", Arial, Helvetica, sans-serif;	
	color: #333;
	font-size: 1em;
	margin: 0;
	width: 690px;
}
.footer a, .footer a:visited {
	color: #333;
	text-decoration: underline;
	text-transform: lowercase;
}
.footer a:hover {
	color: #EC3321;
	text-decoration: underline;
}
.footer em {
	padding: 0 6px;
}
.footer a.itomic, .footer a.itomic:visited {
	color: #999;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	margin: 12px 0 0 0;
	text-decoration: none;	
	text-transform: uppercase;
	width: 200px;
}
.footer a.itomic:hover {
	color: #36C;
	text-decoration: none;
}

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

.home .bot { background-image: url(/images/background/rounded-bot-home.png); }
.home .inner { min-height: 220px; padding-top:14px; padding-right:4px; width:962px;}
.home .top{
	position:absolute;
	z-index:99;
	
	
}
.home .column{ float:left;}

a.banner, a:visited.banner {
	/*background: url(/images/banner/home-banner.jpg) 0 0 no-repeat;*/
	display: block;
	min-height: 216px;
	padding: 10px 0 0 0px;
	text-align: center;
	width: 728px;
	float:right;
}
a.banner:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

/* COLUMN
---------------------------------------------------------------------------*/

ul.shopNav {
	border-top: 1px solid #f0f0f0;
	font-family: "Century Gothic", "Apple Gothic", Arial, Helvetica, sans-serif;	
	margin: 0 0 20px -10px;
	width: 240px;
}
ul.shopNav li {
	border-bottom: 1px solid #f0f0f0;
	height: 24px;
}
ul.shopNav li a, ul.shopNav li a:visited {
	background: url(/images/icons/arrow-grey.gif) 15px 9px no-repeat;	
	color: #666;
	display: block;
	font-size: 1.2em;
	height: 24px;
	line-height: 24px;
	padding: 0 0 0 30px;
	text-decoration: none;
	text-transform: lowercase;
}
ul.shopNav li a:hover {
	background: url(/images/background/gradient.jpg) 0 0 repeat-x;	
	color: white;
	text-decoration: none;	
}
ul.shopNav li.active a, ul.shopNav li.active a:visited {
	background: url(/images/icons/arrow-white.gif) 15px 9px no-repeat;	
	color: white;
	text-decoration: none;	
}

ul.shopNav li a:hover.colour1 { background-position: 0 0; }
ul.shopNav li a:hover.colour2 { background-position: 0 -25px; }
ul.shopNav li a:hover.colour3 { background-position: 0 -50px; }
ul.shopNav li a:hover.colour4 { background-position: 0 -75px; }
ul.shopNav li a:hover.colour5 { background-position: 0 -100px; }
ul.shopNav li a:hover.colour6 { background-position: 0 -125px; }
ul.shopNav li a:hover.colour7 { background-position: 0 -150px; }
ul.shopNav li a:hover.colour8 { background-position: 0 -175px; }

ul.shopNav li.active a.colour1, ul.shopNav li.active a:visited.colour1 { background: url(/images/background/gradient.jpg) 0 0 repeat-x; }
ul.shopNav li.active a.colour2, ul.shopNav li.active a:visited.colour2 { background: url(/images/background/gradient.jpg) 0 -25px repeat-x; }
ul.shopNav li.active a.colour3, ul.shopNav li.active a:visited.colour3 { background: url(/images/background/gradient.jpg) 0 -50px repeat-x; }
ul.shopNav li.active a.colour4, ul.shopNav li.active a:visited.colour4 { background: url(/images/background/gradient.jpg) 0 -75px repeat-x; }
ul.shopNav li.active a.colour5, ul.shopNav li.active a:visited.colour5 { background: url(/images/background/gradient.jpg)  0 -100px repeat-x; }
ul.shopNav li.active a.colour6, ul.shopNav li.active a:visited.colour6 { background: url(/images/background/gradient.jpg)  0 -125px repeat-x; }
ul.shopNav li.active a.colour7, ul.shopNav li.active a:visited.colour7 { background: url(/images/background/gradient.jpg)  0 -150px repeat-x; }
ul.shopNav li.active a.colour7, ul.shopNav li.active a:visited.colour8 { background: url(/images/background/gradient.jpg)  0 -175px repeat-x; }

.column h2 {
	background: url(/images/icons/arrow-black-bg.gif) 0 4px no-repeat;
	font-size: 1.7em;
	margin-bottom: 8px;
	padding-left: 20px;
}

.column .special {
	background: url(/images/background/gradient.jpg) 0 -205px repeat-x;
	border: 3px double white;
	color: white;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	height: 24px;
	line-height: 24px;
	margin-bottom: 12px;
	text-align: center;
}

.column .specialship {
	background: url(/images/background/gradient.jpg) 0 -145px repeat-x;
	border: 3px double white;
	color: white;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	height: 100px;
	line-height: 24px;
	margin-bottom: 12px;
	text-align: center;
}

/* HOME - Products
---------------------------------------------------------------------------*/

.prodCats .top { background-image: url(/images/background/rounded-top-prod-cats.png); height: 52px; }
.prodCats .bot { background-image: url(/images/background/rounded-bot-prod-cats.png); height: 18px; }

.prodCats .top ul {
	font-family: "Century Gothic", "Apple Gothic", Arial, Helvetica, sans-serif;	
	margin-left: 4px;
	overflow: hidden;
	width: 972px;
}
.prodCats .top ul li {
	float: left;
}
.prodCats .top ul li a, .prodCats .top ul li a:visited {
	color: white;
	display: block;
	float: left;
	font-size: 1.5em;	
	font-weight: bold;
	height: 42px;	
	line-height: 45px;
	margin-right: 4px;
	padding-left: 35px;
	text-transform: uppercase;
	width: 205px;
}
.prodCats .top ul li.last a, .prodCats .top ul li.last a:visited {
	margin: 0;
}
.prodCats .inner ul {
	margin-left: -10px;
	overflow: hidden;
	width: 972px;
}
.prodCats .inner ul li {
	float: left;
}
.prodCats .inner ul li a, .prodCats .inner ul li a:visited {
	display: block;
	float: left;
	height: 180px;	
	margin: 0 14px 0 10px;
	overflow: hidden;
	text-align: center;
	text-transform: uppercase;
	width: 220px;
}
.prodCats .inner ul li a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.prodCats .inner ul li.last a, .prodCats .inner ul li.last a:visited {
	margin: 0 0 0 10px;
}

.prodSale {
	font-family: "Century Gothic", "Apple Gothic", Arial, Helvetica, sans-serif;
	height: 60px;
}
.prodSale ul {
	margin-left: -10px;
	overflow: hidden;
	width: 972px;
}
.prodSale li {
	border-right: 1px solid #eee;
	display: block;	
	float: left;
	font-size: 1.1em;
	height: 60px;
	padding: 0 10px;
	position: relative;
	width: 222px;
}
.prodSale li.last {
	border-right: 1px solid white;
}
.prodSale li a, .prodSale li a:visited {
	display: block;
	height: 60px;	
	text-decoration: none;
	width: 222px;	
}
.prodSale li a strong {
	background-color: #222;
	color: white;
	padding: 1px 3px;
}
.prodSale li a:hover strong {
	background-color: #EC3321;
}
.prodSale li a span {
	color: #666;
	display: block;
	line-height: 1em;
	margin-top: 4px;
}
.prodSale li a:hover span {
	color: #EC3321;
}
.prodSale li a em {
	color: #EC3321;
	display: block;
	font-size: 1.3em;
	font-style: normal;
	position: absolute;
	bottom: 0; left: 90px;
}

.saleImg {
	color: #999;
	cursor: pointer;	
	display: block;
	float: left;
	height: 60px;
	line-height: 60px;	
	margin-right: 20px;
	overflow: hidden;
	position: relative;
	text-align: center;	
	width: 60px;
}
.saleImg img.landscape {
	position: absolute;
	top: 50%; left: 0;
}
.saleImg img.portrait {
	margin: 0 auto;
}
.prodSale li a:hover .saleImg, .prodSale li:hover .saleImg {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

/* SITEMAP
---------------------------------------------------------------------------*/

ul.sitemap {
	border-top: 1px solid #f0f0f0;
	font-family: "Century Gothic", "Apple Gothic", Arial, Helvetica, sans-serif;	
	margin-left: -10px;
}
ul.sitemap li {
	border-bottom: 1px solid #f0f0f0;
	height: 24px;
}
ul.sitemap li a, ul.sitemap li a:visited {
	background: url(/images/icons/arrow-grey.gif) 15px 9px no-repeat;	
	color: #666;
	display: block;
	font-size: 1.2em;
	height: 24px;
	line-height: 24px;
	padding: 0 0 0 30px;
	text-decoration: none;
	text-transform: lowercase;
}
ul.sitemap li a:hover {
	background: #f9f9f9 url(/images/icons/arrow-black.gif) 15px 9px no-repeat;	
	color: #EC3321;
	text-decoration: none;	
}

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