/* CSS Document */

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:#0000FF; line-height:14px; text-decoration:none;}
body a:visited {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#0000FF; line-height:14px; text-decoration:none;}
body a:hover {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#00FF00; line-height:14px; text-decoration:underline;}
.tagline {font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#00FF00; line-height:16px; text-decoration:none;}
.calltoaction {font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#0000FF; line-height:16px; text-decoration:none;}
.topnavtext {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; line-height:16px;}
.darkbuttonbackground1 {background-color: #000080; background-repeat:no-repeat;font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; line-height:16px;}
.plainbuttonbackground1 {background-color: #0000FF; background-repeat:no-repeat;font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; line-height:16px; cursor:pointer;}
.menuheadingbackground1 {background-color: #00FF00; background-repeat:no-repeat;font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; line-height:16px;}
.hoverbuttonbackground1 {color:#00FF00; background-color: #0000FF; background-repeat:no-repeat;font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#00FF00; line-height:16px;cursor:pointer;}
.searchfield {border-style:solid; border-color:#EEEEFF; border-width:1px; background-color:#ffffff; color:#008000; font-size:11px; font-family:Arial; font-weight: normal; width:110px; height:13px; padding-bottom:2px;}
.searchbutton {border-style:solid; border-color:#0000C0; border-width:1px; background-color:#0000FF; color:#ffffff; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight: bold; width:32px; height:18px; padding-bottom:2px; cursor:pointer}
.catnav {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#0000FF; font-weight:normal; line-height:15px; padding-bottom:2px;}
.catnav p {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#0000FF; font-weight:normal; line-height:15px;}
.catnav a:link {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#0000FF; line-height:15px; font-weight:normal; text-decoration:none;}
.catnav a:visited {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#0000FF; line-height:15px; font-weight:normal; text-decoration:none;}
.catnav a:hover {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#00FF00; line-height:15px; font-weight:normal; text-decoration:underline;}

.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:#0000FF; line-height:16px; padding-top:8px; padding-left:5px; }
.oneoff a:link {line-height:16px; color:#0000FF; text-decoration:none;}
.oneoff a:visited {line-height:16px; color:#0000FF; text-decoration:none;}
.oneoff a:hover {line-height:16px; color:#00FF00; 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:#0000FF; line-height:16px; padding-top:8px; padding-left:8px; }
.twooff a:link {color:#0000FF; line-height:16px; text-decoration:none;}
.twooff a:visited {color:#0000FF; line-height:16px; text-decoration:none;}
.twooff a:hover {color:#00FF00; 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:#0000FF; line-height:16px; padding-top:8px; padding-left:8px; }
.threeoff a:link {line-height:16px; color:#0000FF; text-decoration:none;}
.threeoff a:visited {line-height:16px; color:#0000FF; text-decoration:none;}
.threeoff a:hover {line-height:16px; color:#00FF00; 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; }

.layercontent {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#0000FF; 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:#00FF00; line-height:18px; margin-bottom:5px; margin-top:0px}
h2 {font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#00FF00; line-height:16px; margin-bottom:5px; margin-top:0px}
h3 {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#00FF00; 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:#0000FF; line-height:15px; text-decoration:none;}
.category a:visited {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#0000FF; line-height:15px; text-decoration:none;}
.category a:hover {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#00FF00; 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:#0000FF; line-height:14px; text-decoration:none;}
.bread a:visited {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#0000FF; line-height:14px; text-decoration:none;}
.bread  a:hover {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#00FF00; line-height:14px; text-decoration:underline;}

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

.pictfunctions {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#0000FF; font-weight:normal; line-height:15px;}
.pictfunctions p {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#0000FF; font-weight:normal; line-height:15px;}
.pictfunctions a:link {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#0000FF; line-height:15px; font-weight:normal; text-decoration:none;}
.pictfunctions a:visited {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#0000FF; line-height:15px; font-weight:normal; text-decoration:none;}
.pictfunctions a:hover {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#00FF00; line-height:15px; font-weight:normal; text-decoration:underline;}

.price {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#0000FF; 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:#0000FF; line-height:15px; text-decoration:none;}
.viewall a:visited {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#0000FF; line-height:15px; text-decoration:none;}
.viewall a:hover {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#00FF00; line-height:15px; text-decoration:underline;}

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

/* 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:#0000FF;
}

.name
{
	color:#8c5d91;
	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 */
}