@charset "utf-8";


body {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333; line-height:14px;}

body p {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333; line-height:14px;}

body a:link {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#0033cc; line-height:14px; text-decoration:none;}

body a:visited {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#0033cc; line-height:14px; text-decoration:none;}

body a:hover {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#0033cc; line-height:14px; text-decoration:underline;}

.tagline {font-family: Arial, Helvetica, sans-serif; font-size:11px; color: #996600; line-height:16px; text-decoration:none;}

.calltoaction {font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#996600; line-height:16px; text-decoration:none;}

.topnavtext {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; line-height:16px;}
.topnavtext a {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; line-height:16px;}

.plainbuttonbackground1 {background-image:url(images/navoff.gif); background-repeat:no-repeat;font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; line-height:16px; cursor:pointer;}

.hoverbuttonbackground1 {background-image:url(images/navon.gif); background-repeat:no-repeat;font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; line-height:16px;cursor:pointer;}

.searchfield {border-style:solid; border-color:#733f78; border-width:1px; background-color:#ffffff; color:#666; font-size:11px; font-family:Arial; font-weight: normal; width:110px; height:13px; padding-bottom:2px;}

.searchbutton {border-style:solid; border-color:#fff; border-width:1px; background-color:#c5aec8; color:#ffffff; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight: bold; width:32px; height:18px; padding-bottom:2px;}

.catnav {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#996633; font-weight:normal; line-height:15px; padding-bottom:2px;}

.catnav p {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#996633; font-weight:normal; line-height:15px;}

.catnav a:link {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#996633 line-height:15px; font-weight:normal; text-decoration:none;}

.catnav a:visited {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#996633; line-height:15px; font-weight:normal; text-decoration:none;}

.catnav a:hover {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#0033cc; line-height:15px; font-weight:normal; text-decoration:underline;}



/* removed in index */
.oneon {background-image:url(images/oneon.jpg); background-repeat:no-repeat; width:130px; height:23px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; font-weight:bold; line-height:16px; padding-top:8px; padding-left:5px; }

.oneoff {background-image:url(images/oneoff.jpg); background-repeat:no-repeat; width:130px; height:23px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#6f8343; line-height:16px; padding-top:8px; padding-left:5px; }

.oneoff a:link {line-height:16px; color:#6f8343; text-decoration:none;}

.oneoff a:visited {line-height:16px; color:#6f8343; text-decoration:none;}

.oneoff a:hover {line-height:16px; color:#6f8343; text-decoration:underline;}

.twooff {background-image:url(images/twooff.jpg); background-repeat:no-repeat; width:123px; height:23px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#6f8343; line-height:16px; padding-top:8px; padding-left:8px; }

.twooff a:link {color:#6f8343; line-height:16px; text-decoration:none;}

.twooff a:visited {color:#6f8343; line-height:16px; text-decoration:none;}

.twooff a:hover {color:#6f8343; line-height:16px; text-decoration:underline;}

.twoon {background-image:url(images/twoon.jpg); background-repeat:no-repeat; width:123px; height:23px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; font-weight:bold;  line-height:16px; padding-top:8px; padding-left:8px; }

.threeoff {background-image:url(images/threeoff.jpg); background-repeat:no-repeat; width:119px; height:23px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#6f8343; line-height:16px; padding-top:8px; padding-left:8px; }

.threeoff a:link {line-height:16px; color:#6f8343; text-decoration:none;}

.threeoff a:visited {line-height:16px; color:#6f8343; text-decoration:none;}

.threeoff a:hover {line-height:16px; color:#6f8343; text-decoration:underline;}

.threeon {background-image:url(images/threeon.jpg); background-repeat:no-repeat; width:119px; height:23px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; font-weight:bold;  line-height:16px; padding-top:8px; padding-left:8px; }

/* end of removed */

.layercontent {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#6f8343; line-height:16px;}

.newsheadline {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#ffffff; line-height:16px;}

.newsfield {border-style:solid; border-color:#733f78; border-width:1px; background-color:#ffffff; color:#333; padding-bottom:2px; font-size:11px; font-family:Arial; font-weight: normal; width:135px; height:18px;}

.newsfield2 {border-style:solid; border-color:#733f78; border-width:1px; background-color:#ffffff; color:#333; padding-bottom:2px; font-size:11px; font-family:Arial; font-weight: normal; width:135px; height:35px;}

.newsselect {border-style:solid; border-color:#733f78; border-width:1px; color:#333; padding-bottom:2px; font-size:11px; font-family:Arial; font-weight: normal; width:135px;}

.newsbutton {border-style:solid; border-color:#fff; border-width:1px; background-color:#c5aec8; color:#ffffff; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight: bold; width:64px; height:18px; padding-bottom:2px;}

.quoteheadline {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#ffffff; line-height:16px;}

.readbutton {border-style:solid; border-color:#fff; border-width:1px; background-color:#c5aec8; color:#ffffff; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight: bold; width:75px; height:18px; padding-bottom:2px;}

.img {margin-bottom:5px;}

.finderbutton {border-style:solid; border-color:#fff; border-width:1px; background-color:#c8e56e; color:#ffffff; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight: bold; width:75px; height:18px; padding-bottom:2px;}

h1 {font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#996600; line-height:21px; margin-bottom:5px; margin-top:0px}

h2 {font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#996600; line-height:19px; margin-bottom:5px; margin-top:0px}

h3 {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#996600; line-height:14px; margin-bottom:3px; margin-top:0px}

.category {font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #333333; line-height:15px;}

.category p {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; line-height:15px;}

.category a:link {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#0033cc; line-height:15px; text-decoration:none;}

.category a:visited {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#0033cc; line-height:15px; text-decoration:none;}

.category a:hover {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#0033cc; line-height:15px; text-decoration:underline;}



.bread {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333; line-height:14px;}

.bread  p {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333; line-height:14px;}

.bread  a:link {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#714b75; line-height:14px; text-decoration:none;}

.bread a:visited {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#714b75; line-height:14px; text-decoration:none;}

.bread  a:hover {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#714b75; line-height:14px; text-decoration:underline;}



.pageoff {border:solid; border-color:#996600; border-width:1px; height:16px; width:16px; color:#996600; cursor:pointer}

.pageon {border:solid; border-color:#996600;  background-color:#e4d9e5; border-width:1px; height:16px; width:16px; color:#996600; cursor:pointer; }



.pictfunctions {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#714b75; font-weight:normal; line-height:15px;}

.pictfunctions p {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#714b75; font-weight:normal; line-height:15px;}

.pictfunctions a:link {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#714b75; line-height:15px; font-weight:normal; text-decoration:none;}

.pictfunctions a:visited {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#714b75; line-height:15px; font-weight:normal; text-decoration:none;}

.pictfunctions a:hover {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#0033cc; line-height:15px; font-weight:normal; text-decoration:underline;}



.price {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#996600; line-height:15px; font-weight:bold}
.tool {font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #FF0000; line-height:15px; font-weight:bold}


.quantity {border-style:solid; border-color:#733f78; border-width:1px; background-color:#ffffff; color:#333; padding-left:3px; font-size:11px; font-family:Arial; font-weight: normal; width:28px; height:15px;}



.viewall {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; line-height:15px;}

.viewall p {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; line-height:15px;}

.viewall a:link {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#996600; line-height:15px; text-decoration:none;}

.viewall a:visited {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#996600; line-height:15px; text-decoration:none;}

.viewall a:hover {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#996600; line-height:15px; text-decoration:underline;}



.personalityselect {border-style:solid; border-color:#996600; border-width:1px; color:#333;  font-size:11px; font-family:Arial; font-weight: normal; width:160px; }


.whitebold:hover { font-family: "Century Gothic"; font-size: 13px; font-weight: bold; color: #FFFFFF; text-decoration: underline}
.downloadslinksbold { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000 ; font-weight: bold; line-height: 1.4em; text-decoration: none}
.copy { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; line-height: 1.5em}
.copyheader { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #000099}
.downloads { font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none; color: #336699 }
.downloadslinks {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #336699;text-decoration: none;}
.downloadslinks:hover { font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: underline; color: #000000 }
.copylink { color: #336699; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 13px}
.copylink:hover { color: #336699; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-size: 13px }
.downloadslinksbold:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.4em; font-weight: bold; color: #000000; text-decoration: underline}





/* CSS for /js/imagepopup.js */

#lightbox{

	background-color:#eee;

	padding: 10px;

	border-bottom: 2px solid #666;

	border-right: 2px solid #666;

	}

#lightboxDetails{

	font-size: 0.8em;

	padding-top: 0.4em;

	}	

#lightboxCaption{ float: left; }

#keyboardMsg{ display:none }

#closeButton{ top: 5px; right: 5px; }



#lightbox img{ border: none; clear: both;} 

#overlay img{ border: none; }



/* Style and layout the product list */

.productgrid 

{

	width: 580px;

}

.productimage

{

	display: block;

	border:0px;

}

.itemsbox

{

	padding-top: 5px;

	padding-bottom: 5px;

	border: 0px;

	text-align: left;

}



.itemsbox td 

{

	 text-align: center; 

	 vertical-align: top; 

	 width: 180px;

}



.itemsbox img

{

	border:0px; 

	max-width:180px;

	vertical-align: top; /* Removes underline from image link. */

	padding-bottom: 4px;

}



.itemsbox a:link, .itemsbox a:visited

{

	text-decoration:none;

}

.itemsbox a:hover, .itemsbox a:active

{

	text-decoration:underline;

}



.productgrid *, .teasers *

{

	vertical-align: top /* keep image tops aligned */

}



.price

{

	font-weight:bold;

	color:#996600;

}



.name

{

	color:#996600;

	font-weight:bold;

	font-size:16px;

}



/* Give some padding to the text on the right side */

#rightside { padding: 10px 5px 5px 5px; }



#wrapper {

	text-align:left;		/* Cancel centering of text in IE */

	margin:auto;			/* In Firefox */

}


#optinform {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; line-height:14px;}




#salespage {font-family:Arial, Helvetica, sans-serif; font-size:13px; letter-spacing:normal; font-variant:normal; line-height:18px}



#optinform {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; line-height:14px;}

#salespage {font-family:Arial, Helvetica, sans-serif; font-size:13px; letter-spacing:normal; font-variant:normal; line-height:18px}

#sidebargroup a:link {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#FFFFFF; line-height:14px;}
#sidebargroup a:visited {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#FFFFFF; line-height:14px;}

#articlelist {font-family:Arial, Helvetica, sans-serif; font-size:11px; letter-spacing:normal; font-variant:normal; line-height:18px}
#articlelist a {font-family:Arial, Helvetica, sans-serif; font-size:11px; letter-spacing:normal; font-variant:normal; line-height:18px}

#productgrid {font-family:Arial, Helvetica, sans-serif; font-size:11px; letter-spacing:normal; font-variant:normal; line-height:18px}
#productgrid a {font-family:Arial, Helvetica, sans-serif; font-size:11px; letter-spacing:normal; font-variant:normal; line-height:18px}