/*<style>*/


/* GENERAL */
*                   { margin:0; padding:0;/* border:0;*/}
ul, ol              { list-style:none;}  

/*?*/
.latestEdDiv        { width:170px; }
#divWidgetContent   { margin:auto;} 

* html *, 
*:first-child+html  { zoom:1;} /* orig only finesse */
.logo               { position: relative; float:left; }
.tip                { font:12px/14px Arial,Helvetica,sans-serif; border:solid 1px #666666; width:250px; padding:5px; position:absolute; z-index:100; visibility:hidden; color:#333333; top:20px; left:90px; background-color:#ffc;}
.jpopup-info span   { background:url('images/wl-base/filesize-popup-left.png') right bottom no-repeat; height:25px; display:inline-block; line-height:22px; font-size:11px; white-space:nowrap; padding:0 8px; color:#fff;}
.jpopup-info div.bundle-info  { background:url('images/wl-base/filesize-popup-left.png') right bottom no-repeat;  display:block; line-height:normal; font-size:11px; max-width:150px; min-width:60px; padding:10px 8px 15px; color:#fff;}
.jpopup-info        { margin-top:-10px; }

.banner-image       { display:none;}


/* FILESIZE POPUP */
a span.filesize         {display:none; position:absolute; top:-30px; height:25px; left:50%; color:#fff; white-space:nowrap; line-height:22px; font-size:11px; padding:0 8px; text-align:center; background:url('images/wl-base/filesize-popup2.png') left bottom no-repeat; }
a:hover span.filesize   {display:block; }


/*  PRODUCT NAV  */
    
.product-nav    { font-size:11px; padding:15px 0 10px; overflow:hidden;}
.sfPaging       { display:block; clear:left; border-top:1px dotted #ddd; padding-top:10px;}
.sfPaging.pagingBot      { font-size:11px; padding:15px 0; border-top:1px solid #ddd; width:100%; }

#PagingBottom_divPagingInfo     {border:none;}

.pageMetaListing .sfPaging      { margin:0;}
.pageMetaListing .sfPagingInfo  { clear:both;}

/*.sfPagingJumpTo span    { padding:3px 1px 1px; }*/
.sfPagingJumpTo select       { margin:2px;}
.sfPagingJumpTo              { display:inline-block; margin:0 0 0 20px;}
                          
.sfPagingButtons             { display:block; float:left; margin-left:20px;} /* line-height compensates for buttons */
.pagingBot .sfPagingButtons  { /*display:inline; float:none;*/ margin-left:0; margin-right: 20px;}
.sfPagingButtons a           { color:#000; text-decoration:underline; display:inline-block; margin:0 3px; cursor:pointer;}
.sfPagingButtons a[disabled] { color:#bbb; text-decoration:none; cursor:default;}

.sfPagingInfo      { padding:0 5px; display:inline-block; float:left; }
.sfPagingInfo span { color:#334;  }

.product-sort, 
.product-filter         { float:left; margin-bottom:10px;}
.product-filter         { margin-left:20px;}
.product-filter select  { max-width:150px;}

/* CATALOGUE LANDING */
.title-list .centreContent > h1                             { display:none;}
.listing-content                                            { clear:both;}
.listing-content .title-list-item                           { width:180px; padding:0 5px; float:left; height:260px; text-align:center;}
.listing-content .title-list-item a.product-title           { border:0 !important; display:block; }
.listing-content .title-list-item a.product-title img       { height:180px; margin:5px; border:5px solid #fff !important;}
.listing-content .title-list-item a.product-title:hover img { border-color:#eee !important; }


/* BUNDLE ITEM */
.bundle-list            { font-size:15px; margin:20px 0; overflow: hidden;}
.bundle-line + .bundle-line { margin-top:0;}
.bundle-title           { margin:0 0 15px;}
.bundle-description p   { margin:0 0 15px;}
.bundle-purchase a.btn  { font-size:15px; }
.bundle-image           { float:left; margin-right:30px; }



/* READER LINK, DOWNLOAD LINK */
a.downloadLink, 
a.readerLink                { position:relative; display:inline-block; line-height:10px;  height:10px; overflow:hidden; font-size:8px; margin-right:5px; }  

a.downloadLink              { width:11px; }
a.readerLink                { width:21px; } 

a.downloadLink span,  
a.readerLink span           { position:absolute; display:inline-block;height:10px; } 

a.downloadLink span         { width:11px; background-repeat:no-repeat; background-position:-194px -8px; }
a.downloadLink:hover span   { background-position:-194px -45px; }
a.downloadLink:active span  { background-position:-194px -82px; outline:0; }
                               
a.readerLink span           { width:21px; background-repeat:no-repeat; background-position:0 -8px; }
a.readerLink:hover span     { background-position:0 -45px;}  
a.readerLink:active span    { background-position:0 -82px; outline:0; }



/* MENU */

.menu li                        { float:left; display:inline-block; }
.menu li.itmMobLib              { white-space:nowrap; }
.menu li.itmMobLib a:hover      { text-shadow:0 1px 0 rgba(255,255,255,0.7); }
.menu li.itmMobLib a:active     { text-shadow:0 -1px 0 rgba(255,255,255,0.7); }
.menu li a, .menu li a:visited  { text-decoration:none;  }
.menu li.itmMobLib a,              
.menu li.itmMobLib span         { background:url('images/wl-base/mobile-library.png') no-repeat !important; position:relative; border:0 !important; line-height:20px; }
.menu li.itmMobLib a            { background-position:right center !important; padding:0 20px 0 0 !important; left:10px; color:#000; }
.menu li.itmMobLib span         { background-position:left center !important; float:left; left:-10px; display:inline-block; width:10px; }
.menu li.drop-down ul           { top:0px; display:none; position:relative; z-index:1; }
.menu li.drop-down:hover ul,       
.menu li.drop-down ul:hover     { display:block; }
.menu li.li-files a               { display:inline-block;}

/* QUICK SEARCH */

li.li-search                            {float:right;}
.divQuickSearchLabel                    {padding-right:5px;}
.ulContent                              {float:left; width:658px;}
.hint-text                              {color:#999;}
li.li-search input[type=text]           {border:1px solid; padding:3px; font-family:Arial, Helvetica, sans-serif; font-size:11px;}

.ulResults .liSection                   {clear:left; margin:0 0 10px; overflow:hidden;}
.ulResults .liSection img               {float:left; margin-right:10px; border-width:1px !important; border-style:solid; border-color:#eee #e3e3e3 #d9d9d9;}
.ulResults .liSection .liHeadline       {border-bottom:1px dotted #ddd; margin-bottom:5px; padding-bottom:5px;}
.ulResults .liSection .liHeadline h4    {float:left;}

.filterDiv                              {margin:20px 0 0; padding:10px 0; border:solid #ddd; border-width:1px 0;}
.filterRemove                           {background:#e30a15 url('images/wl-base/filterx.png'); text-indent:-9999px; outline:none; text-decoration:none; display:inline-block; height:16px; width:16px; color:#fff; margin:0 5px;}

li.li-search .btnSubmit                 {background:#fff url('images/wl-base/search-icon.png') left top no-repeat; width:16px; height:15px; overflow:hidden; padding-top:16px; position:absolute; border:none; top:4px; right:1px; display:inline-block;}
li.li-search .btnSubmit:hover           {background-position:left -16px;}
li.li-search .btnSubmit:active          {background-position:left -32px;}

      



/* 'RIBBON' STYLING (previous issues) */
.ribbon li          { width:170px; }        
	
.ribbon-title       { margin-bottom:10px; font-size:14px; }    

.ribbon .prodTitle,
.prodContentButtons { display:block; text-align:center; }                                                    
	
.ribbon .prodTitle  { padding:0 0 5px; }   

.ribbon a.prodName, 
.ribbon .prodName   { padding-bottom:0; font-size:12px; font-weight:normal; text-transform:none; }
        

/* MY SUBSCRIPTIONS */

.centreContent .bodyContent table               { border-collapse:collapse; border:1px solid #ccc; margin:10px 0;}
.centreContent .bodyContent table td            { border:1px solid #ccc;}
.centreContent .bodyContent table th            { border-color:#aaa #aaa #ccc; background-color:#f1f1f1; text-align:left;}
.centreContent .bodyContent table th,             
.centreContent .bodyContent table td            { padding:4px;}
.centreContent .bodyContent.cancel-sub table,     
.centreContent .bodyContent.cancel-sub table td,  
.centreContent .bodyContent.cancel-sub table th { border:none;}

	/* icons */
.subs-actions a         { border:none; background:url('images/wl-base/action-icons.png') no-repeat -9999px -9999px; margin-right:2px; overflow:hidden; width:16px; height:16px; display:block; float:left; text-indent:-9999px;}
a.lnkCancel             { background-position:left -32px;}
a.lnkCancel:hover       { background-position:-16px -32px;}
a.lnkCancel:active      { background-position:-32px -32px;}
span.lnkCancel          { background-position:-48px -32px;}
                          
a.lnkEdit               { background-position:left -176px;}
a.lnkEdit:hover         { background-position:-16px -176px;}
a.lnkEdit:active        { background-position:-32px -176px;}
span.lnkEdit            { background-position:-48px -176px;}

a.lnkHoliday            { background-position:left -80px;}
a.lnkHoliday:hover      { background-position:-16px -80px;}
.user-subscriptions table td a.lnkHoliday:active    { background-position:-32px -80px;}
.user-subscriptions table td span.lnkHoliday        { background-position:-48px -80px;}

a.lnkRenew              { background-position:left -144px;}
a.lnkRenew:hover        { background-position:-16px -144px;}
a.lnkRenew:active       { background-position:-32px -144px;}
span.lnkRenew           { background-position:-48px -144px;}

a.lnkDebitOrder         { background-position:left -64px;}
a.lnkDebitOrder:hover   { background-position:-16px -64px;}
a.lnkDebitOrder:active  { background-position:-32px -64px;}
span.lnkDebitOrder      { background-position:-48px -64px ;}



/* LOGIN */
form.login .centreContent .sfLogIn  { width:380px; float: left;}
.dRegisterInfo                      { float:left; background:#f1f5f2; border:1px solid; border-color: #e5e9e6 #e1e5e2 #d5d9d6; padding:20px; text-align:center; margin-left:30px;}
.dRegisterInfo h2, 
.dRegisterInfo p.regMsg             { margin:0 0 10px;}
.dRegisterInfo a.btnSubmit          { background: #6a7; color:#fff !important; text-shadow:0 -1px 0 #485; border-color:#596 #485 #374; font-size:20px; font-weight:bold; height:40px; line-height:40px; padding:0 10px;}
.dRegisterInfo a.btnSubmit:hover    { background: #596; border-color:#596 #485 #374;}
.dRegisterInfo a.btnSubmit:active   { background: #485; border-color:#374 #485 #596;}
.centreContent #ctl00_ContentPlaceHolder_wLogin_hypRegister { display:none; }

 
/* VOUCHER PAGE */ 

.redeem-voucher                     { padding-left:130px; min-height:70px;}
.redeem-voucher                     { background:url('images/wl-base/voucher-en.jpg') no-repeat;}
.redeem-voucher.voucher-success     { background-position:0 -454px;}
.lang-af .redeem-voucher            { background-image:url('images/wl-base/voucher-af.jpg');}
.voucher-info                       { display:block; margin:0 0 8px;}
.redeem-voucher .error              { color:#9F2121;}
.voucher-info .voucher-subs-type    { font-weight:bold;}
                                                            

/* SOCIAL BUTTONS */

.prodDetailContent .social-buttons  { margin-bottom:10px;}
.prodList .social-buttons           { position:absolute; top:12px; right:5px;}

.social-like, 
.social-dislike, 
.social-share                   { height:17px; line-height:17px; display:inline-block; margin-right:3px;}
                                  
.social-like input,               
.social-dislike input,            
.social-share input,              
.social-like span,                
.social-dislike span,             
.social-share span              { float:left; font-size:11px; font-family:"Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Arial, Helvetica, sans-serif;}
                                  
.social-share input             { width:28px;}
                                  
.social-like input,               
.social-dislike input,            
.social-share input             { border:none; cursor:pointer; background:url('images/wl-base/social-share-icons.png') no-repeat; text-shadow:0 1px 0 rgba(255,255,255,0.6); height:17px; line-height:17px; padding:0 0 3px 22px;}
.social-dislike input           { background-position:left -68px;}
.social-share input             { background-position:left -136px;}
                                
.social-like input:hover        { background-position:left -17px;}
.social-dislike input:hover     { background-position:left -85px;}
.social-share input:hover       { background-position:left -153px;}
                                
.social-like input:active       { background-position:left -34px;}
.social-dislike input:active    { background-position:left -102px;}
.social-share input:active      { background-position:left -170px;}

.social-like input[disabled], 
.social-dislike input[disabled], 
.social-share input[disabled]   { cursor:default; color:#999;}

.social-like input[disabled]    { background-position:left -51px;}
.social-dislike input[disabled] { background-position:left -119px;}
.social-share input[disabled]   { background-position:left -187px;}

.social-like span, 
.social-dislike span            { background:url('images/wl-base/social-share-icons.png' ) right top no-repeat; height:17px; padding: 0 7px 0 5px; display:inline-block; line-height:17px; border-left:1px solid #ccc;}

.social-share                   { background:url('images/wl-base/social-share-icons.png') right bottom no-repeat; padding-right:7px; margin-right:0;}
.social-share:hover             { background-position:right -153px;}
.social-share:active            { background-position:right -170px;}
.social-share input             { position:relative; padding-right:0; } 

.dSocialShare                       { width:350px; z-index:900;}
.share-form-wrapper                 { z-index:1000;background: url('images/wl-base/bg-email-share.png') left top no-repeat; padding:10px 20px 5px; width:310px; position:relative; float:left;}
.share-intro                        { display:inline-block; width:310px; padding-bottom:3px; font-weight:bold; margin-bottom:7px; border-bottom:1px dotted #ddd;}
.hide-mail-control,                   
.hide-mail-control:visited          { position:absolute; right:10px; top:7px; cursor:pointer; border:0; background:url('images/wl-base/sharex.png') left top no-repeat; width:16px; height:16px; display:inline-block; font-size:0.1em; color:#fff; overflow:hidden; }
.hide-mail-control:hover            { background-position:left -16px;}
.hide-mail-control:active           { background-position:left -32px;}
.mail-label                         { float:left; clear:left; display:inline-block; width:75px;}
.dSocialShare input[type="text"],     
.dSocialShare textarea              { width:220px; float:left; border:1px solid; border-color:#ddd #ccc #bbb; padding:3px 5px; margin:0 0 7px;}
.dSocialShare input[type="text"].sfctrlinvalid, 
.dSocialShare textarea.sfcrlinvalid { width:218px; border-left:3px solid #9F2121;padding:3px 5px;}
.mail-share-button                  { clear:left; float:left; margin-left:75px;}
.dSocialShare .divRequiredFields    { z-index:1000; float:left; clear:left; background:url('images/wl-base/bg-email-share.png') left bottom no-repeat; display:block !important; border:none; margin:0; width:310px; padding:0 20px 15px;}
.dSocialShare .divRequiredFields p  { color:#9F2121; margin-left:75px; font-size:12px; font-weight:normal; background: url("images/wl-base/icon-error-sml.png") no-repeat left center; line-height: 23px; padding-left: 20px;}
.dSocialShare textarea              { height:80px;}

/* PRODUCT LISTING */

.prodDescDiv                { clear:both;}

/* PRODUCT BUY OPTIONS */

h4.popup-title              { border:none; margin-bottom:0;}
.popup-title span           { padding:0;}
.div-buy-options            { display:inline-block; clear:left; margin:0 0 10px;}
.prodList .div-buy-options  { float:left; margin:0;}
.div-buy-options ul         { overflow:visible; float:left; clear:none; }

.div-buy-options li                 { width:auto !important; margin-bottom:0 !important; }
.div-buy-options li a               { text-decoration:none; display:inline-block; margin-left:5px; background:#E30A15; color:#fff; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}
.div-buy-options li a.info          { cursor:default; background:url('images/wl-base/i-con.png') left center no-repeat; text-indent:-9999px; width:14px; padding:0; border:0;}
.div-buy-options li a.info:hover    { background-position:-14px center;}

.div-buy-options ul.headers li      { width:auto;}
.prod-options                       { clear:left; float:left;}
.price-options .col-header          { text-align:left; font-weight:bold;}

.div-buy-options .headers   { margin:0;}
.price-options li           { position:relative; white-space:nowrap}
.price-options .price       { padding:2px 0; display:inline-block; width:65px;}
.price-options li input     { margin:6px 0 0 0; float:left; }
.price-options li label     { display:inline-block;}
.div-buy-options .header    { border:1px solid #ccc;}
.headers                    { padding-right:0 !important; padding-left:0 !important;}

.div-buy-options .price-options             {border-left:1px dotted #000; padding-left:7px;margin-left:7px;}
.div-buy-options .print-options .header     {padding-top:4px !important;}
.div-buy-options .digital-options .header   {padding-right:3px !important;  margin:0 0 0 4px;}

/* .special-icon {cursor:pointer; background:url('http://152.111.150.6:1337/mysubs/images/special-mini.png'); width:16px; height:16px; display:block; position:absolute; right:-1px; top:-1px;}*/
/*
url('http://152.111.150.6:1337/mysubs/images/bg-prices.png') left top repeat-x;
.price-options li:hover {background-position:left -24px;}
.price-options li:active {background-position:left -48px;}
*/

/* FOOTER */
.footer         { position:relative; clear:both; overflow:hidden; padding:20px 20px 40px;}
.footer a       { text-decoration:none;}
.footer a:hover { text-decoration:underline;}
.footer-col     { float: left;}
.footer h3      { font-size:12px; padding-bottom:10px; color:#000;}
/*.footer-logo  { background:url("images/wl-base/powered-by-mysubs.png") no-repeat scroll 0 0 transparent; bottom:10px; height:28px; position:absolute; right:10px; width:179px; }*/
.footer-logo    { display:none;}  


     
/* IE7 Fix */
*:first-child+html input[type="submit"]     { overflow: visible;}

*:first-child+html .social-share input      { padding-left:13px;}
*:first-child+html .product-sort,
*:first-child+html .product-filter          { margin-bottom:0;}

*:first-child+html .social-like input,        
*:first-child+html .social-dislike input,     
*:first-child+html .social-share input      { line-height:15px; padding-bottom:3px;}

*:first-child+html .sfPagingInfo span       { display:inline-block; vertical-align:top; line-height:25px; }

*:first-child+html .jpopup-info             { margin-top:auto; }