
/* Import Font */

@font-face {   
   font-family: "KoratakiRg";   
   src: url(KoratakiRg-Regular.eot ); /* IE */   
   src: local("KoratakiRg"), url(http://boutique.ekkip.com/themes/KoratakiRg-Regular.ttf) format("truetype"); /* non-IE */   
 }


/*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: #EFEFEF; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; }  */

body { text-align: center; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; 
background: url('/themes/images/bglarge1.jpg') no-repeat scroll center top #FFF;}

b, p { font-size: 12px; text-align: left; color: #000; }
img { border:0; }
a { color: Black; 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:1000px;  background-color:#FFFFFF;}

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

#columncenter{ border-left: 1px solid gray; border-right: 1px solid gray;}
#columnleft{border-left: 1px solid gray;}


#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%; background-color:#000000; }
.headerleft {}
.headercenter { width:100%; background-color:#000000; }
.headerright {background-color:#000; color:#FFF;}

/*HORIZONTAL SEARCH TABLE - at top of screen below header potentially containg brands and type*/
.search-table { width: 400px;  }
.search-table td{ padding-left:0px; padding-bottom:0px; padding-top:0px; height:25px; }
.search-table table , .search-table table  td { text-align: left; }
.search-table select { width: 180px; 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; }
.search-table input{ font-size:10px;  }

#keyword-search-box {margin-left: 120px;}
#keyword-search-box:focus {border: 1px solid #c3da2e;  }
#keyword-search-button {height: 20px; margin-left: 5px; margin-right: 0px; }

/*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; background-color:#FFFFFF; }

/* body center - child of mainbody*/

#contenttop { width:100%; height:18px; background-color:#EFEFEF;; display:none;}
.mainbodycenter { vertical-align: top;  font-size:11px; padding: 0 0 0 0px; }
#pagebody { }

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

/* right vertical panels */
.mainbodyright  { width: 190px; vertical-align: top; background-color:#FFF; padding-left: 0px; }

/*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%; }

/* 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:10px; background-color:#c3da2e; height:25px; color:#000; font-family: "KoratakiRg"; text-transform: uppercase; letter-spacing: 1;}

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

/* 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:10px; background-color:#666; height:30px; color:#c3da2e; font-family: "KoratakiRg"; text-transform: uppercase; letter-spacing: 1;}

/* 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:100%; border-bottom: solid 1px #000; }
.navpanelbodyheader { width: 100%; height: 20px; }
.navpanelbodyheaderleft {}
.navpanelbodyheaderright{}
/* .navpanelbodyheadercenter img{ background: url(store_images/product-theme-right.gif) no-repeat; } */
.navpanelbodyheadercenter { color: #c3da2e; 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{ font-weight:bold; }

/*span wrapping product old price*/
.text-pricestrike{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{margin-right: 5px;}

/* the general navlink - at same level as #panel-navigation */
.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: #333;  text-decoration: none; margin-left: 0px; }
.link-department:hover { color: #c3da2e; text-decoration: none; }
.link-department-select { font-weight: bold; text-decoration: none; display:block; border-bottom: 1px solid black; margin: 3 0 -12 0; height:15px; vertical-align:middle; padding: 1 0 1 0;}
.link-department-select:hover { font-weight: bold; text-decoration: none; }

.link-category { color: #333333; text-decoration: none; padding-left:20px; margin-left: -5px;}
.link-category:hover { color: #c3da2e; text-decoration: none; }
.link-category-select {  color: #c3da2e; text-decoration: underline; padding-left:15px;}
.link-category-select:hover { color: #c3da2e; text-decoration: none; padding-left:15px; }

.link-subcategory { color: #000; font-weight: normal; text-decoration: none; margin-left: 0px }
.link-subcategory:hover { color: #fff; font-weight: normal; text-decoration: none; }
.link-subcategory-select { color: #000; font-weight: bold; text-decoration: none; background:#fff; padding-left:10px; padding-right:10px; display:inline;  }
.link-subcategory-select:hover { color: #000; font-weight: bold; text-decoration: none; }
.nav-category, .nav-category-select {background:transparent url(store_images/bullet.png) no-repeat 2px; }

/* PRODUCT SEARCH*/
.parent-findprod .navpanelleft { margin-bottom:5px; }
.parent-findprod .navpanelleftbody{ margin-bottom:8px; }
.parent-findprod .navpanelleftcell { }

/* do this at specific level as bug in IE if attempt to cascade */
.parent-findprod .navpanelleftheaderleft{ width:10px; }
.parent-findprod .navpanelleftcontent{ padding-left:10px; }

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

/*span surrounding core contents of panel*/
#panel-newproduct{}
.parent-newproduct .navpanelleftbody{ margin-bottom:8px; }
.parent-newproduct .navpanelleftcell { padding-bottom:15px; }

/*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:10px; background-color:#666; height:30px; color:#c3da2e; font-family: "KoratakiRg"; text-transform: uppercase; }
.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:24px; padding-left:10px; }

/* a mechanism of replacing the cart image */
.parent-cart .navpanelrightheadercenter img { }
.parent-cart .navpanelrightheadercenter a{ margin-right:10px; }

/* styles the number of items, i.e. "1 X" */
.text-shopping{ font-size:11px; font-weight:bold; }

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

/* ACCOUNT HOLDERS*/

/* My Header account panel classes */

.MyLoginButton {display:inline-block;  background-color: #c3da2e; color:#000000; font-size: 12px; padding: 2 10 2 10; }
.MyRegButton {display:inline-block;  background-color: #c3da2e; color:#000000; font-size: 12px; padding: 2 10 2 10;  }

.MyLoginButton:hover {color: #FFFFFF;}
.MyRegButton:hover {color: #FFFFFF;}

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

/* 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.input { width: 80px; background-color:#000000; color:#FFFFFF;}
#panel-account b{ font-weight:normal; font-size:11px; color:#FFFFFF;}

/* style the text when logged in */
#panel-account p{ margin-left:20px; font-size:11px; color:#FFFFFF;}
#panel-account .small a{ font-weight:normal; font-size:10px; text-decoration: underline; color:#FFFFFF;}

/* wraps login button*/
.col2{ height:20px; }
#panel-account .col2 input{ width:80px; height: 15px; font-size: 10px; }

/* wraps input boxes and register button */
.col2{color:#FFFFFF;}

/* LGIN AND REGISTER BUTTON */
#login-button {background: #00FF66; color:#000000;}


/* 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; }
.navlink span{    display:none;}


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

/*reset some values*/
.tab-parenttable td{ margin:0px; padding:0px; }
.tab-parenttable, .tab-parenttable table{ border-collapse:collapse; border-spacing:0; }

/*the outer tab table*/
.tab-parenttable  { width:100%; background-image:url("http://boutique.ekkip.com/themes/images/menu-bg.jpg"); background-repeat: repeat-x;}
.tab-parenttable td { text-align: right; }

/*the inner tab table*/ 
.tab-table { width:100%; height:36px; float:left;}
.tab-table td {}
/*all horizonta space to the left of menu*/
.tab-left {width: 40px}

/*all horizonta space to the right of menu*/
.tab-right {width: 50px }

/*individual tab text*/
.tab-text { text-align:left; font-size:8px; white-space:nowrap; font-family: "KoratakiRg"; text-transform: uppercase;  }

.tab-text hover {background-color:#FFFFFF;}

/*tab link a*/
.tab-link { white-space:nowrap; color: #000; text-decoration: none; margin-right:10px; letter-spacing: 1; padding-right: 10px; border-right: 1px solid #000;}

#tab-5 .tab-link {border:none;}

.tab-link:hover {color:#FFFFFF;}

/* cell between each tab*/
.tab-middle {display:none; }
.tab-middle-width {}

/* -------------------------------------------------------- */

/*     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  { background: url('images/menu-bg.jpg') repeat-x; width:100%; }
.tab-parenttable td { text-align:center; margin-left: 10px; margin: 10px;}

/*the inner tab table*/
.tab-table { width:617px; height: 36px; margin-left: auto; margin-right: auto; }


/* .tab-table {height: 39px; border-collapse: collapse;	padding:0;} */

/*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:10px; white-space:nowrap; text-transform:uppercase; }

/*tab link a*/
.tab-link {  color: #000000; text-decoration: none; padding: 0 10px 0 4px; font-size: 10px;}
.tab-link:hover {  color: #FFFFFF;  padding: 0 10px 0 4px; }

/* cell between each tab */
.tab-middle {width: 3px; background: url('images/tabSpacer.jpg') no-repeat #000; padding-left:5px; padding-right:5px; } 
.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: #c3da2e; font-weight: bold; text-align:left; font-size:20px;}
.heading-subcategory { color: gray; font-weight: bold; }
.heading-main a {color:#c3da2e;}
.heading-main a:hover {color:#c3da2e; 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*/
table.productlisttable { width: 100%; }
.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 {}
.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:#c3da2e; }

/*     Product Page*/
#page-product .mainbodycenter { }
#productbody p{ margin-top:2px; margin-bottom:8px;  }

.mainbodycenter { padding-left: 10px;}

#page-department .mainbodycenter { padding-top: 10px;}

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

/* product description text*/
#layer_field1{}

/* all product desc text*/
.text-product-desc{ font-size:12px; margin-right:10px; }

#tell-a-friend-link{ padding-top:10px; display:block; height:25px; font-weight:bold; color:#c3da2e; font-size:14px; width:150px;  }

/* wrapper around pricing, availability, matrix*/
#productbuyinfo{ text-align:left; float:left;}
#productbuyinfo table{ padding-right:10px; width: 392px;}
#productbuyinfo b{ font-size:12px; }
#productbuyinfo .text-pricingdetails{ font-size:12px; }
#productbuyinfo .text-price { font-weight: bold; font-size:14px; }
#productbuyinfo .text-pricestrike { text-decoration: line-through; 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:12px; max-width: 150px; }
#productbuyinfo .text-availabilitytitle { font-weight: bold; font-size:12px; margin-right:5px; margin-top:5px; padding-top: 5px;}

/* matrix items */
#page-product #frmMain{ text-align:left; display:inherit; }
div#productbody { position:relative; text-align:center; }
#productbody .matrixdisplay{ clear:both; background:#deeb8c; padding-top:5px; padding-bottom:5px; width:390px; margin-left:auto; margin-right:auto; border: SOLID #c3da30 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 #666; margin-left:20px; margin-right:20px; }
#relatedproducts p{ height:0px; margin:0 0 5 0; padding:0; }
#relateditemheading b{ color: #666; 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 #c3da30; margin-left:20px; font-size:12px; color: #c3da30; font-weight:bold; font-size:14px; }

/* UL and bullets*/
.list-theme { font-size:12px; }
.list-theme-item { list-style: none;  padding-left:10px; }

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

/*     Department Page*/
#select-category-heading{ color: #c3da30; font-weight: bold; text-align:left; font-size:16px; margin:0; padding:0; }
.cattablebody{ padding:0; border-bottom: solid 1px #c3da30; }
.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 #c3da30; }
.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 }

.matrixcol1 {width: 120px; }

.matrixtitle { font-weight: bold; font-size: 12px; width: 120px;}
.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 -11px 0px; } */

/* .button-text { font-family: Arial, sans-serif; text-transform: lowercase; font-size: 12px; font-weight: bold; float: left; display: block; color: #000; 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; } */

.button-text { font-family: Arial, sans-serif; text-transform: lowercase; font-size: 12px; font-weight: bold; display: block; float: left; background-color:#c3da2e; text-align:center;  padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right:3px; color:#000; margin-left: 2px; border: 1px solid black;}

.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; }


/* My CSS FOR PRODUCT BOXES */

/* Product Boxes in Product Listing */
#product-box {width: 178px; height: 260px;  border: 1px solid #CCC; clear: right; float:left; margin-left: 5px; margin-right: 5px; margin-bottom: 10px; }

/* Inside each box */
#product-header {background-image: url('http://boutique.ekkip.com/themes/images/box-header.jpg'); text-align:center;  height: 35px; border-bottom: 1px solid #CCC; padding-top: 5px;}
#product-body{text-align: center; margin-top: 10px; height: 120px;}
#product-footer {text-align:center;}
#product-box-price {display: block; font-size:14px; font-weight:bold; margin-top: 10px;}

#product-box-special-tag {background:url('http://boutique.ekkip.com/themes/images/special.gif'); margin-top: 8px; height: 40px; }
#product-box-special-text{color:#FFF; font-weight:bold;}

#product-box-regprice {display:block; font-size:12px;}

#product-special {text-align:center; }

#product-header a {font-weight:bold;}


/* HOME PAGE Layout */

#product-home {width: 565px; clear: right; float:left; overflow: hidden;}
#product-box-home {width: 178px; height: 260px;  border: 1px solid #CCC; clear: right; float:left; margin-left: 0px; margin-right: 5px; margin-bottom: 20px;}
#product-box-home2 {width: 178px; height: 260px;  border: 1px solid #CCC; margin-left: 0px; margin-right: 7px; margin-bottom: 20px;}

/* #product-box-home img {width: 178px; height: 260px;} */

/* BUG IE WITH DIV INLINE DISPLAY */
#product-home>#product-box-home2 {width: 178px; height: 260px;  border: 1px solid #CCC; float:left; margin-left: 0px; margin-right: 7px; margin-bottom: 20px;}

#promo-home {width: 182px; float:right; margin-right: 8px;}
#promo-home-box {width: 180px; margin-bottom: 8px;}

/* #promo-home-box {border: 1px solid black; width: 180px; margin-bottom: 5px;} */

/* Product Sorting Box */
#product-listing-container {}
#product-sorting-box {text-align:right; color:gray; font-size:10px; margin-bottom: 10px; border-bottom: 1px solid gray; margin-right: 52px; margin-left: 5px;}
#product-sorting-box img {display:none;}
.link-sort-up {margin-left: 10px; color:c3da2e; font-size:10px; display:inline-block; text-transform:uppercase; font-weight:bold;}
.link-sort-down {margin-left: 10px; color:c3da2e; font-size:10px; display:inline-block; text-transform:uppercase; font-weight:bold;}
.link-sort {margin-left: 10px; color:gray; font-size:10px; display:inline-block; text-transform:uppercase; font-weight:bold;}
#specialoffers {display:none;}
#searchresult {margin: 10px;}

/* Map CONTENT */
#map-content {
	position: absolute; 
	width:200px;
	margin-left: 300px;
	left: 50%;
	z-index: 10;  
       color: #000;
}

#map {  
   
    position: relative;   
    padding: 10px;
    height: 100%;  
    overflow: hidden;  
    text-align: left;
    background-color:#c3da2e; 
    display:none;
	z-index: 5;  
}  

#map a {color:#000;}
#map a:visited {color:#000;}

#map-index {display:none;}

#map-open {}

#open-map-button { display: block; background-color:#c3da2e; width: 100px; text-align:center;  padding-top: 3px; padding-bottom: 3px; color:#000; margin: auto;}

/* Login panel Pop Up ---- */
#login-content {
	position: absolute; 
	width:260px;
	margin-left: 0px;
	left: 50%;
	z-index: 10;
    color: #000;

	
}

#logindiv {  
   
    position: relative;   
    padding: 10px;
    height: 150px;  
    overflow: hidden;  
    text-align: left;
    background-color:#c3da2e; 
    display:none;
	z-index: 5; 

}  

#logindiv a {color:#000;}
#logindiv a:visited {color:#000;}

#login-index {display:none;}

#login-open {}

#open-login-button { display: block; background-color:#c3da2e; width: 150px; text-align:center;  padding-top: 3px; padding-bottom: 3px; color:#000; z-index: 10; margin: auto;}

/* Fin Login Panel */





#divfb {
	position: absolute; 
	width:160px;
	height: 45px;
	margin-left: -55px;
	left: 50%;
	top: 35px;
	z-index: 10;  
	/* background-color:#999999; */
	text-align:left;
	vertical-align:text-bottom;
	

}

#divfbimg {
	position: absolute; 
	width:40px;
	height: 40px;
	margin-left: -100px;
	left: 50%;
	top: 40px;
	z-index: 10;  
}

.name {font-size:16px; color:#3b5998; font-weight: bold; margin-bottom: 2px;}

/* NEW HEADER */

#div-hd {background-image: url('http://boutique.ekkip.com/themes/images/hdbg.jpg'); height: 124px; z-index: -10;} 

#top-hd {position:absolute; left: 50%; top: 22; z-index:: 10; margin-left:-500px; background-color:#FFFFFF; width:1000px; height: 94px; text-align:left;}

#top-search {position:absolute; left: 50%; margin-left: -200px; top: 90; z-index:: 12;  background-image: url('/themes/images/top-search-bg.gif'); width:550px; height: 30px; color:#FFFFFF;}

#b-footer {display: none; background-color:#000000; height: 140px;}

#search-table {width: 200px;}
#branddropdowncell {vertical-align: middle; height:30px; width: 200px;}

#field_product_brand { width: 180px; }

#text-recherche {float:left;}

/* O Sommet Plein Air Logo */
#OSPLogo {position: absolute; left: 50%; margin-left: 390px; top:  25px; width: 100px; height: 90px;}


/* Cacher image special */

.img-productflag {display:none;}

/* Page Content Styles */

li.sd-bullet {list-style: square url('http://boutique.ekkip.com/themes/images/bullet.gif'); color: #333; font-size: 12px;}
.heading-sd { margin: 10 0 5 0; color: #000; font-weight: bold; text-align:left; font-size:12px; display:block; background:#c3da2e; padding: 3 3 3 3; width: 100%;}


#categorypictures {display:none;}
#select-category-heading {display:none;}

.heading-dept {color: #c3da2e; font-weight: bold; text-align:left; font-size:20px; margin-bottom: 5px; font-family: "KoratakiRg"};


/* Easy Slider */


#container{	
		margin:0 auto;
		position:relative;
		text-align:left;
		width:750px;
		background:#fff;		
		margin-bottom: 1em; 
}	

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:750px;
		height:240px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:750px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:5px 0;
		padding:0;
		height:20px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:20px;
		line-height:20px;
		border:1px solid #cbda6d;
		background:#000;
		color:#cbda6d;
		padding:0 8px;
		text-decoration:none;
		font-weight: bold;
		}
	ol#controls li.current a{
		background:#cbda6d;
		border:1px solid #000;
		color:#000;
		font-weight: bold;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */

.img-link{margin-top: 20px;}

.fb-like{

  z-index: 1;
  position: absolute;
  left: 910px;
  top: 90px;

}
