@charset "utf-8";

body {

	width:100%;
	height:100%;
	padding:0px;
	margin:0px;
	font-family:Franklin Gothic Book, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#797d80;
	line-height:18px;
	text-align:center;
}

.fineprint {
	font-family:Franklin Gothic Book, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#797d80;
	line-height:15px;
}
.ltgrey {
	color: #999999;
	font-size: 12px;
}
.containerToolsHeader {
	width:760px;
	height: 75px;
	background:#666666;
	font-size:11px;
	margin:0px;
	float:left;
}
.containerToolsNav {
	width:760px;
	margin:0px;
	float:left;
}
.containerTicker {
	width:745px;
	height: 25px;
	background-color:#f6f4d8;
	padding-left: 14px;
	padding-top: 5px;
	margin:0px;
	float:left;
	text-align:left;
	vertical-align: absmiddle;
}
.containerToolsBodyTextShowcase {
	background-color:#FFFFFF;
	background-image:url(../images/bkDotLine.gif);
	text-align:left;
	width:760px;
	float:left;
}
.containerToolsBodyText {
	background-color:#FFFFFF;
	text-align:left;
	padding: 20px 20px 20px 20px;
	width:720px;
	float:left;
}
.containerSpot {
	width:253px;
	margin:0px;
	float:left;
}
.subNav {
	width:200px;
	background-image:url(../images/bkSubNavDivider.gif);
	margin:0px;
	float:left;
}
.subNav a:active {
	text-decoration: none;
	color: #adaa88;
}
.subNav a:link {
	text-decoration: none;
	color: #adaa88;
}
.subNav a:visited {
	text-decoration: none;
	color: #adaa88;
}
.subNav a:hover {
	text-decoration: none;
	color: #CAC8B3;
}
.subNav a:visited:hover {
	text-decoration: none;
	color: #CAC8B3;
}
.bodyText1 {
	width:700px;
	margin:0px;
	float:left;
	valign:top;
	padding-left:10px;
}
.bodyText2 {
	width:520px;
	margin:0px;
	float:left;
	valign:top;
}
.bodyHighlightBox{
	width:100%;
	margin-bottom: 5px;
	background-color:#FCFBEF;
	border: 1px solid #F9F7DF;
	padding:10px;
}
.title {
	font-size: 16px;
	font-weight: bold;
}
.toolListTable{
	width:680px;
	margin:0;
	float:left;
	border: 1px solid #F9F7DF;
}
.toolListTable td{
	padding:5px;
}
.toolListTabletd{
	padding-bottom: 5px;
}
.toolListTable2{
	width:510px;
	margin-top:10px;
	padding:0;
	float:left;
}
.footerTools {
	background-image:url(../images/barFooter.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	background-color:#959a9e;
	width:760px;
	height:44px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	margin:1px 0px 10px 0px;
	padding:6px 0px 0px 0px;
	float:left;
}
.footerTools a:active {
	text-decoration: none;
	color: #ede9d0;
}
.footerTools a:link {
	text-decoration: none;
	color: #ede9d0;
}
.footerTools a:visited {
	text-decoration: none;
	color: #ede9d0;
}
.footerTools a:hover {
	text-decoration: underline;
	color: #f4f5f4;
}
.footerTools a:visited:hover {
	text-decoration: underline;
	color: #f4f5f4;
}
@charset "UTF-8";
/* SpryMenuBarHorizontal.css - Revision: Spry Preview Release 1.4 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
/*******************************************************************************
 LAYOUT INFORMATION: describes box model, positioning, z-order
 *******************************************************************************/
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: 760px;
	background:#ffffff;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
{
	margin-right: 1px;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 189px;
	border-bottom: 1px solid #ffffff;
	float: left;
	background:#FFFFFF;
	
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	z-index: 1020;
	cursor: default;
	width: 170px;
	position: absolute;
	left: -1000em;
	
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
{
	width: 170px;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
{
	position: absolute;
	margin: 0% 0 0 95%;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Top of drop down menu*/
ul.MenuBarHorizontal ul
{
	font-family: Tahoma, Verdana, sans-serif;
	border-top: 1px solid #ffffff;
}
/* All menu block fill */
ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	background-color: #e3deab;
	padding: 3px 8px;
	color: #333;
	text-decoration: none;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 11px;
	height:20px;
}
/* Specific menu */
ul.MenuBarHorizontal li.mainlinks
{
	font-family: Tahoma, Verdana, sans-serif;
	border-top: 1px solid #ffffff;
	padding: 0;
	margin-right: 5px;
	background-color: #f0f1f1;
}
/* Rollover on all menus */
ul.MenuBarHorizontal a:hover {
	background-color: #f6f4d8;
	color: #4d4d4d;
}


/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #FFF;
	}
}



	
	#breadcrumb {
font-size: 11px;
line-height: 12px;
display: block;
clear: both;
padding-bottom: 10px;
text-align: left;
}
#breadcrumb  a {
text-decoration: none;
}
#breadcrumb a:after {
content: "\00BB \0020";
color:#000
}

	input{
	border: 1px solid #9E9FA3;
	background: #E4E4E6;
 margin-bottom: 5px;
}
textarea{
	border: 1px solid #9E9FA3;
	background: #E4E4E6;
}
select{
	border: 1px solid #9E9FA3;
	background: #E4E4E6;
}
.error{	
	background-color: #CC0000;	
	border-top: 1px solid #CC0000;	
	border-bottom: 1px solid #CC0000;	
	color: #FFFFFF;	
	font-size: 12px;	
	font-weight: bold;
}
#headimage {
clear: left;
width: 760px;
height: 240px;
background: url('images/spotLavendar.png') 0 0 no-repeat;
overflow: hidden;
}

#headimage img {
float: left;
border: 0;
border-right: 1px solid #8a84a1;
}

* { margin: 0; padding: 0;}

a:focus, a, input {outline:none}

#ShadowBox table, #ShadowBox tr, #ShadowBox td {margin: 0; padding: 0;}

.main:hover {color:#FFFF00;text-decoration:underline}
  .main { font-size: 16px;
  color: #FFFFFF;
  text-decoration: none;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  }
  
.cat:hover {color:#990000;text-decoration:none}
  .cat { font-size: 12px;
  color: #003399;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  }
 .cathead{
	font-size: 16px;
	color: #A0A0A0;	
}
.promo:hover {color:#FFFFFF}
  .promo { font-size: 14px;
  color: #FFFF00;
  text-decoration: none;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  }

.black:hover {color:#CC0000;text-decoration:underline}
  .black { font-size: 10px;
  color: #000000;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  }

.lblack:hover {color:#CC0000;text-decoration:underline}
  .lblack { font-size: 12px;
  color: #000000;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  }

.llink:hover {color:#CC0000;text-decoration:none}
  .llink { font-size: 16px;
  color: #3333CC;
  text-decoration: underline;
  font-family: Arial, Helvetica, sans-serif;
  }

.covers:hover {color:#FFFF00;text-decoration:underline}
  .covers { font-size: 12px;
  color: #ffffff;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  }

.slink:hover {color:#CC0000;text-decoration:none}
  .slink { font-size: 10px;
  color: #3333CC;
  text-decoration: underline;
  font-family: Arial, Helvetica, sans-serif;
  }
  
.tlink:hover {color:#CC0000;text-decoration:none}
  .tlink { font-size: 8px;
  color: #003366;
  text-decoration: underline;
  font-family: Arial, Helvetica, sans-serif;
  }
  
.bllink:hover {color:#CC0000;text-decoration:none}
  .bllink { font-size: 16px;
  color: #003366;
  font-weight: bold;
  text-decoration: underline;
  font-family: Arial, Helvetica, sans-serif;
  }
  
.mlink:hover {color:#CC0000;text-decoration:none}
  .mlink { font-size: 14px;
  color: #003366;
  text-decoration: underline;
  font-family: Arial, Helvetica, sans-serif;
  }
  
.cclink:hover {color:#11E3EE;text-decoration:none}
  .cclink { font-size: 16px;
  color: #003366;
  font-weight: bold;
  text-decoration: underline;
  font-family: Arial, Helvetica, sans-serif;
  }
  
.email:hover {color:#FF0000;text-decoration:none}
  .email { font-size: 12px;
  color: #003366;
  text-decoration: underline;
  font-family: Arial, Helvetica, sans-serif;
  }
  
.shophead {  font-family: Arial, Helvetica, sans-serif; font-size: 14pt; color: #000000; font-weight: bold  }
.shophead2 {  font-family: Arial, Helvetica, sans-serif; font-size: 14pt; color: #FFFFFF; font-weight: bold  }
.golfheader {  font-family: Arial, Helvetica, sans-serif; font-size: 14pt; color: #CCCC99; font-variant: normal; background-color: #003366}

p.form {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #333; }
.bform {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000; font-weight: bold}

.bodyc {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000}
.lam {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #6C4824}
.header {  font-family: Arial, Helvetica, sans-serif; font-size: 18pt; color: #CCCC99; font-weight: bold; font-variant: normal; background-color: #003366}
div.subheader {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #FFFFFF; font-weight: bold; font-variant: normal; text-decoration:none; background-color: #000000}
.checkout {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; font-weight: bold; font-variant: normal; background-color: #000066}
.largebold {  font-family: Arial, Helvetica, sans-serif; font-weight: bold}
.smalltext {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt}
.regularitalic {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: italic}

.protitle {  font-family: Arial, Helvetica, sans-serif; font-size: 16pt; color: #FFFFFF; background-color: #003399}

.pricecart {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #990000; }
.tiny {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000}
.blackwhite {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #FFFFFF; font-weight: bold; font-variant: normal; background-color: #000000}
.blackwhite_head {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 32px; color: #FFFFFF; font-weight: bold; font-variant: normal; background-color: #000000}
.search_highlight {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #CC0000; font-weight: bold}
.message{	
	background-color: #E2F9E3;	
	border-top: 1px solid #99CC99;	
	border-bottom: 1px solid #99CC99;	
	color: #000000;	font-size: 12px;	
	font-weight: bold;
}
.msg{
	background-color: #E2F9E3;	
	border-top: 1px solid #99CC99;	
	border-bottom: 1px solid #99CC99;	
	color: #000000;	font-size: 12px;	
	font-weight: bold;
}
.error{	
	background-color: #CC0000;	
	border-top: 1px solid #CC0000;	
	border-bottom: 1px solid #CC0000;	
	color: #FFFFFF;	
	font-size: 12px;	
	font-weight: bold;
}


// Stuff added by Dovy

td.image {
margin-right: 5px;
}
td.image img {
border: 2px solid #ccc;
margin-right: 5px;
}


td.addtocart {
line-height: 32px;
}

.catalogitem, #contentmain ul li {
background: #eee;
border: 1px solid #ddd;
padding: 5px;
padding-bottom: 1px;
margin: 5px;
}

span.productcode {
font-size: 11px;
color: #777;
font-weight: normal;
}

div.price, div.quantity { font-family: Arial, Helvetica, sans-serif; font-size: 12px;  font-weight: bold; padding-top: 3px;}
div.price span { color: #9D0000; }


input.input_button {
background: #5a5a5a;
float: right;
color: #fff;
text-align: center;
padding: 3px 7px 3px 7px;
cursor: pointer;
text-transform: uppercase;
margin-left: 5px;
}

input:hover.input_button {
background: #171717;
}


#update, #notice {
background: #eee;
border: 1px solid #aaa;
padding: 7px;
margin: 5px;
margin-right: 15px;
text-align: center;
line-height: 15px;
}
#notice {
margin: 10px; text-align: justify; font-size: 11px;
}

#update input {
float: none;
margin: 7px;
}

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 80;
	width: 100%;
	height: 100%;
	bottom: 0;
	background-color: #222;
	filter:alpha(Opacity=80); 
	-moz-opacity:0.80;	
}

#category {
padding: 2px;
line-height: 16px;
}
h3.cathead {
font-weight
}


span.note {
font-size: 10.5px;
color: #555;
}

div.image_back {text-align: center; margin: 0 auto;}

	#breadcrumb {
font-size: 12px;
line-height: 12px;
display: block;
clear: both;
padding-bottom: 0px;
padding-top: 7px;
padding-left: 5px;
}
#breadcrumb  a {
text-decoration: none;
}
#breadcrumb a:after {
content: "\00BB \0020";
color:#000
}
	input{
	border: 1px solid #9E9FA3;
	background: #E4E4E6;
 margin-bottom: 4px;
}
textarea{
	border: 1px solid #9E9FA3;
	background: #E4E4E6;
}
select{
	border: 1px solid #9E9FA3;
	background: #E4E4E6;
}
.error{	
	background-color: #CC0000;	
	border-top: 1px solid #CC0000;	
	border-bottom: 1px solid #CC0000;	
	color: #FFFFFF;	
	font-size: 12px;	
	font-weight: bold;
}

#catalog {
padding-top: 5px;
}

div#catalog ul {
list-style: none;
margin: 0; 
padding: 0;
}

div#catalog ul li {
float: left;
width: 190px;
margin: 5px;
text-align: center;
padding: 0;
height: 220px;
}

div#catalog ul li .ctitle a, div#catalog ul li .ctitle {
font-weight: bold;
}
.ctitle {
font-weight: bold;
}

.cview span {
font-size: 90%;
}

.cimage {
margin: 0;
}
.cimage img {
margin: 0 5px;
border: 2px solid #aaa;
padding: 0;

}

.medium_title {
padding-top: 3px;
}

p {
padding-top: 5px;
}