/* == Diamond Club Main Structure
------------------------------------------------------------------------------------------------------------------------ */
#wrap #diamondClub{float: left; width: 868px; background: url(/_img/content-tile.png) top left;padding: 15px;border: solid 1px #abb2b8;}
#wrap #diamondInner{padding-bottom: 10px;}

/** Template One **/
#wrap .diaTempOne{float: left;width: 868px;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 .zoneThree{ margin-left: 24px; margin-top: 30px;}
#wrap .diaTempOne .zoneThree img{float: left; margin-right: 10px;}

#wrap .diaTempOne .zoneFull{}
#wrap .diaTempOne .zoneFull .dcHomeIntro{font-size: 120%; width: 400px; float: left; }
#wrap .diaTempOne .zoneFull .welcomeLogo{float: left;}
#wrap .diaTempOne .zoneFull .dcLogin{float: right; margin-top: 20px; width: 370px;}
#wrap .diaTempOne .zoneFull .dcReg{float: right; width: 370px;}

/** 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: 868px;position: relative;min-height: 460px; height: auto !important; height: 460px;}
#wrap .diaTempThree .zoneOne{float: left; width: 230px;display: inline;}
#wrap .diaTempThree .zoneOneWide{float: left; width: 550px;display: inline;margin: 0;}
#wrap .diaTempThree .zoneTwo{float: left; width: 348px;display: inline;}
#wrap .diaTempThree .zoneTwoWide{float: right; width: 600px;display: inline;}
#wrap .diaTempThree .zoneThree{float: right; width: 272px;display: inline;}

#wrap .diaTempThree .zoneOneWide .splitLeft{float: left; width: 48%;}
#wrap .diaTempThree .zoneOneWide .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{padding: 0 0 20px 0; zoom: 1;}
#diNav:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
#diNav .dcLogo{float: left; margin: 25px 0 0 90px; display: inline;}
#diNav ul{float: right;margin: 0; list-style-image: none;width: 230px;border: solid 11px #abb2b8;background: #bdc9d0; padding: 0 10px;}
#diNav ul li{margin: 0;float: left;width: 230px;}
#diNav ul li a{float: left; width: 210px;color: #000;border-bottom: 1px dotted #43494C;padding: 10px;font-size: 120%;}
#diNav ul li.end a{border: 0;}
#diNav ul li a:hover, #diNav ul li.navOn a{color: #996699;}

/* == Diamond Club Feature Boxes
------------------------------------------------------------------------------------------------------------------------ */
#diamondInner .boxHolder{border: solid 11px #abb2b8;background: #bdc9d0;margin: 0 0 20px 0;padding: 10px;}
#diamondInner .boxHolder h2{margin-bottom: 10px;}
#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: #996699;}
#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: #996699;font-size: 170%;font-weight: normal;letter-spacing: 0;border-bottom: solid 1px #7b7b7b; margin: 0 0 5px 0; padding: 0 0 5px 0;}
.diaTempThree h2 a{color: #996699;}
/*#diamondInner .highlight{color: #bc86bb;}*/
#diamondInner .paging .pg ul li a.on{color: #fff;}
.profileScreen h3{font-size: 140%;}

/* == 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 Product Listing Overrides
------------------------------------------------------------------------------------------------------------------------ */
#diamondInner ul.prodList li .prodText{display: block; position: static; float: left; height: auto; width: 150px; background: none; padding: 0 0 0 5px; clear: none;}
#diamondInner ul.prodList li .prodImage img{height: 100px; width: 100px;}
#diamondInner ul.prodList li .prodText a{color: #000;}
#diamondInner ul.prodList li .prodText .prodPrice, 
#diamondInner ul.prodList li .prodText .prodStockFormat, 
#diamondInner ul.prodList li .prodText .prodStockPrice{color: #996699;}


/* == Diamond Club Forms
------------------------------------------------------------------------------------------------------------------------ */
#diamondInner .boxHolder .input{width: 190px;}
#diamondInner .boxHolder select.input{width: 200px;}
#diamondInner .boxHolder br{height: 1px; line-height: 1px;}
#diamondInner label{width: 120px;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;}




/* == 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;}

/* == Video Browser Styles
------------------------------------------------------------------------------------------------------------------------ */
#vidThumbsWrap{position: relative;padding-bottom: 30px;zoom: 1;}	
#vidThumbs ul{margin: 0; list-style-image: none;padding-top: 3px;}	
#vidThumbsWrap .scan{position: absolute; float: right; right: 0; bottom: 0;width: 175px;}

/*#vidThumbsWrap #prevBtn a{float: left;background: url(/_img/arrow-prev.gif) center left no-repeat;padding: 6px 0 6px 30px;font-weight: bold; text-transform: uppercase;font-size: 95%;}
#vidThumbsWrap #nextBtn a{float: right;background: url(/_img/arrow-next.gif) center right no-repeat;padding: 6px 30px 6px 0px;font-weight: bold; text-transform: uppercase;font-size: 95%;}*/

#vidThumbs ul li{zoom: 1;line-height: 1.3em;margin: 0 0 4px 0;padding: 0 0 5px 0;border-bottom: dotted 1px #111;}
#vidThumbs ul li:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
#vidThumbs ul li img{float: left;margin: 0 5px 0 0;padding: 2px; border: solid 1px #a3b5dc;}
.vidThumbsFrame{overflow:hidden; height:250px; border-bottom:1px dashed #BECCE9;}

ul.videoTabs li{margin: 0 6px 5px 0;}
ul.videoTabs li a{padding-right: 16px; padding-left: 16px;}
ul.videoTabs li.end{float: right; margin-right: 0;}
ul.videoTabs li.full{width: 100%;}
ul.videoTabs li.full a{width: 100%; padding-right: 0; padding-left: 0; text-align: center;}

/* == DC News Twitter Styling
------------------------------------------------------------------------------------------------------------------------ */
.twitterLead{background: #111;border: solid 1px #333;padding: 10px 5px 10px 10px;font-weight: bold;margin-bottom: 15px; color: #fff;}
.twitterLead p{margin: 0;}
.twitterLead .meta{color: #999;}
.twitterLead a{color: #999;}

/* == DC News Listing
------------------------------------------------------------------------------------------------------------------------ */
ul.newsList{margin: 5px 0; list-style-image: none;}
ul.newsList li{zoom: 1;border-bottom: 1px dotted #43494C;margin: 10px 0 0 0;padding: 0 0 10px 0;}
ul.newsList li:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
ul.newsList li img{float: left; border: solid 1px #666; padding: 2px;margin: 0 10px 0 0;}
ul.newsList li h3{margin: 0; font-size: 140%;}
ul.newsList li h3 a{color: #996699;}
ul.newsList li p{margin: 5px 0 0 0; line-height: 1.4em;}
ul.newsList li .date{padding: 2px 10px 0 0; font-weight: bold;}
ul.newsList li .extension{clear: left; display: none;}
ul.newsList li .extension .inner{padding: 5px 0;}
.newsMainList .paging{display:none;}
.newsMainList .newsAll .paging{display:block;}

.newsAll .paging{margin-top: 0;}