@charset "utf-8";
/* CSS Document */

/*BP RED #c61818*/

body {font-family:Roboto, Arial, Helvetica, sans-serif; font-size:14px; background:#000; background:url(../images/bg.jpg) 50% top no-repeat #000; }
body.bp-wide {background-image:url(../images/bg-short.jpg);}
input, textarea  {font-family:Roboto, Arial, Helvetica, sans-serif; font-size:14px;}
select  {font-family:Roboto, Arial, Helvetica, sans-serif;}
a { cursor:pointer;}


strong { font-weight:bold;}
em { font-style:italic;}
.wrapper { width:996px; margin:0 auto;}

textarea { resize:none;}

.header { margin:1em 0 0;}

#dvBPLogo { float:left; width:532px;}
    #dvBPLogo h1 {
        position: absolute;
        font-size: 1.3em;
        text-transform: uppercase;
        font-weight: 600;
        line-height: 26px;
        color: #999;
    }

.mobile-menu {
    display:none;
}


#dvTopLinks { margin-left:532px; height:75px; }
#dvTopLinks a { color:#999; text-decoration:none; text-align:center;display:block; } 
#dvTopLinks a:hover { color:#ccc;}
#dvTopLinks #dvTopLinkLists div { text-align:right; clear:right; font-size:11px; line-height:11px;  text-transform:uppercase;  }
#dvTopLinks #dvTopLinkLists ul {float:right;height:34px;background: rgb(0, 0, 0);background: rgba(0, 0, 0, 0.3);/* margin-left: 3%; */}
#dvTopLinks #dvTopLinkLists div:first-child ul { margin-bottom:3px;}
#dvTopLinks #dvTopLinkLists ul:hover {background: rgba(0, 0, 0, 0.5);}
#dvTopLinks #dvTopLinkLists ul li { float:left; text-align:center; border-left:solid 1px #999; padding:0; margin:11px 0; height:11px; overflow:visible;}
#dvTopLinks #dvTopLinkLists ul li:first-child { border:none;}
#dvTopLinks #dvTopLinkLists ul li a { display:block; float:left; padding:11px; margin:-11px 0;} 
#dvTopLinks #dvTopLinkLists ul li a:hover { text-decoration:underline;}

#dvTopLinks #dvTopLinkLists { float:left; width:388px;}

#dvTopLinks #dvCart { float:left; margin:0 0 0 4px; height:72px; width:72px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.3);  }
#dvTopLinks #dvCart:hover {background: rgba(0, 0, 0, 0.5);}
#dvTopLinks #dvCart a {height:100%;  }
#dvTopLinks #dvCart a span { font-size:38px; font-weight:bold; display:block; }
#dvTopLinks #dvCart a span:first-child { font-size:11px; font-weight:bold; text-transform:uppercase; padding:12px 0 2px;}

#dvPrimaryNav {margin: 0.7em 0 0.5em;width: 996px;}
#dvPrimaryNav li {float:left;font-size: 19px;padding:0 0 0 .8em;marg;margin: 0 0 .6em .8em;border-left: solid 2px #fff;height:14px;overflow:visible;} 
#dvPrimaryNav li a { display:block;text-shadow:1px 1px 1px #000; margin:-2px 0; text-decoration:none; color:#fff; text-transform:uppercase; font-weight:normal;}
#dvPrimaryNav li:first-child a { } 
#dvPrimaryNav li:first-child {border:none; padding-left:0; margin-left:0;}
#dvPrimaryNav li a span {/* font-size:17px; */font-weight:bold;}
#dvPrimaryNav li a:hover { opacity:.7; filter:alpha(opacity=70);}

/*----------------------- HOME PAGE HERO --------------------------------------------------*/
#dvHomeSlides { height:323px; width:754px; border-bottom:solid 4px #000; overflow:hidden;}
#dvHomeSlides.pageHero {height:250px;}
#dvHomeSlides #ulHomeSlides  { height:323px; width:754px;}
#dvHomeSlides #ulHomeSlides .home-slide { height:323px; width:754px;}
li.slide-button a {display:block;width:10px;height:10px; background:#ccc;}
li.slide-button a:hover { background:#ddd;}
li.slide-button a.vis { background:#bbb; box-shadow: inset 0 0 3px #aaa;}
    #slideButtons {position:absolute;bottom:4px;right:4px;z-index:11;}
    #slideButtons li {float:left;margin-left:4px;}
/*----------------------- END HOME PAGE HERO --------------------------------------------------*/


.home-feature { margin-bottom:2px; background:#fff;}
.home-feature h2 { line-height:40px; margin:0 0 .2em; height:40px; font-size:18px;background: url(../images/template/hash.png) left 50% repeat-x rgb(60, 60, 60); color:#ccc;}
.home-feature h2 span {background: rgb(60, 60, 60);text-shadow:1px 1px 1px #666;height:40px;display:block;float:left;padding:0 12px;/* text-transform:capitalize; */} 

/*
.background-list { margin:0 22px;}
.background-list li { float:left; padding:12px 24px;}
.background-list li img { width:70px;}
.background-list li .info { position:absolute; display:none; margin:70px -40px; height:128px; width:148px; background: rgb(206, 0, 0); background: rgba(206, 0, 0, 0.9);}
.background-list li:hover .info { display:block;}
.background-list li .info h3 { padding:10px; color:#fff; font-size:12px; }
.background-list li .info .standard-button-list { bottom:10px; position:absolute; right:0;}
*/
.background-list { margin:0 12px;}
.background-list li {float:left;position:relative;padding: 12px 10px 0;min-width:84px;border:solid 0px red;text-align:center;}
.background-list li img {  width:70px; font-size:.1px;}
.background-list li .info {text-align:left;width: 84px;}
.background-list li:hover .info { display:block;}
.background-list li:hover .info>a{text-decoration:none;}
.background-list li .info h3 {padding:10px;color: #333;font-size: 12px;text-align: center;}
.background-list li .info > a {text-decoration:none;}
.background-list li .info .standard-button-list { bottom:10px; position:absolute; right:0; }

.product-list { margin:0 12px;}
.product-list li { float:left; position:relative; padding:12px 10px; min-width:84px; border:solid 0px red; text-align:center;}
.product-list li img { display:inline-block; margin:0;}
.product-list li .info {text-align:left;height: 74px;width: 84px;color: #333;}
.product-list li:hover .info { display:block;}
.product-list li:hover .info>a{text-decoration:none;}
.product-list li .info > a {text-decoration:none;}
.product-list li .info h3 {padding:10px 10px 4px;color: #333;font-size:12px;}
.product-list li .info p {padding:0 10px 10px;color: #333;font-size:10px;text-transform:uppercase;}
.product-list li .info .standard-button-list { bottom:10px; position:absolute; right:0; }
.product-list li select {text-decoration: none; width: 75px; font-size:12px; text-transform:capitalize;}

.pageContent { margin-bottom:2px; min-height:400px; background:#fff; color:#333; padding:12px;  line-height:1.5em;font-size:14px;}
.pageContent a { color:#333;}
.pageContent ul { margin:16px; padding-left:16px; line-height:1.5em;list-style:disc outside;}
.pageContent ul li {  padding:0 0 0 .2em; margin:.5em;}
.pageContent ol { margin:16px; padding-left:16px; line-height:1.5em; list-style:decimal outside;}
.pageContent ol li { padding:0 0 0 .2em; margin:.5em;}
.pageContent h1 { line-height:40px; text-shadow:1px 1px 1px #666; padding:0 12px; margin:-12px -12px 1.5em; height:40px; font-size:18px;background: url(../images/template/hash.png) left 50% repeat-x rgb(60, 60, 60); color:#ccc;}
.sectionHeader { position:absolute; width:744px; text-align:right; margin-top:44px;}
.sectionHeader {color:#666; font-size:10px; text-align:right; }
.sectionHeader a { color:#666; text-decoration:none; }
.sectionHeader a:hover { text-decoration:underline;}


.content-wrapper { width:754px;  background:#fff;}
body.bp-wide .content-wrapper { width:996px; background:transparent;}
.main-content { width:754px; float:left; background:#fff;}
.full-content {width:996px;}
body.bp-wide .main-content {width:996px;}


.main-content-area {  background:#fff; color:#333;  margin:0 24px 1em;}
.main-content-area .content {}

.main-content-area a { color:#333;}
.main-content-area h2, .main-content-area h1 { line-height:40px; margin:0 -24px 1em;  height:40px; font-size:18px;background: url(../images/template/hash.png) left 50% repeat-x rgb(60, 60, 60); color:#ccc;}
.main-content-area h2 span, .main-content-area h1 span { background: rgb(60, 60, 60); text-shadow:1px 1px 1px #666; height:40px; display:block; float:left; padding:0 12px;} 
.main-content-area.transparent {background:transparent;}
.main-content-area p { line-height:1.5em;font-size:14px; margin:1em 0;}
.main-content-area table.data-table { margin:1em auto; line-height:1.5em;font-size:14px;}
.main-content-area table.data-table td { padding:2px 4px;}
.main-content-area table.data-table tr:nth-child(even) { background:#eee;}
.main-content-area table.data-table tr:nth-child(odd) { background:#ddd;}
.main-content-area table.data-table tr.data-table-footer, .main-content-area table.data-table tr.data-table-footer table tr { background:none;}
.main-content-area p.additional-info { font-size:11px; font-style:italic; color:#666;}

.main-content-area h4 { line-height:16px; margin:.5em -13px .2em; padding:6px 12px; height:16px; font-size:16px; background: url(../images/template/hash.png) left 50% #fff; color:#333; border-radius:6px;}
.main-content-area h5 {  font-weight:bold; margin:1em 0 .2em;}

.main-content-area h3, .pageContent h3 { font-size:16px; padding:12px 12px 10px; background-color:#eee; color:#333; font-weight:bold; margin:1em -13px;  border-radius:6px; clear: both;}
.main-content-area ul { margin:16px; padding-left:16px; line-height:1.5em;list-style:disc outside ;}
.main-content-area ul li {  padding:0 0 0 .2em; margin:.5em;}
.main-content-area ol { margin:16px; padding-left:16px; line-height:1.5em; list-style:decimal outside ;}
.main-content-area ol li { padding:0 0 0 .2em; margin:.5em;}

.main-content-area ul.radio-list  li { float:left; list-style:none;}

.main-content-area { padding-bottom:1px;}

/*.main-content-area .gift-certificate { background:#000; color:#fff; width:530px; margin:1em auto; padding:10px 10px 0;}
.main-content-area .gift-certificate input, .main-content-area .gift-certificate textarea { border:none; padding:10px;}
.main-content-area .gift-certificate .form-entry { margin:1em 0; } 
.main-content-area .gift-certificate .form-entry input[type="text"] { width:506px;}
.main-content-area .gift-certificate .form-entry textarea { width:506px;}
.main-content-area .form-entry.gift-certificate-value { width:550px; margin:auto;}*/

.gc-hero-text > h1 {
    color: #eee;
    font-size: 39px;
    line-height: 39px;
    padding: 20px 25px;
    text-transform: uppercase;
    width: 200px;
}

.form-entry.single-line input[type="checkbox"] {
    float: left;
    margin: 0 4px 0 0;
}

.main-content-area .form-entry.small-field input[type="text"] {
    width: 100px;
    float:right;
}

.main-content-area .form-entry.small-field select {
    width: 110px;
    height:27px;
    float:right;
}

.main-content-area .form-entry.shift-right label
{
    float:left;
}

.main-content-area .form { width:360px;  margin:0 auto;}
.main-content-area .form-entry label { display:block; font-size:14px; font-weight:bold; margin-bottom:.5em;}
.main-content-area .form-entry { margin:1em auto 1em; padding:0 12px; width:300px;}
.main-content-area .form-entry input[type="text"], .main-content-area .form-entry input[type="password"], .main-content-area .form-entry textarea {  width:300px; padding:4px; border:solid 1px #ccc;}
.main-content-area .form-entry textarea:focus, .main-content-area .form-entry input:focus { box-shadow: inset 0px 0px 5px #ccc;}

.main-content-area .invalid, .main-content-area a.invalid {
    background-color: #c61818;
    color: #ffcccc;
    line-height: 30px;
    padding: 5px;
}

.main-content-area .form-entry .form-cb > label {
    display: inline;
}

.main-content-area .small-form { width:300px; margin:auto;} 
.main-content-area .small-form input[type="text"], .main-content-area .small-form input[type="password"] { width:260px;}

.rail-content { width:238px; margin-left:758px; overflow:visible;}
.rail-content .rail-social { padding-top:3px;}
.rail-content .rail-social a:hover { opacity:.7; filter:alpha(opacity=70);}
.rail-content .rail-callout { margin-bottom:4px; background: rgb(160, 160, 160); }
.rail-content .rail-callout-nobg { margin-top:4px; margin-bottom:4px;  }
.rail-content .rail-callout h2 { line-height:40px; margin:0 0 .2em; height:40px; font-size:18px;background: url(../images/template/hash.png) left 50% repeat-x; color:#cc0000;}
.rail-content .rail-callout h2 span { background: rgb(160, 160, 160); text-shadow:1px 1px 1px #666; height:40px; display:block; float:left; padding:0 12px;}
.rail-content .rail-callout a:hover { opacity:.7; filter:alpha(opacity=70);}
.rail-content .rail-callout .rail-callout-content { padding:0 12px;}
.rail-content .rail-callout-nobg .rail-callout-content {padding:0 12px; border:1px solid rgb(160, 160, 160); border-radius:8px;}
.rail-content .rail-callout .rail-callout-content p { color:#fff; font-size:12px; margin:1em 0;}
.rail-content .rail-callout .rail-callout-buttons { float:right; display:block; font-size:11px; text-transform:uppercase; background:#292929; color:#666;  }
.rail-content .rail-callout .rail-callout-content label { display:block; font-size:10px; text-transform:uppercase; color:#fff; margin:1em 0 .2em;}
.rail-content .rail-callout .rail-callout-content label:first-child { margin-top:0;}
.rail-content .rail-callout .rail-callout-content label em { text-transform:none;}
.rail-content .rail-callout .rail-callout-content input[type="text"] { border:none; border-bottom: solid 1px #666; background:none; width:100%; font-size:16px; color:#fff;}

#dvRailDesign { height:136px;}

#dvRailPersonalize {height:179px;}

.rail-content ol {
  list-style-type: none;
  margin-left: 0;
}

.rail-content ol > li.active 
{
  color:#cc0000;
}
.rail-content ol > li{
  counter-increment: customlistcounter;
  margin:.5em 0 .5em 2em;  
  font-weight: bold;
  text-transform:uppercase;
  font-size:12px;
  line-height:1.3em;
  color:#666;
}

.rail-content ol > li:before {
  content: counter(customlistcounter) " |";
  font-weight: normal;
  width: 2em;
  position:absolute;
  margin-left:-2em;
}

.rail-content ol:first-child {
  counter-reset: customlistcounter;
}


ol {
  *list-style-type: decimal; /* targets IE6 and IE7 only */
}

#dvRailNews #twitter_update_list li { font-size:12px; color:#666; padding:.75em .5em;}
#dvRailNews #twitter_update_list li:nth-child(even) { background:#999;}
#dvRailNews #twitter_update_list li:nth-child(even):hover { background:#aaa;}
#dvRailNews #twitter_update_list li:nth-child(odd):hover { background:#bbb;}
#dvRailNews #twitter_update_list li a {color:#eee;}

#twitter_div { color:#666; font-size:16px; line-height:20px;}
#twitter_div a {color:#333}
#twitter_update_list li {padding: 10px 0;}
#twitter_div .caret {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px dashed rgb(160, 160, 160);
    display: inline-block;
    height: 0;
    
    vertical-align: top;
    width: 0;
    position:absolute;
    margin-left:79px;
    margin-top:350px;
}

.standard-button-list { text-align:right; margin:1em 0 .1em; clear:right; height:36px; font-size:11px; line-height:14px; text-transform:uppercase;  }
.standard-button-list ul {float:right; height:30px; padding:0; margin:0; list-style:none; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7);  }
.standard-button-list ul:hover {background: rgba(0, 0, 0, 0.9);}
.standard-button-list div:first-child ul { margin-bottom:3px;}
.standard-button-list ul li { float:left; text-align:center; border-left:solid 1px #666; padding:0 0 0 2px; margin:8px 0; height:11px; overflow:visible;}
.standard-button-list ul li:first-child { border:none;}
.standard-button-list ul li a, .standard-button-list ul li input { width: 0;  overflow: visible;width:auto; text-align:right; cursor:pointer; height:24px; text-decoration:none; float:left; padding:7px 10px; margin:-8px 0;  line-height:14px; font-size:11px; -moz-box-sizing:border-box;  text-transform:uppercase; color:#999; background:none; border:none;} 
.standard-button-list ul li a { }
:-moz-any(.standard-button-list ul li input) { margin-top:-9px !important;}
.standard-button-list ul li > :-moz-any(input) { margin-top:-9px !important;}
.standard-button-list ul li a:hover, .standard-button-list ul li input:hover { text-decoration:underline;}

.main-content-area .standard-button-list ul {float:right; margin-right:12px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 1);  }
.main-content-area .standard-button-list ul:hover {background: rgba(0, 0, 0, 0.8);}
.main-content-area .standard-button-list.action ul {background: rgb(200, 0, 0); background: rgba(200, 0, 0, 1);  }
.main-content-area .standard-button-list.action ul:hover {background: rgba(200, 0, 0, 0.8);}
.main-content-area .standard-button-list.action ul li a, .main-content-area .standard-button-list.action ul li input { color:#fff;}

.main-content-area .formElement { margin:1em 0;}
.main-content-area .formElement label.standard { display:block; font-weight:bold; font-size:1em; margin:0 0 .5em;}


.footer { padding-top:4px;}

#dvFooterContent { clear:both;}
#dvFooterMain { float:left; width:754px; height:210px; background:#cc0000; color:#FFF; }
#dvFooterMain a { color:#FFF;}
#dvFooterMain ul { margin:12px  12px 12px 30px; min-height:130px;}
#dvFooterMain ul li {float:left; min-width:120px; padding-right:12px;}
#dvFooterMain ul li h4 { font-size:14px; font-weight:bold; margin:0 0 .3em;}
#dvFooterMain ul ul { margin:0; height:auto;}
#dvFooterMain ul ul li {float:none; font-size:11px; line-height:1.5em;}
#dvFooterMain ul ul li a { text-decoration:none;}
#dvFooterMain ul ul li a:hover { text-decoration:underline;}
#dvFooterMain ul ul li .bp-share { float:left; margin:10px 10px 0 0;}
#dvFooterMain p { margin:12px  12px 12px 30px; font-size:9px; font-weight:bold; text-transform:uppercase; line-height:1.5em;}

#dvFooterSecure { margin-left: 758px; width: 238px; height:210px; background:#FFF; color:#333;}
#dvFooterSecure h4 { padding:8px; font-size:14px; text-align:center;}
#dvFooterSecure p { margin:.5em 0; text-align:center;}

#dvFooterSecure .rail-social { padding-top:3px; }
#dvFooterSecure .rail-social a:hover { opacity:.7; filter:alpha(opacity=70);}

.crumb-trail {color:#666; font-size:10px; text-align:right; padding:4px 12px; }
.crumb-trail a { color:#666; text-decoration:none; }
.crumb-trail a:hover { text-decoration:underline;}
    .crumb-trail > span {
        overflow:hidden;
    }


.standard-button-list.left { clear:none;}
.standard-button-list.left ul { float:left;}

.alpha70 {
/* Fallback for web browsers that doesn't support RGBa
background: rgb(0, 0, 0) transparent; */
/* RGBa with 0.6 opacity */
background: rgba(0, 0, 0, 0.7);
/* For IE 5.5 - 7
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000, endColorstr=#b2000000);*/
/* For IE 8
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000, endColorstr=#b2000000)";*/
}

/*--#dvDeckDisplay---------------------------------------------*/
/*--lucas edit 1-------------------------------------------*/
#dvDeckDisplay #dvShopDecks ul li {padding:0; margin:0;}
.main-content-area #dvDeckDisplay {border:solid 1px #fff; position:relative; overflow:visible; height:250px !important; margin-left:-21px;}
.main-content-area #dvDeckDisplay #dvShopDecks {position:relative; height:250px; width:700px; background-color:transparent; margin:0 0; padding:0 30px; overflow:hidden;}
/*.main-content-area #dvDeckDisplay #dvShopDecks.over {margin:-90px 30px; padding:90px 0px; top:-71px;}*/
.main-content-area #dvDeckDisplay #dvShopDecks.over {margin:0 30px;padding:90px 0; top:-90px;}
.main-content-area #dvDeckDisplay #dvShopDecks ul { position:absolute; list-style:none;height:250px; border:solid 0 orange; }
.main-content-area #dvDeckDisplay #dvShopDecks ul li {height:250px; width:68px; padding:0; float:left; border:solid 0 green;}
.main-content-area #dvDeckDisplay #dvShopDecks ul li .productTN { border:none !important;}
.main-content-area #dvDeckDisplay #dvShopDecks ul li .lgDisplay 
    { background:#fff; padding:2px 10px; width:108px; z-index:230; margin:-90px -24px;
      -moz-box-shadow:#333 2px 2px 4px;
      -webkit-box-shadow:#333 2px 2px 4px;
      box-shadow:#333 2px 2px 4px;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      border-radius: 10px;
      border:solid 1px #ccc;
      }
.main-content-area #dvDeckDisplay #dvShopDecks ul li .lgDisplay .deckInfo 
    {position:absolute; left:0px; bottom:50px; padding:10px; background:#333; color:#fff; 
     -moz-box-shadow:#333 0px 2px 3px; 
     -webkit-box-shadow:#333 0px 2px 3px; 
     box-shadow:#333 0px 2px 3px;opacity:0.9;filter:alpha(opacity=90); width:108px;
     font-size: 12px}
.main-content-area #dvDeckDisplay #dvShopDecks ul li .lgDisplay .deckInfo a {color:#fff; text-decoration:none;}
.main-content-area #dvDeckDisplay #dvShopDecks ul li .lgDisplay .deckInfo a:hover { text-decoration:underline !important;}
.main-content-area #dvDeckDisplay #dvShopDecks ul li .lgDisplay .shopInfo {position:absolute; margin-top:300px;}
.main-content-area #dvDeckDisplay .shiftBtn {position:absolute; top:70px; z-index:3; }

.main-content-area #dvDeckDisplay .shiftBtn a {padding:0; cursor:pointer; height:80px; width:44px; display:block; }
.main-content-area #dvDeckDisplay #dvNextBtn {margin-left:710px; }
.main-content-area #dvDeckDisplay #dvPrevBtn {margin-left:-8px; }
.main-content-area #dvDeckDisplay #dvNextBtn a {background:url(/images/template/arrow-right.png);}
.main-content-area #dvDeckDisplay #dvPrevBtn a {background:url(/images/template/arrow-left.png);}
/*--/#dvDeckDisplay---------------------------------------------*/

.clear { float:none; clear:both;}


/* clearfix --------------------------------------------------------------------------------------------------------*/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}


.main-content-area:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.main-content-area {
	display: inline-block;
}
 
html[xmlns] .main-content-area {
	display: block;
}
 
* html .main-content-area {
	height: 1%;
}
/* ----------------------STYLES FOR Right Rail Callouts ---------------------------------*/
.rail-content .rightSideBar 
    {
        padding-bottom:15px !important;
    }
    .rail-content .rightSideBar li 
    {
        padding-left:23px;
        line-height:125%;          
    }
   .rail-content .rightSideBar li  a
    {   
        color:#FFF;
    }
/* ----------------------END STYLES FOR Right Rail Callouts ---------------------------------*/

/* ---------------------- STYLES FOR UCProductDetail.ASCX ---------------------------- */
.pageContent {color:#666666;padding: 0px 0px 0px 9px;}
.pageContent p {font-size:12px;}
#leftBar {position:relative;width:360px;float:left;left:-5px; }
#rightBar {position:relative;width:330px;float:left;}
#productDetail #rightBar h1{width:336px;/* text-overflow: ellipsis; *//* white-space: nowrap; *//* overflow:hidden; */} 
#deckDisplay {position:relative;width:300px;height:400px;left:20px;border:1px solid #A0A0A0;border-radius:10px; -moz-border-radius:10px;display:block;text-align:center;}
#deckDisplay a.magnifyicon {position:absolute;left:275px;top:375px;display:block;width:22px;height:24px;background-image:url(/images/magnifyicon.png);}
div.pageContent #rightBar h1 {font-size:23px;color:#666666;text-shadow: 1px 1px #bebebe;background:none;margin:0px 0px 15px 0px;padding:0px;height:auto;line-height:120%;}
#rightBar div.price {font-size:35px;color:#98e600;font-weight:bold;margin-bottom:25px;}
#rightBar div.quantity {margin-top:10px;font-size:14px;margin-bottom:30px;}
#rightBar div.quantity input,table.tblItemList input.quantity {width:40px;height:25px;text-align:center;font-size:16px;color:#666666;}
div.pageContent #rightBar a.hashButtons { width:330px; }
div.pageContent #rightBar a.hashGreen { padding-top:20px; margin-bottom:24px; }
div.pageContent #rightBar a.hashGrey {margin-bottom:7px; padding-top:5px; }

#rightBar div.deckInfo { margin-top:28px; font-size:14px; }
#rightBar div.productInfo {font-size:14px;font-weight:bold;margin-top:20px;}
#bottomLeft {position:relative;left:20px;width:300px;height:300px;}
#bottomLeft h2 {font-size:16px;font-weight:bold;}
#addComplete {font-size:14px;}
#addComplete div.panelComplete {margin-top:5px;}
#addComplete div.selectBox {width:260px;font-size:12px;background-color:#e6e6e6;border-radius:5px;-moz-border-radius:5px;padding:5px 50px 10px 20px;margin-bottom:7px;}
#addComplete div.selectBox a {position:relative;display:block;float:right;color:#a0a0a0;}
#addComplete div.selectBox select {width:inherit;font-size:14px;color:#333333;}
#addComplete div.selectBox label {color: #848484;
font-size: 12px;
font-weight: bold;
padding-left: 5px;}
#bottomLeft div.socialMedia {width:inherit;height:20px;margin:8px 0px 25px 0px;}
#bottomLeft div.socialMedia iframe {float:left;}
#bottomLeft div.socialMedia iframe.twitter-share-button {padding:1px 5px 0 83px;}
#bottomLeft p.designDesc {margin-bottom:22px; }

/* ---------------------- END OF STYLES FOR UCProductDetail.ASCX ---------------------------- */

/* ---------------------- STYLES FOR personalize/default.aspx - popup ---------------------------- */
#agDeckInfo a.hashButtons { width:200px; }
#dvNoTextMsg a.hashButtons { margin:10px 0px 10px 0px; padding-top:9px;}
#agDeckInfo a.hashGreen { margin-top:30px; padding-top:12px; margin-bottom:24px;}
#agDeckInfo a.hashGrey { margin-bottom:7px; padding-top:7px; }
/* ---------------------- STYLES FOR personalize/default.aspx - popup ---------------------------- */

/* ---------------------- ANDY'S SITE-WIDE HASH BUTTON STYLES ------------------------ */
a.hashButtons,div.hashButtons
{    
    position:relative;  
    color:#FFF;
    background:url(/images/hash-buttonbg.png);
    text-transform:uppercase;
    font-weight:bold;
    text-align:center;
    border-radius:7px;
    -moz-border-radius:7px;
    display:block;
}

a.hashButtons:link,a.hashButtons:visited,a.hashButtons:hover,a.hashButtons:active 
{
    text-decoration:none;
}
a.hashGreen
{       
    height:40px;  
    background-color:#98e600;    
    font-size:28px;
    font-weight:bold;
    text-shadow: 1px 1px #c8c8c8;    
    box-shadow: 1px 1px 1px #3d4926;      
}
a.hashGreen:hover 
{
    background-color:#9cf000;
    -webkit-box-shadow: 0px 0px 6px 2px #d9d9d9;
    -moz-box-shadow: 0px 0px 6px 2px #d9d9d9;
    box-shadow: 0px 0px 6px 2px #d9d9d9;
}
a.hashGrey 
{
    height:25px; 
    background-color:#a0a0a0;    
    font-size:18px;
    font-weight:bold;
    text-shadow: 1px 1px #666666;    
    box-shadow: 1px 1px 1px #303030;  
    -webkit-box-shadow: 1px 1px 1px #303030;
    -moz-box-shadow: 1px 1px 1px #303030;       
}
a.hashGrey:hover 
{
    background-color:#acacac;               
    -webkit-box-shadow: 0px 0px 6px 2px #d9d9d9;
    -moz-box-shadow: 0px 0px 6px 2px #d9d9d9;
    box-shadow: 0px 0px 6px 2px #d9d9d9;    
}
a.hashDisabled
{
    background-color:#E1E1E1;
    box-shadow: 1px 1px 1px #303030;  
    -webkit-box-shadow: 1px 1px 1px #303030;
    -moz-box-shadow: 1px 1px 1px #303030;    
}
a.hashDisabled:hover
{
    background-color:#E1E1E1;
    box-shadow: 1px 1px 1px #303030;  
    -webkit-box-shadow: 1px 1px 1px #303030;
    -moz-box-shadow: 1px 1px 1px #303030; 
    cursor:default;
       
}
/* ---------------------- END OF ANDY'S SITE-WIDE HASH BUTTON STYLES ------------------------ */

/* -----------------------ANDY'S STYLES FOR SEARCH BAR ----------------------------*/
#shopProductSearch div.txtSizeSearch { float:right; }
#shopProductSearch div.txtSizeSearch input[type=text] { position:relative; width: 325px; font-size: 14px; color: #666; margin-right:10px; }     
#shopProductSearch.searchPage div.txtSizeSearch input[type=text] { position:relative; width:206px; font-size: 14px; color: #666; margin-right:10px; } 
#shopProductSearch div.searchMsg
    {
    position:absolute; 
    margin-top:12px;
    }
#shopProductSearch div.txtSizeSearch select,#shopProductSearch div.txtSizeSearch input,#shopProductSearch div.sortBy select
    {
        text-transform:none; 
        font-size:14px;
    }
#shopProductSearch div.txtSizeSearch select
    {
        width:190px;
        margin-right:30px;
    } 
#shopProductSearch a.hashGrey
    {
    margin-top:-1px;    
    margin-right:10px;
    width:80px;        
    font-size:14px; 
    float:right;
    padding-top:6px;
    height:20px;
    }   
#shopFullList a.fullShopLnk
    {
        float:right;
        display:block;
        padding-right:35px;
        color:#CCC;
        text-shadow: 1px 1px 1px #666;
    }
/* -----------------------END OF STYLES FOR SEARCH BAR ----------------------------*/

/*----------------------- ANDY'S STYLES FOR THE CHECKOUT PAGE ----------------------*/
.main-content-area.checkout .form-entry 
    { 
        margin:0.5em 0px !important;
        padding:0px 0px !important;
    }
.main-content-area.checkout .form-entry.USPayment {  
   width: 250px !important;
}
.main-content-area.checkout p.SecureCheckout 
{
    font-size:12px;
    font-style:italic;
}
.main-content-area.checkout a.hashGreen 
{
    margin-top:25px;
    padding-top:10px;
    width:inherit;
    font-size:20px;
    height:30px;  
 
}
.main-content-area.checkout span.cartProdDesc
{
    display:block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width:inherit;
}

.main-content-area.checkout .form-entry span 
{
    color:Red;
    font-size:14px;
}
.main-content-area.checkout td.prodDesc 
{
    width:220px;
}
.main-content-area.checkout a.checkoutPaypalLnk
{
    margin:15px 0px;
    float:right;
    padding-right:87px;
}
.main-content-area.checkout div.validationError ul li
{
    color:Red;
    padding:0px;
    margin:0px;
}
.main-content-area.checkout .form-entry input[type="text"].cardEntry
{
    width:259px;
}
.main-content-area.checkout .form-entry select.cardEntry 
{
    width:268px;
    height:28px;
}

.main-content-area.checkout .form-entry.cvv-code input[type="text"] 
{
    width:85px;
}

.main-content-area.checkout select {
    height:28px;
}

.main-content-area.checkout select.standard {
    width:300px;
}

.main-content-area.checkout #securityScan {margin: 0 auto;width: 109px;}

/*----------------------- END OF STYLES FOR THE CHECKOUT PAGE ----------------------*/

/*----------------------- ANDYS STYLES FOR THE SHOP-PRODUCTS PAGE ----------------------*/ 
.main-content-area.shop-products span.stringCap { text-transform:capitalize; }        
.main-content-area.shop-products a.hashGrey { width:150px; height:20px; font-size:16px; padding-top:5px; float:right; margin-right:0px; margin-top:-3px; }
.main-content-area.shop-products p.deckCount strong { font-size:16px;  }
.main-content-area.shop-products h3 span.shopTitle { display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width:370px; float:left; height:inherit;padding-top:2px;}
.main-content-area.shop-products h3 span.smallerTxt { font-weight:normal; font-size:12px; color:#333333; padding-top:4px; } 
.main-content-area.shop-products h3 span.dateOpen { float:right; margin-right:20px; }
.main-content-area.shop-products h3 span.deckCount { float:left; }
.main-content-area.shop-products h3 { height:20px; }
/*----------------------- END OF STYLES FOR THE SHOP-PRODUCTS PAGE ----------------------*/

/*----------------------- ANDYS STYLES FOR THE CART PAGE -------------------------------*/ 

.main-content-area.cart div.cartButtons a.hashButtons,.main-content-area.cart div.couponCode a.hashButtons { width:150px; height:25px; padding-top:5px; }
.main-content-area.cart  div.cartButtons a.hashGreen,.main-content-area.cart div.cartButtons a.hashGrey { font-size:16px;}
.main-content-area.cart  div.cartButtons { float:right; margin-top:15px;margin-right:7px;}
.main-content-area.cart  div.cartButtons ul { list-style-type:none; padding: 0px; margin:0px;}
.main-content-area.cart  div.cartButtons li { float:left;}

.main-content-area.cart div.cartRefId 
{    
    font-size:14px;
    color:#333;
    margin-top:-40px;   
}
.main-content-area.cart div.couponCode 
{
    margin-top:0px;
}
.main-content-area.cart div.hashButtons
{
    width:300px;
}
.main-content-area.cart span.cartUpdated 
{    
    width:360px;
    text-transform:none;
    text-align:left;
    padding-left:12px;
    height:25px; 
    padding-top:7px;    
    font-weight:normal;   
    font-size:16px;    
    text-shadow: 1px 1px #acacac;    
    box-shadow: 1px 1px 1px #303030;
    border-radius:7px;
    -moz-border-radius:7px;
    margin-top:6px;
    margin-left:-12px;
    float:left;
    background: url(/images/template/hash.png) left 50% white;
    color: #333333;
}
.main-content-area.cart td {vertical-align:top !important;}
.main-content-area.cart table.tablePrice td {padding-bottom:10px;}
.main-content-area.cart table td.itemDesc {line-height:130%;}
.main-content-area.cart table.tblItemList td {padding-top:10px;padding-bottom:10px;} 

/*----------------------- END OF STYLES FOR THE CART PAGE -------------------------------*/   

/* ---------------------- ANDYS STYLES FOR FACEBOOK POPUP -----------------------------*/
.main-content-area.fb-popup h2 {width:937px;margin-left:0px;}
#fbloginText {padding-left:15px;height:450px;}
/* ---------------------- END OF ANDYS STYLES FOR FACEBOOK POPUP -----------------------------*/

/* -----------------------ANDYS STYLES FOR USER PROFILE PAGE ---------------------------*/
table.txt1 tr td {padding-bottom: 20px;}
/* -----------------------END OF ANDYS STYLES FOR USER PROFILE PAGE ---------------------------*/
/* -----------------------ANDYS STYLES FOR IMPORT-PROFILE-DECKS PAGE ---------------------------*/
table#importProductListing tr td {vertical-align:top;}
/* -----------------------END OF ANDYS STYLES FOR IMPORT-PROFILE-DECKS PAGE ---------------------------*/


.pageDisplay td {padding:10px;}
.pageDisplay td table td {padding:0px;}


div.promo-strip {
    background-color:transparent;
    color:#fff;
    padding:0 0 4px;
    width:100%;
    margin: 0 0 0;
    text-align:center;
}

div.promo-strip img {
    width: 100%;
}

.home-hero {margin-top:341px; }
.med-hero {margin-top:274px;}

.home-hero.hero-w-promo {margin-top:327px; }
.med-hero.hero-w-promo {margin-top:260px;}

#dvHomeHero {background:url('../images/hpslides/create-your-own-skateboard-graphic.jpg') 50% 50% no-repeat;background-size:996px 323px;height:323px;margin-bottom: 4px;/* margin-top: 4px; */}
#dvHomeHero div:first-child {margin:0 20px 0 600px;padding: 30px 0 0;
    text-align: center; color:#fff; text-shadow:1px 1px 1px #000;}
#dvHomeHero a span{ background:#fff; color:#373331; display:inline-block;font-size: 23px;
    height: 44px;
    line-height: 44px;
    margin: 3px;
    text-transform: uppercase;
    width: 270px; text-shadow:none;}
#dvHomeHero a {background: transparent;border: solid 3px #fff; display:inline-block; margin-bottom:3em;}
#dvHomeHero a:hover span {background-color:#FFF100}
#dvHomeHero a:hover {border-color:#FFF100}
.home-hero-header {text-transform:uppercase;font-size:1.2em; margin-bottom:1em;}
#dvHomeHero ul { font-size:1.2em;}
#dvHomeHero ul li {margin:.6em 0;}
#dvHomeHero p {margin:1em 0;}

#dvCustomHero {background:url('../images/hpslides/choose-a-skateboard-blueprint.png') 50% 50% no-repeat;background-size:754px 94px;height:94px;margin-bottom: 4px;}
.page-custom.content-wrapper {background:transparent;}
.page-custom .main-content { background:transparent;}
#dvCustomHero h2 {
    color: #fff;
    font-size: 24px;
    margin: 15px 0 0 24px;
    position: absolute;
    text-transform: uppercase;
}
#dvCustomHero ul {color: #fff;
    font-size: 0.8em;
    line-height: 40px;
    margin: 7px 0 0 439px;
    position: absolute;
    text-transform: uppercase;}



/*New Home Features*/
.home-feature a {
    color:#c61818;
}

.home-feature > p{
    font-size: 0.85em;
    line-height: 1.5em;
    padding: 0 1rem 2rem;
}

.home-feature > h3 {
    /* font-weight: 700; */
    margin: 1em 1rem 0.3em;
    text-transform: uppercase;
    font-size: 16px;
    border-top: solid 1px #eee;
    padding: 5px 0;
}
        
.mirror-callout {
    padding-top: 25px;
}

.mirror-callout div:first-child {
    box-sizing: border-box;
    float: left;
    padding-left: 0.83333%;
    padding-right: 0.83333%;
    width: 50%;
}
.mirror-callout div:first-child {
    padding-left: 2em;
    padding-right: 0.8em;
    text-align: right;
}

.mirror-callout div:last-child {
    box-sizing: border-box;
    float: left;
    padding-left: 0.83333%;
    padding-right: 0.83333%;
    width: 50%;
}
.mirror-callout div:last-child {
    padding-left: 0.8em;
    padding-right: 2em;
    text-align: left;
}
.mirror-callout div {
    box-sizing: border-box;
    float: left;
    margin-bottom: 2em;
    padding-left: 0.83333%;
    padding-right: 0.83333%;
    width: 100%;
}

.mirror-callout img {
    max-width: 560px;
    width: 100%;
}

.mirror-callout h3 {
    margin: 0 0 1em;
}
.mirror-callout h3 {
    font-weight: 700;
    margin: 0 1rem 1em;
    text-transform: uppercase;
}


.mirror-callout div:first-child p {
    margin: 0 1rem 0 10%;
}

.mirror-callout p {
    font-size: 0.8em;
    line-height: 1.5em;
    margin: 0 1rem;
}



.complete-callout {
    padding-top: 25px;
}

.complete-callout img:first-child {
    max-width: 780px;
    width: 90%;
}
.complete-callout img {
    display: block;
    margin: auto;
}

.complete-callout img:last-child {
    margin-bottom: 1em;
    max-width: 1174px;
    width: 98%;
}


/*components/accessories page*/
ul.access-list { list-style-type:none;}
ul.access-list li {width:200px;float:left;margin:10px 10px 10px 0;min-height: 200px;}
ul.access-list li a {/* height:200px; */width:200px;text-align:center;display:block;border:solid 1px #333;}
ul.access-list li img { line-height:200px; border:none !important; }