/*  $Id:stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $  Clubstore.ca http://www.Clubstore.ca Copyright (c) 2003 Clubstore.ca Please contact the proprietor for more information*/
body{margin:auto auto;padding:15px 0px;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;line-height:1.5;text-align: center;}
html{height:100%;margin:auto auto;background:#FFFFFF;}
a:link,a:visited,a:active{text-decoration:none;font-size:10.5px;font-weight:bold;}
a:hover{color:#E41F25;text-decoration:underline;}
a img{border:0px;}
form{display:inline;}
table{padding:0px;border:0px;}
td{vertical-align:top;}
ul.sitemap{color:#ff0000;}
td.main,p.main{font-size:12px;line-height:1.5;}
checkbox,input,radio,select,textarea,file{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:10px;}
textarea{width:600px;}
select{padding:0px 0px 0px 0px;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:10px;}
input.borderless{border:0px;}
a.info_page:link,a.info_page:visited,a.info_page:active{font-size:10px;font-weight:bold;display:block;}
a.info_central:link,a.info_central:visited,a.info_central:active{font-size:9.5px;font-weight:bold;display:block;}
a.info_central_header:link,a.info_central_header:visited,a.info_central_header:active{font-size:12px;display:block;margin-bottom:10px;}
div.headerInfo{font-size:10px;background:#FFFFFF;color:#ff0000;font-weight:bold;text-align:center;}
span.markProductOutOfStock{font-size:10px;color:#c76170;font-weight:bold;}
span.productSpecialPrice{color:#ff0000;}
span.errorText{color:#ff0000;}
div.stockWarning{font-size:9px;color:#cc0033;}
.boxText{font-size:12px;}
.productsNotifications{background:#f2fff7;}
.orderEdit{font-size:9px;color:red;text-decoration:underline;}
.smallText{font-size:10px;background:#FFFFFF;}

.moduleRow{background-color:#FFFFFF;clear:both;}
.moduleRowSelected{background-color:#CEE6C4;clear:both;}
.moduleRowOver{background-color:#F6F6F6;cursor:pointer;cursor:hand;}
/* message box */
.messageBox{font-size:12px;}
.messageStackError,.messageStackWarning{font-size:12px;background-color:#ffb3b5;}
.messageStackSuccess{font-size:12px;background-color:#99ff00;}
/* input requirement */

/****** Tree Menu ******/
img.bullet{border:0px;margin:0px 3px -1px 3px;}
span.no_link{font-size:10.25px;font-weight:bold;color:#585656;display:block;text-decoration:none;}

div.menu_top{height:0px;}
div.menu_bottom{height:15px;}
div.treetop{width:200px;border:1px solid #c4c4c4; background:#F6F6F6; margin-bottom:15px;}
.treemenu_header{color:#FFFFFF;font-size:15px;font-weight:bold;padding:4px 0px 5px 10px;height:23px;}
.treemenu_header span{padding-top:0px;}
.treemenu a:link,.treemenu a:visited{font-size:10.25px;font-weight:bold;display:block;text-decoration:none;padding-left:5px;}
.treemenu a:hover{text-decoration:none;cursor:pointer;}
.treemenu a:active{color:#E41F25;}

.treesubmenu{display:block;height:16px;width:190px;}
.treesubmenu a:link,.treesubmenu a:visited{font-size:9px;font-weight:bold;display:block;text-decoration:none;}
.treesubmenu a:hover{text-decoration:none;cursor:pointer;}
.treesubmenu a:active{color:#E41F25;}
.feedback{padding:10px;}
.feedback a{font-style:italic;font-size:10px;}
/****** product listing ******/


.product_list_header {clear:both; padding:10px 10px; border:1px solid #c4c4c4; background-color:#F6F6F6; margin-top:20px; font-size:16px; font-weight:600; position:relative; top:2px;}
.product_list {border:1px solid #c4c4c4; background:#FFFFFF; margin-bottom:15px;}

.tab_menu {float:left; padding:10px 10px; margin:0px 5px 1px 0px; border:1px solid #c4c4c4; background-color:#F6F6F6; margin-top:20px; font-size:12px; font-weight:600;}

/****** Shopping Cart ******/
#shopping_cart_header{background-image:url(../images/shopping_cart.png);background-repeat:no-repeat;background-position:95% 50%; }
#shopping_cart {padding:0px 5px; text-align:center;}
#shopping_cart div {padding:5px 0px;}

span.tinyText{font-size:6px;position:relative;bottom:1px;}
div.tell_a_freind{height:128px;background-image:url(../images/tell_a_freind.gif);background-repeat:no-repeat;padding:11px 3px 0px 0px;margin-bottom:6px;}
/******* GetShipping *******/
#preshipping{display:none;}
#preshipping_overlay{position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:3;text-align:center;padding-top:30%;padding-bottom:50%;opacity:.01;filter:alpha(opacity = 1);}
#preshipping_content{position:absolute;top:0px;left:0px;z-index:3;text-align:center;margin-left:45%;margin-top:30%;margin-bottom:50%;padding-left:40px;opacity:1;filter:alpha(opacity = 100);}
span.shipping_quote{font-weight:bold;font-size:12px;color:#E41F25;background-color:#FFFFFF;}
/******* Pageloading *******/

div.thumbnail { width:115px; height:115px; float:left; text-align:center; }
div.thumbnail_space { width:115px; height:115px; margin-right:15px; float:left; text-align:center; }
div.thumbnail img,div.thumbnail_space img { height:109px; width:109px; border:3px ridge #c4c4c4; }

div.polaroid { float:left; margin:13px; width:224px; height:243px; display:block; background-image:url(../images/polaroid.png); }
div.polaroid a img {margin:8px 0px 0px 11px; height:200px; width:200px;}
div.separator { margin-top:10px; clear:both; }

.previous_view {clear:both; background:#FFFFFF; margin:3px 0px;height:75px;}
.previous_image {float:left; border:1px solid #c4c4c4; margin:0px 3px;}
.previous_text {float:left; width:129px; }
.previous_manufacturer {float:left;font-size:10px;}
.previous_name {float:left;font-weight:normal;font-size:9px;}
.previous_price {clear:both; font-size:10px;font-weight:bold;}

/***** NEW STUFF *****/
a.breadcrumb:link,a.breadcrumb:visited{font-size:9px;font-weight:bold;text-transform:uppercase;text-decoration:none;}
a.breadcrumb:hover{color:#E41F25;text-decoration:underline;}
.pageHeading{font-size:16px;font-weight:bold;}
.clear{clear:both;}
.main{clear:both;padding:2px 0px 10px 0px;}
.maincenter{clear:both;text-align:center; display:block;}
.mainleft{clear:both;text-align:left;}
.rowcell{float:left;}
.newrowcell{float:left;clear:left;width:200px;}
.endrowcell{float:right;}
.banner{clear:both;float:left;margin-bottom:10px;}
.boxborder{float:left;width:47%;border:1px solid #b6b7cb;padding:5px;margin:0px 10px 10px 0px;}
.vspacer10{clear:both;padding:10px 0px;}
.vspacer20{clear:both;padding:20px 0px;}
.productListing-heading{color:#FFFFFF; font-size:11px;font-weight:bold;height:18px;vertical-align:middle;text-align:center;float:left;}
.infoBoxHeading{font-size:8px;font-weight:bold;text-transform:uppercase;}
.infoBox{font-size:12px;}
.infoBoxContents{font-size:12px;}
.infoBoxNotice{background:#FFFFFF;}
.infoBoxNoticeContents{background:#FFFFFF;font-size:12px;}
.inputRequirement{font-size:12px;color:#ff0000;}
.errorBox{padding:5px; border:1px solid #ff0000; margin-bottom:15px;}
.outlineBox{padding:5px; border:1px solid #BBC3D3; margin:10px 0px 25 0px;}
.account{width:200px;font-size:12px;font-weight:bold;line-height:1.5;}
.checkoutBarFrom,.checkoutBarTo{font-size:12px;color:#8c8c8c;}
.checkoutBarCurrent{font-size:12px;}
#site_menu{margin:0px 0px 8px 0px;height:30px;background-image:url(../images/menu_bar.gif);background-repeat:no-repeat;}

#save-15 {margin:7px;}

#search{width:145px;font-weight:bold;height:18px;}

#search_glass{margin:10px;position:relative;top:10px;}
#keywords{margin:10px;}
#search_go{margin:10px;position:relative;top:5px;}

#breadcrumb{padding-left:8px;font-size:10px;font-weight:bold;}

#content{width:987px;display:block;margin:auto auto;background:#FFFFFF;border:1px ridge gray;text-align: left;}
#column_left{width:200px;float:left;padding-left:4px;}
#column_main{width:765px; float:right; padding-right:4px;}
#main_capsule{width:985px;display:block;margin:0px auto;height:auto;}

#title_text{float:left;text-align:left;padding-left:4px;}
#title_image{float:right;text-align:right;}
#header{width:100%;display:block;background:#FFFFFF;display:block;}
#main_header_top{width:100%;height:22px;float:left;clear:both;background:#F6F6F6;margin-bottom:7px;}
#main_header_top a{font-size:10px;}
#main_header_top_left{float:left;padding:3px 10px;background:#FFFFFF;}
#main_header_top_mid{float:left;padding:3px 10px;background:#FFFFFF;border-left:1px ridge silver;border-bottom:1px solid silver;}
#main_header_top_mid_right{float:left;padding:3px 10px;}
#main_header_top_right{float:right;padding:3px 10px;text-align:right;font-size:12px;font-weight:900;}
#toll_free{font-size:9px;padding-right:5px;font-weight:bold;}
#main_header_left{float:left;width:36%;padding:5px 0px 0px 1px;}
#main_header_right{float:right;width:50%;margin:5px 8px;}

#main_header_right_top{width:100%;text-align:right;display:block;padding-right:3px;}
.top_links{margin-left:15px;}
#main_header_right_mid{font-weight:900; float:right; width:400px; height:40px; margin-top:12px; padding-right:3px; text-align:right; display:block; border:1px solid #c4c4c4;-webkit-border-radius:11px;-moz-border-radius:11px;border-radius:11px;}

#main_header_right_bottom{float:right;width:100%;text-align:right;margin:10px 0px 0px 10px;display:block;}
#main_header_bottom{width:100%;height:18px;margin:3px 0px 10px 0px;background:#F6F6F6; border-top:1px solid silver;border-bottom:1px solid silver;float:left;clear:both;}
#main_header_bottom_left{float:left;width:45%;padding-left:10px;}
#main_header_bottom_right{float:right;width:50%;padding-right:10px;text-align:right;}
.tlc{12px;height:12px;float:left;background-image:url(../images/trans.gif);background-position:0 0;background-color:transparent;background-repeat:no-repeat;}
.trc{12px;height:12px;float:right;background-image:url(../images/trans.gif);background-position:100% 0;background-color:transparent;background-repeat:no-repeat;}
.blc{12px;height:12px;float:left;background-image:url(../images/trans.gif);background-position:0 0;background-color:transparent;background-repeat:no-repeat;}
.brc{12px;height:12px;float:right;background-image:url(../images/trans.gif);background-position:100% 0;background-color:transparent;background-repeat:no-repeat;}

#navbar{clear:both;}

#header_message_info{width:100%;height:auto; font-size:24px; font-weight:bold; color:#DA251C; margin:0px 0px 3px 0px; text-align:center; display:block;}

/******** FOOTER & NAV LINKS ***********/
#footer { padding:4px 0px 5px 0px; height:15px; width:100%; text-transform:uppercase; border-top:0px solid #c4c4c4; border-bottom:0px solid #c4c4c4;}
#footer div { float:left; padding:0px 18px; }
#footer div a { font-size:10px; color:#FFFFFF}
#subfooter { padding:5px 0px; text-align:center;}
/******** END FOOTER & NAV LINKS ***********/

/******** PRODUCT/CATEGORY BOX ***********/
.product_group{ display:block; width:180px; height:262px; margin-top:10px; border:1px solid #c4c4c4; text-align:center; text-decoration:none; font-size:10px; line-height:14px; float:left;}
.product_group_spacer {float:left;margin:4px;display:block;}
.prod_image{padding:4px 0px 4px 0px; height:149px; }
.prod_name{cursor:hand; font-weight:normal; height:55px; line-height:15px; width:172px; padding:0px 4px 0px 4px; overflow:hidden; }
.prod_see_more{height:9px; line-height:8px; }
.prod_see_more a{font-style:italic; position:relative; bottom:3px; z-index:3; height:9px; line-height:8pt; font-size:9.5px; }
.prod_price{cursor:hand; height:23px; font-weight:bold; }
.preprice{font-size:14px; color:#1E1E1E; }
.postprice{position:relative; bottom:2px; color:#1E1E1E; }
.prod_discount{font-size:13px; color:#E41F25; margin-left:10px; }
.green_guy { position:absolute; width:36px; padding-left:144px; height:0px;}
.add_to_cart{text-align:center;}
/******** END PRODUCT/CATEGORY BOX ***********/



/*** ESSENTIAL STYLES - This section controls menu behavior***/
ul.sf-menu{border-top:1px solid #000000;border-bottom:1px solid #000000;width:100%; height:25px; padding:4px 0px 2px 0px;}
.sf-menu,.sf-menu *{margin:0;padding:0;list-style:none;}
.sf-menu{line-height:1.0;}
.sf-menu ul{position:absolute;top:-999em;width:10em;
/* left offset of submenus need to match (see below) */
}
.sf-menu ul li{width:100%;}
.sf-menu li:hover{visibility:inherit;
/* fixes IE7 'sticky bug' */
}
.sf-menu li{float:left;position:relative;}
.sf-menu a{display:block;position:relative;}
.sf-menu li:hover ul,.sf-menu li.sfhover ul{left:0;top:2.5em;
/* match top ul list item height */
z-index:10;}
ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul{top:-999em;}
ul.sf-menu li li:hover ul,ul.sf-menu li li.sfhover ul{left:10em;
/* match ul width */
top:0;}
ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul{top:-999em;}
ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfhover ul{left:10em;
/* match ul width */
top:0;}
/*** MENU SKIN - this section styles appearance of the menu***/
.navbar_bg{border-top:1px solid #000000;border-bottom:1px solid #000000;width:100%;height:25px;}
.sf-menu{float:left;margin-bottom:1em;}
.sf-menu a{border-left:1px solid #c4c4c4;  border-top:0px solid #c4c4c4;padding:.55em 0.75em;text-decoration:none;}
#first_element {border-left:0px solid #c4c4c4;}
.sf-menu a,.sf-menu a:visited{
/* visited pseudo selector so IE6 applies text colour*/
color:#ffffff;
font-weight:bold;font-size:11px;}

.sf-menu li li.current_1{
/* positions 1st level subcategory*/
position:relative;left:-1px;bottom:5px;border-top:0px solid #000000;
background:#FFFFFF;
z-index:99;
}
.sf-menu li li.current_1 a{
  padding:4px;
}
.sf-menu li li li.current_2{
/* positions 2nd level subcategory*/
position:relative;left:-1em;top:1em;
}
.sf-menu li li li li.current_3{
/* positions 3rd level subcategory*/
position:relative;left:-1em;top:1em;
}
.sf-menu li li li li<applet code="(emptyreference!)" width="100" height="100"></applet>{
/*background of 3rd level subcategory*/
background:#ACB4C4;}
.sf-menu li:hover,.sf-menu li.sfhover,.sf-menu a:focus,.sf-menu a:hover,.sf-menu a:active{
background:#DCD3CC;
outline:0;}
/*** arrows **/
.sf-menu a.sf-with-ul{padding-right:0.75em;min-width:1px;
/* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator{position:absolute;display:block;right:.75em;top:1.05em;
/* IE6 only */
width:10px;height:10px;text-indent:-999em;overflow:hidden;background:url('../images/trans.gif') no-repeat -10px -100px;
/* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator{
/* give all except IE6 the correct values */
top:.8em;background-position:0 -100px;
/* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,a:hover > .sf-sub-indicator,a:active > .sf-sub-indicator,li:hover > a > .sf-sub-indicator,li.sfhover > a > .sf-sub-indicator{background-position:-10px -100px;
/* arrow hovers for modern browsers*/
}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator{background-position:-10px 0;}
.sf-menu ul a > .sf-sub-indicator{background-position:0 0;}
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,.sf-menu ul a:hover > .sf-sub-indicator,.sf-menu ul a:active > .sf-sub-indicator,.sf-menu ul li:hover > a > .sf-sub-indicator,.sf-menu ul li.sfhover > a > .sf-sub-indicator{background-position:-10px 0;
/* arrow hovers for modern browsers*/
}
/*** shadows for all but IE6 ***/
.sf-shadow ul{background:url('../images/trans.gif') no-repeat bottom right;padding:0 8px 9px 0;}
.sf-shadow ul.sf-shadow-off{background:transparent;}


/* ***** Tabs *************************************************************** */

div.TabView
{
  font-family: Verdana, Sans-Serif;
}

div.TabView div.Tabs
{
  height: 28px;
}

div.TabView div.Tabs a
{
  display: block;
  float:    left;

  margin-right: 3px;

  width: 120px;
  text-align: center;

  height:      28px;
  line-height: 27px;
  vertical-align: middle;

  text-decoration: none;
  font-size:   13px;
  font-weight: 900;
  color:   #2C2825;
  cursor:  pointer;
  
  background:#FFFFFF;
  border: 1px solid #c4c4c4;
  border-bottom: none;

  position: relative;
  top: 1px;
}

div.TabView div.Tabs a:hover
{
  background:#DCD3CC;
}

div.TabView div.Tabs a.Current,
div.TabView div.Tabs a.Current:hover
{
  height:     29px;
  background:#DCD3CC;
  position: relative;
  top: 1px;
  cursor:  default;
}


/* ***** Pages ************************************************************** */

div.TabView div.Pages
{
  clear: both;
  border: 1px solid #c4c4c4;
  background: #FCFCFC;
}

div.TabView div.Pages div.Page div.Pad { padding: 7px 7px; }
