/*** HTML STYLES ************************************************/

/* Set the default font and page margin here. Do not set colors here.*/
BODY {
	MARGIN: 5px 5px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10px;
}

/* Style for links */
A:link {
	text-decoration: none;
}
A:visited {
	text-decoration: none;
} 
A:hover {
	background-color : #F0F0F0;
}

/* Style for lines. */
div.thickline {
	height: 1px;
	margin-bottom : 2px;
	margin-top : 2px;
	border: none; 
}
div.thickline hr {
  display: none;
}

div.thinline {
	height : 0px;
	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: 10px;
	color: purple;
}

#basketStats {
	font-size: 10px;
}



/* This is the default font for the entire page body */
.mainpage {
	font-size : 11px;
}

/* 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: 12px;
	font-weight : bolder;
	background-color: #435AD9;
	color: white;
}

/* Highlight and Input Form box title bars. */
.BoxTitle {
	FONT-SIZE: 14px;
	font-weight: bold;
}
/* Used primarily in Highlight boxes. */
.BoxText {
	FONT-SIZE: 12px;
}

/* Sections separate sections on listings and detail pages like the
'more images' and 'customer reviews' sections of the product page. */
.section_title {
	font-size: 10px;
	font-weight: bold;
	color : 52378c;
}

/* 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: 9px;
	color : 52378c;
}
A.section_footer {
	text-decoration : none;
}

.caution {
	COLOR: #ff6600;
	FONT-SIZE: 10px;
	FONT-WEIGHT: 700
}




/*** CATEGORY & PAGES ****************************************/

/* Page Title - only 1 title per page: category, feature, page, product */
H1 {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 28px;
	FONT-WEIGHT: normal;
	margin: 0px;
	color: #666699;
}
H1.page {
	font-size: 26px;
}
H1.category {
	font-size: 24px;
}
H1.feature {
	font-size: 24px;
}
H1.product {
	font-size: 14px;
	color: #435ad9;
	font-weight: bold;
}

/* Page SubTitles - Category Teaser Listings: category, feature, page, product */
H2 {
	font-size: 12px;
	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: 12px;
	color: 435ad9;
}
.cat_text_featured {
	font-size: 12px;
	color: 435ad9;
}
.cat_text_small {
	font-size: 11px;
	color: 435ad9;
}
.cat_text_list {
	font-size: 9px;
	color: 435ad9;
}
.review_title {
	font-size: 12px;
	font-weight: bold;
	color: #666699;
}


/*** FEATURE DETAIL ****************************************/
.FeatureTeaser {
	font-size : 14px;
}
.FeatureByline {
	font-size : 10px;
	font-style : italic;
}
.Feature_Type {
	font-size : 9px;
	color : #FF3300;
}

/*** PRODUCT DETAIL ****************************************/
/* Style for Product SKU, number in stock, etc. */
.prodSKU {
	font-size : 10px;
	color : #666666;
}

/* Product price line */
.prodprice {
	font-size : 10px;
	color: #52378c;
}

/* Product price emphasized words: 'Our Price' */
.prodprice2 {
	font-size : 14px;
	font-weight: bold;
	color : #435ad9;
}

/* Amount saved from retail price */
.prodsavings {
	font-size : 10px;
	color: #52378c;
	font-style: italic;
}

/* Discounted price amount */
.proddiscounted {
	font-size : 11px;
	font-weight: bold;
	color : #435ad9;
}

/* Product discount line */
.proddisc {
	font-size : 12px;
	color : #cc0000;
}

/* Product error messages */
.proderror {
	font-size : 11px;
	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: 10px;
}

A.gallerylist {
	color:#666699;
	font-size: 10px;
}

/* 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: 10px;
}

/*** POPUP IMAGE STYLES *************************************/
#showimage{
	position:absolute;
	visibility:hidden;
	border: 1px solid gray;
	}
#dragbar{
	cursor: hand;
	cursor: pointer;
	background-color: #EFEFEF;
	min-width: 100px; /*NS6 style to overcome bug*/
	}
#dragbar #closetext{
	font-size: 10px;
	margin-right: 2px;
	}
#detailimg{
	cursor: hand;
	cursor: pointer;
	}
#detailarea{
	width: 100%; 
	background-color: White;
	}
#caption{
	background-color: white;
	font-size: 10px;
	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: 10px;
	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 : 10px;
}
/* Sku and options listed under product name*/
.smallcarttext {
	font-size : 9px;
}
/* errors listed under product name*/
.smallcarterror {
	font-size : 10px;
	color : Red;
}


/*** INPUT FORMS ******************************************/
/* Titles separating sections of a form (this is NOT the Box Title)*/
.formtitle {
	FONT-SIZE: 12px;
	font-weight : bold;
	color: #435ad9;
}

/* Appears at top of form if page returns an error */
.formerror {
	FONT-SIZE: 10px;
	color : Red;
}

/* Used in the login box ('user name not found', etc.) */
.formerrorsmall {
	FONT-SIZE: 9px;
	color : Red;
}

/* Form field names '*/
.formtext {
	FONT-SIZE: 11px;
}
/* Instructions below form fields '*/
.formtextsmall {
	FONT-SIZE: 10px;
}

/* Used in the login box for 'name' and 'password'*/
.FormTextVerySmall {
	FONT-SIZE: 10px;
	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: 10px;
}
.formfieldselect {
	FONT-SIZE: 10px;
	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: 10px;
	BORDER-LEFT: #cccccc 1px solid;
	BACKGROUND-COLOR: white;
	BORDER-BOTTOM: #cccccc 1px solid;
	width : 120px;
}

.formfieldcheckbox {
	FONT-SIZE: 9px;
	COLOR: #cccccc;
}

/* HTML form submit buttons */
.formbutton {
	BORDER-RIGHT: 1px outset;
	BORDER-TOP: 1px outset;
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	BORDER-LEFT: 1px outset;
	COLOR: white;
	BORDER-BOTTOM: 1px outset;
	BACKGROUND-COLOR: #999999;
	text-align : center;
}
A.formbutton:visited {
	FONT-WEIGHT: bold;
	FONT-SIZE: 9px;
	COLOR: #dddddd;
	BACKGROUND-COLOR: #999999;
	TEXT-DECORATION: none;
}
A.formbutton:hover {
	FONT-WEIGHT: bold;
	FONT-SIZE: 9px;
	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: 9px;
	COLOR: #FFFFFF;
	BACKGROUND-COLOR: #999999;
	TEXT-DECORATION: none;
}

A.managerbutton:visited {
	BORDER: 1px outset;
	FONT-WEIGHT: bold;
	FONT-SIZE: 9px;
	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: 10px;
}

/*** LISTING RECORDS ******************************************/
/* Query Description line */
.ResultHead {
	FONT-SIZE: 16px;
}

/* Result table title row */
.listingHead {
	FONT-SIZE: 10px;
	TEXT-DECORATION: none;
}
/* Result table smaller font */
.ListingSmall {
	font-size:	9px;
}
.listingTitle {
	FONT-SIZE: 12px;
	TEXT-DECORATION: none;
	font-weight : bold;
}
A.listingTitle:link {
	FONT-SIZE: 12px;
	TEXT-DECORATION: none
}
A.listingTitle:visited {
	FONT-SIZE: 12px;
	TEXT-DECORATION: none
	}
A.listingTitle:hover {
	FONT-SIZE: 12px;
	;
	TEXT-DECORATION: underline
	}
	
.listingsubtitle {
	FONT-SIZE: 10px;
	FONT-STYLE: italic;
}
.listingtext {
	FONT-SIZE: 10px;
}
.listingsubtext {
	FONT-SIZE: 9px;
}
/* For Feature listings author line */
.listingtagline {
	FONT-SIZE: 9px;
}
/* For Event listings */
.listingdate {
	FONT-SIZE: 10px;
}

/* For Manufacturer Listing */
.manufacturer_list {
	background-color: #FFFFFF;
	color:#666699;
	font-size: 10px;
	vertical-align: top;
}

/*** ALPHA MENU (SITEMAP) *************************************************/
A.alphaon:link {
	FONT-SIZE: 11px;
	TEXT-DECORATION: none;
	Font-Weight: Bold;
}
A.alphaon:visited {
	FONT-SIZE: 11px;
	TEXT-DECORATION: none;
	Font-Weight: Bold;
}
A.alphaon:hover {
	FONT-SIZE: 11px;
	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: cccccc;
}
#menu_trail a {
	COLOR: cccccc;
}

/* Category Jump Menu - firs style form, then select box */
#categorySelect {
	text-align: right;
}
#categorySelect select {
	width: 140px;
	FONT-SIZE: 10px;
	color: purple;
}
.menu_page {
	font-size: 12px;
	COLOR: #435ad9;
	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: 10px;
	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;
	text-indent: 32px;
}
a.menu_trail
{
	font-size: 10px;
}

/* Page Footer Menu */
.menu_footer {
	font-size: 9px;
	color : Gray;
}
.menu_footer A {
	font-size: 9px;
	color : Gray;
}
	
/* Copyright Notice DIV */
#copyright {
	font-size: 9px;
	color : Gray;
} 
#copyright a {
	color : Gray;
}

/* ----- INPUT FORM ---------------------------------*/
TD.TopTierHeader {
}
.TopTierHeader {
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 10px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

A.TopTierHeader:link {
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	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: 10px;
	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: 10px;
	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: 14px;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none
}
.TopTierNav {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none
}
A.TopTierNav:link {
	FONT-SIZE: 10px;
	FONT-FAMILY: verdana,arial,sans serif;
	TEXT-DECORATION: none
}
A.TopTierNav:visited {
	FONT-SIZE: 10px;
	FONT-FAMILY: verdana,arial,sans serif;
	TEXT-DECORATION: none
}
A.TopTierNav:hover {
	FONT-SIZE: 10px;
	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: 10px;
	FONT-FAMILY: verdana,arial,sans serif;
	TEXT-DECORATION: none;
	Font-Weight: Bold;
	background-color : #B6B6B6;
}

td.trackbold {
	FONT-SIZE: 10px;
	FONT-FAMILY: verdana,arial,sans serif;
	TEXT-DECORATION: none;
	Font-Weight: Bold;
}

td.track {
	FONT-SIZE: 10px;
	FONT-FAMILY: verdana,arial,sans serif;
	TEXT-DECORATION: none;
}

td.track0 {
	FONT-SIZE: 10px;
	FONT-FAMILY: verdana,arial,sans serif;
	TEXT-DECORATION: none;
	background-color : #F0F0F0;
}

td.track1 {
	FONT-SIZE: 10px;
	FONT-FAMILY: verdana,arial,sans serif;
	TEXT-DECORATION: none;
	background-color : #FFFFFF;
}


/* ---------- Styles for Gift Registry Printing --------------------- */
.printregistry {
	border: 2px solid #000000;
	FONT-SIZE: 12px;
	font-family : Arial, Helvetica, sans-serif;
}


/*

Here's a demo stylesheet used to format a menu and its content.
Feel free to alter the menu layout however you want!
All you have to do is ensure the script has the correct CSS property name
(like 'visibility' or 'display') that changes to show/hide menus.

If you want to extend this layout, one good resource for UL/LI formatting is:
    http://www.alistapart.com/articles/taminglists/
Alternatively, you can use any other CSS dropdown layout instead. More here:
    http://www.alvit.de/css-showcase/
Consult your favourite CSS reference for customising fonts/borders/etc.

Otherwise, you can just change the #RGB border/background colours where
suitable to customise for your site -- easy :).

*/



/* OFFICE-STYLE FREESTYLE MENU LAYOUT */


/* All <ul> tags in the menu including the first level */
.menulist, .menulist ul {
 margin: 0;
 padding: 1px;
 width: 130px;
 list-style: none;
 background: #ffffff url(images/listmenu_o.png) left repeat-y;
 border: 1px solid #cccccc;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned across from their parent */
.menulist ul {
 display: none;
 position: absolute;
 top: 0;
 left: 131px;
}

/* All menu items (<li> tags) are relatively positioned (to correctly offset submenus). */
.menulist li {
 position: relative;
}

/* Links inside the menu */
.menulist li a {
 display: block;
 padding: 3px 4px 3px 30px;
 color: #4565dc;
 text-decoration: none;
 border: 1px solid transparent;
 margin: 0;

}
/* HACKS: MSIE6 doesn't support transparent borders, mimic with margins */
* html .menulist li a {
 border-width: 0;
 margin: 1px;
}

/*
 Lit items: hover/focus = the current item. 'highlighted' = parent items to visible menus.
 Here, active items are given a border, and a padding tweak to 'elevate' the text within.
 Feel free to use background-image:url(file.gif) instead of background-color:#nnn here...
*/
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
 color: #FFF;
 background-color: #46A;
 padding: 2px 5px 4px 29px;
 border: 1px solid #ADF;
 margin: 0;
}
.menulist a.highlighted {
 color: #FFF;
 background-color: #68C;
 border: 1px solid #CDE;
 margin: 0;
}

/*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 2) Copy and paste these next lines for each link you want to have an image:
    .menulist a#xyz {
      background-image: url(out.gif);
    }
    .menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {
     background-image: url(over.gif);
    }
*/


/* 'subind' submenu indicators, which are automatically prepended to 'A' tag contents. */
.menulist a .subind {
 float: right;
}

/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html .menulist li {
 float: left;
 width: 100%;
}

* html .menulist li {
 float: left;
 height: 1%;
}
* html .menulist a {
 height: 1%;
}
/* End Hacks */