@font-face {
font-family: 'ImpactMac';
src: url('/fonts/impact.ttf');
}

/* -- RESET (Yahoo CSS Reset) --*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
    margin:0;
    padding:0;
font-family: Arial;
}
fieldset,img {
  border:0;
}
address,caption,cite,code,dfn,em,th,var {
  font-style:normal;
  font-weight:normal;
}
table {
  border-collapse:collapse;
  border-spacing:0;
}
caption,th {
    text-align:centre;
  padding: 2px;
}
td {
padding: 2px;
}

ol,ul {
  list-style:none;
}
h1,h2,h3,h4,h5,h6 {
  font-size:1em;
  font-weight:normal;
}
a 
{
    text-decoration: none;
    color: inherit;
}
q:before,q:after {
  content:'';
}
abbr,acronym { border:0;
}

.aspNetDisabled, .disabled {opacity: 0.5;}

/***********************************************/
/* Main SOF styles                           */
/***********************************************/
body {
font-family: Calibri, Tahoma, Verdana, sans-serif;
font-size: 0.8em;
background: #eee;
color: #444444;

 }
#container {width: 1020px; margin:0 auto 0 auto; background: #fff; }

#container.home { padding: 30px; text-align: center; }
#container.home li {display: block; padding: 3px; float: left;}

#container.subpages {padding: 0px 3px; border-top: 5px solid #ffffff;}

#masthead { position: relative; height: 75px; background-color: #ffffff; }
#masthead span#logo {float: left; background: url(/media/148553/sof_logoblack.png) no-repeat center; width: 170px; height: 70px;
padding: 2px; text-indent: -2000px;  }

#accountLinks {
float:right;
font-size: 11px;
text-transform: uppercase;
margin-right: -3px;
  }
#accountLinks a {
-moz-box-shadow:inset 0px 1px 0px 0px #caefab;
-webkit-box-shadow:inset 0px 1px 0px 0px #caefab;
box-shadow:inset 1px 1px 3px 0px #caefab;
background-color:#036003;
-webkit-border-top-left-radius:5px;
-moz-border-radius-topleft:5px;
border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-moz-border-radius-topright:5px;
border-top-right-radius:5px;
-webkit-border-bottom-right-radius:5px;
-moz-border-radius-bottomright:5px;
border-bottom-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-moz-border-radius-bottomleft:5px;
border-bottom-left-radius:5px;
text-indent:0;
border:0px solid #268a16;
display:inline-block;
color:#ffffff;
font-size:13px;
font-weight:bold;
font-style:normal;
        padding:6px 24px;
text-decoration:none;
text-align:center;
text-shadow:1px 1px 0px #268a16;
}

#accountLinks a:hover {
background-color:#059E05;
  }

		
#accountLinks td
  {
    background-color: #fff;
    padding-left: 2px;
    padding-top: 0px;
    margin: 0px;
  }

.loginTextbox
{width: 100px;}

#websiteTabs {position: absolute; bottom: 0px; right: 0px; background: #999; }

#websiteTabs a { display: block; float: left; text-decoration: none; color: #fff; padding: 5px;
border-left: 1px solid #818181; text-transform:uppercase; font-size: 12px;
 }
#websiteTabs a:hover { background: #ccc;  }

#content
{ padding-top: 3px; }

#content p
{padding-bottom: 10px;}

#content strong
{font-weight: bold; }

#leftColumn {width: 200px; float: left;  }
#rightColumn {width: 790px; float: right; padding: 10px;}
#rightColumn h1 {font-size: 2em; padding-bottom: 10px; font-family: Impact, ImpactMac;}
#rightColumn h2 {font-size: 1.2em; font-weight: bold; padding-bottom: 10px;}
#rightColumn ul{ list-style: disc; list-style-position:outside; margin-left: 20px; }

#rightColumn a:hover{
    color: #999;
}

#clearDiv
{clear: both; width: 100%;}
.smallText
{font-size: 0.8em;}

.threeColList > span, .threeColList > div
{
    float: left;
    width: 33%;
    text-align: center;
}

.threeColList img {max-width: 200px; max-height: 200px;}
.threeColList img.collectionLogo {max-width: 250px; max-height: 300px;}
.threeColList > br {
    clear: both;
}
  

/***********************************************/
/* Homepage                       */
/***********************************************/
/* root element for tabs  */
#rightColumn.homepage h2 {
  border-bottom: 1px solid #ccc;
  font-family: Impact, ImpactMac;
  font-size: 2em;
  font-weight: normal;
  margin-bottom: 20px;
}

.homepage ul.tabs {
    list-style:none !important;
    margin:0 !important;
    padding:0;
    height:30px;
}

.homepage ul.tabs li {
    float:left;
    text-indent:0;
    padding:0;
    margin:0 !important;
    list-style-image:none !important;
}

.homepage ul.tabs a {
    background: url(/media/images/tabs.png) no-repeat -420px 0;
    display:block;
    height: 30px;
    line-height:30px;
    width: 134px;
    text-align:center;
    text-decoration:none;
    color:#333;
    padding:0px;
    margin:0px;
    position:relative;
    top:1px;
    font-weight: bold;
    text-shadow: 1px 2px #ccc;
}

.homepage ul.tabs a:active {
    outline:none;
}

.homepage ul.tabs a:hover {
    background-position: -420px -31px;
    color:#fff !important;
    text-shadow: none;
}

.homepage ul.tabs a.current, .homepage ul.tabs a.current:hover, .homepage ul.tabs li.current a {
    background-position: -420px -62px;
    cursor:default !important;
    color:#000 !important;
}

.homepage ul.tabs a.s { background-position: -553px 0; width:81px; }
.homepage ul.tabs a.s:hover { background-position: -553px -31px; }
.homepage ul.tabs a.s.current  { background-position: -553px -62px; }
.homepage ul.tabs a.l { background-position: -248px -0px; width:174px; }
.homepage ul.tabs a.l:hover { background-position: -248px -31px; }
.homepage ul.tabs a.l.current { background-position: -248px -62px; }
.homepage ul.tabs a.xl { background-position: 0 -0px; width:248px; }
.homepage ul.tabs a.xl:hover { background-position: 0 -31px; }
.homepage ul.tabs a.xl.current { background-position: 0 -62px; }

.panes .pane, .panes > div {
    display:none;
    position:relative;
}

.scrollable {
  position:relative;
  overflow:hidden;
  width: 789px;
  height:299px;
  float:left;
}

.scrollable .items {
  width:20000em;
  position:absolute;
}
 
.items > span
{
    float: left;
    display: block;
}

.items > span.listProductItem { width: 185px;}

.separator {
    clear: both;
    height: 5px;
}

a.browse {
    background:url(/media/images/arrows.png) no-repeat;
    display:block;
    width:30px;
    height:30px;
    cursor:pointer;
    position: absolute;
    top: 310px;
	z-index: 100;
}

/* right */
a.right { background-position: 0 -30px; clear:right; margin-right: 0px; right: 20px;}
a.right:hover { background-position:-30px -30px; }
a.right:active { background-position:-60px -30px; }


/* left */
a.left { margin-left: 0px; left: 20px;}
a.left:hover  { background-position:-30px 0; }
a.left:active { background-position:-60px 0; }

/* up and down */
a.up, a.down  {
    background:url(/media/images/arrows_vert.png) no-repeat;
}

/* up */
a.up:hover { background-position:-30px 0; }
a.up:active { background-position:-60px 0; }

/* down */
a.down { background-position: 0 -30px; }
a.down:hover { background-position:-30px -30px; }
a.down:active { background-position:-60px -30px; }

a.disabled {
    visibility:hidden !important;
}

.naviWrapper 
{
    position: relative;
    width: 100%;
    margin-top: 25px;
    overflow: hidden;
    float: left;
}

.navi 
{  
    height:20px;
    position: relative;
    left: 50%;
    float: left;
    clear: left;
    text-align:center;
}

.navi a {
    width:8px;
    height:8px;
    float:left;
    margin:3px;
    background:url(/media/images/navigator.png) 0 0 no-repeat;
    display:block;
    font-size:1px;
    position: relative;
    right: 50%;
}

.navi a:hover {
    background-position:0 -8px;
}

.navi a.active {
    background-position:0 -16px;
}

/***********************************************/
/* Product Results                       */
/***********************************************/
.productLink 
{
    color: #444;
    text-decoration: none;
}

#rightColumn .productLink:hover {color: #767676;}

#productThumbnail
{height: 190px; width: 180px; position: relative;}

.previousPrice
{font-size: 0.7em; text-decoration: line-through; color: #990000; }
.listProductSeparator
{}
.listProductItem
{width: 190px; text-align: center; border: 1px solid #ccc; padding: 5px; vertical-align:top;}

.listProductItem > div {
  height: 285px;
  position: relative;
}



.listProductItem h3
{ vertical-align: middle; margin-top: 5px; height: 40px;}
.listProductItem h4
{ font-weight: bold; vertical-align: middle; font-size: 1.2em; }

.listProductItem input
{max-width:180px; max-height: 180px;}
.listProductItem .ddlPackItemSize {
  margin: 0 0 0 5px;
}
.listProductItem .rfPackItemSize {
  display: block;
  font-weight: bold;
  margin-bottom: 10px;
}

.listProductItem .pricePanel {position: absolute; bottom: 0px; width: 100%;}

#pagingDiv
{padding: 20px;}

.pageLinks {
  background: #036003;
  padding: 5px 6px;
  line-height: 30px;
  text-decoration: none;
  color: #ffffff;
  border-radius: 2px;
}

#rightColumn .pageLinks:hover {
  background: #059E05;
  padding: 6px 6px;
  line-height: 30px;
  text-decoration: none;
  color: #ffffff;
}

.thumbnailProductImage
{max-width: 180px; max-height: 180px;}
.btnMoreDetails
{padding: 5px; background-color: #cccccc; display: block; text-decoration: none; color: #000000;}
#smButtonsCategory
{margin: 10px 0 0 0; float: right;}
.vidContainer{margin: 20px 0;}

.listProductPackGrid {width: 100%;}

.listProductPackItem
{width: 100%; text-align: center; border: 1px solid #ccc; padding: 5px; vertical-align:top;}

.listProductPackItem div.packItemInner {
    float: left;
	text-align: left;
}

.listProductPackItem .packItemInnerLast 
{
    float: right;	
	padding-right: 10px;
}

.listProductPackItem h3
{ vertical-align: middle; margin-top: 20px;}
.listProductPackItem h4
{ font-weight: bold; vertical-align: middle; font-size: 1.2em; }

.listProductPackItem #productThumbnail
{height: inherit; width: 90px; position:inherit; margin-right: 50px;}

.listProductPackItem .thumbnailProductImage
{max-width: 90px; max-height: 90px;}

.listProductPackItem .pricePanel {margin-top: 20px;}
/***********************************************/
/* Left Menu                       */
/***********************************************/
#leftColumn li a
{display:block; padding: 3px; border-bottom: 1px solid #fff; text-decoration: none; color: #fff;}
#loginPanel
{padding: 10px; background: #ccc; border: solid 1px #999; margin-top: 10px; margin-bottom:10px;}
/***********************************************/
/* Product Detail Page Styles                           */
/***********************************************/
.divSaleTag
{position: absolute; z-index: 1; width: 180px; height: 40px; background: url(/media/images/saletag.png) no-repeat;}

.divSaleTag_large
{position: absolute; z-index: 1; width: 300px; height: 40px; background: url(/media/288102/saletaglarge.png) no-repeat;}

.oosTag 
{position: absolute; z-index: 2; width: 180px; height: 40px; left: 0; top: 50%; display:none;}

.disabled .oosTag {
    display: block;
}

#divBreadcrumb
{line-height: 20px; font-size: 0.8em; margin-bottom:10px}

#divBreadcrumb span
{padding: 0 5px;}

.btnBackButton
{float: right;}

div.productDetailsTab .productDetailsLabel {display: inline-block; width: 115px;}

#divProductDetailContainer
{position: relative;}

#divProductDetailContainer h2
{margin-bottom: 20px; font-size: 130%; font-weight: bold; color: #000;}

#divProductDetailContainer select
{width: 300px; }

#divProductTabs
{ width: 470px;}

.mainProductImage
{max-width: 300px;}

#divRelatedProducts
{clear: both;}

#divProductDetail_Left
{ width: 300px; float: left; }

#divProductDetail_Right
{ width: 470px; float: right; }

.productTab {min-height: 100px; padding: 10px;}

.tbxCde {display: block; margin: 5px 0;}

.ppSection {margin: 20px 0 0 0;}
#rightColumn .ppSection h2
{
  border-bottom: 1px solid #ccc;
  font-family: Impact, ImpactMac;
  font-size: 1.8em;
  font-weight: normal;
  margin-bottom: 20px;
}

#divRelatedCategories a { 
    border: 2px solid #fff;
    text-decoration: none;
    display: block;
    padding: 5px;
    background: #036003;
    color: #fff;
    Font-weight:bold;
}

#divRelatedCategories a:hover {
    border: 2px solid #059E05;
    text-decoration: none;
    display: block;
    padding: 5px;
    background: #fff;
    color: #036003;
    Font-weight:bold;
}

.prdValSum ul {display: none; visibility: hidden;}
.prdDescContainer 
{
    max-height: 270px;
    min-height: 100px;
    overflow: auto;
}
/***********************************************/
/* Product sub categories          */
/***********************************************/

#filterResults
{border: 1px solid #ccc; padding: 10px; margin-bottom: 10px; text-align: left;}

#filterResults a{  border: 1px solid #fff;
text-decoration: none; color: #fff; display: inline-block;
  background: #999;  width: 240px; padding: 3px; }

#filterResults a:hover{ border: 1px solid #ccc; color: #fff;}

#buttonDivision
{text-align: right; padding: 10px;}
#smButtons
{float: left; margin-top:28px; min-width: 200px;}
#priceDivision
{text-align: right; font-size: 1.2em; font-weight: bold; padding: 10px;}

.colourDivision,
.sizeDivision
{padding-top: 15px;}

.sizeDivision select {
    box-shadow:inset 0px 0px 5px 0px #acacac;
    background: #fff;
    margin: 0 0 2px 0;
    padding: 2px; 
    border: 1px solid #12D119;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    font-size: 14px;
}
.colourDivision select {
    box-shadow:inset 0px 0px 5px 0px #acacac;
    background: #fff;
    margin: 0 0 2px 0;
    padding: 2px; 
    border: 1px solid #12D119;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    font-size: 14px;
}

.imgThumbnail
{width: 70px; height: 70px; cursor: pointer;}

/***********************************************/
/* FORM styles          */
/***********************************************/
           

#content input[type=submit], #content input[type="button"] {
	-webkit-appearance: none;
	-moz-box-shadow:inset 0px 1px 0px 0px #caefab;
	-webkit-box-shadow:inset 0px 1px 0px 0px #caefab;
	box-shadow:inset 0px 1px 0px 0px #caefab;
	background-color:#52a807;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	border-bottom-left-radius:5px;
	text-indent:0;
	border:1px solid #268a16;
    display:inline-block;
    color:#ffffff;
    text-transform: uppercase;
    font-size:13px;
    font-weight:bold;
    font-style:normal;
    padding: 5px 15px;
    text-decoration:none;
    text-align:center;
    text-shadow:1px 1px 0px #268a16;
  }

#content input[type=submit]:hover, #content input[type="button"]:hover {
    background-color:#75d12a;
  }


#contentForm input[type=submit]:focus {}
#contentForm input[type=text].error, textarea.error { border:2px solid #8a1f11; }


#content input[type=select] {
padding: 5px; border: 1px solid #999;}

.error, .errorBlock, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error, .errorBlock {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.errorBlock {display:block;}
.errorInline {background: none repeat scroll 0 0 #FBE3E4; border-color: #FBC2C4;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

/***********************************************/
/* Basket                                 */
/***********************************************/
#deliveryPanel
{border: 1px solid #999; padding: 10px;}

#deliveryPanel select {
    box-shadow:inset 1px 1px 5px #acacac;
    background: #fff;
    padding: 5px;
    border: 1px solid #006B24;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    font-size: 16px;
 }

#noticePanel, .noticePanel
{padding: 5px; border: 2px solid #ff0000; background-color: #fff; margin-top: 5px; margin-bottom: 5px; color: #ff0000;}
#deliveryPanel .success
{margin-top: 15px;}
.basketItemAdditionalContainer {padding-top: 10px;}
.basketItemAdditional {display: none; }

.doLabel, .doSubLabel {width: 235px; padding-top: 10px; padding-left: 5px; display: inline-block; font-size: 1.2em}
.doSubLabel {width: 50px;}
.rblDeliveryOption img {vertical-align: top; padding-top: 5px;}
.lblDeliveryDescription {display: inline-block; max-width: 120px; padding-top: 10px; font-size: 1.0em}
.basketExpandIcon {
  display: block;
  margin: 0 auto;
  cursor: pointer;
  width: 16px;
}

.basketInfoIcon {
  vertical-align: bottom;
  width: 20px;
}
/***********************************************/
/* Contact Form Divs                          */
/***********************************************/
#contactform
{ float: left; padding: 20px; margin-bottom: 10px; background-color:#eee; border: 1px solid #ccc; width: 500px; }
#contactform label
{ position: absolute; text-align:left; width:130px; font-weight: bold; font-size: 0.9; }
#contactform input, #contactform textarea
{ margin-left: 140px; }
/***********************************************/
/* Order Form Divs                                 */
/***********************************************/
.orderformBlock, .orderTcBlock
{ padding: 20px; margin-bottom: 10px; background-color:#eee; border: 1px solid #ccc;  }

.orderformBlock h2
{ font-size: 1.1em; }

.orderformBlock label
{ text-align:left; width:130px; display:inline-block; font-weight: bold; font-size: 90%; }
.orderformBlock input, #orderform textarea
{ margin-left: 10px; }
.orderformBlock select
{ width: 305px; margin-left: 10px;}
.orderformBlock label.check, label.radio { position:relative; text-align:left; }
.orderTcBlock input[type="checkbox"] {margin-left: 5px;}
.orderforminputdisabled
{ width: 300px; border: 0px; }
.orderforminput
{ width: 300px; }
.orderformtextarea
{ margin-left: 140px; width: 300px; }
.orderforminputrequired
{ width: 300px; background-color: #F8FFA4; }
.orderforminputfailed
{ width: 300px; background-color: #CC0000; color: #ffffff; }
.orderformtablefailed
{ background-color: #CC0000; }
.orderformselect
{ width: 310px; margin-left: 140px; }
.orderformselectdisabled
{ width: 300px; margin-left: 140px; }
.orderformselectrequired
{ width: 300px; margin-left: 140px; background-color: #F8FFA4; }
.orderformselectfailed
{ width: 300px; margin-left: 140px; background-color: #CC0000; color: #ffffff; }
.orderformselectrequirednarrow
{ width: 150px; margin-left: 150px; background-color: #ECD5D5; }
.orderformselectfailednarrow
{ width: 150px; margin-left: 150px; background-color: #CC0000; color: #ffffff; }
.formlabel
{ position: absolute; text-align:left; width:130px; font-weight: bold; font-size: 90%; }
.inputrequired
{ background-color: #ECD5D5; }
.inputfailed
{ background-color: #CC0000; color: #ffffff; }
#orderCheckboxDiv{ height: 25px; }
#orderCheckboxDiv input[type="checkbox"] {margin-left: 142px; vertical-align: text-bottom;}

#orderCheckboxDiv label
{ width: 300px; }
#submitButtonDiv
{clear: both; margin-top: 20px;}
#btnPanel
{width: 600px; }
#orderTotalsPanel
{width: 100%; text-align: right; }
#orderTotalsPanel span
{font-size: 100%;color: #005F87;}
.totalLabels
{  position: absolute; text-align: left; width:250px; font-weight: bold; font-weight: bold;}
.totalLabelFigures
{ margin-left: 260px; width: 100px; background: #cc0000;}
#ordererrorpanel
{ color: #cc0000;}
.btnManualConfirm
{margin: 20px 0 0 !important;}
#divGiftVoucher input, #divDiscountCode input
{ margin: 0 10px 10px 0;}

.pnlCustomerLookup input[type="text"] {
    width: 250px;
    margin-right: 10px;
}
/* Formatted News bullet list */

#formattedList ul{
 background: #fff;}
#formattedList li
{ padding-bottom: 5px; padding-top: 5px; margin: 0px; list-style:none; }

#formattedList li p
{ margin: 0px; padding: 0px;}

#formattedList li a
{margin: 0px; text-decoration: none; color: #666;
}
#formattedList li .headingLink
{ font-size: 1.3em; color: #333; }

/***********************************************/
/* Gridview Styles                                */
/***********************************************/
.gridViewStyles
{
  padding: 4px; color: #333; border: none; background: #F6F6F6; width: 100%;
}
.gridViewStyles th
{ background: #000; color: #fff;}

#returnPanel .gridViewStyles td {padding: 10px;}

/***********************************************/
/* Footer                             */
/***********************************************/
#footer {
      clear: both;
      color: #3a3c40;
      padding: 10px 20px 20px 20px;
}
  #footer a{
    color: #555;
    text-decoration: none;
  }
    #footer a:hover{
      color: #999;
    }
  #footer #footerLinks{
      width: 210px;
      float: left;
      margin-bottom: 15px;
      margin-right: 15px;
      min-height: 150px;
    border-right: #ccc solid 1px;

  }
    #footer #footerLinks ul{
      list-style: none;
      padding: 0px;
      margin: 0px;
    }
      #footer #footerLinks ul li{
        list-style: none;
        padding: 0px;
        margin-bottom: 3px;
      }
  #footer #footercontact{
    width: 230px;
    float: left;
    margin-bottom: 15px;
    margin-right: 15px;
    min-height: 150px;
border-right: #ccc solid 1px;
  }

  #footer #footercontact p
  {  }

  #footer #footerLogos{
    width: 430px;
    float: left;
    margin-bottom: 15px;
    margin-right: 15px;
    min-height: 150px;
  }
#columnClear{clear: both; width: 100%; position: relative;}

/* Reenactor Groups*/
#groupSelection td{
  padding: 20px;
}

.groupsList {
   display: block;
   padding-top: 25px;
}

.renactorGroupHolder {
    padding: 25px;
    width: 210px;
    float: left;
    border: 1px solid  gray;
}

.groupHeader {
  height: 65px;
}

.groupHeader h3 {font-size: 100%;}

.groupImage {
  width: 200px;
  height: 150px;
}

.groupImage > img {
    max-width: 200px;
    max-height: 150px;
}

.groupDetails {
  position: absolute;
}

.groupDetails > span {
   font-size: 11px;
   white-space: pre-wrap;
}

.groupFooter {
   clear: both;
   height: 50px;
}

/* Slider */
.newsPanel
{position: absolute; top: 0px; right: 0px; z-index: 5; width: 200px; background-color: #cccccc; height: 280px;
padding: 10px;
opacity:0.9;
filter:alpha(opacity=90); /* For IE8 and earlier */}
.newsPanel p
   {
   margin:10px;
   font-weight:bold;
   color:#000000;
   }

.slides_container
{ position: relative; }
#slider {
  position: relative;
    width: 1000px;
  height: 300px;
margin-bottom: 5px;
}

#slider #imageSlider{
      padding: 0px;
      width: 100%;
  height: 300px;
  }
    #slider .imageSlide{
      padding: 0px;
      width: 100%;
      display:none;
    }
        #slider .imageSlide:first-child{
      display:inherit;
    }
      #slider .imageSliderImage{
        float: left;
      }
        #slider .imageSliderImage img{
  width: 1020px;
  height: 300px;
        }
    #slider #imageSliderNav{
  position: absolute;
        text-align: center;
        width: 100px;
  z-index: 999;
  right: 10px;
  bottom: 10px;
  margin-top: -25px;
  margin-right: 10px;
    }
      #slider #imageSliderNav a{
        background-image: url(/media/imageSliderNav.png);
        background-position: center center;
        background-repeat: no-repeat;
  
        text-indent: -9000px;
        display: inline-block;
        height: 20px;
        width: 20px;
      }
        #slider #imageSliderNav a.activeSlide{
        }
.floatClear
{clear: both; width: 100%;}

.validatorText{ margin-left: 10px; color: red; font-size: 11px; font-weight: bold;}

.searchBar {
    position: absolute;
    right: 0px;
    top: 34px;
    font-size: 16px;

  }

fieldset.changePassword
{
    margin: 10px 0;
}

.changePassword p > label {
    width: 150px;
    display: inline-block;
}
#accountLinks input[type=text],

#accountLinks input[type=password],

.searchBar input[type=button] {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	border-bottom-left-radius:5px;
	text-indent:0;
	border:1px solid #dcdcdc;
    display:inline-block;
    color:#777777;
    font-family:Arial;
    font-size:17px;
    font-weight:bold;
    font-style:normal;
    padding:5px;
    text-decoration:none;
    text-align:center;
    text-shadow:1px 1px 0px #ffffff;
    margin-bottom: 10px;

  }

.searchBar input[type=button]:hover {
  cursor: pointer;
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}

.searchBar input[type=text] {
    border: 1px solid #006B24;
    -webkit-box-shadow:
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1);
    -moz-box-shadow:
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1);
    box-shadow:
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1);
    padding: 5px;
    box-shadow:inset 1px 0px 6px 0px #acacac;
    background: #fff;
    margin: 0 0 10px 0;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    font-size: 16px;
  }

.searchBar select {
    box-shadow:inset 1px 0px 6px 0px #acacac;
    background: #fff;
    margin: 0 0 10px 0;
    padding: 4px;
    border: 1px solid #006B24;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    font-size: 16px;
  }

.loginGrid {width: 100%;}
.loginGrid > tbody > tr > td {width: 50%; padding: 2em;}
#lnkFgtPswd {display: block;}
#fgtPswd {display: none; margin: 10px;}

/***********************************************/
/* Wish List Styles                                */
/***********************************************/

#emailDivision
{padding: 20px; border: 1px solid #cccccc; margin-top: 20px;}

/***********************************************/
/* New Button Styles                                */
/***********************************************/

.button, input[type=submit] {
  border-style: solid;
  border-width: 4px;
  border-radius: 20px;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  font-family: "noto sans", sans-serif;
  text-transform: uppercase;
  font-weight: 200;
  cursor: pointer;
  font-size: 1.1em;
  padding: 0.3em 1em; }
  .button:hover, input[type=submit]:hover {
    text-decoration: none; }

.button-fullwidth {
  display: block;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  clear: both;
  background: #d9ab24;
  border-color: #fff;
  color: #fff;
  padding: 0.6em 1em; }
  .button-fullwidth:hover {
    background: #fff;
	border-color: #d9ab24;
    color: #d9ab24 !important; }

.button__primary {
  background: #fff;
  border-color: #7e736a;
  color: #7e736a; }
  .button__primary:hover {
    background: #7e736a;
    color: #fff !important; }

.button__success {
  background: #fff;
  border-color: #007c4d;
  color: #007c4d; }
  .button__success:hover {
    background: #007c4d;
    color: white !important; }

.button__warning {
  background: #fff;
  color: #d9ab24;
  border-color: #d9ab24; }
  .button__warning:hover {
    background: #d9ab24;
    color: white !important; }

.button__callout {
  background: transparent;
  color: #fff;
  border-color: #fff; }
  .button__callout:hover {
    background: #fff456; }

.button__danger {
  padding: 0.8em 1.5em;
  background: #fff;
  color: #8f1919;
  border-color: #8f1919; }
  .button__danger:hover {
    background: #8f1919;
    color: white !important; }

.button__disabled {
  background: white;
  color: #cccccc;
  cursor: default !important;
  border-color: #cccccc; }
  .button__disabled:hover {
    color: #cccccc; }

.button__standout {
  background: #fff;
  color: #3a71bc;
  border-color: #3a71bc; }
  .button__standout:hover {
    background: #3a71bc;
    color: #fff !important; }

.button__muted {
  background: #fff;
  color: #d1d1d1;
  border-color: #d1d1d1; }
  .button__muted:hover {
    background: #d1d1d1;
    color: #fff !important; }

.button__x-long {
  font-size: 1.2em;
  padding: 0.8em 1.5em; }

.button__shopareas {
  display: block;
  font-size: 1.5em;
  font-weight: 800;
  padding: 1em;
  background: #fff;
  color: #026103;
  border-color: #026103; }
  
  .button__shopareas:hover {
    background: #026103;
    color: white !important; }


/***********************************************/
/* New Search Styles                            */
/***********************************************/

.searchFilter {
    margin: 10px 0;
    border: 1px solid #ccc;
	border-radius: 5px;
}

.searchFilter #sfHeader {
    box-shadow:inset 0px 1px 0px 0px #caefab;
    background: none repeat scroll 0 0 #76cc2b;
    border-radius: 5px;
    border-bottom: 1px solid #62d64f;
    border-top: 1px solid #62d64f;
    padding: 10px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    font-size: 15px;
    font-weight: bold;
    text-shadow:1px 1px 0px #268a16;
}

.searchFilter #sfHeader:hover 
{
    color: #444;
    background: #f0fdf0;
	text-shadow:1px 1px 0px #ccc;
}

.searchFilter #sfHeader h3 
{
    padding-bottom: 0;
}

.searchFilterBlock
{
    width: 90%;
    margin-bottom: 20px;
    padding: 10px;
    max-height: 100px;
}
span.searchGroupHeader {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px; 
    display: block;
}

span.searchGroupHeader.expandTrigger:hover 
{
    color: #999;
    cursor: pointer;
}

.searchFilterBlock > table {
    max-height: 95px;
    width: 97%;
    overflow-y: auto;
    display: block;
}

.searchFilterBlock input[type="checkbox"] {
    margin-right: 5px;
    vertical-align: text-top;
}

.expandPanel, .searchFilterBlock .expandPanel  {display: none;}

span.searchGroupHeader .arrow
{
    float: right;
    height: 30px;
    width: 30px;
    margin-top: -5px;    
}

/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */