﻿
/*reset some values*/
.mainbodyleft, .mainbodyleft div,.mainbodyleft form,.mainbodyleft input,.mainbodyleft td,.mainbodyright, .mainbodyright div,.mainbodyright form,.mainbodyright input,.mainbodyright td,.search-table td{ margin:0; padding:0; }
.search-table, .search-table table, .mainbody, .mainbodyleft table, .mainbodyright table, .headertable{ border-collapse:collapse; border-spacing:0; }

/* general store wide page properties*/
html { overflow: -moz-scrollbars-vertical; }
body { text-align: center; background-color: #E8E8E8; font-size: 12px; font-family: Arial, Helvetica, sans-serif; margin:0; padding:0;  }
b, p, ul { font-size: 12px; color: #000; }
img { border:0; }
a { color: Black; text-decoration: none; } 

.contentpage a{ color:#000;
	font-weight: bold;
	text-decoration: underline;
	font-style: italic;}
.contentpage a:hover {
	color: #999999;
}

/*WHOLEPAGE - wholepage is a class assigned to a DIV encompassing the entirepage after the body element, see #page id's for individual page config */
.wholepage{ margin:auto; padding:0; width:1000px; height:100%;}

/*PAGES - each page in the store also has a unique id associated with the .wholepage assigned DIVallowing you to style each page seperately if required - look out for more as store functionality increases! They each begin with #page */
#page-home, #page-product, #page-search, #page-register, #page-content, #page-basket{}
#page-nsc .mainbodycenter ul li{}
#page-nsc .mainbodycenter form{ text-align:center; }
#page-register .mainbodycenter a{
	color:#000;
	font-weight: bold;
	text-decoration: underline;
	font-style: italic;
}
#page-register .mainbodycenter a:hover {
	color: #999999;
}
#page-login .mainbodycenter a{
	color:#000;
	font-weight: bold;
	text-decoration: underline;
	font-style: italic;
}
#page-login .mainbodycenter a:hover {
	color: #999999;
}
#page-loggedin .mainbodycenter a{
	color:#000;
	font-weight: bold;
	text-decoration: underline;
	font-style: italic;
}
#page-loggedin .mainbodycenter a:hover {
	color: #999999;
}
#page-updateaccount .mainbodycenter a{
	color:#000;
	font-weight: bold;
	text-decoration: underline;
	font-style: italic;
}
#page-updateaccount .mainbodycenter a:hover {
	color: #999999;
}
#page-account .mainbodycenter a{
	color:#000;
	font-weight: bold;
	text-decoration: underline;
	font-style: italic;
}
#page-account .mainbodycenter a:hover {
	color: #999999;
}


/*HEADERS - these header classes are used by the header image (left right and middle)and can be used to further modify uploaded store header images*/
.headertable { width:100%; }
.headerleft {}
.headercenter { width:100%; }
 .headerright {}
#siteheader{
	border:1px solid #666666;
}
/*HORIZONTAL SEARCH TABLE - at top of screen below header potentially containg brands and type*/
.search-table { width: 100%; }
.search-table td{  }
.search-table table , .search-table table  td { text-align: center; width: 100%; }
.search-table select {font-weight: normal; font-size:10px; border-left: solid 1px #595965; border-right: solid 1px #595965; border-top: solid 1px #595965; border-bottom: solid 1px #595965; }
.search-table input{ font-size:10px; }

/*MAINBODY - these classes are used by the left (nav, search, new prods panels),middle (main pagebody),right (cart, account, currency, pre-order panels)and therefore contruct the basic left, middle, right layout within which all other elementsreside*/

/* outermost encapsulating all others - child of wholepage*/
.mainbody { width: 100%; font-size:12px; }

/* body center - child of mainbody*/
.mainbodycenter { vertical-align: top; padding: 0 10 0 10px; font-size:11px; }
#pagebody {}



.mainbodycol{
	border:1px solid #666666;
padding-left:10px;
padding-right:10px;
	background:white;
	width:100%;
}

#page-home .mainbodycol{
border-collapse:collapse;
	background:white;
	padding:0 0 0 0;;
}


/* left vertical panels */
.mainbodyleft   { width: 150px; vertical-align: top; }

/* right vertical panels */
.mainbodyright  { width: 150px; vertical-align: top; }

/*SITE FOOTER ELEMENTS*/

/* assigned to DIV encompassing credits image and copyright message */
#sitefooter{ color:#000; text-align:center; font-size:11px; }

/* child of above */
.storecredits { text-align: center; padding: 10px 10px 10px 10px; }

/*STORE-WIDE ERRORS*/
.table-error { background: #B22222; }
.table-error-td { background: Red; }
.error-text { background: White; font-weight: bold; }
.error-heading { color: White; font-weight: bold; text-decoration: underline; }

/*MISCELLANEOUS*/
.testmodeinfo{ background: #9999FF; color: black; font-weight: bold; }
 
/*LEFT HAND SIDE NAVPANELS - these consist of all left panels e.g. store nav, prod search, new prodscart, account currency etc, etc...*/

/* all left hand panels */
.navpanelleft { width: 100%; background:white; border:1px solid #666666;margin-bottom:12px;}
 
/* child of navpanelleft encompassing all of navpanelleft contents */
.navpanelleftcell { padding-bottom: 18px; 
/*18*/
 }

/* child of navpanelleftcell representing the hedaer of a panel, e.g. "store naviagtion" or "product search" */
.navpanelleftheader { width: 100%; font-size:14px; font-weight:bold;background:url(images/panel_header.png) transparent no-repeat; height:33px; color:#ffffff; }

/* child of navpanelleftheader - the left of the left header */
.navpanelleftheaderleft { width:15px;}

/* child of navpanelleftheader - the right of the left header */
.navpanelleftheaderright {}

/* child of navpanelleftheader - the center of the left header */
.navpanelleftheadercenter {}

/*  child of navpanelleftcell */
.navpanelleftbody { width: 100%; margin-bottom:10px;}
        
/* child of navpanelleftbody containing actual contents of the panel */
.navpanelleftcontent{}

/*RIGHT HAND SIDE NAVPANELS - these consist of all right panels e.g. cart, account currency etc, etc...*/

/* all right hand panels */
.navpanelright { width: 100%; background:white; border:1px solid #666666;margin-bottom:12px;}
 
/* child of navpanelright encompassing all of navpanelright contents */
.navpanelrightcell { padding-bottom: 18px; }

/* child of navpanelrightcell representing the hedaer of a panel, e.g. "store naviagtion" or "product search" */
.navpanelrightheader { width: 100%; font-size:14px; font-weight:bold; background:url(images/panel_header.png) transparent no-repeat; height:33px; color:#FFFFFF; }

/* child of navpanelrightheader - the right of the right header */
.navpanelrightheaderright {}

/* child of navpanelrightheader - the left of the right header */
.navpanelrightheaderleft {}

/* child of navpanelrightheader - the center of the right header */
.navpanelrightheadercenter {}
        
/*  child of navpanelrightcell */
.navpanelrightbody { width: 100%;margin-bottom:10px; }
        
/* child of navpanelrightbody containing actual contents of the panel */
.navpanelrightcontent{}

/*CENTER PANELS - the "center" panels refer to the spcial offer panel that will display on all pages if you havespecial offers applied to products in NScPAM.*/
.navpanelbody{ width:100%; border-bottom: solid 1px #000; }
.navpanelbodyheader { width: 100%; height: 20px; }
.navpanelbodyheaderleft {}
.navpanelbodyheaderright{}
#morespecials  { background: url(store_images/product-theme-right.gif) no-repeat; height: 27px; }
.navpanelbodyheadercenter { color: #993300; font-weight: bold; text-align:left; font-size:20px; width:100%; }
.navpanelbodycell { width: 100%; padding-bottom: 15px; }
.navpanelheader {}
.navpanelbodybody { width: 100%; padding:0; }
.navpanelbodybody .smalltext, .infoBoxContents 
/*include for actual SOffers page */
{ font-size:12px; }
.navpanelbodybody .smalltext .text-price,.infoBoxContents .text-price{ font-weight:bold; }

/*span wrapping product price on offer*/
.navpanelbodybody .smalltext .text-pricespecial,.infoBoxContents .text-pricespecial{ color:#2B357B; font-weight:bold; }

/*span wrapping product old price*/
 .text-pricestrike{ font-weight:bold; text-decoration: line-through; }
.navpanelbodycontent { padding:0; }

/*SPECIFIC PANEL STYLING - the following lists CSS to modify the syle of specific panels*/

/* STORE NAVIGATION*/

/*span surrounding store navigation panel*/
.parent-navigation{ color: white; }
.parent-navigation .navpanelleftbody{ margin-bottom:10px; }

/* do this at specific level as bug in IE if attempt to cascade */
.parent-navigation .navpanelleftheaderleft{  }
 .parent-navigation .navpanelleftcontent{ padding-top:5px; }
 
/*span surrounding core contents of navigation*/
#panel-navigation{}


/* the general navlink - at same level as #panel-navigation */
.navlink { color: Black; text-decoration: none; font-size:11px;}
/* .navlink { color: Black; text-decoration: none; font-size:11px; white-space:nowrap; } */


/* General navigation link colours when mouse over, selected, and default Note: if you wish to change a *specific* link you can do so by styling the id #department-N...etcor category #category-N...etc where N is a department or category id respectively*/
.link-department { color: #fff; font-weight: bold; text-decoration: none; text-align:center; width: 148px; height: 16px; padding-top:1px; background-color: #000; border: 1px solid #fff; display:inline; float:left;}
.link-department:hover { color: #000; font-weight: bold; text-decoration: none; background-color: #c0c0c0;}
.link-department-select { color: #000; font-weight: bold; text-decoration: none; text-align:center; width: 148px; height: 16px; padding-top:1px; background-color: #c0c0c0; border: 1px solid #fff; display:inline; float:left;}
.link-department-select:hover { color: #fff; font-weight: bold; text-decoration: none; background-color: #404040;}


/*.link-department:hover { color: #0A87D6; font-weight: bold; text-decoration: none; } */
/*.link-department-select { color: #fff; font-weight: bold; text-decoration: none; background-color: #C0C0C0} */
/*.link-department-select:hover { color: #0A87D6; font-weight: bold; text-decoration: none; }*/
/*.link-category-select { color: #000; font-weight: bold; text-decoration: none; background:#fff; padding-left:10px; padding-right:10px; display:inline; }*/
/*.link-subcategory { color: #000; font-weight: normal; text-decoration: none; padding-left:18px;}*/


.link-category { color: #333333; text-decoration: none; padding-left:20px; background:transparent url(store_images/bullet.png) no-repeat 5px; }
.link-category:hover { color: #000; text-decoration: none; font-weight: bold;}
.link-category-select { color: #333333; text-decoration: none; padding-left:20px; background:transparent url(store_images/bullet.png) no-repeat 5px; }
.link-category-select:hover { color: #000; font-weight: bold; text-decoration: none; }

.link-subcategory { color: #333333; text-decoration: none; padding-left:25px; background:transparent url(store_images/subcat.gif) no-repeat 15px; }

.link-subcategory:hover { color: #000; font-weight: bold; text-decoration: none; padding-left:25px;}
.link-subcategory-select { color: #000; font-weight: bold; text-decoration: none; background:#fff; padding-left:10px; padding-right:10px; display:inline;  padding-left:18px;}
.link-subcategory-select:hover { color: #55B9F9; font-weight: bold; text-decoration: none; padding-left:18px;}
/*.nav-category {background:transparent url(store_images/bullet.png) no-repeat 5px; }*/

/* PRODUCT SEARCH*/
.parent-findprod .navpanelleft { margin-bottom:10px; }
 .parent-findprod .navpanelleftbody{ margin-bottom:10px; }
 .parent-findprod .navpanelleftcell { }
 .parent-findprod .navpanelleftheader{ background:url(images/panel_header.png) transparent no-repeat; height:33px; color:#FFFFFF; padding-top:5px; }
 
/* do this at specific level as bug in IE if attempt to cascade */
.parent-findprod .navpanelleftheaderleft{ width:15px; }
 .parent-findprod .navpanelleftcontent{ padding-left:8px; padding-right:7px;}
 
/*span surrounding panel*/
.parent-findprod{}
.parent-findprod input{ }
#search_form img{
	display:none;
	visibility:hidden;
}
 
/* make checkbox smaller than above */
.parent-findprod .text-search .boxText .text-small input{ height:15px; padding-right:5px; }

/*span surrounding core contents of search panel*/
#panel-search{}

/*contents text*/
.text-search{}

/* input and search icon wrapper*/
.parent-findprod .boxText{ text-align:left; font-size:11px; padding-bottom:10px; }

/* NEW PRODUCTS*/

/*span surrounding panel*/
.parent-newproduct{}

/* do this at specific level as bug in IE if attempt to cascade */
.parent-newproduct .navpanelleftheaderleft{ width:15px; }
 
/*span surrounding core contents of panel*/
#panel-newproduct{}
.parent-newproduct .navpanelleftbody{ margin-bottom:10px; }
 .parent-newproduct .navpanelleftcell { padding-bottom:15px; }
 .parent-newproduct .navpanelleftheader{ background:url(images/panel_header.png) transparent no-repeat; height:33px; padding-top:5px; }
 
/*textual contents*/
.parent-newproduct .boxText{ font-size:12px; padding-bottom:10px; }

/*span wrapping product price*/
.parent-newproduct .text-price{ font-weight:bold; }

/*span wrapping product price on offer*/
.parent-newproduct .text-pricespecial{ color:#2B357B; font-weight:bold; }

/*span wrapping product old price*/
.parent-newproduct .text-pricestrike{ font-weight:bold; text-decoration: line-through; }

/* SHOPPING CART*/

/*span surrounding panel*/
.parent-cart .navpanelrightheadercenter{ font-size:14px; font-weight:bold; color:#FFFFFF; }
.parent-cart .navpanelrightbody{ margin-bottom:10px; }

/*span surrounding core contents of panel*/
#panel-shoppingcart{}

/* do this at specific level as bug in IE if attempt to cascade */
.parent-cart .navpanelrightheaderleft{ width:15px; }
 .parent-cart .navpanelrightcontent{ height:35px; padding-left:8px; }
 
/* a mechanism of replacing the cart image */
.parent-cart .navpanelrightheadercenter img { background: url(store_images/product-theme-right.gif) no-repeat; width:17px; height:17px; padding-bottom:4px; }
.parent-cart .navpanelrightheadercenter a{ margin-right:10px; }

/* styles the number of items, i.e. "1 X" */
.text-shopping{ font-size:11px; font-weight:bold; }
.text-shopping a{ color:#000;
	font-weight: bold; font-size:11px;
}
.text-shopping a:hover {
	color: #999999; font-weight: bold; font-size:11px; }
/* styles the cart product link 
.text-shopping-link{ font-size:11px; } */

/* ACCOUNT HOLDERS*/

/*span surrounding panel*/
.parent-account{}
.parent-account .navpanelright{ margin-bottom:10px; }

/* do this at specific level as bug in IE if attempt to cascade */
.parent-account .navpanelrightheaderleft{ width:15px; }
 
/*span surrounding core contents of panel*/
#panel-account{ margin-left:0; }
#panel-account b{ font-weight:normal; font-size:11px; }

/* style the text when logged in */
#panel-account p{ margin-left:8px; font-size:11px; }
/*#panel-account .small a{ font-weight:normal; font-size:11px; text-decoration: underline; } */
#panel-account .small a{
	color:#000;
	font-weight: bold;
	text-decoration: underline;
	font-style: italic;
}
#panel-account .small a:hover {
	color: #999999;
}

/* wraps login button*/
.col2{ height:25px; }
#panel-account .col2 input{ width:100%; }

/* wraps input boxes and register button */
.col2{}

/* STORE CURRENCY*/

/*span surrounding panel*/
.parent-currency{}
.parent-currency .navpanelright{ }

/* do this at specific level as bug in IE if attempt to cascade */
.parent-currency .navpanelrightheaderleft{ width:15px; }
 .parent-currency .navpanelrightheader{ padding-top:5px; }
 .parent-currency .navpanelrightbody{ margin-bottom:10px; }
 .parent-currency .navpanelrightcell { padding-bottom:15px; }
 
/*span surrounding core contents of panel*/
#panel-currency{}

/*textual contents*/
.parent-currency .boxText{ font-size:11px; padding-left:15px; padding-bottom:10px; }
.parent-currency .boxText .select{ font-size:12px; display:block; }

/*currency select element*/
.parent-currency .select{}

/* PRE-ORDER*/

/*span surrounding panel*/
.parent-preorder{}

/* do this at specific level as bug in IE if attempt to cascade */
.parent-preorder .navpanelrightheaderleft{ width:8px; }
 
/*span surrounding core contents of panel*/
#panel-promotion{}
.parent-preorder .navpanelright{ }

/* do this at specific level as bug in IE if attempt to cascade */
.parent-preorder .navpanelrightheaderleft{ width:15px; }
 .parent-preorder .navpanelrightheader{ padding-top:5px; }
 .parent-preorder .navpanelrightbody{ margin-bottom:10px; }
 .parent-preorder .navpanelrightcell { padding-bottom:15px; }
 
/*textual contents*/
.parent-preorder .boxText{ text-align:center; padding-left:0px; padding-bottom:10px; font-size:12px; }

/*span wrapping product price*/
.parent-preorder .text-price{ font-weight:bold; }
.navlink span{    display:none;}
 
/*reset some values*/
.tab-parenttable td{ margin:0; padding:0 0 10px 0; }
.tab-parenttable, .tab-parenttable table{ border-collapse:collapse; border-spacing:0; }

/*     Tab CSS elements         note: if you wish to style individual tabseach .tab-text is also given an id of #tab-1, #tab-2, etc...*/

/*the outer tab table*/
.tab-parenttable  { width:100%; background:url(images/nav_bg.png) transparent no-repeat; margin-top:10px; }
.tab-parenttable td { text-align:center; }

/*the inner tab table*/
.tab-table { width:100%; height: 46px; margin-left: auto; margin-right: auto;  }

/*all horizonta space to the left of menu*/
.tab-left { width: 15px; }

/*all horizonta space to the right of menu*/
.tab-right { width: 100%; }

/*individual tab text*/
.tab-text { text-align:center; font-size:14px; white-space:nowrap; font-weight: bold; text-transform:uppercase; font-family:Verdana, Arial, Helvetica, sans-serif; padding-left:5px; padding-right:5px;}

/*tab link a*/
.tab-link {	white-space:nowrap; color:#FFFFFF; text-decoration: none; padding-left:5px; padding-right:5px;}

.tab-link:hover { white-space:nowrap; color:#0A87D6; text-decoration: none; }

/* cell between each tab*/
.tab-middle { width:7px; background:url(images/tab-middle.gif) transparent no-repeat; }
.tab-middle-width {}

/*reset some values*/
.productlisttable td{ margin:0; padding:0; }
.productlisttable{ border-collapse:collapse; border-spacing:0; }

/*    all textareas and others (in FF only)*/
textarea{ width:100%; border-left: solid 1px #595965; border-right: solid 1px #595965; border-top: solid 1px #595965; border-bottom: solid 1px #595965; }
input[type="password"]{ margin-top:3px; }
input[type="text"], input[type="textbox"], input[type="password"], input[name="quantity"], .textbox{ border-left: solid 1px #595965; border-right: solid 1px #595965; border-top: solid 1px #595965; border-bottom: solid 1px #595965; }

/*     General Page Headings */

/* header on all main product and search pages */
.heading-main { margin:0; 
/* reset all margins */
 color: #000000; font-weight: bold; text-align:left; font-size:20px; padding-left:0px }
.heading-subcategory { color: gray; font-weight: bold; }
.heading-main a {color:#000000;}
.heading-main a:hover {color:#000000; text-decoration:underline;}

/* "you are here" heading */
.heading-small { width: 100%; text-align:center; color: Gray; font-weight: normal; margin-top:10px; font-size:12px; }
.heading-product { color: #000; font-weight: bold; font-size:21px; }

/*     Product Listings*/
.productlisttable{ font-size:11px; }
.productlisttable td{ margin:0; padding:5 5 5 0; }
.productlistheader{ background-color: #fff; font-weight: bold; font-size:12px; }
.productlist-row1 { }
.productlist-row2 {}
.productlist-col1 {}
.productlist-col2{}
.productlist-col3 {}
.productlist-col4 { font-size:12px; font-weight:bold; }
.productlist-col5 {}
.productlist-hcol1 {}
.productlist-hcol2 {}
.productlist-hcol3 {}
.productlist-hcol4 {}
.product-info {}
.productlisttable a{ color:#000; font-size:12px; font-weight: bold; text-decoration: underline;}
.productlisttable a:hover { color: #999999; }
.product-link .image-thumb{ font-weight:bold; }
.product-summary{}
.cathead{ font-weight:bold; font-size:18px; margin-bottom:10px; color:#808080; }
/*     Optional top links */

.top-link a{ color:#000;
	font-weight: bold;
	text-decoration: underline;
	font-style: italic;}

.top-link a:hover {
	color: #999999;
}
/*     Product Page*/
#page-product .mainbodycenter { padding:0 10px 0 10px; margin:0; }
#productbody p{ margin-top:2px; margin-bottom:8px; }

/* product extended description text*/
#layer_field0{}

/* product description text*/
#layer_field1{}

/* all product desc text*/
.text-product-desc{ font-size:12px; margin-left:20px; margin-right:20px; }
#tell-a-friend-link{ padding-top:10px; display:block; height:25px; margin-left:20px; font-weight:bold; color:#000; font-size:14px; width:150px; 
/* doesn't work in FF */
 background: url('store_images/btn-quick-find.gif') no-repeat transparent 95 5; }

/* wrapper around pricing, availability, matrix*/
#productbuyinfo{}
#productbuyinfo table{ padding-right:10px;}
#productbuyinfo b{ font-size:12px; }
#productbuyinfo .text-pricingdetails{ font-size:12px; }
#productbuyinfo .text-price { font-weight: bold; color:#2B357B; font-size:14px; }
#productbuyinfo .text-pricestrike { text-decoration: line-through; font-weight: bold; font-size:14px; }
#productbuyinfo .text-shipping { color: black; font-size:14px; }
#productbuyinfo .text-pricesave { color: red; font-size:14px; font-weight: bold; }
#productbuyinfo .text-availabilitytext { color: Gray; font-size:14px; }
#productbuyinfo .text-availabilitytitle { font-weight: bold; font-size:14px; white-space:nowrap; margin-right:5px; }

/* matrix items */
#page-product #frmMain{ text-align:left; display:inherit; }
div#productbody { position:relative; text-align:center; }
#productbody .matrixdisplay{ clear:both; background:#D5D8E1; padding-top:5px; padding-bottom:5px; width:335px; margin-left:auto; margin-right:auto; border-bottom: SOLID #616FA2 1px; text-align:center; }
#productbody .matrixdisplay table, #productbody .matrixdisplay p{ padding-left:10px; padding-right:10px; }
#productbody .matrixdisplay p{ font-size:12px; }
#productbody .matrixdisplay td{ width:50px; }

/* related products section */
#relatedproducts{ border-top: solid 1px #F2F0F0; margin-left:20px; margin-right:20px; }
#relatedproducts p{ height:0px; margin:0 0 5 0; padding:0; }
#relateditemheading b{ color: #F2F0F0; text-transform: lowercase; font-size:14px; padding-left:5px; }
#relateditemtable{ margin-left:20px; }
#relatedproducts .smallText a{ font-size:12px; }
#relatedproducts .smallText .text-price{ font-size:12px; font-weight:bold; }

/* the "you may also be interested in text" - for bullets display*/
.text-related { border-top: solid 1px #E28526; margin-left:20px; font-size:12px; color: #E28526; font-weight:bold; font-size:14px; }

/* UL and bullets*/
.list-theme { font-size:12px; }
.list-theme-item { list-style: none; background: url("store_images/btn-bullet.gif") no-repeat left top; padding-left:10px; }

/* show me other... button */
.searchtheme{ font-weight:bold; color:black;; font-size:14px; }

/*     Department Page*/
#select-category-heading{ color: #000; font-weight: bold; text-align:left; font-size:16px; margin:0; padding:0; }
.cattablebody{ padding:0; border-bottom: solid 1px #000; }
.cattabletext a{ font-size:12px; font-weight:bold; color:#53585E; }
.cattabletext a:hover{ font-size:12px; font-weight:bold; color:#000; }

/*     Contact Us Page*/

/* DIV encompassing the contact form*/
.contactpage{ margin-left:15px; margin-right:15px; font-size:12px; border-bottom: solid 1px #E28526; }
.contactpage b{ font-size:12px; }
.contactpage  #addresstext{ font-size:12px; }
.contactpage input, .contactpage textarea{ border-left: solid 1px #595965; border-right: solid 1px #595965; border-top: solid 1px #595965; border-bottom: solid 1px #595965; }
/*     Basket/Cart Page*/.baskettable { width: 100%; padding-top:0px; padding-bottom:20px; font-size:12px; }
.baskettable input { border-left: solid 1px #595965; border-right: solid 1px #595965; border-top: solid 1px #595965; border-bottom: solid 1px #595965; }
.baskettable a{ color:#000; font-weight: bold;
}
.baskettable a:hover {
	color: #999999; font-weight:normal;
}
.basketheader { width: 100%; font-weight:normal; font-variant: small-caps; text-align: left; }
.basketlist-row1 { background: #fff; }
.basketlist-row2 {}
.basketlist-hcol4, .basketlist-hcol5 {text-align:right;}
.basketlist-hilight { background:#FFFFFF; font-weight: bold; }
.basketlist-lolight { font-weight: bold; }
.basketlist-lolight b{ font-size:14px; }
.basketcol { font-weight: bold; }
.basketlist-col1{ font-weight:normal; }
.basketlist-col2{ padding-left:10px; font-weight:bold; }
.basketlist-col3{ font-weight:normal; }
.basketlist-col4, .basketlist-col5{ font-weight:normal; }
.basketlist-blank { background: white; }
#frmMain .normal a{ color:#000;
	font-weight: bold;
	text-decoration: underline;
	font-style: italic;}
#frmMain .normal a:hover {
	color: #999999; font-weight: bold;
}
/* Tips (including basket quick tips) */
.tiptable { width: 100%; margin-top:10px; }
.tiptable img{ display:none; }
.tipheader td{ width: 100%; font-size:11px; font-weight: bold; color:#000; padding-left:5px; text-transform: lowercase; }
.tipbody { width: 100%; }
.tipbody td{ font-size:11px; }

/*     Account Login*/
.formBox{ background: font-size:12px; }
.formBox a{ font-size:12px; }
.formBox b, .main b{ font-size:12px; }

/*     Checkout Page*/
#page-nsc .text-shipping{ font-size:12px; }
#page-nsc .text-bold{ font-size:12px; }
#page-nsc .main{ font-size:12px; }
#page-nsc .text-shipping-row1 { background:#D5D8E1; }
#page-nsc .text-shipping-row2 { background:#D5D8E1; }

/*     CHECKOUT (not logged in yet) Page*/
.checkoutform{ margin-left:15px; margin-right:15px; }
.checkoutform .formbox { background: #efefef; border:#000 1px solid; }
.checkoutform .formbox table{ padding:10px; }
.checkoutform .formbox td{ font-size:12px; }
.checkoutform .formbox .main a{ font-size:11px; color:#000;	font-weight: bold; text-decoration: underline; font-style: italic;}
.checkoutform .formbox .main a:hover{color: #999999;
}
/*     Register new user Page*/
.registerform #accountform .formBox{ font-size:11px; }
.registerform #accountform .text,.registerform #accountform b{ font-size:12px; }
.registerform #accountform .text-small{ padding:0; margin:0; font-size:12px; }
.registerform #accountform .inputRequirement{ font-size:12px; }
.registerform{ padding:0 10px;}
.registerform .text { width: 140px; text-align: right; }
.registerform .textbox, .registerform .select { width: 180px; }
#frmShipping .text , .registerform .text { width: 140px; text-align: right; }
#frmShipping .textbox, #frmShipping .select, .registerform .textbox, .registerform .select { width: 180px; }

/*     Password Retrieval*/
.infoBox{ }
.infoBox b{ font-size:12px; }
/*     Edit/Create Shipping Address*/.shippingaddress  .formBox{ background: #efefef; font-size:11px; }
.shippingaddress  .text,.shippingaddress  b{ font-size:12px; }
.shippingaddress .text-small{ padding:0; margin:0; font-size:12px; }
.shippingaddress .inputRequirement{ font-size:12px; }
.shippingaddress{}

/*   Payment screen */
.tender-header, .tender-description, .tender-text { font-size:12px; }
 
/*  Tell a friend page */
.tellafriendpage { font-size:12px; }
.tellafriendpage b { font-size:12px; }

/*     Optional bottom links */
#bottomlinks { text-align:center; color:#D5D8E1; }
#bottomlinks a{ color:#000;
	font-weight: bold;
	text-decoration: underline;
	font-style: italic;}

#bottomlinks a:hover {
	color: #999999;
}




 .search-label { font-size: 12px; font-weight: bold; }
#advanced-search-button { font-size: 12px; }
 #page-search #form-advsearch select  { width:90%; }
 #keyword { width: 250px; }
#product_code { width: 150px; }
#customer-reviews-heading { padding-top: 10px; margin-bottom: 5px; }
 #write-review-heading { margin-bottom: 5px; }
.review-useful-button { font-size: 10px; }
#product-review-title { width: 250px; }
#checkstocklink,table.specialtable TH { font-size: 14px; color: #EC8526; font-weight: bold; text-align:center }
.matrixtitle { font-weight: bold; font-size: 12px; min-width: 40px; }
.matrixoption { width: 170px; font-size: 12px }
H4 { font-size: 12px; color: #F2F0F0; font-weight: bold }
#productphoto { margin: 10px 10px 10px 0px; }
#baskettable,#producttable { padding-left: 7px; padding-right: 7px; }

/*PURCHASE ORDER HISTORY STYLES*/
.history-search-page { padding:7px 0px 10px 0px; }
.history-page { padding:0px 0px 10px 0px; }
.history-search-page TABLE, .history-page TABLE { font-size:11px; width:100%; border-collapse:collapse; border-spacing:0; }
.history-page #payandship-details td , .history-page #history-details td { margin:0; padding-left:5px; font-size:12px; }
.history-page #history-details .history-details-label b, .history-page #payandship-details .history-details-label b { font-weight:bold; width:120px; font-size:12px; }
.history-page #track-shipment-link { display:inline; padding:0px 0px 3px 25px; clear:none; background: url('images/icon-tracking.gif') no-repeat transparent top left; }
.history-page A { font-weight:bold; }
.history-page #itemsordered-details .items-reorder-link { font-size:10px; color: #EA672A; cursor:pointer; }
.history-page #itemsordered-details { font-size:12px; }
.history-search-page .product-link{ font-weight:normal; }
.history-search-page #history-search.formbox { margin-top:7px; padding:5px 5px 5px 8px; }
.history-search-page #history-search.formbox P { margin: 3px 0px 3px 0px; }
.history-search-page #history-search { font-size:12px; }
.history-search-page #history-search.formbox #history-searchselect { width:300px; margin-right:10px; }
.history-search-page #history-search.formbox LABEL { margin-right:7px; display:block; }
.history-search-page #history-search.formbox .history-input { width:207px; margin-right:8px; }
.history-search-page #history-results td { margin:0; padding:5px; }
.history-search-page .pagination { width:auto; }
.history-page .heading-subcategory { padding:6px 0px 6px 0px; margin:0; }
#table-navigation .heading-small { padding:0; margin:0; }

/* css buttons */
.button-big, .button-small { display: block; cursor: hand; cursor: pointer; text-decoration: none; }
.button-big .button-text { width:105px; }
.button-small .button-text { width:47px; letter-spacing:0.8px; font-size:10px; }
.button-left { float: left; display: block; width: 11px; height: 27px; background: transparent url(store_images/buttons.png) no-repeat scroll 0px 0px; }
.button-right { float: left; display: block; width: 11px; height: 27px; background: transparent url(store_images/buttons.png) no-repeat scroll -15px 0px; }
.button-text { font-family: Arial, sans-serif; text-transform: lowercase; font-size: 12px; font-weight: bold; float: left; display: block; color: #fff; text-decoration: none; background: transparent url(store_images/buttons.png) no-repeat scroll 0 -27px; height: 27px; padding:0; line-height:25px; text-align:center; }
.pagination .button-text { width:18px; }
.pagination .button-right { margin-right: 1px; }
.pagination .button-small span { filter:alpha(opacity=55); -moz-opacity:.55; opacity:.55; }
.pagination .button-small:HOVER span { filter:alpha(opacity=99); -moz-opacity:.99; opacity:.99; }
.pagination .button-on span { filter:alpha(opacity=99); -moz-opacity:.99; opacity:.99; }
.text-shipping {font-size:11px; }
.review-label {font-size:12px; }
.button-rightaligned   { float: right; }


#customcontent{
}