@charset "utf-8";
/* CSS Document */
/*  
Site Name:
Site URI: http://www.
Description: 
Version:
Author: Gregg Hawes
Author email: gregghawes@hotmail.com 

*/

/*  =COLORS
---------------------------------------------------
	Body Background:
	Main Text:
	Links:
*/


	
	
/*  =RESET
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

table td{
	vertical-align:top;
	}
/*  =GLOBAL
-------------------------------------------------------------- */

body {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 100%;
	background:#fff;
	color:#000;
}

a:link {
	text-decoration:none;
	color:#00F;
}

a:hover {
	text-decoration: underline;
}

a:visited{
	text-decoration:none;
	color:#00F;
	}
	
a:visited:hover{
	text-decoration:underline;
	}	
	
h1 {
	color:#00F;
	font-size:28px;
}

h2 {
	color: #666;
	font-size:24px;
}

h3 {
	color:#000;
	font-size:16px;
}

h4 {
	color:#666;
	font-size:16px;
}

h1,h2,h3,h4{
	font-weight:normal;
	}
	
ul{
	padding:0;
	margin:0;
	list-style:none;
	}
li{
	padding:0;
	margin:0;
	}	
#wrapper{
	padding:0;
	margin:0;
	width:100%;
	}
	
#content{
	font-size:16px;
	padding:0;
	margin:-42px auto 0 auto;
	width: 921px;
	}	
	
	
/*  =LOGIN
-------------------------------------------------------------- */
#topPanel{
	/*position: absolute;*/   /*Panel will overlap  content */
    position: relative;   /*Panel will "push" the content down */
    top: 0;
    width: 100%;
    z-index:40000;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
	}
	
#panel{	
	width: 100%;
	height: 100px;
	color: #999999;
	background: #272727;
	overflow: hidden;
	margin-top:-100px;
	/*display: none;*/
	}

#panelContainer{
	width:100%;
	top:0;
	margin:0;
	position: relative;
	}
	
#panelContent{
	background: #272727;
	color:#fff;
	width:921px;
	margin:15px auto;
	}
	
#panelContent a{
	color:#f60;
	}
	
#panelContent label{
	color:#fff;
	}
	
#panelContent input{
	border:1px solid #999;
	padding:4px;
	width:200px;
	font-size:14px;
	background:#f5f5f5;
	}
#panelContent input.check{
	width:auto;
	border:none;
	padding:0;
	margin:0;
	}
	
#panelContent input.psBtn,
input.psBtn{
	cursor:pointer;
	width:auto;
	color:#fff;
	margin:0;
	background-image: url("../images/spriteme2.png");
  	background-position: 0px -40px;
	background-repeat:repeat-x;
	padding:3px 6px;
	border:1px solid #9B3E00;
	}	
	
#panelContent input:focus{
	background:#fff;
	border:1px solid #F60;
	}

input.psBtn:hover, 
input.psBtn:focus,
#panelContent input.psBtn:hover, 
#panelContent input.psBtn:focus{
	background-position:0 -10px;
	border-color:#666;
	}

#tab{
	background-image: url("../images/spriteme2.png");
  	background-position: 0px -120px;
	background-repeat:repeat-x;
	height: 42px;
	position: relative;
    top: 0;
    z-index: 999;
	}
	
#panelContent ul li{
	padding:4px 0;
	}
	
#tab ul.login{
	overflow:hidden;
	display: block;
	position: absolute;
	z-index:50;
  	float: right;
  	clear: right;
  	height: 42px;
	width: auto;
	line-height: 230%;
	margin: 0;
	right: 30px;
  	color: white;
  	font-size: 16px;
	text-align: center;
	}
	
#tab ul li{
	text-align: left;
  	padding: 0 6px;
	display: block;
	float: left;
	height: 42px;
  	background-image: url("../images/spriteme2.png");
  	background-position: 0px -182px;
	background-repeat:repeat-x;
	}
	
#tab ul li a{
	color:#f60;
	}
	
#tab ul li.leftLi{
	background-image: url("../images/spriteme1.png");
  	background-position: -10px -10px;
  	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
	}
	
#tab ul li.rightLi{
	background-image: url("../images/spriteme1.png");
  	background-position: -10px -72px;
  	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
	}
	
#tab ul li.sep{
	color:#666;
	}
	
#panelClose{
	position:absolute;
	z-index:4;
	right:10px;
	top:-8px;
	}
#panelClose a{
	color:#666;
	font-style:italic;
	}
	
#panelClose a:hover{
	color:#f60;
	text-decoration:none;
	}	
/*#panelWrap{position: relative;top: 0;width: 100%;z-index:40000;text-align: center;margin-left: auto;margin-right: auto;}
	
#loginPanel{width: 100%;height: 100px;color: #999999;background: #272727;overflow: hidden;margin-top:-100px;}	

#loginContainer{width:100%;top:0;margin:0;position: relative;}
	
#loginContent{background: #272727;color:#fff;width:921px;margin:15px auto;}	
	
#menuPanel{padding-left:5px;background-image: url("../images/spriteme2.png");background-position: 0px -120px;background-repeat:repeat-x;height: 42px;position: relative;top: 0;z-index: 999;}	
	
#menuTab{width:1000px;height:42px;margin:0 auto;}
	
#leftMenu{background-image: url("../images/spriteme1.png");background-position: -10px -10px;height: 42px;width: 30px;padding: 0;margin: 0;display: block;float: left;}
	
#menu{text-align: left;padding: 0 2px;display: block;float: left;height: 42px;padding-top:2px;background-image: url("../images/spriteme2.png");background-position: 0px -182px;background-repeat:repeat-x;width:930px;}
	
#rightMenu{background-image: url("../images/spriteme1.png");background-position: -10px -72px;height: 42px;width: 30px;padding: 0;margin: 0;display: block;float: left;}				
	
	
#loginContent{background: #272727;color:#fff;width:921px;margin:15px auto;}
	
#loginContent a{color:#f60;}
#loginContent a:hover{color:#FF9900;text-decoration:none;}
#loginContent label{color:#fff;}
	
#loginContent input{border:1px solid #999;padding:4px;width:200px;font-size:14px;background:#f5f5f5;}
#loginContent input.check{width:auto;border:none;padding:0;margin:0;}
	
#loginContent input.psBtn,input.psBtn{cursor:pointer;width:auto;color:#fff;margin:0;background-image: url("../images/spriteme2.png");background-position: 0px -40px;background-repeat:repeat-x;padding:3px 6px;border:1px solid #9B3E00;}	
	
#loginContent input:focus{background:#fff;border:1px solid #F60;}

input.psBtn:hover,input.psBtn:focus,#loginContent input.psBtn:hover, #loginContent input.psBtn:focus{background-position:0 -10px;border-color:#666;}
#loginContent ul.login li{padding:4px 0;}
#panelClose{position:absolute;z-index:4;right:10px;top:-8px;}
#panelClose a{color:#666;font-style:italic;}
	
#panelClose a:hover{color:#f60;text-decoration:none;}			
	

	
ul#greeting{width:140px;float:left;line-height:32px;margin-right:1px;}
	
ul#searchUl{margin-right:-4px;width:194px;float:right;}	
ul#searchUl li{clear:both;}	

ul#login{width:740px;float:left;}*/
.dropdown {float:right;}
.dropdown a {text-align:center; font-variant:small-caps;display:block;padding:3px 10px 5px 10px;color:#f60;text-decoration:none;}
.dropdown a:hover{-moz-border-radius: 8px;
	border-radius: 8px;
	text-decoration:none;
	background:#ccc;
	color:#FFF;}
.dropdown ul {line-height:20px;top:23px;left:-1px;background:#FFF;filter:alpha(opacity=95);-moz-opacity:.95;opacity:.95;padding:0;}
.dropdown ul li{border-bottom:1px solid #ccc;padding:0;margin:0;}
.dropdown ul li a:hover{background:#ccccolor:#fff;-moz-border-radius: 0;
	border-radius: 0;}
.dropdown li ul a{width:207px;text-align:left; font-variant:normal;padding:0 5px;}
.dropdown li ul {border-width:1px 1px 0 1px;border-style:solid;border-color:#ccc;width:217px;}
.dropdown li ul li{width:217px;}
.dropdown li ul li a{/*border-bottom: solid 1px #000000;border-top: solid 1px #333333;border-left: solid 1px #000000;border-right: solid 1px #333333;*/font-size:12px; text-transform:none;}
.dropdown a.popout {background-image: url(../images/arrowLeft.png);background-position:200px center;background-repeat:no-repeat;}
.dropdown a.popout:hover{background-image: url(../images/arrowLeftHover.png);}
/*.dropdown li a.mainLink{background:none;}*/
.dropdown li.heading{border-left:1px solid #ccc;padding:0 5px;}
/*.dropdown li.heading a.mainLink{padding:0 19px;}*/
/*.dropdown li.heading.admin a.mainLink{padding:0 11px;}
.dropdown li.heading.logged a.mainLink{padding:0 16px;}*/
ul#greeting li span.welcome{font-size:14px;color:#fff;padding:0;text-shadow: 1px 1px 1px #000;font-family: helvetica, verdana, tahoma, arial;}
ul#greeting li{text-align:center;margin-left:-5px;}
.dropdown li.search{min-width:130px;text-align:right;margin-right:-5px;border-left:1px solid #333333;border-right:none;}
.dropdown li.heading.submenu a.mainLink{background-image: url(../images/arrowDown.png);background-position:right center;background-repeat:no-repeat;padding-right:20px;}
.dropdown li.heading.submenu a.mainLink:hover{background-image: url(../images/arrowDownHover.png);}
.dropdown li.heading.submenu.admin{background-position:90px center;}
.dropdown li.heading.submenu.logged{background-position:95px center;}
/*.dropdown li.heading.submenu:hover{background-image: url(../images/arrowDownHover.png);}*/
#searchField{float:left;border:1px solid #b84b03;border-right:none;width:150px;height:22px;background:#F4F4F4;margin:4px 0 0 0;}	
#searchSite{float:right;margin-top:2px;}	
#searchSite input.searchBtn{float:left;margin:4px 0 0 -1px;}	
/************************************************************
ONLY EDIT BELOW IF YOU REALLY KNOW WHAT YOUR DOING!
************************************************************/
.dropdown {margin:0;padding:0;list-style-type:none;}
.dropdown ul{margin:0;padding:0;list-style-type:none;}
.dropdown a {display:block;}
.dropdown li{float:left;
	position:relative;
	display: block;
}
.dropdown ul {
	position:absolute;
	display:none;
}
.dropdown li ul a{
	float:left;
}
.dropdown li ul {
	float:left;
}
.dropdown li ul li{
	float:left;
	position:relative;
}
.dropdown ul ul{
	top:0;
	left:100%;
}
.dropdown li ul ul {
	width:auto;
	margin: -1px 0px 0px 0px;
	float:left;
}
.dropdown li:hover ul ul, .dropdown li:hover ul ul ul, .dropdown li:hover ul ul ul ul{
	display:none;
}
.dropdown li:hover ul, .dropdown li li:hover ul, .dropdown li li li:hover ul, .dropdown li li li li:hover ul{
	display:block;
}
.dropdown li.first a{border-left:none;}
.dropdown li.first{border-left:none;}
.dropdown li.last a{border-right:1px solid #000000;}
.dropdown li.last{border-right:1px solid #333333;}	
#searchSite input.searchInput{padding:2px 3px 5px 3px;width:150px;height:18px;font-size:14px;border:none;background:none;color:#666;}	
/*  =HEADER
-------------------------------------------------------------- */

#head{
	background-image: url("../images/spriteme1.png");
  	background-position: -4px -134px;
	background-repeat: no-repeat;
	margin: 0/*24px 0 0 0*/;
	padding: 0px;
	height: 230px;
	width: 921px;
	}
	
#headContent{
	position:relative;
	z-index:30000;
	margin:0 8px 0 13px;
	padding:8px;
	height:202px;
	}
	
#headContent img{
	position:relative;
	z-index:1;
	margin-top:-5px;
	top:0;
	left:0;
	}	
	

/*  =NAVIGATION
-------------------------------------------------------------- */
#nav{
	padding-right:10px;
	text-align:right;
	position:relative;
	z-index:3;
	font-variant:small-caps;
	}
	
#nav ul.inline li.menu{
	border-left:1px solid #ccc;
	}
	
#nav ul.inline li.last{
	border-right:1px solid #ccc;
	}
#nav ul.inline li.trigger{
	position:relative;
	z-index:4;
	}	
#nav a.menu{
	margin:0 4px;
	padding:3px 5px;
	color:#F60;
	}
	
#nav a.menu:hover{
	-moz-border-radius: 8px;
	border-radius: 8px;
	text-decoration:none;
	background:#ccc;
	color:#FFF;
	}	
/*#hiddenMenu{
	overflow:hidden;
	visibility:hidden;
	text-align:left;
	width:0;
	position:absolute;
	z-index:40000;
	top:20px;
	left:0;
	padding:0;
	background:#FFF;
	border:1px solid #CCC;
	}
#hiddenMenu li{
	white-space:nowrap;
	border-bottom:1px solid #CCC;
	display:block;
	padding:0;
	margin:0;
	}	
	
#hiddenMenu li.final{
	display:block;
	padding:0;
	margin:0;
	border:none;
	}
	
#hiddenMenu a{
	font-size:14px;
	display:block;
	color:#f60;
	border:none;
	padding:3px 2px 4px 2px;
	margin:0;
	}	
	
#hiddenMenu a:hover{
	text-decoration:none;
	background:#ccc;
	color:#fff;
	}*/	
	
/*  =CONTENT
-------------------------------------------------------------- */
#breadcrumbs{padding:0 22px 5px 22px;}
#breadcrumbs a{padding:0 4px;}
#breadcrumbs span.current{padding:0 4px;color:#999; font-style:italic;}
#breadcrumbs span.sep{background:url(../images/arrow.png) no-repeat center center;width:8px;height:9px;padding:0 2px;}
#main{
	width:652px;
	float:left;
	}
	
.mainMiddleContent{
	position:relative;
	z-index:0;
	margin:0 10px;
	padding:1px 15px 1px 15px;
	}

.mainTop{
	background-image: url("../images/spriteme1.png");
 	background-position: -8px -384px;
	background-repeat:no-repeat;
	width:652px;
	height:24px;
	margin:0;
	padding:0;
	}
	
.mainMiddle{
	background-image: url("../images/spriteme3.png");
  	background-position: -8px 0px;
	background-repeat:repeat-y;
	width:652px;
	margin:0;
	padding:0;
	}
	
.mainBottom{
	background-image: url("../images/spriteme1.png");
  	background-position: -8px -428px;
	background-repeat:no-repeat;
	width:652px;
	height:42px;
	margin:0;
	padding:0;
	}
	
.alertBox{
	color:#F60;
	font-size:14px;
	padding:6px 6px 10px 8px;
	background:#f4f4f4;
	border:1px solid #F60;
	width:90%;
	margin:10px auto 10px auto;
	position:relative;
	z-index:0;
	}	
	
.alertBox input{
	margin:8px;
	padding:4px;
	border:1px solid #f60;
	font-size:16px;
	}	
.infoBox{
	color:#00F;
	font-size:14px;
	padding:6px 6px 10px 8px;
	background:#f4f4f4;
	border:1px solid #00F;
	width:90%;
	margin:10px auto 10px auto;
	position:relative;
	z-index:0;
	}		

.errorBox{
	color:#F00;
	font-size:14px;
	padding:6px 6px 10px 8px;
	background:#f4f4f4;
	border:1px solid #F00;
	width:90%;
	margin:10px auto 10px auto;
	position:relative;
	z-index:0;
	}
	
.error{
	position:absolute;
	z-index:2;
	top:-11px;
	left:-11px;
	}
	
.errorBox ul,
.alertBox ul,
.infoBox ul{
	margin-left:20px;
	}
	
.errorBox ul li,
.alertBox ul li,
.infoBox ul li{
	list-style:circle;
	}	
	
img.bImage{
	border:1px solid #ccc;
	}	
img.noImage{
	border:1px solid #999;
	}
.nothing{
	color:#F60;
	font-style:italic;
	text-align:center;
	line-height:250%;
	}
#siteMap{
	text-align:center;
	}
	
#siteMap ul {
	border-right:1px dashed #ccc;
	}	
#siteMap ul.inline li{
	text-align:center;
	}
	
#siteMap ul li{
	padding:0 5px;
	border-left:1px dashed #ccc;
	}
	
#siteMap ul li a{
	font-size:14px;
	color:#F60;
	}
	
#siteMap ul li.last{
	border-right:1px dashed #ccc;
	}	

/*  =SIDEBAR
-------------------------------------------------------------- */

#side{
	width:266px;
	float:right;
	color:#00F;
	}
	
.sideHead{
	background-image: url("../images/spriteme1.png");
	background-position: -11px -490px;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	width:266px;
	height:53px;
	}

.sideHeadContent{
	position:relative;
	z-index:0;
	height:40px;
	padding:8px;
	line-height:240%;
	margin:0 8px 0 8px;
	}

.sideHeadContent h2{
	color:#fff;
	font-size:24px;
	}
	
.sideMiddle{
	background-image: url("../images/spriteme3.png");
  	background-position: -683px 0px;
	background-repeat:repeat-y;
	margin:0;
	padding:0;
	width:266px;
	}
	
.sideMiddleContent{
	position:relative;
	z-index:0;
	padding:0 8px;
	margin:0 8px;
	}
	
.sideBottom{
	background-image: url("../images/spriteme1.png");
  	background-position: -11px -564px;
	margin:0;
	padding:0;
	background-repeat:no-repeat;
	width:266px;
	height:33px;
	}
	
/*  =CART
-------------------------------------------------------------- */
#cartContainer{
	margin:0;
	padding:0;
	border:1px solid #999;
	overflow:hidden;
	}
	
#cartItems{
	white-space:nowrap;
	font-size:14px;
	text-align:center;
	margin:0;
	padding:0;
	height:20px;
	line-height:130%;
	border-bottom:1px solid #999;
	}
	
#cart{
	padding:2px;
	margin:0px;
	}

#cartContent{
	padding:0;
	margin:0;
	}
	
#cartSpacer{
	height:76px;
	}
	
#cartTotal{
	white-space:nowrap;
	font-size:14px;
	text-align:center;
	line-height:130%;
	margin:0;
	padding:0;
	height:20px;
	border-top:1px solid #999;
	}
#cartButtons{
	text-align:center;
	margin:0;
	padding:0;
	height:20px;
	border-top:1px solid #999;
	}
#cartButtons a{
	margin:0 2px;
	line-height:130%;
	color:#F60;
	font-size:12px;
	}
img.cartImage{
	padding:0;
	margin:2px;
	border:1px solid #999;
	}
#cartScroll{
	line-height:130%;
	height:20px;
	padding:0 4px;
	overflow:hidden;
	font-size:14px;
	border-top:1px solid #999;
	}
#cartScroll span{
	display:block;
	text-align:center;
	}	
/*  =FOOTER
-------------------------------------------------------------- */

#foot{
	clear:both;
	background-image: url("../images/spriteme1.png");
  	background-position: -10px -617px;
	background-repeat:no-repeat;
	width: 921px;
	height:125px;
	margin:0;
	padding:0;
	}
	
#footContent{
	overflow:hidden;
	margin:0 10px 0 11px;
	padding:20px 13px 8px 13px;
	height:97px;
	}
	
#copyright{
	color:#000;
	margin:0 15px;
	padding-bottom:5px;
	border-bottom:1px dashed #ccc;
	text-align:center;
	}
	
#sitemap{
	padding:5px 0;
	text-align:center;
	}
	
#sitemap a{
	color:#F60;
	padding:0 3px;
	}	

/*  =FORMS
-------------------------------------------------------------- */
form.glassForm{
	text-align:center;
	width:100%;
	}

form.glassForm fieldset{
	padding:0;
	border:1px solid #ccc;
	}
	
form.glassForm legend{
	text-align:left;
	margin-left:8px;
	font-size:24px;
	color:#00F;
}

form.glassForm ul{
	margin:0 0 20px 0;
	}
form.glassForm li{
	position:relative;
	z-index:0;
	padding:5px;
	text-align:right;
	clear:both;
	}
form.glassForm label{
	vertical-align:top;
	line-height:170%;
	margin-right:0;
	display:block;
	width:220px;
	float:left;
	}	
form.glassForm input, form.glassForm textarea{
	margin-right:100px;
	width:250px;
	padding:4px;
	font-size:16px;
	border:1px solid #ccc;
	color:#666;
	}
	
form.glassForm input:focus, form.glassForm textarea:focus{
	border:1px solid #F60;
	background:#f4f4f4;
	}
form.glassForm input.browse{
	margin-right:110px;
	}
	
form.glassForm input.psBtn{
	float:left;
	font-size:14px;
	margin:0 0 10px 232px;
	cursor:pointer;
	width:auto;
	color:#fff;
	background-image: url("../images/spriteme2.png");
 	background-position: 0px -40px;
	background-repeat:repeat-x;
	padding:3px 6px;
	border:1px solid #9B3E00;
	}	
	
form.glassForm input.psBtn:hover, form.glassForm input.psBtn:focus{
	background-position:0 -10px;
	border-color:#666;
	}	
form.glassForm p.emails{
	position:absolute;
	right:50px;
	top:13px;
	font-size:12px;
	color:#666;
	font-style:italic;
	}	
form.glassForm p.required{
	margin:10px 10px 5px 8px;
	font-size:14px;
	color:#666;
	font-style:italic;
	}
	
form.glassForm a.formLink{
	margin:4px 235px 8px 0;
	}
	
form.glassForm img.info{
	position:absolute;
	z-index:1;
	right:75px;
	top:9px;
	}	
	
form.glassForm div.frmImageDiv{
	position:relative;
	z-index:0;
	text-align:left;
	display:inline-block;
	padding:4px;
	margin-right:100px;
	width:250px;
	border:1px solid #ccc;
	}
form.glassForm div.frmImageDiv img{
	margin:2px;
	}	
form.glassForm input.check{
	width:auto;
	border:none;
	padding:0;
	margin-top:8px;
	margin-right:345px;
	}	
	
form.loginForm input.check{
	border:none;
	padding:0;
	}	
/*  =PRODUCTS
-------------------------------------------------------------- */
.productSeperate{
	width:70%;
	border-bottom:1px dashed #ccc;
	padding:0;
	margin:6px auto;
	}
.productContainer{
	color:#00F;
	font-size:16px;
	margin:0 auto;
	position:relative;
	z-index:1;
	}	

.imageContainer{
	cursor:move;
	position:relative;
	z-index:0;
	overflow:hidden;
	}
	
.popUp{
	position:absolute;
	margin-bottom:-60px;
	z-index:1;
	bottom:0;
	left:0;
	background:#00F;
	height:60px;
	}
	
.noStock{
	cursor:default;
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	background:#000;
	height:60px;
	}
	
.popUp table{
	height:60px;
	width:100%;
	}	

.noStock table{
	height:100%;
	width:100%;
	}
	
.noStock table td{
	padding:4px;
	height:60px;
	color:#F00;
	text-align:center;
	vertical-align:middle;
	}
	
.popUp table td{
	padding:4px;
	height:inherit;
	color:#fff;
	text-align:center;
	vertical-align:middle;
	}	
img.productImage{
	cursor:move;
	border:1px solid #999;
	}	
	
.productOptions td{
	white-space:nowrap;
	text-align:center;
	vertical-align:middle;
	padding:3px 0;
	}	
	
.productOptions td.priceRow{
	padding:5px 0;
	}	
form.productsForm select{
	color:#00F;
	font-size:14px;
	margin:0;
	padding:0;
	}
form.productsForm select.variable{
	width:66%;
	}
	
form.productsForm select.quantity, form.productsForm input.quantity{
	color:#00F;
	width:30%;
	}
	
form.productsForm input.cartAdd{
	margin-bottom:-5px;
	}
	
#products{
	padding:15px 0;
	}

h2.subHeading{
	font-size:16px;
	margin-left:8px;
	}
.info{
	text-align:center;
	padding-bottom:2px;
	}	
	
.paging{
	margin:10px auto 0 auto;
	width:95%;
	line-height:190%;
	padding:0;
	height:30px;
	border-top:1px dashed #ccc;
	border-bottom:1px dashed #ccc;
	text-align:center;
	}
	
.paging ul.center{
	width:463px;
	display:inline;
	float:left;
	}

.paging ul li{
	display:inline;
	}

span.disabled{
	background:#fff;
	font-size:14px;
	width:auto;
	color:#999;
	margin:0 2px;
	padding:2px 5px;
	border:1px solid #999;
	}	
	
input.disabled{
	background:#F4F4F4;
	border:1px solid #CCC;
	color:#999;
	}	
a.orangeButton{
	font-size:14px;
	width:auto;
	color:#fff;
	margin:0 2px;
	background-image: url("../images/spriteme2.png");
 	background-position: 0px -40px;
	background-repeat:repeat-x;
	padding:2px 5px;
	border:1px solid #9B3E00
	}	
	
a.orangeButton:hover{
	background-position:0 -10px;
	border-color:#666;
	text-decoration:none;
	}
#productsList{
	padding:0 8px;
	}	
#productsList dl{
	margin:10px 0;
	}	
#productsList dt a{
	font-size:16px;
	}
	
#productsList dd{
	display:inline-block;
	margin:3px 15px;
	border:1px solid #ccc;
	background:#f4f4f4;
	padding:1px 1px 0 1px;
	}
#productsList dd ul.inline li img.bImage{
	margin:2px 2px 1px 2px;
	}

.productContainer .productEmail{
	visibility:hidden;
	position:absolute;
	z-index:3000;
	right:3px;
	top:21px;
	}
	
.leftContainer .productEmail{
	visibility:hidden;
	position:absolute;
	z-index:3000;
	right:6px;
	top:6px;
	}	
/*  =HOME
-------------------------------------------------------------- */
.productExamples{
	padding:10px 0;
	}
	
.splitContainer{
	border-top:1px dashed #ccc;
	border-bottom:1px dashed #ccc;
	padding:5px 0;
	margin:5px 0;
	}
p.para{
	margin:4px;
	padding:4px;
	}
	
.reviewContainer{
	margin:4px auto;
	border:1px solid #999;
	background:#F1F0FF;
	padding:10px;
	width:92%
	}
.reviewAvatar{
	width:25px;
	float:left;
	height:inherit;
	}
	
.reviewAvatar img{
	border:1px solid #ccc;
	}	
	
.review{
	width:537px;
	background:#FFF;
	padding:8px 8px 12px 8px;
	}

.reviews ul li{
	clear:both;
	margin:10px 0;
	}	
.reviewInfo{
	margin-bottom:6px;
	color:#00F;
	}
.review p{}
.reviewContent{
	float:right;
	width:92%;
	}	
#home h3{
	display:inline;
	color:#00F;
	margin:4px;
	font-size:18px;
	}	
	
.addReview{
	font-size:12px;
	color:#999;
	position:absolute;
	z-index:4;
	right:5px;
	top:5px;
	}
	
#customers{
	position:relative;
	z-index:0;
	}
	
ul.reviewPaging{
	display:inline;
	padding-left:6px;
	border-left:1px dashed #ccc;
	}	
	
.addReview ul.reviewPaging li{
	display:inline;
	padding:0 3px;
	margin:0;
	}
	
.addReview ul.reviewPaging li a{
	color:#f60;
	}
	
.addReview a.write{
	font-size:12px;
	padding:5px;
	margin:5px;
	color:#F60;
	}	
	
.noReview{
	text-align:center;
	margin:4px 0;
	}	
/*  =ABOUT
-------------------------------------------------------------- */
#about p{
	margin:4px;
	padding:5px;
	}

/*  =CONTACT
-------------------------------------------------------------- */
#contact ul{
	margin:4px;
	}
	
#contact ul li{
	margin:4px;
	}

#contact iframe{
	padding:3px;
	border:1px solid #CCC;
	margin:4px 0;
	}
	
/*  =FITTING INFO
-------------------------------------------------------------- */
.infoContainer{
	width:100%;
	padding-bottom:5px;
	border-bottom:1px dashed #ccc;
	}
	
.otherFinishes{
	padding:2px 0;
	border-bottom:1px dashed #ccc;
	}

.otherFinishes li img.bImage{
	margin:1px;
	}
	
.infoRight li{
	padding:2px;
	}
	
.infoRight li img.bImage{
	margin-top:3px;
	}	
.infoLeft{
	width:42%;
	float:left;
	}
.infoLeft img.productImage{
	border-color:#CCC;
	}	
	
.infoRight{
	width:57%;
	float:right;
	}
	
.infoRight dt{
	color:#00F;
	margin:1px 0 5px 0;
	}
.additional dt{
	color:#00F;
	margin:5px 0;
	font-size:18px;
	}
	
.infoRight dd{
	font-size:15px;
	color:#666;
	border:1px solid #ccc;
	background:#f4f4f4;
	padding:4px 4px 6px 5px;
	margin:2px 5px 5px 5px;
	}
	
.additional dd{
	font-size:15px;
	color:#666;
	border:1px solid #ccc;
	background:#f4f4f4;
	padding:4px;
	margin:2px 5px 5px 5px;
	}
	
.additional li img.bImage{
	margin:4px;
	}
	
.productFormOptions{
	padding:3px;
	}
	
.productFormOptions table td{
	color:#00F;
	padding:3px 0;
}

.productFormOptions table td select{
	width:95%;
	}	
	
.productFormOptions table td.center{
	padding:6px 0;
	}	
.leftContainer{
	position:relative;
	z-index:1;
	}	
/*  =CHECKOUT
-------------------------------------------------------------- */	
table.checkoutTable{
	margin:10px 0;
	border:none;
	}
	
table.checkoutTable select, table.checkoutTable input.quantity{
	color:#00F;
	}
table.checkoutTable input.quantity{
	width:30%;
	margin:0 auto;
	}	
table.checkoutTable th,
table td.head{
	background:#ccc;
	color:#00F;
	text-align:center;
	padding:3px;
	font-size:14px;
	}
	
table.checkoutTable td{
	padding:3px;
	font-size:12px;
	}
table.checkoutTable td img.bImage{
	display:block;
	margin:0 auto;
	}	
table.checkoutTable tr.even{
	background:#f4f4f4;
	}
table.checkoutTable td.colSpan{
	vertical-align:middle;
	text-align:center;
	}	
table td.bTop,
table th.bTop{
	border-top:1px solid #999;
	border-collapse:collapse;
	}	
table td.bRight,
table th.bRight{
	border-right:1px solid #999;
	border-collapse:collapse;
	}	
table td.bBottom,
table th.bBottom{
	border-bottom:1px solid #999;
	border-collapse:collapse;
	}	
table td.bLeft,
table th.bLeft{
	border-left:1px solid #999;
	border-collapse:collapse;
	}	

/*  =CONFIRM ORDER
-------------------------------------------------------------- */	
#invoice{
	border-top:1px dashed #ccc;
	margin:6px 3px;
	padding:5px 0;
	}
	
.subPaging{
	margin:10px auto 0 auto;
	width:95%;
	line-height:180%;
	height:35px;
	border-top:1px dashed #ccc;
	border-bottom:1px dashed #ccc;
	text-align:center;
	}
	
.subPaging ul{
	text-align:center;
	display:inline;
	}

.subPaging ul li{
	text-align:center;
	display:inline;
	}	
	
.subPaging ul li input.psBtn{
	float:none;
	margin-top:5px;
	padding:2px 4px;
	}
	
.subPaging ul li form{
	width:auto;
	display:inline;
	}	
/*  =ACCORDION
-------------------------------------------------------------- */
#admin{
	position:relative;
	}
.acContainer{
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	position:relative;
	z-index:0;
	border:1px solid #CCC;
	width:100%;
	margin:4px 0;
	background:#E1E1E1;
	}
	
.acContainer span.acStatus{
	position:absolute;
	z-index:1;
	right:8px;
	top:2px;
	line-height:180%;
	color:#666;
	font-size:14px;
	font-style:italic;
	}
	
.acContainer h2{
	padding:5px 5px 7px 5px;
	color:#00F;
	font-size:18px;
	cursor:pointer;
	}
	
.acContentContainer{
	-moz-border-radius-bottomright: 12px; 
	-moz-border-radius-bottomleft: 12px;
	-webkit-border-bottom-right-radius: 12px;
	-webkit-border-bottom-left-radius: 12px;
	width:100%;
	background:#f4f4f4;
	border-top:1px solid #ccc;
	}
	
.acContent{
	padding:0 5px 5px 5px;
	}	
	
.acContent .nothing{
	height:80px;
	line-height:430%;
	font-size:18px;
	}	
.acInteract{
	line-height:120%;
	width:inherit;
	height:20px;
	border-bottom:1px dashed #ccc;
	margin-bottom:5px;
	}
.acSplitHead{
	font-size:12px;
	color:#00F;
	line-height:150%;
	}	
.acTable .acInteract{
	margin:0;
	}	
.acInteract ul.inline li a,
.acSplitHead ul.inline li a{
	font-size:12px;
	padding:1px 4px;
	color:#f60;
	}	
.acInteract ul.inline,
.acSplitHead ul.inline{
	display:inline;
	float:left;
	padding-right:3px;
	border-right:1px dashed #ccc;
	}	

table.ordersTable{
	margin:10px 0;
	border:none;
	}
	
table.ordersTable th,
table td.head{
	white-space:nowrap;
	background:#E1E1E1;
	color:#00F;
	text-align:center;
	padding:3px;
	font-size:14px;
	}
	
table.ordersTable td{
	padding:3px;
	font-size:12px;
	}
table.ordersTable td img.bImage{
	display:block;
	margin:0 auto;
	}	
table.ordersTable tr.even{
	background:#FFF;
	}
table.ordersTable td.colSpan{
	vertical-align:middle;
	text-align:center;
	}	
	
table.ordersTable td, 
table.ordersTable th{
	border-color:#ccc;
	}	

ul.officePaging{
	padding-left:5px;
	border-left:1px dashed #ccc;
	display:inline;
	float:right;
	}
	
ul.officePaging li{
	display:inline;
	font-size:12px;
	padding:1px 4px;
	color:#999;
	}	

ul.officePaging li a{
	color:#F60;
	font-size:12px;
	}

#detailsTable{
	margin:3px auto;
	}

#detailsTable td{
	padding:3px;
	}
#detailsTable td.editable{
	padding:0;
	}	
#detailsTable td.editable p{
	padding:2px;
	}	
	
/*  =LINKS
-------------------------------------------------------------- */
#links{
	padding:0 8px;
	}
	
#links dl{
	margin:10px 0;
	}
	
#links dt a{
	font-size:16px;
	}
	
#links dd{
	color:#666;
	margin:3px 15px 10px 15px;
	border:1px solid #ccc;
	background:#f4f4f4;
	padding:6px;
	}
/*  =ADMIN
-------------------------------------------------------------- */
#fullContent{
	margin:0 auto;
	width:921px;
	}
	
.fullTop{
	height:26px;
	width:921px;
	background:url(../images/checkout_table_top.gif);
	background-repeat:no-repeat;
	background-position:5px 0;
	}
	
.fullMiddle{
	width:921px;
	background:url(../images/checkout_table_middle.gif);
	background-repeat:repeat-y;
	background-position:5px 0;
	}
	
.fullBottom{
	height:40px;
	width:921px;
	background:url(../images/checkout_table_bottom.gif);
	background-repeat:no-repeat;
	background-position:5px 0;
	}
.fullMiddleContent{
	position:relative;
	z-index:0;
	margin:0 11px 0 10px;
	padding:1px 15px 1px 15px;
	}
	
#admin{
	margin:0 auto;
	width:98%;
	padding:1px 0;
	}
	
.acSplitContainer{
	width:100%
	}
	
.acLeftSplit{
	width:60%;
	border-right:1px dashed #ccc;
	float:left;
	}

.acRightSplit{
	width:39.5%;
	float:right;
	}
	
.acSplitHead{
	height:20px;
	border-bottom:1px dashed #ccc;
	}
	
.acSplitHead h2{
	float:left;
	display:inline;
	font-size:12px;
	color:#00F;
	}	
	
select.settingChoice{
	float:right;
	font-size:10px;
	color:#F60;
	margin:2px 3px;
	}
table.settingsTable	td{
	font-size:12px;
	padding:3px;
	border-bottom:1px dashed #ccc;
	}

td.setHead{
	color:#00F;
	white-space:nowrap;
	border-right:1px dashed #ccc;
	}	
td.settingQuestion{
	cursor:help;
	color:#00F;
	border-left:1px dashed #ccc;
	}
	
table.settingsTable	td.last{
	border-bottom:none;
	}	
table.settingsTable td ol{
	margin-left:20px;
	}	
table.settingsTable td ol li{
	list-style:decimal;
	}	
table.settingsTable td.setting:hover{
	cursor:pointer;
	background:#E1E1E1;
	}
	
.textarea textarea{ 
	height:200px;
	padding:2px; 
	}
	
.setting-empty	{ 
	background:#fffea1; 
	padding:20px; 
	border:1px dashed #fc0; 
	}
	
.box{ 
	border:1px solid #F60;
	background:#f4f4f4;
	padding:2px;
	font-size:12px;
	display:block;
	width:98%; 
	}
.sideMiddleContent dl dt{
	color:#f60;
	margin:4px 0;
	}
	
.sideMiddleContent dd{
	background:#eee;
	border:1px solid #ccc;
	padding:3px;
	}	
	
.sideMiddleContent a.modal{
	text-align:center;
	padding-top:5px;
	font-size:18px;
	color:#f60;
	display:block;
	}	
/*  =MODAL
-------------------------------------------------------------- */	
	
#sent{
	width:inherit;
	height:inherit;
	color:#00F;
	font-size:48px;
	font-weight:400;
	text-align:center;
	line-height:150%;
	}
#dotter{
	color:#00F;
	font-size:48px;
	font-weight:400;
	}

.overlay{
	background:#000;
	}
#modal{
	position:absolute;
	z-index:80000;
	visibility:hidden;
	}
#modalContainer{
	position:relative;
	z-index:1;
	}
	
#modalClose{
	position:absolute;
	z-index:3;
	right:0;
	top:0;
	width:65px;
	height:25px;
	background:url(../images/modal-close.png) no-repeat;
	}
#mClose{
	cursor:pointer;
	margin-left:12px;
	margin-top:4px;
	width:40px;
	height:15px;
	background:url(../images/buttons-black.gif) no-repeat;
	}	
	
#mClose:hover{
	background-position: 0 -16px;
	}
	
#loadScroll{
	position:absolute;
	z-index:3;
	background:#FFF;
	width:314px;
	height:104px;
	}
	
#loadContainer{
	position:relative;
	z-index:0;
	background:url(../images/modal_logo.jpg) no-repeat;
	width:314px;
	height:104px;
	overflow:hidden;
	}
	
.topLeft{
	height:10px;
	width:10px;
	background:url(../images/modal.png) no-repeat top left;
	}
.top{
	border-top: 7px solid #000;
	background:#fff;
	height:10px;
	}
.topRight{
	background:url(../images/modal.png) no-repeat top right;
	}
.midLeft{
	border-left: 7px solid #000;
	background:#fff;
	width:10px;
	}
.mid{}
.midRight{
	border-right: 7px solid #000;
	background:#fff;
	width:10px;
	}
.bottom{
	border-bottom: 7px solid #000;
	background:#fff;
	}	
.bottomLeft{
	height:10px;
	width:10px;
	background:url(../images/modal.png) no-repeat bottom left;
	}
.bottomRight{
	height:10px;
	width:10px;
	background:url(../images/modal.png) no-repeat bottom right;
	}
#modalContent{
	background:#FFF;
	overflow:hidden;
	}
form.modalForm{
	padding:15px 5px 8px 5px;
	width:490px;
	}	
	
form.modalForm ul li{
	display:inline-block;
	clear:both;
	padding:5px;
	}	
form.modalForm ul li.submit{
	display:block;
	padding-left:147px;
	}
form.modalForm label{
	display:block;
	font-size:20px;
	padding:6px;
	width:130px;
	float:left;
	text-align:right;
	}
form.modalForm input.text{
	width:300px;
	padding:6px;
	font=size:20px;
	color:#666;
	border:1px solid #999;
	float:left;
	}	

form.modalForm textarea{
	color:#666;
	width:300px;
	height:200px;
	border:1px solid #999;
	font-size:20px;
	padding:6px;
	float:left;
	}	
	
form.modalForm input.modalSub{
	cursor:pointer;
	border:1px solid #999;
	color:#000;
	background:#eee;
	padding:3px;
	font-size:16px;
	}		
	
/*  =TIPS
-------------------------------------------------------------- */
.tipz .tip{ 
	width:139px;
	font-size:12px;
	background:url(tip-text.png) left top repeat-y; 
	}
.tipz .tip-top{  
	width:139px; 
	}
	
.tipz .tip-title{
	padding:4px 6px 0 6px;
	font-size:14px;
	background:url(../images/bubble.png) top left;
	color:#F60;
	}
	
.tipz .tip-text{
	padding:4px 5px 7px 6px;
	background:url(../images/bubble.png) bottom right;
	color:#FFF;
	}
.tipz .tip-text span.padded{
	display:block;
	padding:4px 0 0 0;
	}	
.tipz .tip-bottom{ 
	width:139px; 
	}

.imgTipz img{
	border:6px solid #000;
	}
/*  =VIEWER
-------------------------------------------------------------- */	
#productBox{
	position:absolute;
}
	
.mask{
	padding:18px;
	border:1px solid #666;
	background:#eee;
	position:relative;
	width:172px;
	height:172px;
	overflow:hidden;
}

.mask img{
	border:1px solid #999;
	position:absolute;
	display:block;
}
.topProducts{
	padding:2px;
	border:1px solid #000;
	}
.topProductsContainer{
	padding:8px 0 5px 0;
	margin:0 10px;
	}	
	
/*  =autocompleter
-------------------------------------------------------------- */		
ul.autocompleter-choices
{
	position:				absolute;
	margin:					0;
	padding:				0;
	list-style:				none;
	border:					1px solid #7c7c7c;
	border-left-color:		#c3c3c3;
	border-right-color:		#c3c3c3;
	border-bottom-color:	#ddd;
	background-color:		#fff;
	text-align:				left;
	font-family:			Verdana, Geneva, Arial, Helvetica, sans-serif;
	z-index:				50;
	background-color:		#fff;
}

ul.autocompleter-choices li
{
	position:				relative;
	margin:					-2px 0 0 0;
	padding:				0.2em 1.5em 0.2em 1em;
	display:				block;
	float:					none !important; 
	cursor:					pointer;
	font-weight:			normal;
	white-space:			nowrap;
	font-size:				1em;
	line-height:			1.5em;
}

ul.autocompleter-choices li.autocompleter-selected
{
	background-color:		#444;
	color:					#fff;
}

ul.autocompleter-choices span.autocompleter-queried
{
	display:				inline;
	float:					none;
	font-weight:			bold;
	margin:					0;
	padding:				0;
}

ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried
{
	color:					#9FCFFF;
}	
/*  =SEXY ALERT
-------------------------------------------------------------- */	
#SexyAlertBox-Box {
  padding-bottom: 24px;
  background: url('../images/bg-box-bottom.png') bottom left no-repeat !important;
  background: url('../images/bg-box-bottom.gif') bottom left no-repeat;
}

#SexyAlertBox-InBox {
  padding-top: 15px;
  background: url('../images/bg-box-top.png') top left no-repeat !important;	
  background: url('../images/bg-box-top.gif') top left no-repeat;	
}

#SexyAlertBox-BoxContent {
  background: url('../images/bg-box-body.png') top left repeat-y !important;
  background: url('../images/bg-box-body.gif') top left repeat-y;
  padding: 0px 20px;
}

#SexyAlertBox-BoxContenedor {
  padding: 0px 0px 5px 55px;
  text-align: left;
  font-family:Verdana;
  font-size:12px;
  color:#000;
}

#SexyAlertBox-BoxContenedor h1,#SexyAlertBox-BoxContenedor h2,#SexyAlertBox-BoxContenedor h3,#SexyAlertBox-BoxContenedor b,#SexyAlertBox-BoxContenedor strong{
  text-align: left;
  font-family:Verdana;
  font-size:12px;
  color:#000;
  font-weight:bold;
  margin:0px;
  padding:0px;
}

#SexyAlertBox-Buttons{
  text-align:right;
}

#SexyAlertBox-Buttons input {
  margin: 10px 10px;
}

#SexyAlertBox-BoxContenedor #BoxPromptInput{
  margin-top:5px;
}

#SexyAlertBox-Box .BoxAlert {
  background: url('../images/dialog-warning.png') top left no-repeat;
}

#SexyAlertBox-Box .BoxConfirm {
  background: url('../images/dialog-help.png') top left no-repeat;
}

#SexyAlertBox-Box .BoxPrompt {
  background: url('../images/dialog-help.png') top left no-repeat;
}

#SexyAlertBox-Box .BoxInfo {
  background: url('../images/dialog-information.png') top left no-repeat;
}

#SexyAlertBox-Box .BoxError {
  background: url('../images/dialog-error.png') top left no-repeat;
}	

#SexyAlertBox-BoxContenedor h1{
	font-weight:normal;
	color:#00F;
	font-size:20px;
	}
/*  =SLIDE IT MOO
-------------------------------------------------------------- */	
#SlideItMoo_info_outer,
#SlideItMoo_info_inner,
#SlideItMoo_info_items .info_item{
	width:600px;
}

#SlideItMoo_info_outer{
	margin:4px 0;
	width:600px;
}

#SlideItMoo_info_outer { 
	display:block;
	border:1px dashed #ccc;
	position:relative; 
	margin:0px auto 0px; 
	background:#F1F0FF;
}
#SlideItMoo_info_inner { 
	position:relative ; 
	overflow:hidden ; 
	margin:0px auto 0px;  
}
#SlideItMoo_info_items { 
	display:block; 
	position:relative; 
}
/* remember after styling to set the itemWidth parameter on class instance */
#SlideItMoo_info_items .info_item{
	display:block; 
	position:relative;
	float:left;
	color:#000;
	font-size:16px;
}


/* create custom forward-backward buttons for this container */
.SlideItMoo_forward,
.SlideItMoo_back{
	visibility:hidden;
	position:absolute;
	z-index:10000000;
	cursor:pointer; 
	width:40px; 
	bottom:0px; 
	right:0px; 
	background-image: url("../images/spriteme4.png");
	background-repeat:no-repeat;
  	background-position: -70px center;
}
.SlideItMoo_back { 
	left:0px; 
	background-image: url("../images/spriteme4.png");
 	background-position: -10px center; 
	background-repeat:no-repeat;
}

.info_left{
	float:left;
	width:110px;
	padding:5px;
	}
.info_right{
	padding:5px;
	float:left;
	width:460px;
	}	

.slide_item{
	height:130px;
	border-bottom:1px dashed #ccc;
	clear:both;
	}	
.last{
	border-bottom:none;
	}	
#slideExamples{
	padding:4px 0;
	}	
	
.info_right a{
	font-size:18px;
	}	
	
/* FormCheck tipbox */

/* tipbox :
	table : 
		tl		: top left
		t		: top
		tr		: top right
		l 		: left
		r		: right
		bl		: bottom left
		b		: bottom (with mark)
		br		: bottom right
		c		: center
	components : 
		a.close	: close button
		err		: errors div
		p		: error line
*/

.fc-tbx .tl{
	background: url('../javascript/formcheck/theme/classic/img/tl.png') no-repeat;
}
.fc-tbx .t{
	background: url('../javascript/formcheck/theme/classic/img/t.png') repeat-x;
	height: 16px;
}
.fc-tbx .tr{
	background: url('../javascript/formcheck/theme/classic/img/tr.png') no-repeat;
}
.fc-tbx .l{
	background: url('../javascript/formcheck/theme/classic/img/l.png') repeat-y;
	width : 16px;
}
.fc-tbx .r{
	background: url('../javascript/formcheck/theme/classic/img/r.png') repeat-y;
	width: 16px;
}
.fc-tbx .bl{
	background: url('../javascript/formcheck/theme/classic/img/bl.png') no-repeat;
}
.fc-tbx .b{
	background: url('../javascript/formcheck/theme/classic/img/b.png') no-repeat;
	height: 25px;
}
.fc-tbx .br{
	background: url('../javascript/formcheck/theme/classic/img/br.png') no-repeat;
}
.fc-tbx .c{
	background: url('../javascript/formcheck/theme/classic/img/c.png') repeat;
}
.fc-tbx a.close {
	float: right;
	background: url('../javascript/formcheck/theme/classic/img/close.png') no-repeat;
	position: relative;
	margin-left: 5px;
	display: block;
	width: 10px;
	height: 10px;
	cursor: pointer;
}
.fc-tbx .err {
	float: left;
}
.fc-tbx p {
	width : auto;
	display: block;
	font-size: 10px;
	font-family: tahoma, verdana, "sans-serif";
	margin : 0;
	padding : 0;
	border : 0;
	color : #FFF;
}

.ajax_loader {
	background : url('../javascript/formcheck/theme/classic/img/ajax-loader.gif') no-repeat center;
	width : 200px;
	height : 150px;
}


/* FormCheck validation div */

.fc-error {
	border : 1px solid #888;
	margin-top : 5px;
	background-color : #EAEAEA;
}
.fc-error p {
	margin : 5px;
	color : #A00;
}	

/*  =SLIDESHOW
-------------------------------------------------------------- */
#polar{
	background:url(../images/polar-back.png) no-repeat;
	position:relative;
	height:405px;
	padding:0;
	margin:0;
	}
	
#polar-slides{
	width:248px;
	height:248px;
	position:absolute;
	z-index:10000;
	top:45px;
	left:54px;
	}	
	
.slideshow {
	display: block;
	position: relative;
	z-index: 0;
}
.slideshow-images {
	display: block;
	overflow: hidden;
	position: relative;
}		
.slideshow-images img {
	display: block;
	position: absolute;
	z-index: 1;
}		
.slideshow-thumbnails {
	overflow: hidden;
}

/**
HTML:
	<div class="slideshow-images">
		<img />
		<img />
	</div>
	
Notes:
	The images div is where the slides are shown.
	Customize the visible / prev / next classes to effect the slideshow transitions: fading, wiping, etc.
*/

.slideshow-images {
	height: 300px;
	width: 400px;
}		
.slideshow-images-visible { 
	opacity: 1;
}	
.slideshow-images-prev { 
	opacity: 0; 
}
.slideshow-images-next { 
	opacity: 0; 
}
.slideshow-images img {
	float: left;
	left: 0;
	top: 0;
}	

/**
Notes:
	These are examples of user-defined styles.
	Customize these classes to your usage of Slideshow.
*/

.slideshow {
	height: 300px;
	margin: 0 auto;
	width: 400px;
}
.slideshow a img {
	border: 0;
}

/**
HTML:
	<div class="slideshow-captions">
		...
	</div>
	
Notes:
	Customize the hidden / visible classes to affect the captions animation.
*/

.slideshow-captions {
	background: #000;
	bottom: 0;
	color: #FFF;
	font: normal 12px/22px Arial, sans-serif;
	left: 0;
	overflow: hidden;
	position: absolute;
	text-indent: 10px;
	width: 100%;
	z-index: 10000;
}
.slideshow-captions-hidden {
	height: 0;
	opacity: 0;
}
.slideshow-captions-visible {
	height: 22px;
	opacity: .7;
}

/**
HTML:
	<div class="slideshow-controller">
		<ul>
			<li class="first"><a /></li>
			<li class="prev"><a /></li>
			<li class="pause play"><a /></li>
			<li class="next"><a /></li>
			<li class="last"><a /></li>
		</ul>
	</div>
	
Notes:
	Customize the hidden / visible classes to affect the controller animation.
*/

.slideshow-controller {
	background: url(../images/controller.png) no-repeat;
	height: 42px;
	left: 50%;
	margin: -21px 0 0 -119px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	width: 238px;
	z-index: 10000;
}
.slideshow-controller * {
	margin: 0;
	padding: 0;
}
.slideshow-controller-hidden { 
	opacity: 0;
}
.slideshow-controller-visible {
	opacity: 1;
}
.slideshow-controller a {
	cursor: pointer;
	display: block;
	height: 18px;
	overflow: hidden;
	position: absolute;
	top: 12px;
}
.slideshow-controller a.active {
	background-position: 0 18px;
}
.slideshow-controller li {
	list-style: none;
}
.slideshow-controller li.first a {
	background-image: url(../images/controller-first.gif);
	left: 33px;
	width: 19px;
}
.slideshow-controller li.last a {
	background-image: url(../images/controller-last.gif);
	left: 186px;
	width: 19px;
}
.slideshow-controller li.next a {
	background-image: url(../images/controller-next.gif);
	left: 145px;
	width: 28px;
}
.slideshow-controller li.pause a {
	background-image: url(../images/controller-pause.gif);
	left: 109px;
	width: 20px;
}
.slideshow-controller li.play a {
	background-position: 20px 0;
}
.slideshow-controller li.play a.active {
	background-position: 20px 18px;
}
.slideshow-controller li.prev a {
	background-image: url(../images/controller-prev.gif);
	left: 65px;
	width: 28px;
}

/**
HTML:
	<div class="slideshow-loader" />
	
Notes:
	Customize the hidden / visible classes to affect the loader animation.
*/

.slideshow-loader {
	height: 28px;
	right: 0;
	position: absolute;
	top: 0;
	width: 28px;
	z-index: 10001;
}
.slideshow-loader-hidden {
	opacity: 0;
}
.slideshow-loader-visible {
	opacity: 1;
}

/**
HTML:
	<div class="slideshow-thumbnails">
		<ul>
			<li><a class="slideshow-thumbnails-active" /></li>
			<li><a class="slideshow-thumbnails-inactive" /></li>
			...
			<li><a class="slideshow-thumbnails-inactive" /></li>
		</ul>
	</div>
	
Notes:
	Customize the active / inactive classes to affect the thumbnails animation.
	Use the !important keyword to override FX without affecting performance.
*/

.slideshow-thumbnails {
	top:-20px;
	height: 65px;
	left: 288px;
	position: absolute;
	width: 100%;
}
.slideshow-thumbnails * {
	margin: 0;
	padding: 0;
}
.slideshow-thumbnails ul {
	height: 65px;
	left: 0;
	position: absolute;
	top: 0;
	width: 10000px;
}
.slideshow-thumbnails li {
	float: left;
	list-style: none;
	margin: 5px 5px 5px 0;
	position: relative;
}
.slideshow-thumbnails a {
	display: block;
	float: left;
	padding: 5px;
	position: relative; 
}
.slideshow-thumbnails a:hover {
	background-color: #F60 !important;
	opacity: 1 !important;
}
.slideshow-thumbnails img {
	display: block;
}
.slideshow-thumbnails-active {
	background-color: #00F;
	opacity: 1;
}
.slideshow-thumbnails-inactive {
	background-color: #CCC;
	opacity: .5;
}	
#polar-caption{
	width:248px;
	height:60px;
	position:absolute;
	z-index:8;
	top:300px;
	left:53px;
	}
#polar-content{
	position:absolute;
	z-index:10;
	top:90px;
	left:342px;
	width:250px;
	height:300px;
	}	
	
#polar-content h3,
#polar-caption h3{
	color:#00F;
	font-weight:bold;
	margin:0 0 2px 0;
	padding:0;
	}
	
#polar-content p,
#polar-caption p{
	color:#000;
	padding:3px;
	margin:0;
	}
#polar-content ul{
	padding:0;
	margin:0;
	display:inline;
	}

#polar-content ul li,
#infoPdf ul li{
	vertical-align:top;
	list-style:none;
	display:block;
	height:34px;
	text-align:center;
	padding:0 20px 0 0;
	}
#polar img{
	border:none;
	}	
#polar-content ul li img.pdf,
#infoPdf ul li img.pdf{
	margin-bottom:-10px;
	}	
#polar-container{
	position:relative;
	z-index:10;
	}
	
#terms{padding:0 8px;}
#terms strong{font-weight:bold;}
#terms p{margin:10px 0;}	
form.productsForm input.quantity{color:#00F;}
.subCategories{margin:10px 0 5px 0;}
.subCategories h4{margin:2px 0;}
.subCategories ul{border:1px solid #ccc;background:#f4f4f4;padding:5px 5px 7px 5px;}
.subCategories ul li{display:inline;padding:2px;}
/*  =DEFAULT STYLES
-------------------------------------------------------------- */
.alignleft {float: left;}
.alignright {float: right;}
.clear {clear: both;}

.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}

.small {font-size: 0.8em;}
.hidden {display: none;}
.bold{font-weight:bold;}
.italic{font-style:italic;}

.blue{color:#00F;}
.orange{color:#F60;}
.silver{color:#999;}
.black{color:#000;}
.grey{color:#666;}

.breath{margin:3px;}

.splitter{border-bottom:1px dashed #ccc;width:90%;margin:10px auto;height:0;}

ul.inline{display:inline;}
ul.inline li{display:inline;list-style:none;}
ul.block li{display:block;list-style:none;}	

h2.fittingCat{
	color:#00F;
	font-size:18px;
	font-weight:normal;
	}
	
h2.fittingCat:hover{
	text-decoration:underline;
	}	
	
span.reviewDate{
	font-style:italic;
	color:#F60;
	font-size:14px;
	float:right;
	}	
	
.more-comments{line-height:200%;text-align:center;background:#fff url(../images/more-comments.gif) repeat-x;background-position:0 10px;margin:10px 15px 0 15px;border-bottom:1px solid #999;border-right:1px solid #999;border-left:1px solid #ccc;border-top:1px solid #ccc;-moz-border-radius:6px;-webkit-border-radius:6px;}
.more-comments a{display:block;height:35px;color:#083C71;text-decoration:none;}
.more-comments:hover{border-color:#999;background-position:0 5px;}
.more-comments a:hover{text-decoration:underline;}