/*******************************************

ONLINE STORE LAYOUTS

*******************************************/



/* FOOTER BUTTONS */
DIV#store_footer {width:100%;margin-top:10px;padding-top:10px;padding-bottom:10px; } /* border-top:1px solid #c9c9c9; */
DIV#store_footer_left {float:left; }
DIV#store_footer_right {float:right;}


/* FEATURED ITEMS */

div.store_featured_item { width: 130px; }
div.store_featured_item { margin-top: 10px; padding-right: 0px; }

div.store_featured_item_title { margin: 6px 0; }
div.store_featured_item_rating { margin: 6px 0; }
div.store_featured_item_more { text-align: right; }
div.store_featured_item_title { font-size: 12px; }
div.store_featured_item_price { font-family: verdana; font-size: 10px;}

div.store_featured_item_info_container { height: 75px; }

/*div.store_featured_item_image img { width: 130px; }*/ /* changing width or height not really a good thing, but ok for now */
div.store_featured_item_image img{border:1px solid #d9d9d9; }

/** FRONT PAGE CATEGORY MENU */
.store_front_cat_menu { margin-top: 20px; padding: 10px 15px; border: solid 1px #DADADA; background-color: #F8F8F8; color:#000; } /* #EBEBB3 */
.store_front_cat_menu UL { float:left; width:33%;margin-left:0px; margin-right:0px; padding: 0; list-style: none; }
.store_front_cat_menu UL LI { padding: 4px; font-size: 12px; }
.store_front_cat_menu UL LI a { text-decoration: underline;color:#000; }
.store_front_cat_menu UL LI a:visited { text-decoration: underline;color:#000;  }
.store_front_cat_menu UL LI a:hover {  text-decoration: underline;color:#000;  }

#store-menu-categories {
  border: 1px solid #DADADA;
  border-top: none;
  width: 179px;
}
#store-menu-categories ul {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-type: none !important;
}
#store-menu-categories ul li a {
  display: block;
  text-decoration: none;
  padding: 7px 6px 7px 14px;
  color: #555555;
}
/* #store-menu-categories ul li ul { display: none; } */
#store-menu-categories ul li a:visited {
  color: #555555;
  text-decoration: none;
}
#store-menu-categories ul li a:hover {
  text-decoration: none;
  background-color: #cce7f5;
  color: #0088cc;
}
#store-menu-categories ul a.store-menu-cat-selected { /* selected links */
  color: #0088cc;
  background-color: #cce7f5;
}
#store-menu-categories ul a.store-menu-cat-selected:visited { color: #0088cc; } /* selected links */

#store-menu-categories ul li ul {
  padding-left: 10px;
  padding-right: 10px;
}
#store-menu-categories ul li ul a.store-menu-cat-selected {  /* sub menu links */
  border-top: 1px solid white;
  background-color: #F0F7FB;
}
#store-menu-categories ul li ul a:hover { /* sub menu links: hover */
  background-color: #F0F7FB;
}

/* Category Page */

DIV#store-cat-pager { } /*{border-top:1px dotted #c9c9c9;border-bottom:1px dotted #c9c9c9;}*/
DIV#sorted-by {float:left;margin:15px 0px 15px 0px;}
DIV#per-page {float:left;margin:15px 0px 15px 20px}

DIV#pages {float:left;margin:15px 0px 15px 20px}
DIV#pages a {text-decoration:none;font-size:11px;font-weight:bold;}
DIV#pages a:visited {text-decoration:none;font-size:11px;font-weight:bold;}
DIV#pages a:hover {text-decoration:none;color:#007ec6;font-size:11px;font-weight:bold;}

div.store-cat-item-container { margin-bottom: 10px; }
div.store-cat-item { float: left; text-align: center; padding-right: 20px; }

DIV#store-cat-header { }
DIV#store-cat-heading {margin:10px 0px 10px 0px;font-size:13px;font-weight:bold;text-transform:uppercase;}
.store-subcat-heading {margin:0px;font-size:12px;font-weight:bold;}
.store-cat-image {border:1px solid #c9c9c9;}
.store-cat-itemname {margin-top:20px;text-align:left;}
.store-cat-item a {text-decoration:none;font-size:11px;font-weight:bold;}
.store-cat-item a:visited {text-decoration:none;font-size:11px;font-weight:bold;}
.store-cat-item a:hover {text-decoration:none;color:#007ec6;font-size:11px;font-weight:bold;}
.store-more-btn {text-align:right;margin-top:20px;}
DIV#store-footer {padding-top:20px;padding-bottom:10px; border-top:1px solid #c9c9c9;}
DIV#store-footer-left {float:left;width:300px;}
DIV#store-footer-right {float:right;width:300px;text-align:right;}



#store-item-postagecalc {
  float: left;
  width: 225px;
}
#store-item-shareit {
  float: left;
  padding-left: 15px;
  font-family:arial;
  background-image:url(../images/pictures/large/system-files/bg_share_it.png);
  background-repeat:repeat-y;
}

#store-item-shareit a { color:#000;}

/* TABS */

div#store-item-tabs div.store-hdr-tab {
  float: left;
  cursor: pointer;
}

div#store-item-tabs div.store-hdr-tab div { float: left; }
div#store-item-tabs div.store-hdr-tab-separator { float: left; width: 4px; height: 31px; border-bottom: 1px solid #d7d7d7; }
div#store-item-tabs div.store-hdr-tab-fill { border-bottom: 1px solid #d7d7d7; height: 31px; }

div#store-item-tabs div.store-hdr-tab div.store-hdr-tab-left { background-image: url('../images/pictures/large/tabs/tab_inactive_left.png'); width: 7px; height: 32px; }
div#store-item-tabs div.store-hdr-tab div.store-hdr-tab-link { background-image: url('../images/pictures/large/tabs/tab_inactive_rpt.png'); height: 32px; }
div#store-item-tabs div.store-hdr-tab div.store-hdr-tab-right { background-image: url('../images/pictures/large/tabs/tab_inactive_right.png'); width: 7px; height: 32px; }

div#store-item-tabs div.store-hdr-tab div.store-hdr-tab-link div {
  padding: 8px 10px 6px 10px;
  margin-right: 8px;
  font-size: 11px;
  font-weight: bold;
  color: black;
  text-decoration: none;
  background-image: url('../images/pictures/large/tabs/img_arrow-inactive.jpg');
  background-repeat: no-repeat;
  background-position: right 14px;
}

/* over-state */

div#store-item-tabs div.store-hdr-tab-over {

}
div#store-item-tabs div.store-hdr-tab-over div.store-hdr-tab-link { 
  background-image: url('../images/pictures/large/tabs/img_active-tile.png');
}
div#store-item-tabs div.store-hdr-tab-over div.store-hdr-tab-link { background-image: url('../images/pictures/large/tabs/tab_active_rpt.png'); }
div#store-item-tabs div.store-hdr-tab-over div.store-hdr-tab-left { background-image: url('../images/pictures/large/tabs/tab_active_left.png'); }
div#store-item-tabs div.store-hdr-tab-over div.store-hdr-tab-right { background-image: url('../images/pictures/large/tabs/tab_active_right.png'); }

div#store-item-tabs div.store-hdr-tab-over div.store-hdr-tab-link div {
  background-image: url('../images/pictures/large/tabs/img_arrow-active.jpg');
  background-position: right 15px;
}


div#store-item-tabs-body {
  border: 1px solid #d7d7d7;
  background-color:#FFF;
  color:#000;
  border-top: none;
  padding: 10px 14px;
}



.storehdr {
  font-size:13px;
  font-weight: bold;
  line-height:24px;
  color: #131313;
}

.storecatlink a {text-decoration:none;color:#555555;font-size:11px;}
.storecatlink a:visited {text-decoration:none;color:#555555;font-size:11px;}
.storecatlink a:hover {text-decoration:none;color:#007ec6;font-size:11px;}

.store_featured_link a {text-decoration:none;font-size:11px;font-weight:bold;}
.store_featured_link a:visited {text-decoration:none;font-size:11px;font-weight:bold;}
.store_featured_link a:hover {text-decoration:none;color:#007ec6;font-size:11px;font-weight:bold;}

.storetopline {
  border-top:1px solid #DDDDDD;
}

.storesoftline {
  background-color: #D0D0D0;
}

hr.storesoftline {
  color: #D0D0D0;
  background-color: #D0D0D0;
}


.storeitemhdr {
  background-color: #ffffff;
  color: grey;
  font-size:20px;
  font-weight: bold;
  margin: 0;
}

td.storeitemorderhdr {
  background-color: #E0E0E0;
  font-weight: bold;
}

td.storeitemorderbody {
  background-color: #F5F5F5;
}

td.cartheading {
  border-top:1px solid #c9c9c9;
  border-bottom:1px solid #c9c9c9;
  padding-top:10px;
  padding-bottom:10px;
}

td.bluebox {
  background-color: #5C6D89;
  color: #FFFFFF;
}
td.cart_item_row1{
  height:30px;
  border-bottom:1px dashed #c9c9c9;
  padding-top:5px;
  padding-bottom:5px;
}
td.cart_item_row2{
  padding-top:5px;
  padding-bottom:5px;
}
td.itemLine {
  background-color: #5C6D89;
}

ul.storeCatUl {
  list-style-image: URL(../images/btn/btn_bullet_blue.gif);
  margin-top: 0px;
  margin-bottom: 0px;
}

.cart_img {border:1px solid #d4d4d4;}

/* Dotted line */

.dotted_line{ 
  height: 10px; 
  background-image: URL('../images/pictures/large/system-files/bg_dotted_line.gif'); 
  background-repeat: repeat-x; 
  background-position: center left;
}

/* Item Page */

.storehrline{height:1px;color:#e9e9e9;}
DIV#store-item-trail { 
  font-family: verdana;
  font-size: 10px;
  margin-bottom: 10px; 

}
DIV#store-item-print { float:right; }
DIV#store-item-print A { font-family: verdana; font-size: 10px; color: white; text-decoration:none; }

DIV#store-item-images { float:left; width:280px; clear:both; margin-top:20px; } 
DIV#store-item-images IMG { border: solid 1px #d4d4d4; }

DIV#store-item-name_zoom {margin-top:5px;height:20px;}
DIV#store-item-name{float:left;}
DIV#store-item-zoom {float:right;text-align:right;}
DIV#store-item-zoom a, DIV#store-item-zoom a:visited, DIV#store-item-zoom a:hover {color:white; text-decoration:none;}


DIV#store-item-thumbnails { text-align:center; }
DIV#store-item-thumbnails IMG { width:44px;}

DIV#store-item-detail { float:right; clear: right; width: 440px; margin-top:20px;}
DIV#store-item-detail H1 { font-size: 20px; font-weight: bold; color: #131313; margin-top:0px; margin-bottom: 0px; padding-bottom: 0px; }

DIV#store-item-price { float:left; margin-top:7px;padding-right: 18px; text-transform: uppercase; }
DIV#store-item-price .price { font-size: 20px; font-weight:bold; margin:0px; color:#bc2a1d; }
DIV#store-item-price .pricelabel-from { }
DIV#store-item-price .pricelabel-ourprice { }
DIV#store-item-price .pricelabel-saleprice { font-weight: bold; color: #BC2A1D; }
DIV#store-item-price .pricelabel-exclusiveprice { font-weight: bold; color: #BC2A1D; }
DIV#store-item-price .pricelabel-reducedprice { font-weight: bold; color: #BC2A1D; }

DIV#store-item-rrp { float:left; margin-top:7px; }
DIV#store-item-rrp div { margin:0px; color:#555; font-size: 20px; font-weight:bold; }
DIV#store-item-rrp p { margin:0;font-size: 11px; color:#555;font-weight:normal; text-transform: uppercase;}

DIV#store-item-brand { float:right; text-align:right; }
DIV#store-item-brand P { margin: 4px;  }

DIV#store-item-form { float:left; }
DIV#store-item-form SELECT { padding:2px; border: solid 1px silver; height: 22px; width: 200px; } 
DIV#store-item-form .input {  height: 13px; padding: 2px; border: solid 1px silver; } 

DIV.step-number { font-size:21px; font-weight: bold; color: silver; margin-right: 7px; margin-top:2px; height: 24px; float:left;} 
DIV#step-two-box { margin-top: 11px; height:24px; } 
DIV#step-three-box { margin-top: 11px; height:24px;  } 

DIV#store-item-rating { float:right; text-align:right; }
DIV#store-item-rating P { margin: 7px; }
DIV#store-item-rating A {   }
DIV#store-item-rating DIV#store-item-rating-title { margin-bottom: 4px; }
DIV#store-item-rating DIV#store-item-rating-links { margin-top: 4px; }

DIV#store-item-buttons { text-align:center;padding-top: 10px; }

#tab_table td { cursor:pointer; }


.related_items_heading { color:#000; font-size:14px; }
.related_items_img {padding-top:10px;}
.related_items_img img{ width:85px;border:1px solid #c9c9c9; }
.related_items_name { padding-top:10px;}
.related_items_name a, .related_product_title a:visited, .related_product_title a:hover {font-family:arial;}
.related_items_price { margin-top:5px;color:#131313; font-family:verdana;font-size:10px;line-height:15px;}
.related_items_price2 {color:#555555; font-family:verdana;font-size:10px;line-height:15px;}

.img_border {border:1px solid #c9c9c9;}


#brandList 
{ 
  list-style-type:none !important; 
  display:none; 
  list-style-image:none !important;
  text-indent: 0.0em;
  margin-left: 0px;
  padding-left: 0.0em;
  margin-top: 6px;
  margin-bottom: 4px;
  list-style-position:outside;
  color: black !important;
}

#priceList 
{ 
  list-style-type:none !important; 
  display:none; 
  list-style-image:none !important;
  text-indent: 0.0em;
  margin-left: 0px;
  padding-left: 0.0em;
  margin-top: 6px;
  margin-bottom: 4px;
  list-style-position:inside;
  
}
#ratingList 
{ 
  list-style-type:none !important; 
  list-style:none;
  display:none; 
  list-style-image:none !important;
  text-indent: 0.0em;
  margin-left: 0px;
  padding-left: 0.0em;
  margin-top: 6px;
  margin-bottom: 4px;
  list-style-position:inside;
  
}
#ratingList A, #priceList A, #brandList A { color:grey !important }
#ratingList A:HOVER, #priceList A:HOVER, #brandList A:HOVER { color:#131313 !important; }


#refineMenu
{
  list-style:none;
  list-style-type:none;
    
}

#refineMenu li ul
{
  display:none;
}

#calc_postage_postcode {
	border: 1px solid #c0c0c0;
}


/* CART */

.storeheading, .store-heading {
  background-color: #ffffff;
  color: grey;
  font-size:20px;
  font-weight: bold;
  margin: 0;
}

.account-fav-image {border:1px solid #c9c9c9;}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 47px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

.jcarousel-skin-tango .jcarousel-container {
    
   
   
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 203px;
    padding: 10px 40px;
}


.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  203px;

}


.jcarousel-skin-tango .jcarousel-item {
    width: 47px;

}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 5px;
}


.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 15px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/pictures/large/system-files/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 15px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
  background: transparent url(../images/pictures/large/system-files/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
  background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
  background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
  cursor: default;
  background-position: -96px 0;
}


