
/*** html styles ************************************************/
/* set the default font and page margin here. do not set colors here.*/
body {
	margin: 0 5px 5px;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
}

#wrapper {
	margin: 0 auto;
	width: 900px;
	text-align: left;
}

/* style for links */
a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover {
	background-color: #f0f0f0;
}

/* style for lines. */
div.thickline {
	height: 2px;
	margin-bottom: 2px;
	margin-top: 2px;
	border: none;
}

div.thickline hr {
	display: none;
}

div.thinline {
	height: 1px;
	margin-bottom: 2px;
	margin-top: 2px;
	border: none;
}

div.thinline hr {
	display: none;
}

/* style for page breaks when printing */
p.pageend {
	page-break-before: always;
}

/*** login box styles ****************************************/
.loginboxtop {
	background-position: 50% bottom;
	background-image: url(images/box_T.gif);
	background-repeat: repeat-x;
	height: 4px;
}

.loginboxleft {
	background-position: left 50%;
	background-image: url(images/box_L.gif);
	width: 4px;
	background-repeat: repeat-y;
}

.loginboxright {
	background-position: right 50%;
	background-image: url(images/box_R.gif);
	width: 4px;
	background-repeat: repeat-y;
}

.loginboxbottom {
	background-position: 50% top;
	background-image: url(images/box_B.gif);
	background-repeat: repeat-x;
	height: 5px;
}

/*** general page layout ****************************************/
/* your main site name. */
#sitename {
	font-size: 24px;
	line-height: 35px;
	margin-left: 5px;
}

.storewidediscount {
	font-size: 14px;
	color: purple;
}

#basketstats {
	font-size: 11px;
}

/* this is the default font for the entire page body */
.mainpage {
	font-size: 12px;
}

/* this is a smaller text used for the wishlist, etc. */
.smalltext {
	font-size: 9px;
}

/* header is a large separating bar used for "what's new" and 
'product of the day'. it uses the highlight box (order box) title bar
colors. */

.header {
	font-size: 14px;
	font-weight: bolder;
	background-color: gray;
	color: white;
	height: 2px;
}

/* highlight and input form box title bars. */
.boxtitle {
	font-size: 16px;
	font-weight: bold;
}

/* used primarily in highlight boxes. */
.boxtext {
	font-size: 13px;
}

/* sections separate sections on listings and detail pages like the
'more images' and 'customer reviews' sections of the product page. */

.section_title {
	font-size: 12px;
	font-weight: bold;
	color: maroon;
}

/* used for listing and detail page navigation links like the 'sort by' links
on listing pages and 'next | back' links at the bottom of detail pages.*/

.section_footer {
	font-size: 11px;
	color: maroon;
}

a.section_footer {
	text-decoration: none;
}

.caution {
	color: #ff6600;
	font-size: 12px;
	font-weight: 700;
}

/*** category & pages ****************************************/
/* page title - only 1 title per page: category, feature, page, product */
h1 {
	font-weight: normal;
	margin: 0px;
	color: #000;
	font: bold 28px arial, helvetica, sans-serif;
}

h1.page {
	font-size: 18px;
	text-transform: uppercase;
	color: #000;
	text-align: left;
	padding-bottom: 10px;
	padding-top: 10px;
}

h1.category {
	font-size: 18px;
	text-transform: uppercase;
	color: #000;
	text-align: left;
	padding-bottom: 10px;
	padding-top: 10px;
}

h1.feature {
	font-size: 18px;
	text-transform: uppercase;
	color: #000;
	text-align: center;
	padding-bottom: 10px;
	padding-top: 10px;
}

h1.product {
	font-size: 18px;
	text-transform: uppercase;
	color: #000;
	text-align: center;
	padding-bottom: 10px;
	padding-top: 10px;
}

/* page subtitles - category teaser listings: category, feature, page, product */
h2 {
	font-size: 16px;
	font-weight: bold;
	margin: 0px;
	color: #666699;
}

h2.product {
	display: inline;
}

/* teaser lists: category, feature, page, product */
h3 {
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	color: navy;
	margin: 0px;
}

h3.product {
	text-decoration: none;
}

.cat_text_large {
	font-size: 14px;
}

.cat_text_featured {
	font-size: 14px;
}

.cat_text_small {
	font-size: 13px;
}

.cat_text_list {
	font-size: 12px;
}

.review_title {
	font-size: 14px;
	font-weight: bold;
	color: #666699;
}

/*** feature detail ****************************************/
.featureteaser {
	font-size: 16px;
}

.featurebyline {
	font-size: 12px;
	font-style: italic;
}

.feature_type {
	font-size: 9px;
	color: #ff3300;
}

/*** product detail ****************************************/
/* style for product sku, number in stock, etc. */
.prodsku {
	font-size: 11px;
	color: #666666;
}

/* product price line */
.prodprice {
	font-size: 11px;
}

/* product price emphasized words: 'our price' */
.prodprice2 {
	font-size: 12px;
	font-weight: bold;
	color: maroon;
}

/* amount saved from retail price */
.prodsavings {
	font-size: 12px;
	color: maroon;
	font-style: italic;
}

/* discounted price amount */
.proddiscounted {
	font-size: 12px;
	font-weight: bold;
	color: maroon;
}

/* product discount line */
.proddisc {
	font-size: 12px;
	color: maroon;
}

/* product error messages */
.proderror {
	font-size: 12px;
	color: red;
}

/* small image on catalog pages. */
.listingimg {
	margin-right: 5px;
}

/* small image on gallery style of category pages */
.gallerylistimg {
	border: 1px solid #333333;
}

/* text styles on gallery listing page */
.gallerylist {
	color: #000000;
	font-size: 12px;
}

a.gallerylist {
	color: #666699;
	font-size: 12px;
}

/* medium image on product detail page. */
.medium_img {
	margin-right: 10px;
}

/* 'more image' gallery on product detail page. */
.gallery_img {
	border-style: solid;
	border-color: silver;
	margin-right: 3px;
	border-width: 1px;
}

/* 'more image' gallery detail caption. */
.photocaption {
	color: white;
	font-size: 11px;
}

/*** popup image styles *************************************/
#showimage {
	position: absolute;
	visibility: hidden;
	border: 1px solid gray;
}

#dragbar {
	cursor: pointer;
	background-color: #efefef;
	min-width: 100px;/*ns6 style to overcome bug*/
}

#dragbar #closetext {
	font-size: 11px;
	margin-right: 2px;
}

#detailimg {
	cursor: pointer;
}

#detailarea {
	width: 100%;
	background-color: white;
}

#caption {
	background-color: white;
	font-size: 12px;
	padding: 2px;
}

/*** wish list detail *************************************/
/* the delete and update buttons for wish list product listings */
.wishbutton {
	border-right: 1px outset;
	border-top: 1px outset;
	font-weight: bold;
	font-size: 11px;
	border-left: 1px outset;
	color: white;
	border-bottom: 1px outset;
	background-color: #999999;
	text-align: center;
}

/*** shopping cart ****************************************/
/* product name, prices, etc. */
.carttext {
	font-size: 11px;
}

/* sku and options listed under product name*/
.smallcarttext {
	font-size: 10px;
}

/* errors listed under product name*/
.smallcarterror {
	font-size: 11px;
	color: red;
}

/*** input forms ******************************************/
/* titles separating sections of a form (this is not the box title)*/
.formtitle {
	font-size: 14px;
	font-weight: bold;
}

/* appears at top of form if page returns an error */
.formerror {
	font-size: 12px;
	color: red;
}

/* used in the login box ('user name not found', etc.) */
.formerrorsmall {
	font-size: 10px;
	color: red;
}

/* form field names '*/
.formtext {
	font-size: 12px;
}

/* instructions below form fields '*/
.formtextsmall {
	font-size: 10px;
}

/* used in the login box for 'name' and 'password'*/
.formtextverysmall {
	font-size: 9px;
	color: gray;
}

.formfield {
	background-color: #fbfbfb;
	border-bottom: #999999 1px solid;
	border-left: #999999 1px solid;
	border-right: #999999 1px solid;
	border-top: #999999 1px solid;
	color: #003163;
	font-size: 12px;
}

.formfieldselect {
	font-size: 12px;
	color: #003163;
}

/* the form fields for the login box have width set as well */
.formfieldlogin {
	border-right: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	font-size: 11px;
	border-left: #cccccc 1px solid;
	background-color: white;
	border-bottom: #cccccc 1px solid;
	width: 120px;
}

.formfieldcheckbox {
	font-size: 10px;
	color: #cccccc;
}

/* html form submit buttons */
.formbutton {
	border-right: 1px outset;
	border-top: 1px outset;
	font-weight: bold;
	font-size: 11px;
	border-left: 1px outset;
	color: white;
	border-bottom: 1px outset;
	background-color: #999999;
	text-align: center;
}

a.formbutton:visited {
	font-weight: bold;
	font-size: 10px;
	color: #dddddd;
	background-color: #999999;
	text-decoration: none;
}

a.formbutton:hover {
	font-weight: bold;
	font-size: 11px;
	color: white;
	background-color: #666666;
	text-decoration: none;
}

/* used for the logout button on the user manager page */
a.managerbutton {
	border: 1px outset;
	font-weight: bold;
	font-size: 10px;
	color: #ffffff;
	background-color: #999999;
	text-decoration: none;
}

a.managerbutton:visited {
	border: 1px outset;
	font-weight: bold;
	font-size: 10px;
	color: #ffffff;
	background-color: #999999;
	text-decoration: none;
}

/* used to set margins on a form tag */
form.margins {
	margin: 10px;
	padding: 0px;
}

form.nomargins {
	margin: 0px;
	padding: 0px;
}

/* simple search field */
#searchbox {
}

#searchbox .formfield {
	width: 130px;
	font-size: 11px;
}

/*** listing records ******************************************/
/* query description line */
.resulthead {
	font-size: 16px;
}

/* result table title row */
.listinghead {
	font-size: 12px;
	text-decoration: none;
}

/* result table smaller font */
.listingsmall {
	font-size: 10px;
}

.listingtitle {
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
}

a.listingtitle:link {
	font-size: 14px;
	text-decoration: none;
}

a.listingtitle:visited {
	font-size: 14px;
	text-decoration: none;
}

a.listingtitle:hover {
	font-size: 14px;
	text-decoration: underline;
}

.listingsubtitle {
	font-size: 12px;
	font-style: italic;
}

.listingtext {
	font-size: 12px;
}

.listingsubtext {
	font-size: 11px;
}

/* for feature listings author line */
.listingtagline {
	font-size: 10px;
}

/* for event listings */
.listingdate {
	font-size: 12px;
}

/* for manufacturer listing */
.manufacturer_list {
	background-color: #ffffff;
	color: #666699;
	font-size: 12px;
	vertical-align: top;
}

/*** alpha menu (sitemap) *************************************************/
a.alphaon:link {
	font-size: 13px;
	text-decoration: none;
	font-weight: bold;
}

a.alphaon:visited {
	font-size: 13px;
	text-decoration: none;
	font-weight: bold;
}

a.alphaon:hover {
	font-size: 13px;
	text-decoration: none;
	font-weight: bold;
	background-color: #f0f0f0;
}

a.alphaoff:link {
	font-size: 9px;
	text-decoration: none;
}

a.alphaoff:visited {
	font-size: 9px;
	text-decoration: none;
}

a.alphaoff:hover {
	font-size: 9px;
	text-decoration: none;
	background-color: #f0f0f0;
}

/*** menus ******************************************/
/* breadcrumb trail menu */
/* the breadcrumb trail div and non-link text */
#menu_trail {
	font-size: 10px;
	text-decoration: none;
	color: gray;
}

#menu_trail a {
	color: gray;
}

/* category jump menu - firs style form, then select box */
#categoryselect {
	text-align: right;
}

#categoryselect select {
	width: 140px;
	font-size: 11px;
	color: purple;
}

.menu_page {
	font-size: 12px;
	color: gray;
	clear: left;
}

a.menu_page {
	font-size: 12px;
}

.menu_page2 {
	font-size: 10px;
	color: #808080;
}

a.menu_page2 {
	font-size: 10px;
	color: #808080;
}

.menu_page_title {
	font-size: 12px;
	color: gray;
	font-weight: bold;
}

a.menu_page_title {
	font-size: 10px;
	color: gray;
	font-weight: bold;
}

.menu_trail {
	font-size: 10px;
	text-decoration: none;
	color: #808080;
}

a.menu_trail {
	font-size: 10px;
}

.menu_bc {
	font-size: 10px;
	text-decoration: none;
	color: #808080;
}

a.menu_bc {
	font-size: 12px;
}

/* page footer menu */
.menu_footer {
	font-size: 12px;/*color: gray;*/
}

.menu_footer a {
	font-size: 12px;/*color: gray;*/
}

/* copyright notice div */
#copyright {
	font-size: 12px;/*color: gray;*/
}

/*#copyright a { color: gray; }*/

/* ----- input form ---------------------------------*/
td.toptierheader {
}

.toptierheader {
	padding-right: 5px;
	padding-left: 10px;
	font-weight: bold;
	font-size: 12px;
	font-family: verdana, geneva, arial, helvetica, sans-serif;
}

a.toptierheader:link {
	padding-right: 5px;
	padding-left: 5px;
	font-weight: bold;
	font-size: 12px;
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	text-decoration: none;
}

a.toptierheader:visited {
	padding-right: 5px;
	padding-left: 5px;
	font-weight: bold;
	font-size: 12px;
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	text-decoration: none;
}

a.toptierheader:hover {
	padding-right: 5px;
	padding-left: 5px;
	font-weight: bold;
	font-size: 12px;
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	text-decoration: underline;
}

/* ----- top tier is tabs; td produces height ---------------------------------*/
td.toptiernav {
	font-weight: bold;
	font-size: 17px;
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	text-decoration: none;
}

.toptiernav {
	font-weight: bold;
	font-size: 11px;
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	text-decoration: none;
}

a.toptiernav:link {
	font-size: 11px;
	font-family: verdana, arial, sans serif;
	text-decoration: none;
}

a.toptiernav:visited {
	font-size: 11px;
	font-family: verdana, arial, sans serif;
	text-decoration: none;
}

a.toptiernav:hover {
	font-size: 11px;
	font-family: verdana, arial, sans serif;
	text-decoration: none;
	background-color: transparent;
}

/* admin menu links */
.menu_admin {
	font-weight: normal;
	font-size: 8px;
	color: #daa520;
	text-decoration: none;
}

a.menu_admin {
	font-weight: normal;
	font-size: 8px;
	color: #daa520;
	text-decoration: none;
}

/* ---------- styles for tracking page --------------------- */
th.track {
	font-size: 11px;
	font-family: verdana, arial, sans serif;
	text-decoration: none;
	font-weight: bold;
	background-color: #b6b6b6;
}

td.trackbold {
	font-size: 11px;
	font-family: verdana, arial, sans serif;
	text-decoration: none;
	font-weight: bold;
}

td.track {
	font-size: 11px;
	font-family: verdana, arial, sans serif;
	text-decoration: none;
}

td.track0 {
	font-size: 11px;
	font-family: verdana, arial, sans serif;
	text-decoration: none;
	background-color: #f0f0f0;
}

td.track1 {
	font-size: 11px;
	font-family: verdana, arial, sans serif;
	text-decoration: none;
	background-color: #ffffff;
}

/* ---------- styles for gift registry printing --------------------- */
.printregistry {
	border: 2px solid #000000;
	font-size: 14px;
	font-family: arial, helvetica, sans-serif;
}

ul#menu, ul#menu ul {
	list-style-type:none;
	margin: 0;
	padding: 0;
	width: 11em;
}

ul#menu a {
	display: block;
	text-decoration: none;
}

ul#menu li {
	margin-top: 5px;
	margin-bottom: 5px;
}

ul#menu li a {
	color: #000;
	background-color: #CBFF72;
	border-style: none;
	font-weight: bold;
	font-size: 14px;
	display: block;
	text-decoration: none;
}

ul#menu li a:hover {
	background-color: #CBFF72;
	color: #2d365d;
	border-style: none;
	font-weight: bold;
	font-size: 14px;
	display: block;
	text-decoration: none;
}

div#headerbar {
	list-style-type:none;
	margin: 0;
	padding: 0;
	width: 11em;
}

div#headerbar a {
	background: #fffeff;
	color: #2d365d;
	padding: 0.5em;
	border: 2px outset #000;
	font-weight: bold;
	font-size: 14px;
	display: block;
	text-decoration: none;
}

.code {
	border: 1px solid #ccc;
	list-style-type: decimal-leading-zero;
	padding: 5px;
	margin: 0;
}

.code code {
	display: block;
	padding: 3px;
	margin-bottom: 0;
}

.code li {
	background: #ddd;
	border: 1px solid #ccc;
	margin: 0 0 2px 2.2em;
}

.indent1 {
	padding-left: 1em;
}

.indent2 {
	padding-left: 2em;
}

.lakeimage {
	width: 700px;
	height: 275px;
	position: relative;
	top: -313px;
	margin: 0px 0px -500px;
	left: -20px;
	z-index: 6;
}
