﻿/* == Diamond Club Main Structure
------------------------------------------------------------------------------------------------------------------------ */
body#diamond{background: #000;}
body#diamond #wrap{background: none;}
#wrap #diamondClub{float: left;width: 994px;background: url(/_img/diamondclub/tile.gif) top left; padding: 0;}
#wrap #diamondInner{padding-bottom: 10px;}

/** Template One **/
#wrap .diaTempOne{float: left;width: 994px;position: relative;min-height: 460px; height: auto !important; height: 460px;}
#wrap .diaTempOne .zoneOne{float: left; width: 500px;padding: 0 0 0 40px;position: relative; z-index: 1;margin: 30px 0 0 10px;display: inline;}
#wrap .diaTempOne .zoneTwo{float: right; width: 300px;margin: 30px 35px 0 0;display: inline;}
#wrap .diaTempOne .dcHomeIntro{padding-top: 150px; font-size: 120%; }
#wrap .diaTempOne .zoneThree{ margin-left: 24px; margin-top: 30px;}
#wrap .diaTempOne .zoneThree img{float: left; margin-right: 10px;}

/** Template Two **/
#wrap .diaTempTwo{float: left;width: 994px;position: relative;}
#wrap .diaTempTwo .zoneOne{float: left; width: 846px;margin: 30px 0 0 74px;display: inline;position: relative; z-index: 1;}
#wrap .diaTempTwo .zoneTwo{float: left; width: 413px;margin: 0 0 0 74px;display: inline;position: relative; z-index: 1;}
#wrap .diaTempTwo .zoneThree{float: right; width: 413px;margin: 0 74px 0 0;display: inline;}

/** Template Three **/
#wrap .diaTempThree{float: left;width: 994px;position: relative;min-height: 460px; height: auto !important; height: 460px;}
#wrap .diaTempThree .zoneOne{float: left; width: 230px;display: inline;margin: 0 16px 0 16px;border: solid 1px #434343;padding: 10px;background: #222;}
#wrap .diaTempThree .zoneOneWide{float: left; width: 600px;display: inline;margin: 0 16px 0 16px;border: solid 1px #434343;padding: 10px;background: #222;}
#wrap .diaTempThree .zoneTwo{float: left; width: 348px;display: inline;border: solid 1px #434343;padding: 10px;background: #222;}
#wrap .diaTempThree .zoneTwoWide{float: left; width: 672px;display: inline;border: solid 1px #434343;padding: 10px;background: #222;}
#wrap .diaTempThree .zoneThree{float: right; width: 284px;display: inline;margin: 0 16px 0 0;border: solid 1px #434343;padding: 10px;background: #222;}

#wrap .diaTempThree .zoneTwoWide .splitLeft{float: left; width: 48%;}
#wrap .diaTempThree .zoneTwoWide .splitRight{float: right; width: 48%;}

/*
#wrap .diaTempThree .opacity{position: relative;z-index: 5;}
#wrap .diaTempThree .opacity .content{zoom: 1;position:relative;z-index: 5;}
#wrap .diaTempThree .opacity .content:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
#wrap .diaTempThree .opacity .opacityLayer{background: #303132;position:absolute;top:0;left:0;right:0;bottom:0;opacity:0.90;filter:Alpha(opacity=90);z-index: 1;}
*/

/* == Diamond Club Navigation
------------------------------------------------------------------------------------------------------------------------ */
#diNav{height: 1%;padding: 20px 0;}
#diNav:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
#diNav .dcLogo{float: left; margin: 30px 0 0 180px; display: inline;}
#diNav ul{float: right;margin: 0 16px 0 0; list-style-image: none;width: 230px;}
#diNav ul li{margin: 0;float: left;width: 230px;}
#diNav ul li a{float: left; font-family: Gill Sans MT, Century Gothic;text-transform: uppercase;width: 210px;color: #d5d5d5;border-bottom: solid 1px #585a5c;padding: 10px;font-size: 110%;}
#diNav ul li a:hover, #diNav ul li.navOn a{color: #bc86bb; border-bottom: solid 1px #fff;}

/* == Diamond Club Feature Boxes
------------------------------------------------------------------------------------------------------------------------ */
#diamondInner .boxHolder{background: #222;border: solid 1px #444;margin: 0 0 20px 0;padding: 10px;}
#diamondInner .boxHolder h2{color: #bc86bb;font-size: 160%;border-bottom: solid 1px #000; margin: 0 0 10px 0; padding: 0 0 5px 0;}
#diamondInner .boxHolder h2.plain{border: 0; padding: 0;margin-bottom: 5px;}
#diamondInner .boxHolder h3.summary{background: #222;float: left;padding: 5px 10px;margin: -25px 0 10px 0;border: solid 1px #444;position: relative;}

/* == Diamond Club Banner Space
------------------------------------------------------------------------------------------------------------------------ */
/*#wrap #mainContent #diamondClub #leadBanner{float: right; width: 720px;height: 140px;}*/

/* == Diamond Club Typography
------------------------------------------------------------------------------------------------------------------------ */
#diamondInner h1{margin-top: 0;}
body#diamond #diamondInner h1{display: none;}
#diamondInner h3{color: #bc86bb;}
#diamondInner .withBullet{background: url(/_img/bullet.gif) center left no-repeat; padding: 0 0 0 15px;}
#diamondInner a{color: #bc86bb;}
#diamondInner a.linkBtn{color: #fff;}
#diamondInner ul.tabs li a{color: #fff;}
#diamondInner ul.benefits{margin: 15px 0 15px 17px;}
#diamondInner ul.benefits li{margin: 0 0 8px 0;list-style-image: url(/_img/diamondclub/bullet.gif);}
#diamondInner ul.benefits li span{color: #af75bc;}
#diamondInner .prom{font-size: 180%;font-family: Gill Sans MT,Century Gothic;color: #dbdbdb;letter-spacing: -1px;}
.diaTempThree h2{color: #bc86bb;font-size: 170%;font-weight: normal;letter-spacing: 0;border-bottom: solid 1px #7b7b7b; margin: 0 0 5px 0; padding: 0 0 5px 0;}
#diamondInner .highlight{color: #bc86bb;}
#diamondInner .paging .pg ul li a.on{color: #fff;}

/* == Diamond Club Image Replacement
------------------------------------------------------------------------------------------------------------------------ */
#diamondInner h2.fancy{clear: both;text-indent: -99999px;margin-bottom: 20px;}
#diamondInner .whichPackage{height: 36px; width: 696px; background: url(/_img/diamondclub/titles/package.png) no-repeat 0 0;}
#diamondInner .giftYou{height: 38px; width: 237px; background: url(/_img/diamondclub/titles/gift-you.png) no-repeat 0 0;}
#diamondInner .alreadyLogin{height: 85px; width: 371px; background: url(/_img/diamondclub/titles/login.png) no-repeat 0 0;}
#diamondInner .delivery{height: 39px; width: 324px; background: url(/_img/diamondclub/titles/delivery-details.png) no-repeat top left;}
#diamondInner .billing{height: 39px; width: 292px; background: url(/_img/diamondclub/titles/billing-details.png) no-repeat top left;}
#diamondInner .confirmation{height: 34px; width: 259px; background: url(/_img/diamondclub/titles/confirmation.png) no-repeat top left;}
#diamondInner .thanks{height: 38px; width: 173px; background: url(/_img/diamondclub/titles/thanks.png) no-repeat top left;}
#diamondInner .giftSpecial{height: 85px; width: 305px; background: url(/_img/diamondclub/titles/gift-special.png) no-repeat top left;}
#diamondInner .activateCard{height: 73px; width: 302px; background: url(/_img/diamondclub/titles/activate-card.png) no-repeat top left;}
#diamondInner .activateMembership{height: 78px; width: 300px; background: url(/_img/diamondclub/titles/activate-membership.png) no-repeat top left;}
#diamondInner .welcome{height: 24px; width: 413px; background: url(/_img/diamondclub/titles/welcome.png) no-repeat top left;margin-top: -15px;}
#diamondInner .fromCost{height: 26px; width: 308px; background: url(/_img/diamondclub/titles/from-just.png) no-repeat top left;margin: 25px 0 20px 0;}
#diamondInner h2.forumTitle{height: 27px; width: 361px; background: url(/_img/diamondclub/titles/forum.png) no-repeat top center;margin: 0 auto 30px auto;}

/* == Diamond Club Mini Store Overrides
------------------------------------------------------------------------------------------------------------------------ */
#diamondInner ul.msTabs{margin-top: 10px;}
#diamondInner ul.msTabs li a{background: url(/_img/store-tabs-left.gif) no-repeat top left;color: #fff;}
#diamondInner ul.msTabs li a span{background: url(/_img/store-tabs-right.gif) no-repeat top right;height: 23px; line-height: 23px;text-align: center;}
#diamondInner ul.msTabs li a span{padding: 0 17px;}
#diamondInner ul.msTabs li.full a span{width: 196px;padding: 0 16px;}
#diamondInner ul.msTabs li a:hover, #diamondClub ul.msTabs li.on a, #diamondClub ul.msTabs li a.on{background-position: bottom left;}
#diamondInner ul.msTabs li a:hover span, #diamondClub ul.msTabs li.on a span, #diamondClub ul.msTabs li a.on span{background-position: bottom right;}

#diamondInner ul.videoTabs li a span{padding: 0 19px;}

#diamondInner .miniStore ul.prodList{margin-top: 10px;}
#diamondInner .miniStore ul.prodList li{border-bottom: dashed 1px #555;}
#diamondInner .miniStore ul.prodList li a{color: #fff;}
#diamondInner .miniStore ul.prodList li a.title{color: #fff;}
#diamondInner .miniStore ul.prodList li .price{color: #dfdedf;}
#diamondInner .miniStore ul.prodList li a.info,
#diamondInner .miniStore ul.prodList li a.buy{background: #111;padding: 2px 6px;color: #fd5cbc;}

/* == Diamond Club Product Listing Overrides
------------------------------------------------------------------------------------------------------------------------ */
#diamondInner ul.prodList li .prodStock{float: left;margin-bottom: 5px;}
#diamondInner ul.prodList li .prodStock:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
#diamondInner ul.prodList li .prodStock .prodStockSplit,
#diamondInner ul.prodList li .prodStock .prodStockTitle{display: none;}
#diamondInner ul.prodList li .prodStock .prodStockPrice{font-weight: bold;}
#diamondInner ul.prodList li .prodStockBtn{display: block;}
#diamondInner ul.prodList li .prodStock a{background: url(/_img/btn-mid.gif) top left no-repeat;width: 129px; text-align: center; height: 25px; line-height: 25px;border: 0;color: #fff;letter-spacing: 0;text-transform: uppercase;font-family: Gill Sans MT, Century Gothic;float: left;padding: 0;margin-top: 5px;}

/* == Diamond Club News Listing Overrides
------------------------------------------------------------------------------------------------------------------------ */
#diamondInner ul.newsList li{border-bottom: dashed 1px #666;padding: 0 0 3px 0;}
#diamondInner ul.newsList li h2{font-size: 120%;letter-spacing: 0;text-transform: none;font-family: Helvetica, Arial, Sans-Serif;font-weight: normal;padding: 0;border: 0;}
#diamondInner ul.newsList li h2 a{color: #bc86bb;}
#diamondInner ul.newsList li p.details a{border: 0; background: #111;color: #bc86bb; text-transform: uppercase; font-family: Gill Sans MT, Century Gothic;letter-spacing: 0px;padding: 1px 10px;font-weight: normal;margin-top: 5px;}
#diamondInner ul.newsList li p.active a{}
#diamondInner ul.newsList li .date{background: none; padding-left: 0;color: #ccc;}

/* == Diamond Club Forms
------------------------------------------------------------------------------------------------------------------------ */
#diamondInner .input{border: solid 1px #666;background-color: #585A5C !important;margin: 0 0 2px 0;color: #fff;}
#diamondInner .boxHolder .input{width: 200px;padding: 1px 3px;}
#diamondInner .boxHolder select.input{width: 208px;}
#diamondInner .boxHolder br{height: 1px; line-height: 1px;}
#diamondInner label{color: #ddd;font-weight: bold; float: left; width: 110px;padding: 1px 0;position:relative;}
#diamondInner .memberLogin label{width: 70px;}
#diamondInner .zoneTwoWide label{width: 150px;}
#diamondInner .zoneTwoWide .input{width: 165px;}
#diamondInner .cardNumber{height: 34px; padding: 42px 0 0 14px;margin: 0 0 10px 0; background: url(/_img/diamondclub/card-bg.gif) top left no-repeat;position: relative;}
#diamondInner .cardNumber .input{background-color: #ddd !important;margin-right: 5px;color: #111;font-weight: bold; font-family: Arial Narrow;font-size: 150%;float: left;width: 270px;}
#diamondInner .cardNumber .btn{margin: 0 0 5px 0;float: left;}
#diamondInner .cardNumber a.tooltip{position: absolute; top: 46px; right: 15px;}
#diamondInner a.tooltip:hover b{left: -185px;top: 0px;}
#diamondInner .profileImage h2, #diamondInner .profileImage .clr{display: none;}
#diamondInner .profileImage{color: #ddd;font-weight: bold; padding: 1px 0;}
#diamondInner .profileImage .btn{width: 129px; background-image: url(/_img/btn-mid.gif);}


/* == Diamond Club Process Indicator
------------------------------------------------------------------------------------------------------------------------ */
#diamondInner ul.progress{float: left;background: url(/_img/progress-pixel.gif) top left repeat-x;margin: 0 0 30px 0px; list-style-image: none;}
#wrap .diaTempTwo .zoneTwo #diamondInner ul.progress{margin-left: 20px;}
#diamondInner ul.progress li{float: left;margin: 0 80px 0 0;text-align: center;font-weight: bold;}
#diamondInner ul.progress li.end{margin-right: 0;}
#diamondInner ul.progress li span{float: left; margin-bottom: 5px;}
#diamondInner ul.progress li a.on{color: #fff;}
#diamondInner ul.progress li a.off{color: #8a8a8a;}
#diamondInner ul.progress li a.on span{float: left; width: 37px; height: 37px; line-height: 37px; background: url(/_img/progress-on.gif) top left no-repeat;text-align: center; color: #fff; font-weight: bold;}
#diamondInner ul.progress li a.off span{float: left; width: 37px; height: 37px; line-height: 37px; background: url(/_img/progress-off.gif) top right no-repeat;text-align: center; color: #7b7b7b; font-weight: bold;}

#diamondInner .step{position: absolute; top: -10px ; right: -10px;width: 37px; height: 37px; line-height: 37px; background: url(/_img/progress-on.gif) top left no-repeat;text-align: center; color: #fff; font-weight: bold;}

/* == Diamond Club Membership Type Links
------------------------------------------------------------------------------------------------------------------------ */
#diamondInner .pathways{margin-bottom: 0;}
#diamondInner .pathways ul{margin: 10px 0 0 0; list-style-image: none;}
#diamondInner .pathways ul li{border-bottom: solid 1px #2c2c2c;border-top: solid 1px #151515;margin: 0;padding: 25px 100px 25px 0;}
#diamondInner .pathways ul li.top{border-top: 0;}
#diamondInner .pathways ul li a{color: #fff; font-size: 130%;font-family: Century Gothic;}
#diamondInner .pathways ul li a:hover{color: #bc86bb;}
#diamondInner .pathways ul li.diamondWhite{background: url(/_img/diamondclub/diamond-white.jpg) center right no-repeat;padding: 20px 100px 20px 0;}
#diamondInner .pathways ul li.gift{background: url(/_img/diamondclub/gift.jpg) center right no-repeat;padding: 20px 100px 20px 0;}
#diamondInner .pathways ul li.card{background: url(/_img/diamondclub/card.jpg) center right no-repeat;padding: 10px 100px 10px 0;}
#diamondInner .pathways ul li.diamondPurple{background: url(/_img/diamondclub/diamond-purple.jpg) center right no-repeat;padding: 20px 100px 20px 0;}
#diamondInner .pathways ul li.base{border-bottom: 0;}

#diamondInner #vidThumbs ul li{border-bottom: dashed 1px #555;}
#diamondInner #vidThumbs ul li img{border: solid 2px #555;}
#diamondInner .vidThumbsFrame{border-bottom:1px dashed #555;margin-top: 8px;}

#diamondInner .vidWrap{float: left; width: 273px; height: 229px; padding: 11px 0 0 11px;background: url(/_img/diamondclub/tv-bg.jpg) top left no-repeat;border-bottom: dashed 1px #666; margin-bottom: 10px;}
