html, body {font-family: Arial,Helvetica,sans-serif; margin:0; padding:0; color:#000000;} /* Was #7f8080*/
table, td {font-size: 1em;}
th {text-align:left; background-color:#afd6fb;}
p {font-family: Arial,Helvetica,sans-serif; font-size: .75em; margin: 0 0 1em 0;line-height:18px;}
h1 {font-size:1.125em; color:#004f9c; margin: 0 0 0 0; }
h2 {font-size:1em; color:#004f9c; margin: 0 0 10px 0;}
h2.mrg {font-size:13px; color:#004f9c; margin: 20px 0 10px 0;}
h1.page-titles{margin: 15px 0;}
/*h3 {font-size:14px; color:#57A7FC; margin: 0 0 5px 0; }*/
h3 {font-size:.875em; color:#004f9c; margin: 0 0 5px 0; }
h4 {font-size:.813em;margin: 0 0 2px 0; }
h5, h6 {font-size:.75em;}
input, select, textarea {font-size:1em;}
form {display:inline;}
label {vertical-align:middle;}
input[type='radio'], input[type='checkbox'] {vertical-align:middle;}
img {margin:0; padding:0; border-style:none;}
.hide {display:none;}
.smallest {font-size:.6em; color: #000000!important;}
.smaller {font-size:.7em;}
.larger {font-size:15px;}
.largest {font-size:16px;}
.bold {font-weight:bold;}
.italic {font-style:italic;}
.strike {text-decoration:line-through;}
.black {color:#000;}
.red {color:#b1020b;}
.green {color:#390;}
.blue {color:#0e59a2;}
.vtop {vertical-align:top;}
.vmiddle{vertical-align: middle;}
.yellow {color:#fff600;}
.grey {color:#b0b0b0;}
.center {text-align:center;}
.right {text-align:right;}
.nowrap {white-space:nowrap;}
.breakforprint {page-break-after:always;}
.spacer {clear:both; overflow:hidden;}
.clear {clear:both;}
.bold {font-weight:bold;}
.font12{font-size: 12px;}
.font11{font-size: 11px;}
ul {padding:0px;margin:0px 0px 10px 0px;padding-left:20px;line-height:13px;}
ul li {padding-bottom:10px;}
.normal-li {margin-bottom: -15px;}

a, a:link, a:visited {color: #004F9C; text-decoration: underline;} /* Was #7f8080*/
a:hover {color: #004F9C; text-decoration: none;}
a:active {color: #004F9C; text-decoration: underline;}

svg.icon { display: inline-block; width: 1em; height: 1em; stroke-width: 0; stroke: currentColor; fill: currentColor; transition:all .5s ease;}

.bdr {border:5px solid #c0defb;}
.bdrtop {border-top:5px solid #c0defb;}
.bdrright {border-right:5px solid #c0defb;}
.bdrbottom {border-bottom:5px solid #c0defb;}
.bdrleft {border-left:5px solid #c0defb;}
.inter_height_wrapper {min-height:350px;}

.pad {padding:10px;}

a.closelnk, a.closelnk:link, a.closelnk:visited {font-size:12px; color:#000000; text-decoration: none; display:block; text-align:right;}
a.closelnk:hover {text-decoration: underline;color:#7f8080;}
a.closelnk:active {text-decoration: none;color:#7f8080;}

.cal-week {background-color:#ffffff;}
.calendar_month td {border:1px dotted #EEEEEE;width:100px;}
.calendar_month th {border:1px dotted #EEEEEE;width:100px;text-align:center;color:#ffffff; background:#0054a8;}
.calendar_month a, .calendar_month a:link, .calendar_month a:visited  {font-weight:bold;}
.calendar_numeral a, .calendar_numeral a:link, .calendar_numeral a:visited {text-decoration:none;}
.calendar_numeral {text-align:center;}
td.calendar_day_empty {height:70px;}
.cal-list a, .cal-list a:link, .cal-list a:visited {font-weight:bold;text-decoration:none;}

/* Start Up Styles */
.btnadd2cart {background-color:#047704; color:#fff; border:none; padding:5px 10px; border-radius: 100px; cursor: pointer;}
.btnadd2cart:hover {background-color:#0c3;}

.btnwishlist {background-color:#339;}
.btnwishlist:hover {background-color:#33c;}

.colsp {font-size:2px; padding:4px;}
.cblock10 {margin:10px;}
.cblock15 {margin:15px;}
.lnpad4 {padding-bottom:4px;}
.lnpad8 {padding-bottom:8px;}

.visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px;  margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visually-hidden.focusable:active,
.visually-hidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.container {position: relative;}

#pnlTabs {font-size: .75em;}

.hidden-info{color: #fff; background: #b1020b; position: absolute; padding: 10px; z-index: 9999; top: 110px; }
.hidden-info.visually-hidden.focusable:active,
.hidden-info.visually-hidden.focusable:focus{clip: auto; height: auto; margin: 0; overflow: visible; position: absolute; width: auto;}



/* Focus over lay code */

#focus-overlay { display: none; position: relative;  border-radius: 2px;  box-shadow: 0 0 3px 2px #78aeda; transition: all 0.2s cubic-bezier(0, 1, 0, 1);}
#focus-overlay::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; box-shadow: 0 0 2px 1px #008cff, 0 0 2px #008cff inset;
    transition: all 0.1s ease-out;}
#focus-overlay.focus-overlay-active { display: block;}
#focus-overlay.focus-overlay-animating::after { opacity: 1;}
.focus-overlay-target { outline: none;}

.skip a { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; text-align:center;}
.skip a:focus {position:static; width:auto; height:auto; background:#444444; color:#ffffff; font-weight:bold; display:block; padding:10px;}

.skip { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; left: 0; }
.skip:focus, .skip:active { clip: auto; color:#fff; height: auto; margin: 0; overflow: visible; padding:10px; text-align:center; background:#1f3b62; width:100%; border: 1px dashed #fff; z-index:1001;}




/* Color Modules */

.white{color: #ffffff;}
.cred{color:#d7182a;}
.greys{color: #999999;}
.black{color: #000000;}
.lightred{color: #ee3a43;}
.c004f9c{color: #004f9c;}

.back669900{background: #669900;}
.backffff99{background-color: #ffff99;}
/* Font Modules */
.font10{font-size: 10px;}
.font11{font-size: 11px;}
.font12{font-size: 12px;}
.font15{font-size: 15px;}
.font14{font-size: 14px;}
.font22{font-size: 22px;}



/* Specific Modules */
.additionalcol{color: #0000FF; background:#DFEFFF; padding: 5px; }

.saleitem{color: #ffffff; background-color: #b1020b; padding: 2px 3px;
        margin: 2px auto;  white-space: nowrap; border-spacing: 1px; border-collapse: separate;}

.newitem{color: #ffffff; background-color: #0D57A0; padding: 2px 3px;
        margin: 2px auto;  white-space: nowrap; }

.topseller{color: #0D57A0; background-color: #ffffff; padding: 2px 3px;
        margin: 2px auto; white-space: nowrap; border: 1px solid #106cc8;}
.webspecial{color:#0D0D0D; background-color:#FFDE05; padding:2px 3px; margin:2px 0; text-align:center; white-space:nowrap;margin:0 0 2px 0;}


/* Horizontal item features */

.saleitemh{color:#ffffff; background-color:#b1020b; padding:2px 3px; margin:2px 0; text-align:center; white-space:nowrap;margin:0 0 2px 0;}

.newitemh{color:#ffffff; background-color:#0D57A0; padding:2px 3px; margin:2px 0; text-align:center; white-space:nowrap;margin:0 0 2px 0;}

.topsellerh{margin:0 5px 0px 0px;}

.webspecialh{color:#0D57A0; background-color:#ffffff; padding:2px 3px; margin:2px 0; text-align:center; white-space:nowrap; border:1px solid #106cc8; text-align:center;margin:0 0 2px 0;}


/* Start Up Layout */

.mainbody {text-align:center; background-color:#fff; margin:0; padding:0;}
.bdywrpr {width:993px; text-align:left; margin:0 auto; z-index:1;}
.bdywrpr-p {width:800px; text-align:left; margin:0 auto; z-index:1;}

.corwrpr {width:993px; border-collapse:collapse; table-layout:fixed;}

.corlnav {width:190px; background-color:#fff; vertical-align:top;}
.cormain  {vertical-align:top; background-color:transparent;}
/*.corrrail {width:190px; vertical-align:top; background-color:#fff;}*/
.corrrail {width:293px; float:left; display:inline; margin-left:32px; vertical-align:top; }
.main-narrow {width:660px; float:left; display:inline; vertical-align:top;}

.ftrwrpr {width:993px; background-color:#fff; margin-top:2px;font-size:12px;}

.hmbody .corwrpr:before {content: ""; display: block; position: absolute; left: 0; top:123px; width: 100%; height: 1605px; background: #efefef; z-index: -1;}

.inlnblk a{display: inline-block;}
/* homepage */



.homebanner {width: 301px; height: 251px; display: table-cell; vertical-align: middle; text-align: center; color: #fff; font-size: 1.125em;font-weight: 800;}
.homebanner span {display: block;font-size: 1.3em;}
.homebanner .btn {display: inline-block; padding: 10px 20px; border-radius: 20px; color: #fff; text-decoration: none;}
.homebanner .btn:hover, 
.homebanner .btn:focus {padding: 10px 20px; }

.banner-block {display: flex;}
.banner-block a{display: inline-block;}
.banner-block .banner-col {float: left;}
.banner-block .banner-col:first-child {width: 413px;}
.banner-block .banner-col:nth-child(2) {width: 578px;}

.banner-block .banner-col .banner {position: relative;}
.banner-block .banner-col .banner span {font-family: "Sansita", serif; display: block; }
.banner-block .banner-col .banner a {text-decoration: none;}
.banner-block .banner-col .banner a:hover, 
.banner-block .banner-col .banner a:focus {text-decoration: underline;}
.banner-block .banner-col .banner a.btn {display: inline-block; width: 152px; padding: 15px 0px;background: #f4ee72; color: #000; font-size: 12px; transition: all .5s ease; text-decoration: none; text-transform: uppercase; border-radius: 20px; line-height: 1em; font-weight: 800; text-align: center;}
.banner-block .banner-col .banner a.btn:focus,
.banner-block .banner-col .banner a.btn:hover {background: #106CC8; color: #fff; text-decoration: none;}
.banner-block .banner-col .banner .banner-text {position: absolute; text-align: center;z-index: 10; font-size: 1.875em}

.banner-block .banner-col .banner.banner1b {}
.banner-block .banner-col .banner.banner1b .banner-text {width: 185px;right: 50px; top: 50px;}
.banner-block .banner-col .banner.banner1b .banner-text span {color: #000; margin: 0 0 10px 0;}

.banner-block .banner-col .banner.banner2a {}
.banner-block .banner-col .banner.banner2a .banner-text {position: absolute; right: 55px; top: 47px; color: #000;}
.banner-block .banner-col .banner.banner2a .banner-text a {color: #000;}
.banner-block .banner-col .banner.banner2a .banner-text .text-block {width: 205px; background: #fff; padding: 10px 0 15px; border-radius: 10px;}

.banner-block .banner-col .banner.banner2b {}
.banner-block .banner-col .banner.banner2b .banner-text {position: absolute; right: 55px; top: 47px; color: #000;}
.banner-block .banner-col .banner.banner2b .banner-text a span {color: #000;}
.banner-block .banner-col .banner.banner2b .banner-text a {color: #000;}
.banner-block .banner-col .banner.banner2b .banner-text a.btn {margin: 20px 0 0;}
.banner-block .banner-col .banner.banner2b .banner-text a.btn:hover, 
.banner-block .banner-col .banner.banner2b .banner-text a.btn:focus {color: #fff;}
.banner-block .banner-col .banner.banner2b .banner-text span span {font-size: 24px; display: block; margin: 12px 0 0 0;}

.banner-block .banner-col .banner.banner2c {height: 110px; display: flex; align-items: center; justify-content: center;}
.banner-block .banner-col .banner.banner2c span {color: #000; font-size: 1.875em;text-align: center;}
.banner-block .banner-col .banner.banner2c span span {margin: 10px 0 0 0;font-size: 16px; font-family: Arial, sans-serif;}

.bnrwrpr .banner-full {width: 970px; margin: 0 auto;}

/*********** hp surf report */
.banner-block .banner-col .hero {position: relative; font-size: 1.875em}
.banner-block .banner-col .hero .surf-report-drop {position: absolute; left:0; top:185px; width: 100%; text-align: center; font-size: 12px; z-index: 10;}
.banner-block .banner-col .hero .surf-report-drop select {
  /* styling */
  background-color: white;
  border: none;
  border-radius: 15px;
  display: inline-block;
  line-height: 1.5em;
  padding: 0.7em 3.5em 0.7em 1em;
  text-transform: uppercase;
  font-weight: 700;
  font-family: Arial, sans-serif;

  margin: 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #fff, #fff);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
}
.banner-block .banner-col .hero .surf-report-drop select:focus {
  background-image:
    linear-gradient(45deg, gray 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, gray 50%),
    linear-gradient(to right, #fff, #fff);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
  outline: 0;
}
.banner-block .banner-col .hero span {position: absolute; left: 0; top: 135px;width: 100%; text-align: center; color: #fff; }


/* featured items */

.feat-items-header {text-alignn: center; font-family: "Sansita", Arial, sans-serif; font-size: 2.25em;color: #000; text-align: center; margin: 0 0 40px 0; }
a.feat-viewall, 
a.feat-viewall:link, 
a.feat-viewall:visited {position: absolute; right: 0; top: 20px; color: #ed1c24; text-transform: uppercase; font-size: .875em; text-decoration: none; font-weight: 700;}
a.feat-viewall:hover,
a.feat-viewall:focus {color: #106CC8}
.featured-items {margin: 0 -13px 65px; }
.featured-items .item-image {text-align: center; background: #fff;}
.featured-items .slick-slide .item-image {margin: 0 13px; padding: 25px 0;}
.featured-items .slick-slide .item-image img {margin: 0 auto;}
.featured-items .slick-slide .itemWrapper {font-size: 1.125em; color: #000; text-align: center; }
.featured-items .slick-slide .itemWrapper .item-name {margin: 25px 0 15px;}
.featured-items .slick-slide .itemWrapper .item-price {font-weight: 500; font-family: "Sansita", Arial, sans-serif;}
.featured-items .slick-slide .itemWrapper .item-link {margin: 15px 0 0 0;}
.featured-items .slick-slide .itemWrapper .item-name a {color: #9D0209; font-size: .9em; font-weight: 600;text-transform: uppercase; text-decoration: none;}
.featured-items .slick-arrow {top: 25%;}
.featuredbtn{padding: 5px; text-align: center;  font-size: 0.8em; letter-spacing: 0.05em; display: inline-block; margin: 5px 0; }


/* Featured Buttons */
.International.Shipping{ color: #fff; background: #504f4f; }
.Free.Shipping{color: #FFFF00; background:#AD0000;}
.Employee.Favorite{background: url('/assets/feature/employeefav.gif') no-repeat; text-indent: -9999em; width: 120px; height: 39px;}
.Discontinued{background: url('/assets/feature/discontinued.gif') no-repeat; text-indent: -9999em; width: 76px; height: 16px;}
.Discontinued{background: url('/assets/feature/discontinued.gif') no-repeat; text-indent: -9999em; width: 76px; height: 16px;}
.Earth.Friendly{ background: url('/assets/feature/earth.gif') no-repeat; text-indent: -9999em; width: 120px; height: 37px; }
.Limited.Edition{ background: url('/assets/feature/ltd.gif') no-repeat; text-indent: -9999em; width: 120px; height: 36px; }
.MadeIn.Usa{background: url('/assets/feature/madeinusa.gif') no-repeat; text-indent: -9999em; width: 120px; height: 43px; }
.Oversized.Shipping{background: url('/assets/feature/oversize.gif') no-repeat; text-indent: -9999em; width: 120px; height: 35px; }
.ShipSeparately{background: url('/assets/feature/ships_separately.jpg') no-repeat; text-indent: -9999em; width: 152px; height: 30px;}
a.right-nav { padding-bottom: 5px; display: inline-block;}
/* Left Nav */

.lnavwrpr {font-size:1.1em; margin:0 10px 30px 10px; line-height:1.2em;}
.lnvgrphdg {font-size:1.2em; font-weight:bold; margin:15px 0 8px 0;}

ul.lnav {font-weight:bold; color:#036; margin:0 0 0 4px; padding:0; list-style-type:none;}
ul.lnav a, ul.lnav a:link, ul.lnav a:visited {color:#036; font-weight:normal; text-decoration:none;}
ul.lnav a:hover {font-weight:bold; color:#036;}
ul.lnav a:active {color:#036;}
ul.lnav li {padding-bottom:3px;}

ul.lnav ul  {margin:4px 0 10px 10px; padding:0; list-style-type:none;}
ul.lnav ul a, ul.lnav ul a:link, ul.lnav ul a:visited {color:#c00;}
ul.lnav ul a:hover {font-weight:bold; color:#036;}
ul.lnav ul a:active {color:#c00;}

/* Surf Report */

.srLabel{background-color: #ddedfd; font-weight: bold; width:175px; white-space:nowrap;}
.srBeach{font-size:18px; color:#004f9c; margin: 0 0 0 0;}
.srLocation{font-size:12px; color:#004f9c; margin: 0 0 0 0; }

/* Front End Tables */
.TableHeader th
{
background-color: #ddedfd; font-weight: bold; white-space:nowrap;	
}

/* Breadcrumb */

.bcrmwrpr {width:550px; padding:10px 10px 10px 0;font-size:10px;}
.bcrmwrpr a, .bcrmwrpr a:link, .bcrmwrpr a:visited {color: #004f9c; text-decoration:none;}
.bcrmwrpr a:hover {color: #004f9c; text-decoration: underline;}
.bcrmwrpr a:active {color: #004f9c; text-decoration: none;}

.bcrmwrpritem {width:350px; padding:10px 10px 10px 0;font-size:10px;}
.bcrmwrpritem a, .bcrmwrpritem a:link, .bcrmwrpritem a:visited {color: #004f9c; text-decoration:none;}
.bcrmwrpritem a:hover {color: #004f9c; text-decoration: underline;}
.bcrmwrpritem a:active {color: #004f9c; text-decoration: none;}

.perpage {padding:10px; text-align:center;font-size:10px;}
.pages {padding:10px 0 10px 10px; width:420px; text-align:right; font-size: 10px;}

.tools {font-size:10px;}
.tools a, .tools a:link, .tools a:visited {color: #000000; text-decoration: none;}
.tools a:hover {color: #858788; text-decoration: underline;}
.tools a:active {color: #858788; text-decoration: none;}


/* Header Summary */

div.smrywrpr {text-align:right; padding:0 0 10px 0;}
div.smrywrpr a {text-decoration:none; margin:0 5px;}


/* Page Tools */

.tlswrpr {font-size:.9em; text-align:right; padding:0 10px 10px 0;}

/* Page Remote Bookmark */

.sharewrpr {text-align:right; padding:0 10px 10px 0;}


/* Text Nav */

div.txtnwrpr { color:#999;}
div.txtnwrpr a, div.tnavwrpr a:link, div.tnavwrpr a:visited {color:#c00; text-decoration:underline; margin:0 5px;}
div.txtnwrpr a:hover {color:#000; text-decoration:underline;}
div.txtnwrpr a:active {color:#c00; text-decoration:underline;}


.top-left-nav{  position: absolute; height: 18px; top: 3px; width: 100%;}

.top-left-nav li:nth-last-child(2){margin-left: 105px;}
a.right-nav span:after{content: ">"; padding-left: 5px;}
td.vtop a.right-nav:after{display: none;}
/* Mods Default */
.itemnamep{  padding: 5px 0;  display: block;}



/* Main navigation settings */

#DepartmentFlyouts .sub-menu > a{padding: 5px 0!important;}
#DepartmentFlyouts.nav .sub-menu .subfeatures a{margin: 0!important; padding: 0!important;display: block; color: #b1020b; font-weight: 500; }
#DepartmentFlyouts.nav .sub-menu .subfeatures a:first-child{font-size: 18px; color: #57A7FC; margin: 0 0 0.5em 0;  display: block;}
#DepartmentFlyouts.nav .sub-menu a.deptsbnavlnk{ margin: 0!important; padding: 0 0 5px!important;  color: #004F9C;  font-weight: 500; cursor:pointer;}
#DepartmentFlyouts.nav .sub-menu a.right-nav {display: inline-block; padding: 0!important; color:#004F9C;font-weight: 400; }


.hdng {font-size:18px; font-weight:bold; color:#fff; background-color:#0054A8; padding:4px 10px; margin:0 0 15px 0;}
.hdng2 {font-size:16px; font-weight:bold; color:#fff; background-color:#666; padding:3px 10px; margin:0 0 8px 0;}
.event_hdng {font-size:14px; color:#fff; background-color:#0054A8; padding:3px 10px; margin:0 0 15px 0;}
.event_hdng a, .event_hdng a:link, .event_hdng a:visited {color:#ffffff;text-decoration:underline;font-size:12px;}
.event_hdngbtn {height:16px; line-height: 7px; font-size:12px; color:#0e59a2; border:1px solid #0e59a2; background-color:#fff; text-decoration:none; cursor:pointer; padding:0 4px; }
.event_hdng {margin-top:10px;}
.event_hdng h1{font-size:18px; color:#FFFFFF;background-color:#0054A8; margin: 0 0 0 0;}

.mrgnleft {margin-left: 6px;}

.hdngbox {font-size:16px; font-weight:bold; color:#000000; background-color:#C0DEFB; padding:3px 10px; margin:0;}
.hdngbox_address {font-size:16px; font-weight:bold; color:#000000; background-color:#C0DEFB; padding:10px 0px 0px 6px; margin:0;}
.hdngbox_address h2{font-size:18px; font-weight:bold; color:#000000;}
.themec {font-weight:none;}
.secondaryc td {text-align:top;}
.cal-sm {font-size:11.5px;}
.faq a,.faq a:link, .faq a:visited {color: #004F9C; text-decoration: none;}
.faq a:hover { text-decoration: underline;}
.faq a:active { text-decoration: underline;}



.btnfooter {height:17px; line-height: 0px; font-size:11px; color:#0e59a2; border:1px solid #0e59a2; background-color:#fff; text-decoration:none; cursor:pointer; padding:0 4px 3px 4px; }
.btnfooter:hover {color:#0e59a2;}

/*
.btn {height:16px; line-height: 7px; font-size:12px; color:#0e59a2; border:1px solid #0e59a2; background-color:#fff; text-decoration:none; cursor:pointer; padding:0 4px; }
.btn:hover {color:#0e59a2;}
*/

.btn {font-size:12px; font-family:Arial; font-weight:bolder; border-color:#105da5; color:#fff; background:#136dc5; text-decoration:none; cursor:pointer; padding: 3px 2px 2px 2px; margin: 5px; border: none;}
.btn:hover {background:#5691c9; padding: 3px 2px 2px 2px; border-color:#105da5;}

.btncheckout {font-size:14px; font-weight:bold; color:#c00; background-color:#fff; border:1px solid #c00; text-decoration:none; cursor:pointer;}
.btncheckout:hover {color:#000; border:1px solid #000;}

/* Store */

div.paginate {font-size:.9em;}

div.thumbwrpr {width:770px; margin:10px auto;}
div.thumbwrpr a {width:140px; height:190px; float:left; font-size:.9em; text-align:center; border:1px solid #ccc; padding:10px; margin:5px 15px;}
div.thumbwrpr a:link, div.thumbwrpr a:visited {color:#01b; text-decoration:none;}
div.thumbwrpr a:hover {color:#666;  background-color:#eee; text-decoration:none;}
div.thumbwrpr a:active {color:#01b; text-decoration:none;}
div.thumbwrpr img {border-style:none; margin-bottom:6px;}

div.thumblgwrpr {width:770px; margin:10px auto;}
div.thumblgwrpr a {width:160px; height:190px; float:left; font-size:.9em; text-align:center; border:1px solid #ccc; padding:10px; margin:5px 15px;}
div.thumblgwrpr a:link, div.thumblgwrpr a:visited {color:#01b; text-decoration:none;}
div.thumblgwrpr a:hover {color:#666;  background-color:#eee; text-decoration:none;}
div.thumblgwrpr a:active {color:#01b; text-decoration:none;}
div.thumblgwrpr img {border-style:none; margin-bottom:8px;}

div.rcntvwwrpr {width:100%; margin:10px;}
div.rcntvwwrpr a {width:130px; height:150px; float:left; font-size:.9em; text-align:center; border:1px solid #ccc; padding:10px; margin:8px}
div.rcntvwwrpr a:link, div.rcntvwwrpr a:visited {color:#01b; text-decoration:none;}
div.rcntvwwrpr a:hover {color:#601;  background-color:#eee; text-decoration:none;}
div.rcntvwwrpr a:active {color:#01b; text-decoration:none;}
div.rcntvwwrpr img {width:100px; height:100px; border-style:none; margin-bottom:6px;}

div.reltdwrpr {width:100%; margin:10px 0;}
div.reltdwrpr a {width:130px; height:150px; float:left; font-size:.9em; text-align:center; border:1px solid #ccc; padding:10px; margin:8px;}
div.reltdwrpr a:link, div.reltdwrpr a:visited {color:#01b; text-decoration:none;}
div.reltdwrpr a:hover {color:#601;  background-color:#eee; text-decoration:none;}
div.reltdwrpr a:active {color:#01b; text-decoration:none;}
div.reltdwrpr img {width:100px; height:100px; border-style:none; margin-bottom:6px;}

table.carttbl {width:100%;}
table.carttbl td {padding:4px; vertical-align:top;}
table.carttbl th {padding:4px;}

div.stepswrpr {padding:10px;}
div.stepswrpr table {margin-left:auto;}

input.qtybox {width:25px; font-weight:bold; font-size:12px; text-align:center;}

.promo {font-size:12px; color:#ff0000; font-weight:bold; border-top:5px solid #eeeeee;}
.gift1 	{background-color:#dc0707;}
.gift2 	{background-color:#fdfbbe;}

.txtlimitbx {background-color:#dc0707;}
.txtlimitbx2 {background-color:#fdfbbe;}

.alternate	{background-color: #eeeeee;padding:5px;}
.alternate p {margin:0px;padding:0px;}
.row		{background-color: #ffffff;}

/* Error Markers */

.fieldlbl {padding:4px 2px 0 0; text-align:right;}
.field {padding-left:2px;}
.fieldpad {padding-bottom:2px;}

.fieldtext {color:#000000;}
.fielderror {color:#cc0000;}
.fieldnorm {width:16px; height:20px;}
.fieldreq {width:16px; height:20px; background:transparent url(/images/global/field-req.gif) no-repeat center right;}
.fieldred {width:16px; height:20px; background:transparent url(/images/global/field-error.gif) no-repeat center right;}


/* Admin Edit */

.content {border:1px dashed #2b4487; padding:1px; margin:1px 1px 1px 1px;}
.contentregion {background:#b8cde7; color: #2b4487; border:1px solid #2b4487; padding:2px; margin:1px 0 1px 0;}
.contentheader {background:#dddddd; color:#000000; border:1px solid #2b4487; padding:2px; margin:1px 0 1px 0px; text-align:right;}
.contentedit {background:#f2faff; color:#000000; border:1px solid #2b4487; padding:2px;}
.adminbtn {font-size:12px; font-weight:bold; color:#000000; background:#112848 url(/images/btn.gif) repeat-x top left; border:1px solid #a5b9c8; padding:2px; text-decoration:none; cursor:pointer;}
.contentbottom {background: #dddddd; color: #000000; border: 1px solid #2b4487; padding: 2px; margin:1px 0 1px 0;}
.contentsettings {background:#ffffff; color:#000000; border:1px solid #2b4487; padding:2px;}

.swatchoff {border:solid 1px #ffffff;padding:1px 1px 1px 1px;}
.swatchon  {border:solid 1px #000000;padding:1px 1px 1px 1px;}

/* Enlarge Image/Slider Screen */
#divScreen {position:absolute;top:0px;left:0px;display:none;width:1000px;margin:0px;opacity:.75;-moz-opacity:.75;filter:alpha(opacity=75);z-index:4;background-color:#ffffff;}
#divSiteWrapper {position:relative;width:1000px;}

div.Enlarge 
{
	border:solid 3px #999;
	background:#fff;
	padding:5px;
	position:absolute;
}
.modalBackground {
	background-color:#666;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	z-index:9999;
}

/* Item added to cart */
#cartContent {width:350px; height:250px;}
.addedCartHdr {font-size:1.25em;font-weight:bold;text-align:center;color:#666666;padding:4px;background:#f3f3f3;}
.divAddedWrapper {padding:6px;background-color:#ffffff;border:2px solid #999999;}

/* Cart Support */
div.cartSupport {float:left; margin-bottom:10px;}

div.cartSupport span.title, div.cartSupport a {
	display:block;
	width:180px;
	border:1px solid #666;
	padding:4px 10px;
	margin:0 0 1px 0;
}

div.cartSupport span.title {font-weight:bold; color:#fff; background-color:#999}
div.cartSupport a {background:#ddd; color:#333333; text-decoration:none;}
div.cartSupport a:link:visited {background:#ddd; color:#333333; text-decoration:none;}
div.cartSupport a {background:#ddd; color:#333333; text-decoration:none;}

div.cartSupport a:hover {background:#f6f6f6; color:#000;}
div.cartSupport a:active {background:#f6f6f6; color:#000;}
div.cartSupport a.current {background:#f6f6f6; color:#000;}

div.tabEnc {
	position:relative;
	display:none;
	float:left;
	width:300px;
	padding:10px;
	margin:0 0 10px 10px;
	background-color: #fff;
	border:1px solid #b0a9a8;	
}

div.tabEnc a {
	position:absolute;
	display:block;
	top:5px;
	right:5px;
}

div.tabEnc ul {
	margin:5px 0 0 5px;
	padding:0;
	line-height:18px;
	list-style-type:none;
}
div.tabEnc ul li {
	padding:2px 0 0 10px;
	margin-bottom:5px;
	/* background:url(/images/list_dash.gif) no-repeat left 11px; */
}

.midLeftRail {padding:10px 0;}
.midLeftRail img {padding:10px 0;}
.date {padding:5px 0;}
.mainContent h1 {margin-bottom:5px;}
.mainContent {margin-bottom:10px;}
.blue-box a{display: inline-block;}
/* MT */

.slbrd {border:1px solid #6b88a7;}
.slbrdsr {border:0px solid #6b88a7;}
/*table.ftr in shell.css.aspx*/
/*tblbrd in shell.css.aspx*/
input.ibox {border:1px solid #848788; color:#000000; font-size:11px; font-family: Arial;}
input.trbox {border:none; background-color:transparent; font-family: Arial; padding:0 0 3px 3px; font-size: 12px;}
select.sbox {font-family: Arial,Helvetica,sans-serif; font-size:10px; color:#7f8080;} 

a.ae, a.ae:link, a.ae:visited {color: #004F9C; text-decoration: underline;}
a.ae:hover {color: #004F9C; text-decoration: underline;}
a.ae:active {color: #004F9C; text-decoration: underline;}

.rcntlink a{color: #004C94!important; padding: 5px 0; line-height: 20px; font-size: 14px;}
.rcntlink .dt,
.rcntlink p{font-size: 14px;}

.navlnk {color: #004f9c;font-size:11px; text-decoration: none; text-transform: uppercase; display:block; margin-bottom:3px;}
a.navlnk, a.navlnk:link, a.navlnk:visited {color: #004f9c; text-decoration: none; text-transform: uppercase; display:block; margin-bottom:3px;}
a.navlnk:hover {color: #004f9c; text-decoration: underline;}
a.navlnk:active {color: #004f9c; text-decoration: none;}

a.sbnavlnk, a.sbnavlnk:link, a.sbnavlnk:visited {color:#000000; text-decoration: none; display:block; margin-bottom:3px;}
a.sbnavlnk:hover {text-decoration: underline;color:#000000;}
a.sbnavlnk:active {text-decoration: none;color:#000000;}
/*
.scndnav {position:absolute; width:695px; height:18px; top:49px; right:113px;  z-index:3000; text-align:right;}
.scndnav a,.scndnav a:link,.scndnav a:visited {color: #fff; text-decoration: none; font-size:11px; background:transparent url(/images/scndnav-bg.gif) right no-repeat; padding-right:10px; margin-left:33px;}
.scndnav a:hover {color: #fff; text-decoration: none;}
.scndnav a:active {color: #fff; text-decoration: none;}
*/

/*div.nav in Shell.css.aspx*/



.cart {top:49px; right:46px; color:#000; font-size:11px;}
.cart a, .cart a:link,.cart a:visited {color: #004f9c; text-decoration: none;}
.cart a:hover {color: #004f9c; text-decoration:none;}
.cart a:active {color: #004f9c; text-decoration: none;}

.cartsummary{position:absolute; top:49px; right:46px; color:#000; font-size:11px;}
.cartsummary a, .cartsummary a:link,.cartsummary a:visited {color: #004f9c; text-decoration: none;}
.cartsummary a:hover {color: #004f9c; text-decoration:none;}
.cartsummary a:active {color: #004f9c; text-decoration: none;}

 .cartitems {color:#fff; font-size:12px; text-decoration: none; margin: 0 5px;}
.cartitems a:link {color: #fff; text-decoration: none;}

/*
#flyout {display:none; background-color:#ddedfd; position:absolute; top:110px; width:991px; z-index:1000; border:1px solid #c9e2fc; margin-top:1px;}
#flyout-st {position:relative; background-color:#ddedfd; top:110px; width:991px; border:1px solid #c9e2fc; margin:1px 0; z-index:1;}
#flyout-st h1, #flyout h1 {font-size:18px; color:#57a7fc; margin: 0 0 0.5em 0;}
*/

/*flyout in Shell.css.aspx*/

/*blue-box in Shell.css.aspx*/

.prdct td.first {border-right:1px solid #f3f2f2; border-left:none; padding: 0 10px 0 0; }
.prdct td.last {border-right:none; padding: 0 0 0 10px; }
.prdct td {border-right:1px solid #f3f2f2; padding: 0 10px; }
.prdct td.line {height:50px; background:transparent url(/images/line-bg.gif) repeat-x; border-right:none;}
.prdct td.feat {padding: 15px 10px 10px 12px; max-width:120px; vertical-align: top;}
.prdct {font-size:12px; width:140px;margin:0px 0 0 0 ; border-spacing: 0px; border-collapse: separate; }

.cellsinline{border-spacing: 0px; border-collapse: separate;}
.cellsinlineO{border-spacing: 1px; border-collapse: separate;}

.cellspace0{border-spacing: 0px; border-collapse: separate;}
.cellspace1{border-spacing: 1px; border-collapse: separate;}
.cellspace2{border-spacing: 2px; border-collapse: separate;}
.cellspace3{border-spacing: 3px; border-collapse: separate;}
.cellspace4{border-spacing: 4px; border-collapse: separate;}
.cellspace5{border-spacing: 5px; border-collapse: separate;}
.cellspace6{border-spacing: 6px; border-collapse: separate;}
.cellspace7{border-spacing: 7px; border-collapse: separate;}
.cellspace8{border-spacing: 8px; border-collapse: separate;}
.cellspace9{border-spacing: 9px; border-collapse: separate;}
.cellspace10{border-spacing: 10px; border-collapse: separate;}
.border0{border:0;}


.cellpad0 td{ padding: 0px; }
.cellpad1 td{ padding: 1px }
.cellpad2 td{ padding: 2px }
.cellpad3 td{ padding: 3px; }
.cellpad4 td{ padding: 4px; }
.cellpad5 td{ padding: 5px; }
.cellpad6 td{ padding: 6px; }
.cellpad7 td{ padding: 7px; }
.cellpad8 td{ padding: 8px; }
.cellpad9 td{ padding: 9px; }
.cellpad10 td{ padding: 10px; }

.underline{text-decoration: underline;}





.relatedPro td {border:none;}
.prdct a, .prdct a:link, .prdct a:visited {color: #004f9c; text-decoration: none; display:block; }
.prdct a:hover {color: #004f9c; text-decoration: underline;}
.prdct a:active {color: #004f9c; text-decoration: none;}
.additionalColors{margin: 10px 0 0 0; font-size: 10px;}
a.red, a.red:link, a.red:visited {color: #b1020b; text-decoration: none;}
a.red:hover {color: #e80001; text-decoration: underline;}
a.red:active {color: #e80001; text-decoration: none;}

.fltrwrp {width:800px; text-align:right;}
.fltr {width:120px; margin-left:5px;font-family: Arial,Helvetica,sans-serif; font-size:12px; color:#000;}

.cs1 {color:#ffffff; background-color:#106cc8; padding:2px 3px; margin:2px 0; text-align:center; white-space:nowrap;}
.cs2 {color:#e8020d; background-color:#fffb85; padding:2px 3px; margin:2px 0; text-align:center; white-space:nowrap;}
.cs3 {color:#ffffff; background-color:#b1020b; padding:2px 3px; margin:2px 0; text-align:center; white-space:nowrap;}
.cs4 {color:#106cc8; background-color:#ffffff; padding:2px 3px; margin:2px 0; text-align:center; white-space:nowrap; border:1px solid #106cc8; text-align:center;}
.cs5 {color:#e8020d; background-color:#fffb85; padding:2px 3px; margin:2px 0; text-align:center; white-space:nowrap;}
.cs6 {color:#ffffff; background-color:#00c34c; padding:2px 3px; margin:2px 0; text-align:center; white-space:nowrap;}
.cs7 {color:#ffffff; background-color:#106cc8; padding:2px 3px; margin:2px 0; text-align:center; white-space:nowrap;}
.cs8 {color:#ffffff; background-color:#848383; padding:2px 3px; margin:2px 0; text-align:center; white-space:nowrap;}
.cs9 {color:#004f9c; background-color:#cde4fa; padding:2px 3px; margin:2px 0; text-align:center; white-space:nowrap;}
.cs10 {color:#d6000b; background-color:#cde4fa; padding:2px 3px; margin:2px 0; text-align:center; white-space:nowrap;}
.cs11 {color:#e8020d; background-color:#fffb85; padding:2px 3px; margin:2px 0; text-align:center; white-space:nowrap;}
.cs12 {color:#7f8080; background-color:#ffffff; padding:2px 3px; margin:2px 0; border:1px solid #7f8080; white-space:nowrap; text-align:center;}
.cs13 {color:#fff600; background-color:#ee3a43; padding:2px 3px; margin:2px 0; text-align:center; white-space:nowrap;}
.csg {color:#ffffff; background-color:#ffffff; padding:0; margin:0; text-align:center; white-space:nowrap; border-color:#ffffff;}

.cs1 td, .cs2 td, .cs3 td, .cs5 td,  .cs6 td, .cs7 td, .cs8 td, .cs9 td, .cs10 td, .cs11 td , .cs13 td {border-right:none;}

.sts {float:right; width:200px;}
.price {color:#eb0000; font: bold 20px Arial;}

.rtng-bar {width:180px; text-align:right; margin-top:3px;}
.mod {margin-bottom:37px;font-size:10px;color:#696969;}
.colorbar  {font-size:3px; height:3px; background-color:#116cc7;}

/* SLIDING BANNER */

.stepcarousel {
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 993px; /*Width of Carousel Viewer itself*/
height: 116px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt {
position: absolute; /*leave this value alone*/
left: 0;
top: 0;}

.stepcarousel .panel{
float: left; 
overflow: hidden;
margin: 1px; 
width: 330px; }

/* SLIDING BANNER - smaller version*/

.stepcarousel-sm {
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 800px; /*Width of Carousel Viewer itself*/
height: 94px; /*Height should enough to fit largest content's height*/
}

.stepcarousel-sm .belt {
position: absolute; /*leave this value alone*/
left: 0;
top: 0;}

.stepcarousel-sm .panel{
float: left; 
overflow: hidden;
margin: 1px; 
width: 266px;}


/* TABS */

.shadetabs{
padding: 8px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 10px Arial;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 8px 13px;
margin-right: 1px;
border-right: 1px solid #deecfb;
color: #004f9c;
background: white url(/images/shade.gif) top left no-repeat;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(/images/shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

ul.cst {list-style-image: url(/images/li.gif);}
ul.cst {margin:0; padding:0 0 0 25px;}

.view {margin:10px 0;text-align:right;}
.mod {margin-bottom:20px;}

.ttl {border-bottom: 1px solid #ebeaea; padding:9px 0 8px 0;}
.txt {margin:10px 0;}
.ftr-p {border-top: 1px solid #ebeaea; padding:7px 0 4px 0; margin-top:10px;}

.subsubdetail{display:none;width:100%}
.subsubdetailopen{display:block;width:100%}
.tdnavlnk{width:150px;}

.shippinginfo {
	border:3px;
	border-style:solid;
	border-color:#7F8080;
}

.resort {
	width:655px;
	height:669px;
	background-image: url(/images/Ron_Jon_Resort.jpg);
}

/* Gallery */

div.ghdrwrpr {width:767px; height:61px; position:relative; background:transparent;} /* background:transparent url(/images/gallery/bg-header.png) no-repeat top left; */
.ghdrlogo {top:6px; left:0; position:absolute;}
.ghdrtag {top:42px; left:182px; position:absolute;}
.ghdrappt {top:30px; left:530px; position:absolute;}
.ghdrconsult {top:0; left:392px; position:absolute;}

div.gsubhdrwrpr {width:767px; height:28px; position:relative; color:#fff; background:#555;} /* background:#555 url(/images/gallery/bg-subhdr.gif) no-repeat top left; */
.gsubhdrwrpr h1 {float:left; margin:0; padding:5px 0 0 10px; font-size:14px; font-weight:normal;}
.gsubhdrwrpr div {float:right; padding:6px 10px 0 0;}
.gsubhdrwrpr div a:link, .gsubhdrwrpr  div a:visited {color:#fff; text-decoration:none;}
.gsubhdrwrpr div a:hover {color:#ccc; text-decoration:none;}
.gsubhdrwrpr div a:active {color:#fff; text-decoration:none;}

div.gcorwrpr {width:800px; height:494px; position:relative;}

div.tabbar {height:26px; width:800px; position:relative;}
.tabinact {float:left; font-size:10px; color:#004f9c; background:transparent url(/images/bg-tab-inact.gif) repeat-x top left; display:block; padding:4px 14px 4px 14px; margin:0 1px 0 0; border-right:1px solid #cbe2f9; cursor:pointer;}
.tabactive {float:left; font-size:10px; color:#8c8c8c; background:#cde4fa url(/images/bg-tab-active.gif) no-repeat top left; display:block; border-right:1px solid #b7daff; padding:4px 14px 4px 14px; margin-right:1px;}
.slctfltr {float:right; margin-top:4px;}

div.outerwrpr {top:0; width:800px; height:435px; position:relative; background-color:#cde4fa;}
div.innerwrpr {top:19px; left:17px; width:760px; height:412px; position:relative; }
div.innerwrpr .glftfloat {background:#003770 url(/images/photo-bg.gif) right bottom no-repeat; float:left; width:466px; top:7px; position:relative; padding:6px; border:1px solid #000;}
div.innerwrpr .grhtfloat {float:right; width:260px; position:relative;}

div.thmbwrpr {}

.thumbinact {border:1px solid #428cd0; margin:0 0 3px 3px; padding:0; cursor:pointer; }
.thumbact {border:1px solid #ca1b1d; margin:0 0 3px 3px; padding:0;}

div.glrgimgholdr {position:relative; text-align:center;}

div.gftrcpyrt {color:#7c7c7c; padding:4px 0 0 0;}

.viewImage {cursor:pointer; }

.scrollDiv {height:204px; width:260px; overflow:auto;}


/* Media Center */

.topwrp {margin-top:10px;}
.video {float:left; display:inline; width:480px;min-height: 1px;}
.top-txt {float:left; display:inline; width:311px; margin-left:8px;}
.uh {margin:2px auto 10px auto;}

div.smalltabcont {height:118px; padding:10px; width:290px; border:1px solid #cbe2f9;}
div.smalltabcontint {height:118px; overflow:auto; width:290px;}

div.gcorwrpr-sm {width:290px; position:relative;}
div.tabbar-sm {height:27px; width:311px; position:relative;}

div.tabbar-sm div.tabinact, div.tabbar-feat div.tabinact  {float:left; font-size:10px; color:#004f9c; background:transparent url(/images/bg-tab-inact.gif) no-repeat top left; display:block; padding:4px 9px; margin:0 1px 0 0; border-right:1px solid #cbe2f9; cursor:pointer;}
div.tabbar-sm div.tabactive, div.tabbar-feat div.tabactive  {float:left; font-size:10px; color:#8c8c8c; background:#cde4fa url(/images/bg-tab-inact.gif) no-repeat top left; display:block; border-right:1px solid #b7daff; padding:6px 9px; margin:-3px 1px auto auto;}


/* Featured Tabs */

div.feattabcont {width:800px; border:1px solid #cbe2f9;}
div.feattabcontint {height:137px; margin:30px 0; overflow:auto; width:770px;}

div.gcorwrpr-feat {width:800px; position:relative;} 

div.tabbar-feat { height:27px; position:relative; }

div.tabbar-feat {
top:6px;/*IE 5 for PC only*/
voice-family:"\"}\"";
voice-family:inherit;
top:6px;/*all non-IE 5 browsers*/
}
/*end*/

/*\*/
html*div.tabbar-feat {
[top:8px;/*Affects older Firefox and Netscape browsers only. Seen also by IE5-6 and Safari for Macintosh, which is addressed below.*/
top:8px;/*Affects Google Chrome amd Safari for Macintosh only (v1-3). See also by IE5-6, but thats addressed below. Also hidden from older Firefox and Netscape browsers.*/
]top:6px;/*Affects IE 7 only. Seen by IE5-6 but thats addressed below. Hidden from Safari and all Firefox and Netscape browsers.*/
}/**/
.dummyend[id]{clear:both/*end hack using dummy attribute selector for IE5 mac, else error in CSS occurs!*/}

/*\*/
* html div.tabbar-feat {
top:6px;/*Finally, be sure to reapply a fix that affects IE 5-6 only here. IE for Mac and IE 7 for PC are not affected here, which means purple above should work only in IE 7 above!*/
}
/**/

div.tabbar-sm {
top:6px;/*IE 5 for PC only*/
voice-family:"\"}\"";
voice-family:inherit;
top:6px;/*all non-IE 5 browsers*/
}
/*end*/

/*\*/
html*div.tabbar-sm {
[top:8px;/*Affects older Firefox and Netscape browsers only. Seen also by IE5-6 and Safari for Macintosh, which is addressed below.*/
top:8px;/*Affects Google Chrome amd Safari for Macintosh only (v1-3). See also by IE5-6, but thats addressed below. Also hidden from older Firefox and Netscape browsers.*/
]top:6px;/*Affects IE 7 only. Seen by IE5-6 but thats addressed below. Hidden from Safari and all Firefox and Netscape browsers.*/
}/**/
.dummyend[id]{clear:both/*end hack using dummy attribute selector for IE5 mac, else error in CSS occurs!*/}

/*\*/
* html div.tabbar {
top:6px;/*Finally, be sure to reapply a fix that affects IE 5-6 only here. IE for Mac and IE 7 for PC are not affected here, which means purple above should work only in IE 7 above!*/
}
/**/
div.tabbar {
top:6px;/*IE 5 for PC only*/
voice-family:"\"}\"";
voice-family:inherit;
top:6px;/*all non-IE 5 browsers*/
}
/*end*/

/*\*/
html*div.tabbar {
[top:8px;/*Affects older Firefox and Netscape browsers only. Seen also by IE5-6 and Safari for Macintosh, which is addressed below.*/
top:8px;/*Affects Google Chrome amd Safari for Macintosh only (v1-3). See also by IE5-6, but thats addressed below. Also hidden from older Firefox and Netscape browsers.*/
]top:6px;/*Affects IE 7 only. Seen by IE5-6 but thats addressed below. Hidden from Safari and all Firefox and Netscape browsers.*/
}/**/
.dummyend[id]{clear:both/*end hack using dummy attribute selector for IE5 mac, else error in CSS occurs!*/}

/*\*/
* html div.tabbar {
top:6px;/*Finally, be sure to reapply a fix that affects IE 5-6 only here. IE for Mac and IE 7 for PC are not affected here, which means purple above should work only in IE 7 above!*/
}
/**/


div.feattabcontint a {width:100px; float:left; text-align:left; text-decoration:none; border:1px solid #e1e1e1; padding:8px; margin:0 0 30px 30px; }
div.feattabcontint a:link, div.feattabcontint a:visited {color:#0084ff;}
div.feattabcontint a:hover {color:#0084ff; background-color:#d8e9fb;}
div.feattabcontint a:active {color:#0084ff;}
div.feattabcontint img {width:98px; height:66px; border-style:none; margin-bottom:4px;}


/* Div Drop Down in Flyout Menu */
.sddm,
#sddm {
	margin: 0;
	padding: 0;
	
	}
.sddm > span{display: block;}
.sddm > span > a{ padding: 10px 0 10px 5px!important; margin: 0px!important; display: block!important; background: url(/images/select.gif)no-repeat; background-position: 0% 50%; font-size: 10px!important; font-weight: 400!important; color: #000!important}
.sddm li,
#sddm li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font-size:10px;}

.brand-wrp{display: block; width: 860px; display: flex; align-items: center;}
.brand-wrp .sub-brand{display: block; width: 12%;}
.brand-wrp .sub-brand span{display: block; margin: 5px 0;}
/*.brand-wrp .sub-brand span a{padding: 5px 0 !important; margin: 0!important;}*/
.brand-wrp .sub-brands{display: block; width: 15%;}
.brand-wrp .sub-brands span{display: block; margin: 5px 0;}
.dptshopbrand  a {margin: 8px 0!important; padding: 0!important; font-size: 10px!important; font-weight: 400!important; color: #000!important;}
.sddm li a,
#sddm li a {
	display: block;
	margin: 0 1px 0 0;
	padding:2px 22px 2px 4px;
	font-size:10px;
	width: 100px;
	background:#fff url(/images/select.gif) no-repeat;
	color: #000;
	text-align: left;
	text-decoration: none; }

.sddm li a:hover,
#sddm li a:hover{
	background:#fff url(/images/select-on.gif) no-repeat;}

.sddm div,
#sddm div {
	position: absolute;
	right:20px;
	z-index: 2000;
	visibility: hidden;
	margin: 0;
	padding: 5px;
	border: 1px solid #7f9db9;
	background:#fff;
	width:860px;
}

.sddm li div ul, 
#sddm li div ul {float:left; display:inline; width:105px; margin:0; padding:0;}


.sddm li div a,
#sddm li div a {
	background-image:none;
	position: relative;
	display: block;
	margin: 0;
	padding:;
	text-align: left;
	text-decoration: none;
	color: #000;}

.sddm li div a:hover,
#sddm li div a:hover {
	background: #316ac5;
	color: #FFF; }
	

		
/* shopping cart */

  #MemberView{font-size: 10px;}
	
  div.carthdr {
		margin:10px auto 5px auto;
	}

	div.carthdr div.backTo {
		float:right;
		margin:7px 10px 0 0;
		text-align:right;
	}

	div.carthdr div.backTo strong.title {font-size:1.1em; font-weight:normal;}

	div.carthdr div.backTo a.bringBackTo {padding:0 0 0 10px;}


	div.cartwrpr {
		margin:0 auto;
		padding:2px 0 13px 0;
	}

	.shipToHdr {
		margin:0;
		padding:5px;
		font-weight:bold;       
		background-color:#efefef;
		border:1px solid #999999;
	}

	.shipAddr
	{
		border-width:0 1px;
		border-style:solid;
		border-color:#999999;
	}

	.shipAddr table td {
		padding: 5px 10px 5px 3px;
	}

	table.cart {
		width:100%;
		margin:0 auto;
		border-collapse:collapse;
		border:1px solid #999999;
		margin-bottom:5px;
	}

	/* ******** */
	/* Cart Fix */
	/* ******** */
	table.cart table tr td {border-bottom:none;}
	table.cart tr td.edit table tr td{font-size:.9em;}
	table.cart tr td.edit div a {font-size:.9em;}
	/* ************ */
	/* End Cart Fix */
	/* ************ */

	table.cart table.innerTable td {border:0; vertical-align:top; padding:0; color:Black;}
	table.cart table.innerTable td.pImg {padding-right:10px; color:Black;}
  table.cart .pImg a{display: inline-block;}
	table.cart th {background-color:#666666; padding:7px; color:#ffffff;}

	table.cart td {background-color:#fff; vertical-align:top; padding:10px 0 10px 10px; border-bottom:1px solid #999999;}

	table.cart td.edit div {padding:5px 0 0 0; font-size:.9em;}

	table.cart td.qty input.text, table.cart td.wrapping input.text {width:20px; padding-left:3px; padding-right:3px; text-align:center;}

	table.cart td p {font-size:13px; font-weight:bold; margin:0; color:#000;}
	.sale {color:#d7182a; font-weight:bold;}
	.regular {color:#000; font-weight:bold;}

	a.removeItem {font-size:11px; color:#d7182a;}

	table.cart td ul {margin:0; padding:0; list-style-type:none;}
	table.cart td ul.selections li {
		padding-left:10px;
		margin-bottom:5px;
		/* background:url(/images/arrowRight.gif) no-repeat 0 4px; */
		font-weight:bold;
		font-size:13px;
	}

	input.updateCart {margin:0 0 0 671px;}

	div.cartInfo {
		height:1%;
		margin:0 auto;
	}

	div.cartInfo div.cartSupport {float:left; margin-bottom:10px;}

	div.cartSupport span.title, div.cartSupport a {
		display:block;
		width:179px;
		border:1px solid #999999;
		padding:4px 10px;
		margin:0 0 1px 0;
	}

	div.cartSupport span.title {font-weight:bold; background-color:#666666; color:#ffffff;}
	div.cartSupport a,
	div.cartSupport a:link,
	div.cartSupport a:visited {background:#efefef; color:#333333; text-decoration:none; font-size:11px;}

	div.cartSupport a:hover {background:#f7f7f7;}
	div.cartSupport a:active {background:#cccccc;}
	div.cartSupport a.current {background:#cccccc;}

	div.cartTabEnc {
		position:relative;
		display:none;
		float:left;
		width:350px;
		padding:20px 10px 10px 10px;
		margin:0 0 10px 3px;
		background-color: #fff;
		border:1px solid #999999;
	}

	div.cartTabEnc a.close {
		position:absolute;
		display:block;
		top:5px;
		right:5px;
	}

	div.cartTabEnc span.tabhdr {
		font-size:18px;
		font-weight:bold;
		color:#000000;
	}

	div.cartTabEnc p {
		margin-bottom:7px;
		line-height:18px;
	}

	div.cartTabEnc ul {
		margin:5px 0 0 5px;
		padding:0;
		line-height:18px;
		list-style-type:none;
	}

	div.cartTabEnc ul li {
		padding:2px 3px 0 0;
		margin-bottom:7px;
		color:#000000;
	}

	div.checkoutBlock {
		width:357px;
		float:right;
	}

	div.updateCart {
		padding-bottom:11px;
		margin-bottom:11px;
		border-bottom: 1px solid #999999;
	}

	div.promoCode {
		height:23px;
		background-color:#666666;
		color:#ffffff;
		margin-bottom:7px;
		padding:8px 5px 5px;
	}

	div.promoCode strong.pTitle {float:left; font-size:13px; padding:3px 15px 0 10px;}
	div.promoCode img, div.promoCode input {display:block; float:left; font-size: 12px;}
	div.promoCode input.image {margin:0 0 0 8px;}
	div.promoCode input {font-size: 12px;}
	div.promoCode input.btn {margin-top:0;}
	div.promoCode input.text {width:117px; margin-top:1px; padding:4px;}
	div.promoCode input.select {width:117px; background-color:#f7f7f7;}

	div.multipleShips {
		padding:0 0 10px 0;
		margin:0 0 20px 0;
		border-bottom: 1px solid #999999;
	}

	div.chkoutBoxes {margin-bottom:15px;}

	div.chkoutBoxes div.chkoutRow {position:relative; width:356px; height:29px; background:#e9e9e9; margin-bottom:1px;}
	div.chkoutBoxes div.chkoutRow img.title {border:1px solid #fff; float:left;}

	div.chkoutBoxes div.chkoutRow Strong.title {
		font-size: 12px;
		float:left;
		display:block;
		width:207px;
		height:22px;
		padding:7px 5px 0 0;
		margin:0 5px 0 0;
		text-align:right;
		border-right:1px solid #fff;
		background-color:#cccccc;
	}


	div.chkoutBoxes div.chkoutRow span.price {
		display:block;
		font-size:13px;
		font-weight:bold;
		padding:7px 0 0 12px;
	}

	div.chkoutBoxes a.enterZip {
		position:absolute;
		top:8px;
		left:10px;
		font-size:11px;
		color:#000000;
		text-decoration:underline;
		z-index:10;
	}

	div.shipData {
		height:1%;
		display:none;
		background-color:#666666;
		color:#fff;
		padding:10px;
	}

	div.shipData .shipRow {
		height:1%;
		padding:10px 0 0 0;
	}

	div.shipData .shipTitle {
		margin-top:3px;
		width:95px;
		float:left;
		display:block;
	}

	div.shipData input, div.shipData select {
		float:left;
		margin:0 5px;
	}

	div.shipData input.text {padding:4px; margin-top:1px;}

/* end shopping cart */

/* begin selections */
a.Swatch 
{
	display:inline-block;
	border:solid 1px #ddd;
	margin:0 3px 0 0;
}
a.Swatch:hover
{
	display:inline-block;
	border:solid 1px #aaa;
}
a.Swatch img
{
	border:solid 1px #fff;
}
a.Swatch img:hover
{
}
a.SwatchSelected
{
	display:inline-block;
	border:solid 1px #000;
	margin:0 3px 0 0;
}
a.SwatchSelected img
{
	border:solid 1px #fff;
}
a.TextLink
{
	display:inline-block;
	padding:3px 7px;
	background:#9cf;
	border:solid 1px #69c;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	margin:1px 3px 0 0;
}
a.TextLink:hover
{
	background:#8be;
	border:solid 1px #58b;
}
a.TextLinkSelected
{
	display:inline-block;
	padding:3px 7px;
	background:#69c;
	border:solid 1px #369;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	margin:0 3px 0 0;
}
a.TextLinkSelected:hover
{
	background:#58b;
	border:solid 1px #258;
}
div.Property
{
	margin-bottom:6px;
	font-size:12px; color:#004f9c;
}
.ItemTitle
{
	font-size:12px; color:#004f9c;
}

.loading 
{
	top:0;
	left:0;
	background:#fff;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	opacity:0.9;
}
/* end selections */

#recent_comments_body					{ width: 649px; border-left: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; padding:2px 4px 10px 4px; }
ul.recent_comments_list 				{ margin: 5px 0 0 0; padding: 0 0 5px 0; list-style-type: none; }
ul.recent_comments_list li				{ margin: 0; padding: 0 13px 0 19px; width: 180px; border-right: 1px solid #c0c0c0; float: left; height: 112px; }
ul.recent_comments_list li.last			{ border-right: none; }
ul.recent_comments_list .recent_comment { font-style: italic; font-size: 10px; line-height: 14px;}
li .recent_comments_inset				{ float: left; border-right: 1px solid #c0c0c0; margin-right: 5px; padding-right: 5px; padding-bottom: 5px; display: inline; text-align: center; }


/* TABS */
div.AspNet-Menu-Horizontal
{
	padding:0;
    margin:0;
}
ul.AspNet-Menu 
{
	padding:0px;
	margin:0px;
	border:0px;
}
ul.AspNet-Menu li
{
    font-family:tahoma,helvetica,sans-serif;
	font-size:11px;
	padding:0px;
	margin:0px;
}
ul.AspNet-Menu li a
{
    border:solid 1px #808080;
    border-bottom-width:0px;
    background:url(/images/admin/tab_off.gif) repeat-x;
	display:block;
	padding:5px 10px;
	color:#666;
}

.careers-application-form ul.AspNet-Menu li a
{
    
    background:#ccc; 
    color:#000;
}
.careers-application-form ul.AspNet-Menu li a:hover
{
  color:#000;
  border:solid 1px #505050;
  background:#ccc;
}

ul.AspNet-Menu li a:hover
{
	color:#333;
    border:solid 1px #505050;
    border-bottom-width:0px;
    background:url(/images/admin/tab_on.gif) repeat-x;
}
ul.AspNet-Menu li:hover {background:#B8CDE7; color:#336699;}

.AspNet-Menu-Leaf{border-right:solid 2px #fff;}
.AspNet-Menu-Leaf a{}
.AspNet-Menu-Selected
{
    color:#fff;
    background:url(/images/admin/table_header.gif) repeat-x;
}
.AspNet-Menu-Leaf .AspNet-Menu-Selected
{
    border:solid 1px #00659C;
    border-bottom-width:0px;
    color:#fff;
    background:url(/images/admin/table_header.gif) repeat-x;
}

.careers-application-form .AspNet-Menu-Leaf .AspNet-Menu-Selected {
  background:#00659C;
  color: #fff;

}

.careers-application-form  .AspNet-Menu-Leaf:hover .AspNet-Menu-Selected:hover
{
    border:solid 1px #fff;
    
    color:#fff;
    background:#00659C;
}


.AspNet-Menu-Leaf:hover .AspNet-Menu-Selected:hover
{
    border:solid 1px #00659C;
    border-bottom-width:0px;
    color:#fff;
    background:url(/images/admin/table_header.gif) repeat-x;
}
.AETabBody
{
    font-family:tahoma,helvetica,sans-serif;
    font-size:1em;
    border:solid 2px #00659C;
    border-top-width:6px;
    margin:0 10px 0 0;
    width:98%;
}
.AETabHeader 
{
	padding:8px;
    background:url(/images/admin/info_bg.gif) #FFE7A2 repeat-x;
    border-bottom:solid 2px #FFBE6B;
    line-height:1.4em;
    font-size:11px;
}
.AETabHeader div 
{
}
.tabstripcontent
{
	margin: 10px 10px 10px 10px;
}
/* END TABS */
.invalid LI 
{
 margin: 0px 0px 0px 0px;
 color:red; 	
 list-style-type:none;
 line-height:5px;
}

#divSection3 {margin-left:20px;}
#divSection6 {margin-left:120px;}
#divSection8 {margin-left:248px;} 
#divSection12 {margin-left:510px;}
#divSection14 {margin-left:617px;}

#dhtmltooltip {padding:8px; position:absolute; width:150px; border:1px solid #8e9091; visibility:hidden; z-index:100; filter:progid:DXImageTransform.Microsoft.Shadow(color=#999999,strength:5,direction=135);}

/* quick window */
#qwdrag {position:absolute;width:510px; z-index:2000;}
#qwtop {width:510px; height:8px; background-image: url(/images/sa-top2.gif); cursor:move; overflow:hidden;}
#qwbody {width:504px; text-align:left; border:3px solid #ECECEC; border-top:0; background-color:#fff;/* background:#ffffff url(/images/sa-bg.gif) repeat-x left top; */ padding:0; margin:0;}
#qwbottom {width:504px; height:8px;  overflow:hidden;}

#qwcustom {margin:0 auto;}
#qwcustom li.divider {width:100%;}

.VeilStyle {
position: fixed;
top: 0px;
left: 0px;
cursor: "not-allowed";
background: url(/images/veil_tile.png);
}

.CartVeil {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	cursor: "not-allowed";
	background: url(/images/transDarkGry50.png);
	z-index: 5000;
}

.toolTip {z-index: 100005;}

.FreeGiftPopup {background-color:#fff; padding:20px; width:500px;}

div.tnavbtn2, div.tnavbtnon2 {cursor:pointer;}
div.tnavbtn2 span, div.tnavbtnon2 span {padding-left:10px; height:1%;}


div.tnavbtn, div.tnavbtnon {cursor:pointer;}
div.tnavbtn span, div.tnavbtnon2 span {padding-left:10px; height:1%;}

div.tnavpanel {width:680px; left:335px;top:; position:absolute; visibility:hidden;}
div.tnavpanelbody {height:495px; background-color:#fff; margin:0px;}
div.tnavpanelwrpr {width:495px; float:right; position:relative;}

div.tnavpanelwrpr {margin:0px;padding:0px;}

div.tnavpanel2 {width:495px; left:508px;top:420px; position:absolute; visibility:hidden;}
div.tnavpanel2body {height:495px; background-color:#fff; margin:0px;}
div.tnavpanel2wrpr {width:495px; float:right; position:relative;}

div.tnavpanel3 {width:490px; left:518px;top:700px; position:absolute; visibility:hidden;}
div.tnavpanel3body {height:495px; background-color:#fff; margin:0px;}
div.tnavpanel3wrpr {width:494px; float:right; position:relative;}

div.definewrpr {width:285px;height:465px;margin-left:10px;position:relative;font-size:15px;}
.define {padding:100px 10px 10px 10px;border-left: 2px solid #000000;border-bottom: 2px solid #000000;border-right: 2px solid #000000;left:640px;top:80px; position:absolute; z-index:1;visibility:hidden;}
.surfwords a, .surfwords a:link, .surfwords {}
.word {padding:0px 2px;}
.letter {text-align:center;font-weight:bold;color:#ffffff;font-size:20px;vertical-align:top;padding-right:30px;}

.design_a_board h2 {color:#000000;}

/* Surf Team Style */
#surfteam {
	background-color: #000000;
	font-family: sans-serif, Verdana, Arial, Helvetica;
}

#surfteam table {
	background-color: #000000;
}

#surfteam .surf_team_menu {
	text-align: center;
}

#surfteam .surf_team_menu_border {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

#surfteam .surf_team_menu .surf_team_menu_link, #surfteam .surf_team_menu .surf_team_menu_link:visited {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
}

#surfteam .surf_team_menu .surf_team_menu_link:hover {
	color: #FFFFFF;
	background-color: #333333;
}

#surfteam .surf_team_news_block {
	color: #000000;
	background-color: #FFFFFF;
	margin: 15px;
	padding: 15px;
	height: 300px;
	width: 320px;
	border: medium inset #FFFFFF;
	overflow-y: scroll;
}

#surfteam .surf_team_elements {
	text-align: center;
}

#surfteam .surf_team_elements .surf_team_element_border {
	border: 2px solid #FFFFFF;
}
/* added AW 10-01-2009 */

.corwrpr {z-index:0; border-spacing: 0px; border-collapse: separate;}

.clear {display:block; clear:both; line-height:0; height:0; margin:0; padding:0; overflow:hidden; font-size:.01em;}

.itemList {position:relative; z-index:2;}
.itemList .itemWrapper {
	position:relative;
	display: inline;
	float: left;
	width:169px;
	min-height: 200px;
	color: #666;
	text-align: center;
	padding: 0 3px 0 4px;
	border-right: 1px #eee solid;
}
	
.itemList .last {margin-right:0; border:0;}

.itemWrapper a.itemLink img,
.itemWrapper a.itemLink:link img,
.itemWrapper a.itemLink:visited img {display:block; margin:0 auto; text-decoration:none;}

	div.productList {
		position: relative;
		height: 1%;
		margin: 13px 0;
	}

	div.productList a:hover, div.productList a:active,
	div.productList a:hover strong, div.productList a:active strong {
		color: #666;
	}

	.productList strong {
		display: block;
  	}
.itemWrapper .detailView .close{display: none; cursor: pointer; top: 15px; right: 5px; position: absolute; color: #0000FF; font-size: 11px;} 
.prdct td.last .itemWrapper{position: relative; z-index: 1;}
.itemWrapper .detailView {display:none; position:absolute; top:0px; left:0px; width:182px; /*border-right:1px #d3d3d3 solid;*/  text-align:left; z-index:10;}
.prdct td.last .itemWrapper .detailView {display:none; position:absolute; top: 0px; left: 0px; width:182px; /*border-right:1px #d3d3d3 solid;*/ text-align:left; z-index:10;}
.itemWrapper .detailView .leftCol {float:left; display:inline; width:169px;}
.itemWrapper .detailView .rightCol {margin-left:180px; padding:0 10px; border-left:1px solid #eee;}
/*.itemWrapper .detailView .close {position:absolute; top:1px; right:0px; width:14px; height:14px; background:#eee; text-align:center; cursor:pointer;}*/
.itemWrapper .detailView .orderItem {margin-top:0;}

.itemWrapper a.dvLink,
.itemWrapper a.dvLink:link,
.itemWrapper a.dvLink:visited {
	display:none;
	position:absolute;
	left:10px;
	top:5px;
	background-image:url(/images/transWht70.png);
	border:1px solid #ccc;
	color:#333333;
	margin:0 1px;
	padding:2px 6px;
}

.itemWrapper a.dvLink:hover,
.itemWrapper a.dvLink:active {color:#000; border-color:#666;}

.itemWrapper a.Swatch,
.itemWrapper a.Swatch:link,
.itemWrapper a.Swatch:visited {
	border: 1px solid #afd3f6;
	display: inline-block;
	margin: 6px 3px 0 0;
	}
	
.itemWrapper .lbl {border: none; width: 100%;}
.itemWrapper .pad10 {padding: 7px; background:#dfefff; border-bottom:1px #d3d3d3 solid; /*min-height: 137px;*/}
#upMainImage a{display: inline-block;}


	/* global */
#cluetip-close img {
  border: 0;
}
#cluetip-title {
  overflow: hidden;
}
#cluetip-title #cluetip-close {
  float: right;
  position: relative;
}
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(clueTip/wait.gif);
}
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  height: 22px;
  width: 11px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#cluetip-extra {
  display: none;
}
/***************************************
   =cluetipClass: 'default' 
-------------------------------------- */

.cluetip-default {
  background-color: #DDEDFD;
  color:#7F8080;
}
.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #f4f4f4;
}
.cluetip-default h3#cluetip-title {
  margin: 0 0 5px;
  padding: 6px 8px 2px;
  font-size: 1.1em;
  font-weight: bold;
  background-color: #4BA6FF;
  color: #fff;
}
.cluetip-default #cluetip-title a {
  color: #f4f4f4;
  font-size: 0.95em;
}  
.cluetip-default #cluetip-inner {
  padding: 4px;
  text-align: justify;
}
.cluetip-default div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* default arrows */

.clue-right-default .cluetip-arrows {
  background-image: url(clueTip/images/darrowleft.gif);
}
.clue-left-default .cluetip-arrows {
  background-image: url(clueTip/images/darrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-default .cluetip-arrows {
  background-image: url(clueTip/images/darrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-default .cluetip-arrows {
  background-image: url(clueTip/images/darrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/***************************************
   =cluetipClass: 'jtip'
-------------------------------------- */
.cluetip-jtip {
  background-color: transparent;
}
.cluetip-jtip #cluetip-outer {
  border: 2px solid #ccc;
  position: relative;
  background-color: #fff;
}

.cluetip-jtip h3#cluetip-title {
  margin: 0 0 5px;
  padding: 2px 5px;
  font-size: 16px;
  font-weight: normal;
  background-color: #ccc;
  color: #333;
}

.cluetip-jtip #cluetip-inner {
  padding: 0 5px 5px;
  display: inline-block;
}
.cluetip-jtip div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* jtip arrows */

.clue-right-jtip .cluetip-arrows {
  background-image: url(clueTip/images/arrowleft.gif);
}
.clue-left-jtip .cluetip-arrows {
  background-image: url(clueTip/images/arrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-jtip .cluetip-arrows {
  background-image: url(clueTip/images/arrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-jtip .cluetip-arrows {
  background-image: url(clueTip/images/arrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/***************************************
   =cluetipClass: 'rounded'
-------------------------------------- */

.cluetip-rounded {
  background: transparent url(clueTip/images/bl.gif) no-repeat 0 100%;
  margin-top: 10px;
  margin-left: 12px;
}

.cluetip-rounded #cluetip-outer {
  background: transparent url(clueTip/images/tl.gif) no-repeat 0 0;
  margin-top: -12px;
}

.cluetip-rounded #cluetip-title {
  background-color: transparent;
  padding: 12px 12px 0;
  margin: 0 -12px 0 0;
  position: relative;
}
.cluetip-rounded #cluetip-extra {
  position: absolute;
  display: block;
  background: transparent url(clueTip/images/tr.gif) no-repeat 100% 0;
  top: 0;
  right: 0;
  width: 12px;
  height: 30px;
  margin: -12px -12px 0 0;
}
.cluetip-rounded #cluetip-inner {
  background: url(images/br.gif) no-repeat 100% 100%;
  padding: 5px 12px 12px;
  margin: -18px -12px 0 0;
  position: relative;
}

.cluetip-rounded div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #009;
  background: transparent;
}
.cluetip-rounded div#cluetip-close a {
  color: #777;
}

/* rounded arrows */

.clue-right-rounded .cluetip-arrows {
  background-image: url(clueTip/images/rarrowleft.gif);
}
.clue-left-rounded .cluetip-arrows {
  background-image: url(clueTip/images/rarrowright.gif);
  left: 100%;
  margin-left: 12px;
}
.clue-top-rounded .cluetip-arrows {
  background-image: url(clueTip/images/rarrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-rounded .cluetip-arrows {
  background-image: url(clueTip/images/rarrowup.gif);
  top: -23px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/* IE6 HasLayout hack */
.cluetip-rounded #cluetip-title,
.cluetip-rounded #cluetip-inner {
  zoom: 1;
}

/* New Homepage Regions */
.bnrwrpr {margin: 13px 0;}
.bnrLft{float:left}
.bnrRght{float:right;}

#mygallery {margin-top:13px;}



/* Ticket# 277295 */

.mod {font-size:14px; margin-bottom:10px;}
.mod h2 {font-size:22px;}
.mod .grey {font-size:12px;}
.mod .feat > div {color:#047704; margin-bottom:10px;}
#upLongDescription {margin-top:10px;}
#upLongDescription .longDesc {color:#333333;}
.mod #divQty {display: table-cell;}
.mod #divAdd2Cart {display: table-cell; vertical-align: bottom; padding-left: 20px;}
.mod #divBackorder {margin:10px 0;color:#333333;}




/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

.hero-wrapper {position: relative;}
.hero {position: relative;}
.hero .slide {position: relative}
.hero .slide .slide-overlay {position: absolute; bottom: 0; right: 0; padding: 40px 50px; max-width: 305px; background: #dd1e28; text-align: center;}
.hero .slide .slide-overlay .slide-text {color: #fff; line-height: 2.5em;}
.hero .slide .slide-overlay .slide-text .slide-header h1{font-family: "Sansita", Arial, sans-serif; font-size: 2.75em; color:#fff;}
.hero .slide .slide-overlay .slide-text .slide-desc {font-size: 1.125em}
.hero .slide .slide-overlay .slide-text .slide-btn {display: inline-block; width: 185px; padding: 15px 0px;background: #f4ee72; color: #000; font-size: .75em; transition: all .5s ease; text-decoration: none; text-transform: uppercase; border-radius: 20px; line-height: 1em; font-weight: 800}
.hero .slide .slide-overlay .slide-text .slide-btn:focus,
.hero .slide .slide-overlay .slide-text .slide-btn:hover {background: #106CC8; color: #fff;}
.hero-controls {display: none; cursor:pointer}
.hero-controls svg.icon {width: 2em; height: 2em; fill: #000;}
.hero-wrapper .hero-controls {display: inline-block;}

.slick-arrow {display: flex !important; align-items: center; justify-content: center; width: 56px; height: 56px; position: absolute; top: 40%;background: #231f20; border:1px solid #231f20; border-radius: 50%; text-align: center; cursor:pointer; background-repeat: no-repeat; border: 1px solid #dddddd; }



.slick-arrow.slick-prev {left: -100px; background-color: #fff;}
.slick-arrow.slick-prev span {display: block; text-indent: -9999px;width: 16px; height: 16px;background-image: url(/images/arrow-left.png); background-repeat: no-repeat;}
.slick-arrow.slick-next {right: -100px; background-color: #fff;}
.slick-arrow.slick-next span {display: block; text-indent: -9999px; width: 16px; height: 16px;background-image: url(/images/arrow-right.png); background-repeat: no-repeat; }

.slick-arrow.slick-disabled {background-color: #000; border:1px solid #dedede; cursor: default;}
.slick-arrow.slick-disabled span { background-position: 0 -16px;}
.hero-pause {display: block; background: #fff url(/images/icon-pause.png) no-repeat center center; width: 13px; height: 17px;}
.hero-play {display: none; background: #fff url(/images/icon-play.png) no-repeat center center; width: 14px; height: 16px;}
.control-buttons{position: absolute; left: 16px;bottom: 16px; }
.hero-pause,
.hero-play {border: none; padding: 0; width: 36px; height: 36px; border-radius: 50%;z-index: 100;display: block!important }



.cycle-prev,
.cycle-next {background: #fff;position: absolute; top: 50%; z-index: 100; width: 55px; height: 55px; border: 1px solid #dddddd; border-radius: 50%;}
.cycle-prev {left: -100px; background: url(/images/arrow-left.png) #fff no-repeat; background-position: center 90%; }
.cycle-next {right: -100px; background: url(/images/arrow-right.png) #fff no-repeat; background-position: center 90%;}
/* .cycle-prev span {background-image: url(/images/arrow-left.png); }
.cycle-next span {background-image: url(/images/arrow-right.png);} */
.cycle-prev span,
.cycle-next span {width: 16px; height: 16px;display: block; margin: 18px auto;text-indent: -9999px; background-repeat: no-repeat; }
/* .cycle-prev:hover,
.cycle-prev:focus,
.cycle-next:hover,
.cycle-next:focus {background: #000;} */
.cycle-prev:hover span,
.cycle-prev:focus span,
.cycle-next:hover span,
.cycle-next:focus span {background-position: 0 -16px;}


.hm-banners {margin: 45px 0;}
.hm-banner {max-width: 300px; height: auto; float: left; margin-right: 45px}
.hm-banner.last {margin-right: 0;}

.visuallyHidden {
    border: 0 none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}