/*
  $Id: stylesheet.css,v 1.1.1.1 2004/03/04 23:42:24 ccwjr Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License

.cat_description {  font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #800000; font-weight: bold }
.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }
.navBlue     { color: #FF0000; font-size: 8pt; font-family: Verdana; }
.subnavBlue     { color: #9966FF; font-size: 8pt; font-family: Verdana; }


/*The stuff here is really old and don't really know if it's needed */

FORM {
  display: inline;
}

#sold {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(opacity=0.6)";
  filter: progid:DXImageTransform.Microsoft.BasicImage(opacity=0.6);

}

BODY {
  background: #ffffff;
  margin: 0px;
	background-repeat: repeat;
  background-position:right top;
  overflow-y: scroll;
}

A {
  font-family: inherit; 
  text-decoration: none;
  color: inherit;
}

A:visited {
  font-family: inherit; 
  text-decoration: none;
  color: inherit;  
}

A:hover {
  font-family: inherit;
  text-decoration: underline; 
  color: inherit;  
}


.ari_g11, .ari_g13, .ari_g15, .ari_g17, .ari_g19, .ari_g21, 
.ari_w11, .ari_w13, .ari_w15, .ari_w17, .ari_w19,
.ari_lg13, 
.ari_m11, .ari_m12, .ari_m13, .ari_m15, .ari_m17, .ari_m19,
.ari_dm15,
.ari_b11, .ari_b12, .ari_b13, .ari_b15, .ari_b17, .ari_b19, .ari_b21
.ari_r11 {
  font-family: Arial;
  line-height: 1.4; 
}

/*Font Colours */
.ari_b11, .ari_b12, .ari_b13, .ari_b15, .ari_b17, .ari_b19, .ari_b21, .ari_b11 A, .ari_b13 A, .ari_b15 A, .ari_b17 A, .ari_b19 A, .ari_b21 A {
  color: #4b361d;                      
}

.ari_g11, .ari_g13, .ari_g15, .ari_g17, .ari_g19, .ari_g21, .ari_g11 A, .ari_g13 A, .ari_g15 A, .ari_g17 A, .ari_g19 A, .ari_g21 A {
  color: #58525c;                      
}

.ari_lg13, .ari_lg13 A {
  color: #b9b9b9;
}

.ari_m11, .ari_m12, .ari_m13, .ari_m15, .ari_m17, .ari_m19, .ari_m11 A, .ari_m12 A, .ari_m13 A, .ari_m15 A, .ari_m17 A, .ari_m19 A {
  color: #daf6ec;
}

.ari_dm15, .ari_dm15 A {
  color: #94cec1;
}

.ari_r11, .ari_r11 A {
  color: #f35656;
}

.ari_w11, .ari_w13, .ari_w15, .ari_w17, .ari_w19, .ari_w11 A, .ari_w13 A, .ari_w15 A, .ari_w17 A, .ari_w19 A {
  color: #ffffff;
}


/*Sizes */
.ari_g11, .ari_p11, .ari_w11, .ari_m11, .ari_b11, .ari_r11 {
  font-size: 11px;
}

.ari_m12, .ari_b12 {
  font-size: 12px;
}

.ari_g13, .ari_lg13, .ari_w13, ari_m13, .ari_b13 {
  font-size: 13px;
}

.ari_g15, .ari_w15, .ari_m15, ari_dm15, .ari_b15 {
  font-size: 15px;
}

.ari_g17, .ari_w17, .ari_m17, .ari_b17 {
  font-size: 17px;
}

.ari_g19, .ari_w19, .ari_m19, .ari_b19 {
  font-size: 19px;
}

.ari_g21, .ari_b21 {
  font-size: 21px;
}


/* Extra - Stop underline on hover */
.ari_m11 {
  text-decoration: none;
}  

.promo_g12, .promo_g12 A, .promo_g12 A:hover {
  font-family: Trebuchet MS;
  font-size: 12px;
  color: #645b6a;
  text-decoration: none;  
}

/* BF added for drop downs used in menus ect*/

.flexdropdownmenu { /*topmost and sub ULs, respectively*/
font: 13px Arial;
margin: 0; 
padding: 0;
position: absolute;
left: -99em;
top: 0;
list-style-type: none;
border-bottom-width: 0;
visibility: hidden;
display: block; /*collapse all sub menus to begin with*/
vertical-align: middle;

}


.flexbox, .flexbox A {
position: relative;
display: block;
width: 95px; /*width of menu (not including side paddings)*/
color: black;
background: #edfff8;
padding: 0px 0px;
font-family: Trebuchet MS;
font-size: 13px;
color: #4b361d;
text-decoration: none;  
}

.flexbox2, .flexbox2 A {
position: relative;
display: block;
width: 128px; /*width of menu (not including side paddings)*/
color: black;
background: #edfff8;
padding: 0px 0px;
font-family: Trebuchet MS;
font-size: 13px;
color: #4b361d;
text-decoration: none;  
}

.flexbox3, .flexbox3 A {  
position: relative;
display: block;
width: 122px; /*width of menu (not including side paddings)*/
color: black;
background: #edfff8;
padding: 0px 0px;
font-family: Trebuchet MS;
font-size: 13px;
color: #4b361d;
text-decoration: none; 

}

.flexbox_c, .flexbox_c A {
display: table;
vertical-align: middle;  /* Align inline level elements vertically */
width: 130px; /*width of menu (not including side paddings)*/
color: #4b361d;
background: #edfff8;
font-family: Arial;
font-size: 12px;
color: #4b361d;
text-decoration: none;  
}

* html .flexbox { /*IE6 CSS hack*/
display: inline-block;
width: 95px; /*width of menu (include side paddings of LI A*/
}

.flexbox a:hover, .flexbox.selected>a, .flexbox2 a:hover, .flexbox2.selected>a, .flexbox3 a:hover, .flexbox3.selected>a, .flexbox_c a:hover, .flexbox_c.selected>a {
background: #c7f8e8;
text-decoration: none;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px; 
}

.flexmenu1 {
  font-family: Arial;
  font-size: 13px;
  color: #4b361d;
  text-decoration: none;
}

.flexbasketmenu { /*topmost and sub ULs, respectively*/
font: bold 13px Arial;
list-style-type: none;
border-bottom-width: 0;
margin: 0; 
padding: 0;
position: absolute;
left: -99em;
top: 0;
background-color: fff;
list-style-type: none;
border-bottom-width: 0;
/*visibility: hidden;
display: block; /*collapse all sub menus to begin with*/

}

* html .flexbasket { /*IE6 CSS hack*/
display: inline-block;
width: 217px; /*width of menu (include side paddings of LI A*/
}          
                                                                     
/* BF added for slider used on front page (scripts.js)*/
div.wrap {
  width : 480px;
  margin : 0 auto;
  text-align : left;
}

div#top div#nav {
  float : left;
  clear : both;
  width : 480px;
  height : 52px;
}

div#top div#nav ul {
  float : left;
  width : 480px;
  height : 52px;
  list-style-type : none;
}

div#nav ul li {
  float : left;
  height : 52px;
}

div#nav ul li a {
  border : 0;
  height : 52px;
  display : block;
  line-height : 52px;
  text-indent : -9999px;
}

div#header {
  margin : -1px 0 0;
}

div#video-header {
  height : 450px;
  margin : -1px 0 0;
}

div#header div#slide-holder {
  z-index : 40;
  width : 480px;
  height : 385px;
  position : absolute;
}

div#header div#slide-holder div#slide-runner {
  top : 0px;
  left : 0px;
  width : 480px;
  height : 385px;
  overflow : hidden;
  position : absolute;
}

div#header div#slide-holder img {
  margin : 0;
  display : none;
  position : absolute;
}

div#header div#slide-holder div#slide-controls {
  left : 290px;
  bottom : 18px;
  width : 200px;
  height : 35px;
  display : none;
  position : absolute;
}

div#header div#slide-holder div#slide-controls p.text {
  float : left;
  color : #fff;
  display : inline;
  font-size : 10px;
  line-height : 16px;
  margin : 15px 0 0 20px;
  text-transform : uppercase;
}

div#header div#slide-holder div#slide-controls p#slide-nav {
  float : right;
  height : 29px;
  display : inline;
  margin : 11px 15px 0 0;
}

div#header div#slide-holder div#slide-controls p#slide-nav a {
  float : left;
  width : 22px;
  height : 22px;
  display : inline;
  font-size : 11px;
  margin : 0 5px 0 0;
  line-height : 22px;
  font-weight : bold;
  text-align : center;
  text-decoration : none;
  background-position : 0 0;
  background-repeat : no-repeat;
}

div#header div#slide-holder div#slide-controls p#slide-nav a.on {
  background-position : 0 -22px;
}

div#header div#slide-holder div#slide-controls p#slide-nav a {
  background-image : url(images/slide-nav.png);
}
          
/* for carousel used on product descriptions and in cart*/
.jcarousel .jcarousel-container {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
   border-radius: 2px;
    background: #ffffff;
}

.jcarousel .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel .jcarousel-container-vertical {
    width: 82px;
    height: 334px;
    padding: 27px 1px;
}

.jcarousel .jcarousel-clip {
    overflow: hidden;
}

.jcarousel .jcarousel-clip-vertical {
    width:  82px;
    height: 334px;
}

.jcarousel .jcarousel-item {
    width: 82px;
    height: 80px;
}

.jcarousel .jcarousel-item-vertical {
    margin-bottom: 4px;
}

* html .jcarousel .jcarousel-item-vertical { /*IE6 CSS hack*/
    margin-bottom: 2px;
}

.jcarousel .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Vertical Buttons
 */
.jcarousel .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 0px;
    width: 82px;
    height: 19px;
    cursor: pointer;
    background: transparent url(images/button_scroll_down.png) no-repeat 0 0;
}

.jcarousel .jcarousel-next-vertical:hover,
.jcarousel .jcarousel-next-vertical:focus {
    background-position: 0 -19px;
}

.jcarousel .jcarousel-next-vertical:active {
    background-position: 0 -37px;
}

.jcarousel .jcarousel-next-disabled-vertical,
.jcarousel .jcarousel-next-disabled-vertical:hover,
.jcarousel .jcarousel-next-disabled-vertical:focus,
.jcarousel .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -57px;
}

.jcarousel .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 0px;
    width: 82px;
    height: 19px;
    cursor: pointer;
    background: transparent url(images/button_scroll_up.png) no-repeat 0 0;
}

.jcarousel .jcarousel-prev-vertical:hover,
.jcarousel .jcarousel-prev-vertical:focus {
    background-position: 0 -19px;
}

.jcarousel .jcarousel-prev-vertical:active {
    background-position: 0 -38px;
}

.jcarousel .jcarousel-prev-disabled-vertical,
.jcarousel .jcarousel-prev-disabled-vertical:hover,
.jcarousel .jcarousel-prev-disabled-vertical:focus,
.jcarousel .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -57px;
}

.jcarousel-skin-basket .jcarousel-container {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
   border-radius: 2px;
    background: #ffffff;
}

.jcarousel-skin-basket .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-basket .jcarousel-container-vertical {
    width: 215px;
    height: 282px;
    padding: 26px 1px;
}

.jcarousel-skin-basket .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-basket .jcarousel-clip-vertical {
    width:  215px;
    height: 282px;
}

.jcarousel-skin-basket .jcarousel-item {
    width: 215px;
    height: 83px;
}

.jcarousel-skin-basket .jcarousel-item-vertical {
    margin-bottom: 6px;
    margin-top: 6px;    
}

* html .jcarousel-skin-basket .jcarousel-item-vertical { /*IE6 CSS hack*/
    margin-bottom: 5px;
    margin-top: 5px; 
}
.jcarousel-skin-basket .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-basket .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 7px;
    width: 199px;
    height: 15px;
    cursor: pointer;
    background: transparent url(images/button_scrollb_down.png) no-repeat 0 0;
}

.jcarousel-skin-basket .jcarousel-next-vertical:hover,
.jcarousel-skin-basket .jcarousel-next-vertical:focus {
    background-position: 0 -15px;
}

.jcarousel-skin-basket .jcarousel-next-vertical:active {
    background-position: 0 -30px;
}

.jcarousel-skin-basket .jcarousel-next-disabled-vertical,
.jcarousel-skin-basket .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-basket .jcarousel-next-disabled-vertical:focus,
.jcarousel-skin-basket .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -45px;
}

.jcarousel-skin-basket .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 7px;
    width: 199px;
    height: 15px;
    cursor: pointer;
    background: transparent url(images/button_scrollb_up.png) no-repeat 0 0;
}

.jcarousel-skin-basket .jcarousel-prev-vertical:hover,
.jcarousel-skin-basket .jcarousel-prev-vertical:focus {
    background-position: 0 -15px;
}

.jcarousel-skin-basket .jcarousel-prev-vertical:active {
    background-position: 0 -30px;
}

.jcarousel-skin-basket .jcarousel-prev-disabled-vertical,
.jcarousel-skin-basket .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-basket .jcarousel-prev-disabled-vertical:focus,
.jcarousel-skin-basket .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -45px;
}

.moduleRow { }
.moduleRowOver { background-color: #fafffd; }
.moduleRowSelected { background-color: #ebfff8; }

/*@media (max-width:399px) {
.full_view { display: none; }

}

@media (min-width:400px) {
.mb_view { display: none; }

}
*/      
.mb_view { display: none; }