/* LAYOUT OF SCREEN */

/* Description: general page layout and site wide settings*/

/*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; }
h2 { color: #000; font-family: Verdana, Arial, Helvetica, Sans-Serif; margin:0; padding:0; font-size: 12px; }
h1 { font-size: 10px; color: #333; font-weight: bold; }
body { text-align: center; color: #000; font-size: 12px; font-family:Helvetica, Arial, sans-serif; margin:0; padding:0; background:url(../images/body/body-mainbg.jpg) #B8D1DA repeat-x;  }
b, p { font-size: 12px; text-align: left; color: #000; }
img { border:0; }
a { color: #245B6C; font-size:12px; text-decoration: none; }

/*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:900px; padding:7px; background:#FFF;  }

/*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:black; }
#page-nsc .mainbodycenter a{ color:black; }

/*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 {}

/*HORIZONTAL SEARCH TABLE - at top of screen below header potentially containg brands and type*/
.search-table { width: 180px; }
.search-table td{ padding-left:3px; padding-bottom:5px; }
.search-table table , .search-table table  td { text-align: left; width: 100%; }
.search-table select { width: 164px; font-weight: bold; font-size:10px; border-left: solid 1px #595965; border-right: solid 1px #595965; border-top: solid 1px #595965; border-bottom: solid 1px #595965; color:#2A90AF; }
.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*/
#contenttop { width:100%; height:18px; background: url(images/center_edge_top.png) no-repeat;}
.mainbodycenter { vertical-align: top; padding: 0 5 0 10px; font-size:11px; width:700px; }
#pagebody { background: url(images/column_bg.png) top right; width:650px;}

/* left vertical panels */
.mainbodyleft   { width: 200px; vertical-align: top; background-color:#FFF;}

/* right vertical panels */
.mainbodyright  { width: 0px; vertical-align: top; background: url(images/column_bg.png) top right; }

/*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 AND RIGHT PANELS & THEIR CONTENT */

/* Description: all styles associated with left and right screen panels*/

/*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: url(../images/panels/panels_bg.png) repeat-x #245C6D; border-bottom: #B49600 solid 4px; margin-bottom:10px;  }
 
/* 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/panels/panels_topwave.gif) transparent no-repeat; height:28px; color:#fff; }

/* 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%; }
        
/* 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%; }
 
/* 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:42px; color:#fff; }

/* 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%; }
        
/* 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:650px; border-bottom: solid 1px #000; }
.navpanelbodyheader { width: 100%; height: 20px; }
.navpanelbodyheaderleft {}
.navpanelbodyheaderright{}
.navpanelbodyheadercenter img{ background: url(store_images/product-theme-right.png) no-repeat; }
#morespecials  { 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, .infoBoxContents{ font-weight:bold; }
.text-price {font-weight:bold; font-size:13px;}

/*span wrapping product price on offer*/
.navpanelbodybody .smalltext .text-pricespecial,.infoBoxContents .text-pricespecial{ color:#CC0000; 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:14px; }

/* do this at specific level as bug in IE if attempt to cascade */
.parent-navigation .navpanelleftheaderleft{  }
 .parent-navigation .navpanelleftcontent{ padding-left:10px; }
 
/*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:12px; }

/* 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 { font-weight: bold; font-size: 12px; color: #D3F1F8; line-height: 13px; text-decoration: none; }
.link-department:hover { font-weight: bold; font-size: 12px; color: #043B7C; line-height: 13px; text-decoration: none; }
.link-department-select { font-weight: bold; font-size: 12px; color: #043B7C; line-height: 13px; text-decoration: none; }
.link-department-select:hover { font-weight: bold; font-size: 12px; color: #043B7C; line-height: 13px; text-decoration: none; }
.link-category { font-weight: bold; font-size: 12px; color: #D3F1F8; text-decoration: none;  padding-left:20px; }
.link-category:hover { font-weight: bold; font-size: 12px; color: #043B7C; text-decoration: none;  padding-left:20px; }
.link-category-select {font-weight: bold; font-size: 12px; color: #043B7C; text-decoration: none; padding-left:10px; padding-right:10px; display:inline; }
.link-category-select:hover {font-weight: bold; font-size: 12px; color: #043B7C; text-decoration: none; padding-left:10px; padding-right:10px; display:inline; }
.link-subcategory { color: #043B7C; font-weight: normal; text-decoration: none; }
.link-subcategory:hover { color: #043B7C; font-weight: normal; text-decoration: none; }
.link-subcategory-select { color: #043B7C; font-weight: bold; text-decoration: none; background:#fff; padding-left:10px; padding-right:10px; display:inline;  }
.link-subcategory-select:hover { color: #043B7C; font-weight: bold; text-decoration: none; }
.nav-category {background:transparent url(store_images/bullet.png) no-repeat 5px; }

/* PRODUCT SEARCH*/
.parent-findprod .navpanelleft { margin-bottom:5px; }
 .parent-findprod .navpanelleftbody{ margin-bottom:8px; }
 .parent-findprod .navpanelleftcell { }
 .parent-findprod .navpanelleftheader{ background:url(images/panel_header.png) transparent no-repeat; height:42px; color:#fff; 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:15px; }
 
/*span surrounding panel*/
.parent-findprod{}
.parent-findprod input{ }
 
/* 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{}

 
/*textual contents*/
.parent-newproduct .boxText{ font-size:12px; padding-bottom:10px; }
.parent-newproduct a { color:#2990AF;}

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

/*span wrapping product price on offer*/
.parent-newproduct .text-pricespecial{ color:#C00; 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:#fff; }
.parent-cart .navpanelrightbody{ margin-bottom:14px; }

/*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:10px; }
 
/* a mechanism of replacing the cart image */
.parent-cart .navpanelrightheadercenter img { background: url(store_images/product-theme-right.png) 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:12px; font-weight:bold; color:#D3F1F8; }

/* styles the cart product link */
.text-shopping-link{ font-size:12px; color:#F1F9FF#D3F1F8; }

/* 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:20px; font-size:11px; }
#panel-account .small a{ font-weight:normal; font-size:11px; text-decoration: underline; }

/* 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:8px; }
 .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:8px; }
 .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; color: #F00 }
.navlink span{    display:none;}
 
/* HORIZONTAL TAB-LIKE MENU  */

/* Description: Store Menus (Horizontal tabs)*/

/*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:617px; height: 46px; margin-left: auto; margin-right: auto; }

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

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

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

/*tab link a*/
.tab-link { white-space:nowrap; color:#007780; text-decoration: none; }

/* cell between each tab*/
.tab-middle { width: 3px; padding-left:5px; padding-right:5px;  }
.tab-middle-width {}

/* ALL BODY CONTENTS */
/*     Template: Classic Template*     
/*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: #007780; font-weight: bold; text-align:left; font-size:20px; padding-left:10px }
.heading-subcategory { color: gray; font-weight: bold; }
.heading-main a {color:#007780;}
.heading-main a:hover {color:#007780; 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: #007780; font-weight: bold; font-size:21px; }

/*     Product Listings*/
.productlisttable{ font-size:11px; }
.productlisttable td{ margin:0; padding:5 5 5 0; }
.productlistheader{ background-color: #D5EDE9; 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 {}
.product-link { color: #616FA2; font-size:12px; font-weight:bold; }
.product-link .image-thumb{ font-weight:bold; }
.product-summary{}
.cathead{ font-weight:bold; font-size:14px; margin-bottom:10px; color:#993300; }

/*     Product Page*/
#page-product .mainbodycenter { padding:0 5px 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:#007780; font-size:14px; width:350px; 
/* 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:#245A6C; font-size:16px; }
#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:center; 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 #007780; margin-left:20px; margin-right:20px; width:650px; }
#relatedproducts p{ height:0px; margin:0 0 5 0; padding:0; }
#relateditemheading b{ color: #007780; 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 #007780; margin-left:20px; font-size:12px; color: #007780; 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:#007780; font-size:14px; }

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

/*     Contact Us Page*/

/* DIV encompassing the contact form*/
.contactpage{ margin-left:15px; margin-right:15px; font-size:12px; border-bottom: solid 1px #007780; }
.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; }
.basketheader { width: 100%; font-weight: bold; font-variant: small-caps; text-align: left; }
.basketlist-row1 { background: #fff; }
.basketlist-row2 {}
.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:bold; }
.basketlist-col2{ padding-left:10px; font-weight:bold; }
.basketlist-col3{ font-weight:bold; }
.basketlist-col4, .basketlist-col5{ font-weight:bold; }
.basketlist-blank { background: white; }
#frmMain .normal a{ text-decoration: underline; }

/* 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{ color:black; font-size:11px; text-decoration: underline; }

/*     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; }
 .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: #007780; 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: helvetica, 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; }