/* WEB > SRC > Main CSS */
/*main*/
html,
body,
.wrapper {position:relative;}
body {color:#434343;font:normal 13px "Lucida Sans", Verdana, sans-serif;line-height: 17px;background:#fff url(../img/main_bg_grey.jpg) center 510px repeat-x;}
.top_bg {background:url("../img/MFC-Sponsor-Banner-510-2560.jpg") center top no-repeat;}
.wrapper {width:980px;margin:0px auto;}
.body .wrapper {padding:20px;max-width:940px;}
.body:after {content:" ";display:block;height:0;clear:both;}
.submain {background:#fff url(../img/submain_bg.jpg) center bottom repeat-x;}
.submain .wrapper {background:none;}
.wrapper {background:#fff;}
.footer {height:130px;background:#9ae7fc url(../img/footer_bg.png);}
.footer .wrapper {background:none;padding-top:20px;}
.header,
.body {overflow:hidden;position:relative;z-index:1;}
.header .wrapper:before,
.body .wrapper:before {position:absolute;z-index:-2;display:block;content:"";top:-10px;bottom:7px;left:0;right:0;
-moz-border-radius:0px / 0px;
border-radius:0px / 0px;
-webkit-box-shadow:0 0 15px rgba(148,211,233,0.3);
-moz-box-shadow:0 0 15px rgba(148,211,233,0.3);
box-shadow:0 0 15px rgba(148,211,233,0.3);
}
img {max-width:100%;}
.noscript_cont {background:#fcfbe1;border-bottom:1px solid #fcdf98;display:block;width:100%;}
.noscript {background:url("../images/warning-icon.png") no-repeat scroll 18px 5px transparent;color:#000000;margin:0 auto;padding-left:60px;width:920px;}
.accounts_cont .accounts_box .errors p {font-size: 18px;line-height:23px;margin-bottom:5px;padding-bottom:5px;}
/* navigations */
.nav ul {float:left;list-style:none;padding:0px 0px 0px 10px;margin:0px;}
.nav ul li,
.nav div {line-height:16px;padding:0px 0px;}
.nav li {display:block;position:relative;float:left;}
.nav li:after {content:"|";float:right;margin:0px 10px;display:block;color:#000;text-decoration:none;}
.nav li:last-child:after {content:"";margin:0px;}
.nav li a {text-decoration:underline;}
.nav li a:hover {text-decoration:underline;}
/* default colors */
h2,
h2 a,
h2 span,
.right_block h2 {font-size:1.1em;font-weight:700;}
.right_block h2 {background:none !important;}
a.bottom_link {background:#ABCF37;color:#fff;}
a.bottom_link:hover {background:#ABCF37;color:#fff;}
a {color:#444;text-decoration:none;outline:none;}
a img {opacity:1;}
p a {color:#000;text-decoration:underline;}
p a:hover {color:#4bcbff;text-decoration:underline;}
a:hover img {opacity:0.7;}
a:hover {text-decoration:underline;}
h3 {font-size:1.3em;font-weight:normal;line-height:1em;}
.float-left{float:left !important;}
.float-right{float:right !important;}
.text-green{color:#6ab53e !important;}
.text-black{color:#000 !important;}
.text-bg-pink{background-color:#ff69bf !important;color:#fff !important;}
.text-bg-purple{background-color:#7159ba !important;color:#fff !important;}
.text-bg-yellow{background-color:#ffb400 !important;color:#fff !important;}
.font-size-13{font-size:1em !important;line-height:0.908em !important;}
.font-size-15{font-size:1.154em !important;line-height:0.938em !important;}
.font-size-24{font-size:1.846em !important;line-height:1.5em !important;}
.font-size-28{font-size:2.154em !important;line-height:1.7em !important;}
.font-italic{font-style:italic !important;}
.margin-top-10{margin-top:10px;}
.margin-bottom-10{margin-bottom:10px;}
.margin-top-20{margin-top:20px;}
.margin-bottom-20{margin-bottom:20px;}
.margin-right-20{margin-right:20px;}
.font-italic{font-style:italic !important;}
.clear-both{clear:both;}
/* always force a scrollbar in non-IE browers, no more page jump! */
html { overflow-y: scroll; }
/*overlay styles*/
#overlay-cont {z-index:1000;display:none;width:540px;top:41px !important;left:19px;}
#overlaybg {background-color: #000;height: 100%;left: 0;opacity: 0.4;position: absolute;top: 0;width: 100%;z-index: 900;bottom:0;right:0;filter: alpha(opacity=40);display:none;}
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.hide {display:none;}
.fie:after {content:none;border:none;display:none !important;}
/*buttons*/
input.button {border:none;}
a.button,input.button {cursor:pointer;margin-right: 10px;display:inline;position:relative;top:4px;margin-bottom:4px;text-decoration:none;color:#fff;padding:3px 20px 1px;line-height:13px;text-transform:uppercase;font-family: 'BureauGrotCondBold';font-size:16px;background:#71b946;opacity:0.9;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-image: linear-gradient(bottom, rgb(110,184,67) 36%, rgb(136,199,97) 60%, rgb(160,214,127) 83%);
background-image: -o-linear-gradient(bottom, rgb(110,184,67) 36%, rgb(136,199,97) 60%, rgb(160,214,127) 83%);
background-image: -moz-linear-gradient(bottom, rgb(110,184,67) 36%, rgb(136,199,97) 60%, rgb(160,214,127) 83%);
background-image: -webkit-linear-gradient(bottom, rgb(110,184,67) 36%, rgb(136,199,97) 60%, rgb(160,214,127) 83%);
background-image: -ms-linear-gradient(bottom, rgb(110,184,67) 36%, rgb(136,199,97) 60%, rgb(160,214,127) 83%);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.36, rgb(110,184,67)),color-stop(0.6, rgb(136,199,97)),color-stop(0.83, rgb(160,214,127)));}
input.button {display:block;float:left;height:24px;}
a.button:hover,input.button:hover {opacity:1;}
a.right,input.right {float:right;}
a.button.width-110,input.button.width-110{width:110px;text-wrap:normal;}
a.button.width-130,input.button.width-130{width:130px;text-wrap:normal;}
a.button.width-165,input.button.width-165{width:165px;text-wrap:normal;}
a.button.width-180,input.button.width-180{width:180px;text-wrap:normal;}
/*blocks*/
.block {display:block;overflow:hidden;margin-bottom:20px;}
.block_right {float:right;}
.right_block h2 {position:relative;height:36px;padding:0px;background:none;}
.right_block h2 a,
.right_block h2 span {margin-left:10px;padding:3px 0 0 0;font-size:1em;float:left;position:relative;z-index:20;left:0px;display:block;width:130px;height:33px;line-height:33px;text-decoration:none;text-align:center;}
.right_block h2 a {padding-top:15px;height:15px;line-height:15px;}
.right_block h2 a {text-shadow: #666;top:0px;padding:2px 0px 1px;background:#888 !important;color:#fff;height:33px;line-height:33px;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
-moz-box-shadow: inset -1px -5px 6px -2px rgba(0,0,0,.2);
-webkit-box-shadow: inset -1px -5px 6px -2px rgba(0,0,0,.2);
box-shadow: inset 0px -5px 6px -2px rgba(0,0,0,.18);
}
.right_block h2 a.active,
.right_block h2 a:hover,
.right_block h2 span {text-shadow: #666;top:0px;padding:2px 0px 1px;background:#6ab53e;color:#fff;height:33px;line-height:33px;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
.right_block h2:before {content:" ";display:block;position:absolute;z-index:10;left:0px;top:8px;width:100%;height:28px;background:#efefef;}
.left_block h1 {padding: 0px;}
.left_block h2 span,
.left_block h2 a {display: block;font-size: 14px;padding:3px 10px;font-weight:700;}
#newhome .left_block h2 span {padding:3px 10px 3px 0;}
.left_block h2 span .right {padding:0px;}
.left_block {clear:none;width:66%;float:left;}
.full_width_block {clear: both;width: 100%;position:relative;}
.right_block {margin-left:2%;width:32%;clear:none;float:right;clear:right;}
.bottom_block {padding-top:10px;}
.header .block {margin-bottom:10px;}
.left_block dl {display:block;float:left;width:63%;padding:1% 2% 1% 0;}
.left_block dl h3 {margin-bottom:10px;font-weight:bold;}
.left_block dl dt {display:block;float:left;width:40%;margin-right:4.8%;}
.left_block dl dd {display:block;float:left;width:55.2%;}
.left_block dl dd a {display:block;}
.left_block h2 {padding:0px;margin-bottom:10px;position:relative;}
.left_block h2 .right {position:absolute;right:10px;top:3px;}
.left_block h2 .right a {text-decoration:none;padding-right:5px;}
/* header */
.header {position:relative;z-index:900;overflow:visible;}
.header .wrapper {background:#fff url(https://www.myfamilyclub.co.uk/content/css/styles_1.1.css);}
.header .nav {width:100%;}
.nav-top {height:36px;font-size:12px;margin-bottom:0px !important;background:url(../img/header_nav_bg.png);}
.nav-top:before {content:" ";width:100%;position:absolute;left:0;top:0;height:36px;}
.nav-top ul {padding:9px 0px 0px 10px;}
.nav-top li:after {content:" ";position:relative;float:right;border-right:solid 1px #e3e3e3;width:0px;height:34px;top:-8px;margin:0px 10px;display:block;color:#000;text-decoration:none;}
.nav-top li.split {padding-right:10px;margin-right:10px;border-right:solid 1px #e3e3e3;}
.nav-top li#login a {position:relative;padding-left:20px;}
.nav-top li#login:before {content:" ";display:block;position:absolute;left:-0px;top:-1px;overflow:hidden;background:url(../img/login_icon.png) 0 0 no-repeat;width:12px;height:20px;}
.nav-top li.usericon {background:url(../img/login_icon.png) 0 0 no-repeat;}
.nav-top li:last-child:after {content:none;display:none;position:relative;border-right:none;width:0px;height:0px;top:0px;margin:0px;}
.nav-top li p,
.nav-top li a {font: 12px Arial;color: #5F5F5F;}
.nav-top li p {margin:0px;padding:1px 0px 0px;}
.nav-bottom {overflow:visible;height:36px;line-height:36px;background:#1a1a1a;}
.nav-bottom ul {padding:0px;}
.nav-bottom ul ul {display:none;position:absolute;top: 36px;min-width: 200px;padding: 15px 10px;}
.nav-bottom ul li {position:relative;padding:0px;border-right:dotted 2px #bfbfbf;height: 36px;font-family: 'BureauGrotCondBold';}
.nav-bottom ul li:after {content:none;display:none;}
.nav-bottom ul li:last-child:after {content:" ";display:block;height:0px;clear:both;}
.nav-bottom ul li.selected a:before {display:none;}
.nav-bottom ul li.selected a:hover {background:none !important;}
.nav-bottom ul li a {text-decoration:none;color: white;text-transform: uppercase;font-size: 20px;display: block;font-weight:normal;padding: 9px 18px 11px 17px;position: relative;font-family: 'BureauGrotCondBold';}
.nav-bottom ul li a:hover {text-decoration:none;}
.nav-bottom ul li:hover ul {display:block;background:#000;}
.nav-bottom ul li ul li {display:block;height:auto;border-right:none;padding:0px;float:none;}
.nav-bottom ul li ul li a {display:block;color: white;font-family: 'AdelleSemiBoldItalic';font-size: 15px;text-transform: none;border-bottom: 1px dashed white;margin: 0 10px;padding: 5px 10px 5px 0;position: relative;z-index: 900;}
#frontend_search_box {position:relative;z-index:60;line-height:20px;padding:3px 5px 0px;}
#frontend_search_box label,
#frontend_search_box input {outline:none;display:block;float:left;line-height:13px;padding:3px 5px 1px;}
#frontend_search_box input[type=text] {margin:2px 4px 0px 0px;color:#777;padding:2px 5px 2px;border:solid 1px #999;}
#frontend_search_box label {padding:5px;}
#frontend_search_box input[type=submit] {cursor:pointer;border:none;margin-top:2px;text-decoration:none;color:#fff;padding:3px 10px 1px;height:22px;text-transform:uppercase;font-family: 'BureauGrotCondBold';font-size:16px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background:#71b946;
background-image: linear-gradient(bottom, rgb(110,184,67) 36%, rgb(136,199,97) 60%, rgb(160,214,127) 83%);
background-image: -o-linear-gradient(bottom, rgb(110,184,67) 36%, rgb(136,199,97) 60%, rgb(160,214,127) 83%);
background-image: -moz-linear-gradient(bottom, rgb(110,184,67) 36%, rgb(136,199,97) 60%, rgb(160,214,127) 83%);
background-image: -webkit-linear-gradient(bottom, rgb(110,184,67) 36%, rgb(136,199,97) 60%, rgb(160,214,127) 83%);
background-image: -ms-linear-gradient(bottom, rgb(110,184,67) 36%, rgb(136,199,97) 60%, rgb(160,214,127) 83%);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.36, rgb(110,184,67)),color-stop(0.6, rgb(136,199,97)),color-stop(0.83, rgb(160,214,127)));
opacity:0.9;
}
#frontend_search_box input[type=submit]:hover {opacity:1;}
input.signin {background: url("../images/sprite.png") no-repeat scroll -9px -40px transparent;border: none;cursor: pointer;height: 27px;margin-top: 10px;width: 64px;padding:0px}
.header .logo {position:relative;float:left;margin:0px 10px 0px 18px;background:url(../img/myfamilyclub-logo.png) 0 0 no-repeat;height:110px;width:173px;overflow:hidden;line-height:110px;text-indent:173px;}
.header .banner {float:right;clear:none;margin:10px;padding:0px;width:728px;height:90px;}
.login_box {left:19px;position:absolute;top:41px;z-index: 500;border: 1px dashed rgb(21, 187, 255);}
.login_box .signin-signup{background: none repeat scroll 0pt 0pt #E7F8FF;border: 1px dashed #15BBFF;}
.login_box .close ,.signin-signup .close {position:absolute;right:10px;cursor:pointer;font-size:11px;top: 10px;}
.signin-signup {width:500px;background: none repeat scroll 0 0 #fff;overflow: hidden;border: 1px dashed #15BBFF;padding: 20px;position: relative;font-family: "Arial";}
.signup {background: url("../images/sprite.png") no-repeat scroll -8px -8px transparent;border: none;cursor: pointer;height: 27px;margin-top: 10px;width: 66px;}
.signin-signup ul li {display: block;float: left;margin-bottom: 10px;width: 250px;}
.signin-signup label {font-family:"AdelleBoldItalic";font-size:13px;color:#5f5f5f;}
.signin-signup input[type="text"],.login_box input[type="password"],.signin-signup input[type="password"] {width:210px;height:20px;font-family:"AdelleRegular";color:#666;float:left;}
.signin-signup p {font-family:"Arial";font-size:0.9em;}
.signin-signup a {color:#6DC634;}
.signin-signup a.button {color:#fff;position:relative;left:50%;margin-left:-30px;}
.signin-signup .forgot_pw {left: 101px;position: absolute;top: 60px;}
.signin-signup .error-indicator {float:left;position:static;margin-left:10px;}
.signin-signup .loginright {float:left;}
.signin-signup .loginright p {margin-bottom:10px;}
.signin-signup .loginright .signup {display: block;text-indent: -2000px;width: 69px;background: url("../images/sprite.png") no-repeat scroll -296px -973px transparent;margin: 0 auto;}
.signin-signup .loginleft {float:left;width: 219px;height:100%;text-align: center;margin-right: 24px;background: url(../images/or.gif) no-repeat scroll right center;}
.signin-signup .loginleft .actions{margin:10px 10px 10px 24px;width: 132px;}
.signin-signup .loginright .actions{margin:10px;width: 210px;text-align: center;}
.signin-signup .loginleft .facebook-login{background: url("../images/facebook_signin.png") no-repeat scroll 0 0 transparent;display: block;height: 30px;text-indent: -2000px;width: 104px;margin-bottom: 10px;margin: 10px auto 10px;}
.signin-signup .loginleft .twitter-login{background: url("../images/twitter_signin.png") no-repeat scroll 0 0 transparent;display: block;height: 30px;text-indent: -2000px;width: 104px;margin: 0 auto;}
.signin-signup h3 {background: url("../images/blue_border.gif") repeat-x scroll left bottom transparent;border: medium none;clear: both;color: #15BBFF;font-family: "AdelleSemiBoldItalic";font-size: 20px;line-height: 18px;margin: 10px 0;padding-bottom: 5px;}
.signin-signup h3 span {color: #434343;font-size: 13px;}
.signin-signup h3 span a{color: #6DC634;font-family: arial;font-size: 12px;margin-left: 3px;}
.signin-signup .loginright .actions.signupoverlay {margin-top:21px;}
#login_form ul li {float: left;clear: both;}
#signup-overlay.signin-signup .loginleft {height:135px;background-position: right -27px;}
#signup-overlay.signin-signup .loginleft .actions{height:141px;}
/*promo block*/
.promo {margin-bottom:10px;}
.promo .panel {float:left;position:relative;width:460px;margin-bottom:10px;z-index:5;background:#fff;border:solid 10px #fff;min-height:180px;}
.promo .panel:last-child {float:right;margin-right:0px;}
.promo fieldset {position:absolute;left:0px;top:0px;bottom:0px;right:0px;z-index:20;display:block;background:url(../img/footer_panel1.png) right top no-repeat;}
.promo .panel:last-child fieldset {background:url(../img/footer_panel2.png) right top no-repeat;}
.promo .panelie fieldset {background:url(../img/footer_panel2.png) right top no-repeat;}
.promo h2,
.promo h3 {position:relative;left:10px;top:10px;color:#6ab53e;font-size:16px;background:#fff;float:left;padding:3px 5px;clear:both;}
.promo h2 {font-family: 'AdelleSemiBoldItalic';}
.promo h3 {top:8px;text-transform: uppercase;font-weight:normal;font-family: 'BureauGrotCondBold';}
.promo .text {clear:both;position:absolute;top:65px;left:12px;width:250px;height:62px;font-size:13px !important;line-height:20px !important;text-shadow: #fff 0px 0px 3px; text-overflow: ellipsis;overflow:hidden;}
.promo .button {position:absolute;left:10px;bottom:8px;top:auto;border:solid 2px #fff;padding:8px 20px 6px !Important;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
.bottom_block .more,
.bottom_block .about {width:960px; margin:0px 10px 20px;}
/*toppanel*/
.topblock,.tp_ss,.topblock fieldset,.tp_nav,.tp_nav a,.topblock .block_link,.tp_ss_inner,.topblock form {display:block;overflow:hidden;position:relative;width:620px;height:260px;float:left;}
.topblock .block_link {height:225px;float:none;}
.tp_nav li,.tp_nav li a {display:block;width:155px;height:35px;line-height:35px;text-align:center;text-decoration:none;font-size:0.95em; font-weight:700;}
.tp_nav li a:hover {text-decoration:none;}
.topblock {width:940px;float:none;}
.tp_ss .tp_ss_inner {display:Block;overflow:hidden;position:relative;}
.tp_ss .tp_ss_inner a:hover img {opacity:1;}
.tp_ss .tp_ss_inner h2 span {font-weight:500; font-size:25px; line-height: 30px;}
.tp_nav {position:absolute;bottom:0px;left:0px;height:35px;}
.tp_nav a {background:url("../img/toppanel_nav.png") -160px 0 no-repeat;text-decoration:none;opacity:1;}
.tp_nav a:hover {color:#999;}
.tp_nav a.hover {background-position: 0 0;color:#fff;}
#tp_sl1banner {background:url("../img/topslide1.jpg") 0 0 no-repeat;}
#tp_sl2banner {background:url("../img/topslide3.jpg") 0 0 no-repeat;}
#tp_sl3banner {background:url("../img/topslide2.jpg") 0 0 no-repeat;}
#tp_sl4banner {background:url("../img/topslide4.jpg") 0 0 no-repeat;}
.topblock h2 {text-transform: uppercase;font-weight:normal;position:relative;left:10px;top:10px;color:#6ab53e;font-size:25px;line-height:30px;background:none !important;float:left;clear:both;font-family: 'BureauGrotCondBold';width:auto;text-indent:0px;}
.topblock h2 span {font-family: 'BureauGrotCondBold';padding:0px 7px;}
.topblock h3 {text-transform: uppercase;font-family: 'BureauGrotCondBold';}
.topblock .text {clear:both;position:absolute;top:80px;left:15px;width:250px;height:62px;font-size:14px !important;line-height:18px !important;text-shadow: #fff 0px 0px 3px;}
.topblock .button {position:absolute;top:auto;left:10px;bottom:20px;border:solid 2px #fff;padding:8px 20px 6px !Important;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
.topblock .right {text-align:right;}
.topblock .right h2,
.topblock .right .button {float:right;left:auto;right:10px;text-align:right;}
.topblock .right .text,
.topblock .right .button {left:auto;right:15px;text-align:right;}
.topblock .right .button {right:0px;}
.topblock .spacer {padding:0 4px;font-size:1em;}
/*toppanel_right*/
.topblock fieldset {float:left;position:absolute;right:0px;top:0px;display:block;width:300px;background:url("../img/toppanel_right.png") 0 0 no-repeat;}
.topblock form {width:300px;}
.topblock input {display:block;position:absolute;right:117px;bottom:13px;border:none !important;background:none !important;padding:0px;height:19px;line-height:19px;width:150px;padding:2px 3px;}
.topblock input[type=submit] {width:88px;right:26px;cursor:pointer;padding:0px;height:23px;}
.topblock fieldset h4,
.topblock fieldset h3 {white-space:nowrap;position:relative;left:24px;top:15px;color:#fff;font-size:25px;line-height:30px;background:#6ab53e;float:left;padding:2px 7px;clear:both;}
.topblock fieldset h4 {font-size:1.8em;margin:0px;text-transform:capitalize;}
.topblock fieldset h3 {top:12px;text-transform: uppercase;font-weight:normal;font-family: 'BureauGrotCondBold';}
.topblock fieldset .text {text-align:center;color:#444;width:246px;height:109px;left:27px;top:105px;}
.topblock fieldset .text a{color:#15bbff;}
.topblock fieldset .mini_logo {display:block;position:absolute;right:20px;top:10px;background:url("../img/mini_logo.png") 0 0 no-repeat;width:57px;height:57px;line-height:57px;text-indent:57px;overflow:hidden;text-decoration:none;}
.right_block fieldset {position:relative;margin-bottom:20px;height:260px;display:block;width:300px;background:url("../img/toppanel_right.png") 0 0 no-repeat;}
.right_block fieldset form {width:300px;}
.right_block fieldset input {display:block;position:absolute;right:117px;bottom:13px;border:none !important;background:none !important;padding:0px;height:19px;line-height:19px;width:150px;padding:2px 3px;}
.right_block fieldset input[type=submit] {width:88px;right:26px;cursor:pointer;padding:0px;height:23px;}
.right_block fieldset h4,
.right_block fieldset h3 {white-space:nowrap;position:relative;left:24px;top:15px;color:#fff;font-size:25px;line-height:30px;background:#64b53e;float:left;padding:2px 7px;clear:both;}
.right_block fieldset h4 {text-transform:capitalize;margin:0px;font-size:1.8em;font-family: 'BureauGrotCondBold';height:auto;font-weight:normal;}
.right_block fieldset h4:before,
.right_block fieldset h4:after {content:none;}
.right_block fieldset h3 {top:12px;text-transform: uppercase;font-weight:normal;font-family: 'BureauGrotCondBold';}
.right_block fieldset .text {font-size:1.3em;position:absolute;text-align:center;color:#15bbff;width:246px;height:109px;left:27px;top:105px;}
.right_block fieldset .mini_logo {display:block;position:absolute;right:20px;top:10px;background:url("../img/mini_logo.png") 0 0 no-repeat;width:57px;height:57px;line-height:57px;text-indent:57px;overflow:hidden;text-decoration:none;}
/*footer*/
.footer {overflow:hidden;}
.footer .wrapper {position:relative;font-size:0.9em;}
.footer .nav {position:relative;font-size:0.9em;}
.footer ul {float:right;margin-right:20px;}
.footer ul li a {text-decoration:none;text-transform:capitalize;}
.footer ul li a:hover {text-decoration:underline;}
.footer ul.social_networks {clear:both;margin-top:15px;}
.footer ul.social_networks li:after {display:none;}
.footer ul.social_networks li {margin-left:20px;}
.footer ul.social_networks li a {display:block;width:42px;height:47px;overflow:hidden;line-height:47px;}
.footer ul.social_networks li a img {opacity:1;}
.footer ul.social_networks li.fb a {background:url(../img/fb_icon.png) 0 0 no-repeat;}
.footer ul.social_networks li.rss a {background:url(../img/rss_icon.png) 0 0 no-repeat;}
.footer ul.social_networks li.tw a {background:url(../img/tw_icon.png) 0 0 no-repeat;}
.footer .copyright {position:absolute;left:20px;top:0px;line-height:20px;padding:0px 5px;}
/*rating*/
.rate_bar {display:block;position:relative;text-align:left;overflow:hidden;margin-top:10px;;}
.right_block a.bottom_link,
.rate_bar a.bottom_link {display:block;line-height:21px;margin:12px 11px;float:left;padding:0px 7px 1px;}
.rate_bar a.bottom_link {margin:0px;}
.rate_bar .rating {display:block;position:absolute;right:5px;top:4px;width:75px;height:15px;}
.rate_bar .rating span {display:block;float:left;width:15px;height:15px;background-image:url(../img/star_off.png);}
.rate_bar .rating span.on {background-image:url(../img/star_on.png);}
/*section*/
.section h2 {font-size:1.1em;background:none repeat scroll 0 0 #fff;padding:0 0 5px 0;border-bottom:3px solid #6ab53e;}
.section dl dt img {min-width:100%;}
.section ol {border-left:dotted 1px #e2e2e2;display:block;float:right;width:34%;}
.section ol li {cursor:pointer;display:block;padding:7px 10px 7px 10px;overflow:hidden;margin-left:10px;border-bottom:dotted 1px #e2e2e2;font-size:1em;line-height:1.1em;
background:url(../images/arrow.png) 0px 11px no-repeat;}
.section ol li a.bottom_link {line-height:21px;display: block;float: left;padding: 0px 7px 1px;}
.section ol li:hover {margin:0px;padding:7px 10px 7px 20px;background:#efefef url(../images/arrow.png) 10px 11px no-repeat;border-bottom:solid 1px #efefef;}
.section ol li.bottom_link {border-bottom:none;overflow:hidden;padding-top:10px;padding-right:0px;background-image:none;}
.section ol li.bottom_link:hover {background-color:#fff;}
/*four vouchers*/
.four_vouchers {margin-bottom:0px;padding-bottom:20px;list-style:none;}
.four_vouchers dl {padding:0px;width:300px;margin:20px 3px 0px 0px;float:left;height:130px;text-align:left;font-size:1em;line-height:1em;}
.four_vouchers dl:nth-child(2n) {float:right;}
.four_vouchers dl .inner {width:90%;height:109px;padding:5%;padding-top:2.5%;background:#fff;overflow:hidden;}
.four_vouchers dl h2 {font-weight:bold;padding:0px;text-align:left;font-size:1em;line-height:1em;margin-bottom:10px;}
.four_vouchers dl h3 {font-weight:bold;padding:0px;text-align:left;font-size:1em;line-height:1em;margin-bottom:5px;}
.four_vouchers dl dt {width:33%;margin-right:3%;text-align:left;}
.four_vouchers dl dd {width:63%;}
.four_vouchers .orange .inner {border:dashed 1px #ff8800;}
.four_vouchers .orange h2,
.four_vouchers .orange h2 a {color:#ff8800;text-decoration:none;}
.four_vouchers .orange h2 a:hover {text-decoration:underline;}
.four_vouchers .pink .inner {border:dashed 1px #ff69bf;}
.four_vouchers .pink h2,
.four_vouchers .pink h2 a {color:#ff69bf;text-decoration:none;}
.four_vouchers .pink h2 a:hover {text-decoration:underline;}
.four_vouchers .green .inner {border:dashed 1px #6ab53e;}
.four_vouchers .green h2,
.four_vouchers .green h2 a {color:#6ab53e;text-decoration:none;}
.four_vouchers .green h2 a:hover {text-decoration:underline;}
.four_vouchers .lite_blue .inner {border:dashed 1px #15bbff;}
.four_vouchers .lite_blue h2,
.four_vouchers .lite_blue h2 a {color:#15bbff;text-decoration:none;padding-left:0;}
.four_vouchers .lite_blue h2 a:hover {text-decoration:underline;}
/*right block*/
.right_block h3 {font-size:0.9em;clear:both;background:#6ab53e;font-weight:bold;color:#fff;padding:3px 5px 1px 15px;}
.right_block {font-size:0.9em;line-height:1.3em;}
.inner {border:solid 1px #cccccc;border-top:solid 3px #6ab53e;padding:3px 0px;}
.newslatter {padding:20px;}
.newslatter .button {width:90%;text-align:center;margin:0px auto;margin-top:5px;}
.newslatter h2 {border:none;background:none;}
.newslatter label {display:block;font-size:0.9em;padding-right:10px;}
.newslatter input {display:block;width:90%;padding:2px 8px;line-height:23px;}
.signin {padding:20px;}
.signin h2 {border:none;background:none;}
.signin p {float:left;}
.banner {text-align:center;width:auto;padding:0px;background:#fff;}
.banner .inner {padding:0px;border-top:solid 1px #CCC !important;line-height:0em;}
.banner img {min-width:100%;}
.share {padding-top:10px;height:30px;margin-left:25px;}
.share li {float: left;margin-right: 25px;}
.right_block dl {cursor:pointer;overflow:hidden;padding:9px 11px;border-bottom:dashed 1px #cccccc;margin:0px;}
.right_block dl a {text-decoration:none;}
.right_block dl:last-child {border-bottom:none;}
.right_block dl:hover {background-color:#efefef;border-bottom:solid 1px #efefef;color:#777;padding:9px 11px;}
.right_block dl:hover a {text-decoration:underline;}
.right_block dl:last-child:hover {border-bottom:none;}
.right_block dt {display:block;position:relative;float:left;width:25%;text-align:center;}
.right_block dt img {margin:0px auto;border:solid 1px #ccc;}
.right_block dd {float:left;margin:0px 0px 0px 4%;width:69%;display:block;padding-top:10px;}
.right_block .block_tags dl:last-child dt {border-bottom: dashed 1px #CCC;}
.right_block .block_tags dl dt:last-child {border-bottom: none;}
.mostviewed dt {height:30px;content: " ";width:30px;}
.mostviewed dd {width:200px;padding-top:0px;}
.mostviewed dl dt span {position:absolute;left:0;top:0;background:#6ab53e;width:30px;height:30px;text-align:center;line-height:30px;color:#fff;font-size:1.2em;font-weight:bold;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
.mostviewed dl.notie:hover dt span {background:#fff;color:#abcf37;}
.block_tags h2 span {width:auto;padding-left:10px;padding-right:10px;}
.block_tags dl {border-bottom:none;padding:0px;color:#777;}
.block_tags dl a {color:#777;}
.block_tags dl:hover {text-decoration:none;border-bottom:none;background:none;padding:0px;}
.block_tags dl dl {position:relative;top:-1px;border-bottom:dashed 1px #ccc;padding-bottom:10px;}
.block_tags dl dl:hover {border-bottom:dashed 1px #ccc;padding-bottom:10px;}
.block_tags dl dl dt {padding-left:35px;font-size:0.9em;background-image: url(../images/arrow.png);background-position:22px 15px;background-repeat:no-repeat;border-bottom:none;}
.block_tags dl dl dt:hover {padding-left:35px;border-bottom:none;}
.block_tags dl dl dl,
.block_tags dl dl dl:hover {border-bottom:none;padding-bottom:5px;}
.block_tags dl dl dl dt {padding-left:50px;background-position:37px 15px;}
.block_tags dl dl dl dt:hover {padding-left:50px;}
.block_tags dl:hover a {color:#777;text-decoration:none;}
.block_tags dt {width:auto;float:none;text-align:left;cursor: pointer;overflow: hidden;padding: 9px 11px 9px 20px;border-bottom: dashed 1px #CCC;margin: 0px;}
.block_tags dt:hover {background-color:#efefef;border-bottom:solid 1px #efefef;color:#777;}
.block_tags dt.active {font-size:1.1em;color:#444;font-family: 'AdelleSemiBoldItalic' !important;}
.right_block .block_tags .right {float:right;}
.right_questions {width:100%;padding:0px;float:none;background-image:none !important;}
.right_questions h3 a {color:#fff;}
.right_questions dl dt {text-align:left;width:52px;}
.right_questions dl dt img {border:solid 2px #fff;width:48px;min-width:0px;max-width:48px;}
.right_questions dl dd {width:75%;padding-top:0px;}
.right_questions .inner:after {content:" ";display:block;height:0px;clear:both;}
.right_questions p {padding:10px;text-align:center;color:#6ab53e;font-weight:bold;font-size:0.9em;padding-bottom:20px;}
.right_questions a.button {display:inline;float:none;position:relative;top:10px;}
.video .inner {padding: 10px !important;line-height: 0em;}
.video .inner img {max-width:100%;}
.more dl {display:block;float:left;width:14.6%;margin:0px;margin-right:2%;padding:0px;}
.more dl dt {font-weight:bold;font-size:1em;overflow:hidden;}
.more dl dt h2{float:left;font-size:1em;margin:0px;padding:0px;}
.more dl dt h2 a {font-size:1em;padding:3px 10px;font-weight:700;}
.more dl dd a {display:block;padding:3px;font-size:0.85em;border-bottom:dashed 1px #c7cbcc;}
.more dl:last-child {margin-right:0px;}
.about h2 {background:none;border-bottom:solid 1px #15bbff;color:#15bbff;padding-left:0px;margin-bottom:5px;}
.about h3 {font-weight:normal;font-size:0.9em;color:#5f5f5f;}
.about ul {margin-top:10px;}
.about ul li {float:left;width:270px;margin:0px 10px;text-align:left;font-size:0.85em;}
.about ul li h4 {float:none;font-size:1.2em;margin-left:150px;text-align:left;text-indent:0px;border-bottom:dashed 1px #ccc;margin:5px 0px 5px 150px;font-weight:700;}
.about ul li .img {float:left;width:130px;height:100%;margin-right:20px;}
/* sliders */
.new_slider {width:100%;list-style:none;margin-bottom:0px;}
.new_slider h1 {float:left;margin:0px;}
.new_slider ul {clear:both;overflow:hidden;padding-top:10px;}
.new_slider ul.slider {overflow:visible;position:relative;height:130px;margin-left:38px;}
.new_slider ul li {float:left;width:166px;padding:0px;text-align:left;font-size:0.9em;line-height:1.2em;}
.new_slider ul li h3 {width:146px;margin:5px auto 7px;text-align:left;font-size:13px;color:#8A77C5;}
.new_slider ul li h3.notie {font-size:14px;}
.new_slider ul li .img {margin:0px auto;width:146px;height:62px;}
.new_slider ul li .img img {border:solid 5px #fff;}
.new_slider ul li a {color:#8A77C5;display:block;width:146px;margin:5px auto 0px;white-space:normal;text-align:center;text-decoration:none;}
.new_slider ul li a:hover {text-decoration:underline;}
.slider_wrapper {border-bottom:solid 3px #7159ba;overflow:hidden;}
.slider_wrapper h2 {margin-bottom:0px;float:left;padding-bottom:5px;}
.slider .slider_nav {height:17px;border:none;position:absolute;top:-30px;right:0px;overflow:hidden;}
.slider .slider_nav li {border:none;margin-left:0px;margin-right:5px !important;width:14px;padding:0px;}
.slider .slider_nav li a {display:block;margin:0px !important;padding:0px !important;width:14px !important;text-decoration:none;overflow:hidden;text-indent:20px;line-height:20px;height:15px;border:solid 1px #d0d0d0;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
.slider .slider_nav li a:hover,
.slider .slider_nav li a.active {background:#d0d0d0;}
.slider .slider_prev,
.slider .slider_next {display:block;width:40px;text-align:center;line-height:160px;background:#fff;text-decoration:none;height:160px;position:absolute;z-index:50;left:-38px;top:0px;}
.slider .slider_prev div,
.slider .slider_next div {display:block;width:40px;padding-top:64px;text-align:center;line-height:94px;height:94px;position:relative;z-index:30;}
.slider .slider_prev span,
.slider .slider_next span {cursor:pointer;display:block;width:30px;height:30px;margin:0px auto;border:solid 1px #d0d0d0;background:#d0d0d0;font-size:2em;color:#fff;font-weight:bold;text-align:center;line-height:23px;text-indent:-3px;position:relative;z-index:100;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
.slider .slider_next span {text-indent:2px;}
.slider .slider_next {left:auto;right:0px;}
.slider .slider_prev[rel="allow"]:hover span,
.slider .slider_next[rel="allow"]:hover span {background:#7159ba;}
/*2 page */
.today_articles h3 {float:right;}
.today_articles dl {width:100%;clear:none;padding-right:0px;padding-bottom:12px;margin-bottom:13px;border-bottom:dashed 1px #000;}
.today_articles dl dt {width:25.4%;margin-right:2.9%;}
.today_articles h3,
.today_articles dl dd {width:71.7%;}
.today_articles dd .item { margin-bottom: 5px;}
.today_articles dd .zone { display: inline-block; font-weight: bold; text-transform:uppercase; font-size: 11px; margin-right: 5px;}
.today_articles dd .month { text-transform:uppercase; font-size: 11px; }
.sub-nav {height:27px;border-bottom:solid 4px #fff;padding:0px 20px;background:#fff;padding-top:10px;}
.inner-nav {padding-left:0px;padding-right:0px;}
.sub-nav ul {height:27px;}
.sub-nav ul li {margin-right:6px;}
.sub-nav ul li,
.sub-nav ul li span,
.sub-nav ul li a {display:block;float:left;height:27px;line-height:27px;}
.sub-nav ul li span,
.sub-nav ul li a {background:#e6e9e8;padding:0px 6px 0px 8px;color: #666;font-size: 14px;text-decoration:none;
-webkit-border-radius: 3px 3px 0px 0px;
-moz-border-radius: 3px 3px 0px 0px;
border-radius: 3px 3px 0px 0px;
}
.sub-nav ul li span,
.sub-nav ul li a:hover {text-decoration:none;color:#fff !important;background:#666;}
.breadcrumb {padding:10px 20px 0px;background:#fff;margin:0px;width:auto;color: #434343;font-size: 12px;height: 10px;display:block;clear:both;}
.breadcrumb a {text-decoration:none;}
.breadcrumb a:hover {text-decoration:underline;}
.breadcrumb span.last {padding:0px 5px;background:#B2D44A;}
/* 3 page */
.full_article {margin-bottom:0px;background: url("../images/shadow_520px.png") no-repeat scroll center bottom transparent;}
.full_article .inner {border:dashed 1px #15BBFF;border-bottom-width:0px;background:#fff;padding:10px;}
.footer-relatedarticles-cont .inner {border-bottom-width:1px !important;border-top-width:0px;}
.footer-relatedarticles-cont .full_article {background-image:none;}
.full_article h1,#our-writers .left_block h1 {background:none !important;font-size: 26px;line-height: 32px;padding-bottom:10px;margin-bottom:0px;margin-right:0px;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.footer-relatedarticles-cont h1 {background:#15BBFF url("../images/shadow_640.png") no-repeat scroll center bottom !important;font-family: AdelleLightItalic;
font-size: 24px;
color: white !important;
padding: 20px;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.footer-relatedarticles-cont .inner {padding:0px;padding-bottom:10px;background:#E3F7FF}
.full_article .published {position:relative;border-bottom:dotted 1px #ccc;font-size: 15px;color: #5F5F5F;text-transform: none;padding-bottom:10px;text-align:left;}
.full_article .published .count-comments {display:block;position:absolute;right:0px;top:0px;background: url("../img/comments.gif") no-repeat scroll left top transparent;padding-left: 23px;}
.full_article .wp_content {clear:both;margin-top:15px;border-top:dotted 1px #ccc;
margin-bottom: 20px;
background: url("../images/shadow_520px.png") no-repeat scroll center bottom transparent;
clear: both;
font-size: 13px;
padding: 15px 10px;}
.full_article .wp_content p {padding-bottom:10px;}
.full_article .wp_content img {min-width:34%;max-width:34%;}
.full_article .wp_content ul li a{text-decoration:underline;}
.left_block .full_article .wp_content img {min-width:0px;max-width:100%;}
.left_block .full_article .wp_content img.alignleft {margin:5px 15px 10px 0;}
.left_block .full_article .wp_content img.alignright {margin:5px 0px 10px 15px;}
.full_article .wp_content h2,
.full_article .wp_content h2 span,
.full_article .wp_content h2 a {background:none !important;}
.full_article .rate_bar {position:relative;overflow:hidden;clear:both;font-size: 12px;line-height:23px;color: #5F5F5F;}
.full_article .rate_bar > div,
.full_article .rate_bar > span {display:block;float:left !important;overflow:hidden;position:relative;}
.full_article .rate_bar > div.hide {display:none;}
.full_article .rate_bar .st_fblike_hcount {margin-left:10px;width:50px !Important;top:-3px;margin-right:5px;}
.full_article .rate_bar #___plusone_0 {width:60px !Important;}
.full_article .rate_bar .st_twitter_hcount {top:-2px;margin-left:5px;}
.stButton .st-twitter-counter, .stButton .st-facebook-counter {
width: 60px;
display:block;
float:left;
}
.full_article .rate_bar .share {display:block;padding-right:225px;background:url(https://www.myfamilyclub.co.uk/content/img/del_share.png) 100% 100% no-repeat;position:absolute;left:0px;top:0px;}
.full_article .rate_bar .rate_label{position:absolute;right:95px;}
.full_article .rate_bar .rating {position:absolute;right:10px;}
.full_article .rate_bar #rating_success {position:absolute;top:0px;right:0px;background:#fff;padding:0px 1px;z-index:20;}
.full_article .related {padding:10px;margin-top:10px;}
.full_article .related .header {overflow:hidden;}
.full_article .related h4 {font-size:14px;color:#fff;background:#15BBFF;margin:0px;padding: 0 10px 2px;clear:left;float:left;}
.full_article .related h4.head2 {font-size:16px;text-transform:uppercase;font-family: 'BureauGrotCondBold';padding:6px 10px;}
.full_article .related ul {clear: both;margin: 0;padding-top:10px;}
.full_article .related ul li {position:relative;border-bottom: 1px dashed #B7B7B7;padding-bottom: 5px;margin-bottom: 5px;overflow: hidden;}
.full_article .related ul li a {display:block;position:relative;padding-left:20px;color: #666;font-size: 12px;text-decoration:none;}
.full_article .related ul li a:hover{text-decoration:underline;}
.full_article .related ul li a:before {display:block;position:absolute;left:0px;top:1px;background:#15BBFF;color:#fff;width:16px;height:16px;line-height:14px;content:"»";font-size:16px;text-align:center;overflow:hidden;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.full_article dl {width:598px;padding:0px;border-bottom:dashed 1px #ccc !important;}
.full_article dl:nth-child(even) {background:#EFEFEF;}
.full_article dl h2 {width:78%;float:right;font-size:1em;position:relative;}
.full_article dl h2 span.comm_date {font-size:0.7em;margin-left:5px;line-height:21px;color:#999;}
.full_article dl h2 span.comm_date:before {content:"(";}
.full_article dl h2 span.comm_date:after {content:")";}
.full_article dl dt {width:20%;margin-right:2%;}
.full_article dl dt a {color: #B4B4B4;font-size: 11px;text-align: center;margin-top: 5px;clear: both;display: block;}
.full_article dl dt img {max-width:60px;width:auto;min-width:60px;margin:0px auto;display:Block;}
.full_article dl dd {width:78%;}
.full_article .button {padding: 6px 10px 4px;line-height: 13px;float:none;margin-left:40%;text-align:center;}
.full_article .wp_content table {border-collapse: collapse;border-spacing: 0;border: 1px solid #393939;margin: 0 -1px 15px 0;text-align: left;width: 100%;}
.full_article .wp_content tr th,.wp_content thead th {color: black;line-height: 18px;padding: 9px 24px;border-right: 1px solid #393939;border-bottom: 1px solid #393939;font-family: AdelleSemiboldItalic;font-size: 14px;}
.full_article .wp_content p, .wp_content ul, .wp_content ol, .wp_content dd, .wp_content pre, .wp_content hr {margin-bottom: 15px;}
.full_article .wp_content table tr.alt td {background: #EFEFEF;}
.full_article .wp_content tr td {border-right:1px solid #393939;border-bottom:1px solid #393939;padding:5px 10px;}
#money .full_article .wp_content table tr th {background: #DEF6FE;}
.full_article .wp_content {color: #434343;}
.full_article .wp_content img {display: inline;float: left;margin-bottom: 12px;}
.full_article .wp_content p {margin-bottom: 15px;}
.full_article .wp_content ul {margin-left:10px;}
.full_article .wp_content ul li {list-style-type:disc;margin:0 0 5px 10px;}
.full_article .wp_content strong {font-weight:bold;}
.full_article .wp_content h2 {margin: 20px 0px 10px 0px;font-family: AdelleSemiBoldItalic;font-size: 1.5em;line-height: 26px;color: #434343;clear: both;}
.full_article .wp_content h2 strong { font-weight: normal; }
.article_comments h2 a{float:left;font-family:'AdelleLightItalic';font-size:1.2em;}
.article_comments h2 .comm_date{float:right;}
.alignright {float:right !important;}
.alignleft {float:left !important;}
.image-realsize{width:auto !important;height:auto!important;}
.post_comments_v2 {
position:relative;
margin-top:20px;
width:570px;
height:204px;
padding:20px 25px 10px;
background:url(../img/comments_v2_bg.png) 0 0 no-repeat;
}
.post_comments_v2 h4 {
margin:5px 0px 5px 3px;
color:#6ab53e;
font-family:'AdelleLightItalic';
font-weight:700;
}
.post_comments_v2 .sub_block {
clear:both;
padding:10px 0px;
}
.post_comments_v2 .sub_block.sub1 {
margin-left:140px;
position:relative;
}
.post_comments_v2 .sub_block.sub2 {
margin-top:10px;
height:64px;
overflow:hidden;
font-size:10px;
}
.post_comments_v2 .sub_block.sub1 a.button {
display:block;
position:absolute;
left:-140px;
top:10px;
border: 2px solid white;
padding: 8px 20px 6px;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
border-bottom-right-radius: 7px;
border-bottom-left-radius: 7px;
}
.post_comments_v2 .sub_block.sub1 span {
position:relative;
top:5px;
line-height:12px;
font-size:12px;
color:#828282;
}
.post_comments_v2 .sub_block.sub2 {
margin-top:20px;
padding:0px;
}
.post_comments_v2 .sub_block.sub3 {
position:absolute;
bottom:10px;
left:20px;
right:20px;
height:33px;
padding-bottom:0px;
font-size:12px;
line-height:12px;
color:#828282;
}
.post_comments_v2 .sub_block.sub3 div {
text-indent:-139px;
margin-left:139px;
font-style:italic;
}
.post_comments_v2 .sub_block.sub3 span {
}
.post_comments_v2 iframe {
width:448px;
height:64px;
border:none !important;
overflow:hidden;
}
.vouchers_list {overflow:hidden;padding-bottom:20px;}
.voucher {width:608px;float:left;clear:both;border-bottom:dashed 1px #15BBFF;padding: 10px 0;position: relative;}
.voucher .retailer {background:url("../images/retailer_bg.jpg") repeat-x scroll left top transparent;float: left;height: 80px;margin-right: 20px;overflow: hidden;padding: 2px;width: 200px;}
.voucher-type-code {background:url("../images/voucher-code.png") no-repeat scroll left top transparent;height: 40px;left: 139px;position: absolute;text-indent: -2000px;top: 8px;width: 70px;}
.voucher-type-offer {background: url("../images/voucher-offer.png") no-repeat scroll left top transparent;height: 40px;left: 139px;position: absolute;text-indent: -2000px;top: 8px;width: 70px;}
.voucher-type-deal { background: url("../images/voucher-deal.png") no-repeat scroll left top transparent; height: 40px; left: 139px; position: absolute; text-indent: -2000px; top: 8px; width: 70px; }
.voucher-type-printable { background: url("../images/voucher-print.png") no-repeat scroll left top transparent; height: 40px; left: 139px; position: absolute; text-indent: -2000px; top: 8px; width: 70px; }
.voucher .retailer_logo {width:200px;min-width:200px !important;max-width:200px !important;margin:0px !important;}
.voucher .items {float:left;width:384px;padding-bottom:10px;}
.voucher .items p {margin-bottom:0px !important;padding-bottom:0px !important;}
.voucher .items h3 {font-family: Arial;font-size: 16px;line-height: 21px;color:#5F5F5F;font-weight: bold;}
/*.voucher .items .date {}*/
.voucher .items .txt {font-size: 14px;color: #434343;}
.voucher .voucher_code {float: left;width: 420px;padding: 5px 0;clear: both;margin-top: 10px;}
.voucher .code_box {float: left;position: relative;}
.voucher .code_button {text-decoration:none;background: url("../images/code_bg.png") no-repeat scroll left 0 transparent;float: left;height: 27px;margin-right: 10px;padding-left: 13px;cursor: pointer;}
.voucher .code_button span {background: url("../images/code_bg.png") no-repeat scroll right -31px transparent;color: white;display: block;font-family: 'BureauGrotCondBold';font-size: 14px;height: 21px;padding: 5px 12px 0 0;text-transform: uppercase;}
.voucher .voucher_code .hoveritem {background: url("../images/button-bg.png") no-repeat scroll left 2px transparent;color: white;float: left;height: 45px;padding-left: 34px;position: absolute;top: -9px;display: none;}
.voucher .voucher_code .hoveritem span {background: url("../images/button-bg.png") no-repeat scroll right -46px transparent;display: block;font-family: 'AdelleBoldItalic';font-size: 16px;height: 33px;padding: 15px 40px 0 10px;white-space: nowrap;}
.voucher .voucher_code .info {display:block;float:left;margin-top:3px;color:#999;}
.vouchers_modul {margin-bottom:10px;overflow:hidden;}
.vouchers_modul .voucher {width:578px;}
.vouchers_modul .voucher .items {width:346px;}
.view_details,
.view_vouchers {background:#DEF6FE;color:#4BCBFF;float: right;font-family: AdelleSemiBoldItalic;padding: 2px 5px;text-decoration: underline;}
.Classified_search_box .vouchers_list .voucher .retailer {float: left;width: 100px;margin: 10px;text-align: center;background:none;}
.Classified_search_box .vouchers_list .voucher .retailer img {width: 100px;max-width:100px !important;}
.Classified_search_box .vouchers_list .voucher h3 {font-family: 'AdelleSemiBoldItalic';font-size: 16px;border-bottom: 1px dotted #B4B4B4;margin-bottom: 5px;padding-bottom: 5px;}
.Classified_search_box .vouchers_list .voucher h3.price {padding:5px 0px;float: left;width: 90px;border-bottom: none;line-height: 27px;}
.Classified_search_box .vouchers_list .voucher .voucher_code {width:290px;margin-top:0px;clear:none;}
.Classified_search_box .vouchers_list .elite {background-color: #F1EDFC;}
.Classified_search_box .vouchers_list .voucher .items {width:480px;}
.item_details {padding: 20px 20px 0px;}
.item_details h2 {font-size: 2em;margin: 50px 180px 40px 30px;line-height: 120%;font-family: 'AdelleLightItalic';padding: 5px 10px;}
.item_mainimg {width: 400px;float: left;text-align: center;overflow: hidden;}
.item_details p {clear:both;margin-bottom: 10px;}
.item_description {clear: both;padding-top: 20px;}
.item_description .voucher h3 {clear: left;padding: 5px 0px 0px 4px;font: bold 16px AdelleBoldItalic;color: #666;}
.item_description .voucher {border-bottom:none;padding-top:0px;}
.item_description .voucher .voucher_code {padding-top:0px;margin-top:0px;}
table.category_browse {width: 620px;border-collapse: collapse;}
table.category_browse td {padding: 0px;text-align: center;}
.footer-relatedarticles-cont form {display:block;overflow:hidden;padding:0px 20px;}
.footer-relatedarticles-cont form h4 {float:none;font-family: AdelleLightItalic;font-size: 20px;padding-bottom:20px;margin-left:0px;}
.footer-relatedarticles-cont form label {float: left;margin-right: 10px;width: 82px;font-family: AdelleBoldItalic;font-size: 13px;}
.footer-relatedarticles-cont form textarea {float: left;width: 390px;height: 90px;margin-bottom:10px;}
/*pagination*/
.numeric {position:relative;left:50%;float:left;overflow:visible;margin:10px 0px;}
.numeric span,
.numeric a {display: block;float:left;position:relative;left:-50%;line-height: 21px;background:#96DB6E;text-decoration:none;margin-right:5px;margin-bottom:5px;color: #666;padding: 0px 7px 1px;font-size:0.9em;}
.numeric a:hover {text-decoration:underline;color:#666;background:#6DC634;}
.numeric span {color:#999;background:#E1E1E1;}
.numeric span.active {color:#fff;background:#666;}
.numeric .first:before,
.numeric .last:after {content: "»";display:block;float:right;line-height:20px;padding:0px 0px 0px 5px;}
.numeric .first:before {content: "«";float:left;padding:0px 5px 0px 0px;}
/*justask*/
.header_box {background:#D0F1FF;border:1px dashed #15BBFF;overflow: hidden;padding: 10px 33px;}
h4 {float: left;font-size: 22px;margin: 4px 20px 0;}
.questions {width: 620px;border-bottom:dashed 1px #95DC6C;padding: 11px 0;}
.questions .user_actions {float: left;width: 120px;font-family: Arial;text-transform: uppercase;color: #666;font-size: 10px;}
.questions .user_actions li.last_activity {color: #666;}
.questions .user_actions ul li {border-bottom: 1px dotted #b4b4b4;padding: 3px 0;}
.questions .user_actions li.last_activity span {color: #b4b4b4;display: block;float: none;width: auto;text-align: left;line-height: 7px;}
.questions .user_actions ul li span {display: block;float: left;margin-right: 10px;text-align: right;width: 55px;color: #666;}
.questions .items {float: left;width: 405px;margin: 0 0 0 10px;}
.questions .items a {font-size: 16px;margin: 0 0 10px;color: #5F5F5F;display: block;font-family: AdelleLightItalic;}
.questions .items p {margin: 0 0 10px;}
.questions .user {float: right;width: 75px;font-size: 10px;color: #15BBFF;}
.questions .user img {width: 72px;height: 72px;}
.questions .user .author_name {color: #434343;}
.questions .tags {margin-left: 130px;}
.report_abuse {color: #B4B4B4;font-size: 11px;text-align: center;margin-top: 5px;clear: both;display: block;}
.questions .user .report_abuse {line-height: 14px;text-align:left;}
.tags {clear: both;display: block;}
.tags a {background: #95DC6C;padding: 0 4px;font-size: 11px;color: #434343;cursor: pointer;}
.answers, .question_cont {background: url("../images/content_sep.png") no-repeat scroll center bottom transparent;padding-bottom: 25px;overflow: hidden;}
.answers h1 {font-size: 22px;line-height: 24px;border-bottom: 1px dotted #B4B4B4;padding-bottom: 5px;margin: 15px 0;font-family: AdelleLightItalic;word-wrap: break-word;word-break: break-all;}
.answers .user_actions {width: 90px;margin-right: 10px;float: left;position: relative;}
.answers .user_actions .user {color: #15BBFF;font-size: 11px;border-bottom: 1px solid #B4B4B4;padding-bottom: 5px;margin-bottom: 3px;}
.answers .user_actions .user img {width: 72px;height: 72px;}
.answers .user_actions .user #author {color: #434343;line-height: normal;display: block;}
.answers .user_actions .user #author a {color: #6DC634;}
.answers .user_actions .user .report_abuse {clear: both;color: #B4B4B4;display: block;font-size: 11px;margin-top: 5px;text-align: left;}
.answers .user_actions .votes {color: #15BBFF;font-size: 11px;text-transform: uppercase;border-bottom: 1px dotted #B4B4B4;padding-bottom: 2px;margin-bottom: 5px;}
.answers .user_actions .votes span {color: #666;display: block;float: left;margin-right: 10px;text-align: left;}
.answers .user_actions .give_vote {overflow: hidden;padding: 5px 0;}
.answers .user_actions .give_vote span {background: url("../images/sprite.png") no-repeat scroll 0 0 transparent;display: block;width: 15px;height: 15px;float: left;margin-right: 5px;text-indent: -2000px;cursor: pointer;}
.answers .user_actions .give_vote span.plus_vote {background-position: -562px -247px;}
.answers .user_actions .give_vote span.minus_vote {background-position: -587px -247px;}
.answer .answer_text a{font-weight:700;}
.answers .question_description p {margin-bottom:10px;}
#voting_error {background: none repeat scroll 0 0 white;bottom: -21px;display: none;font-size: 11px;left: 0;position: absolute;width: 90px;}
.answers .head_box {float: left;width: 510px;margin-bottom: 10px;}
.answers .head_box .share {float: right;}
.answers .head_box .share li {margin: 0 0 0 10px;margin-left: 10px;float:left;}
.share li.gplus {padding: 2px 0 0 0;}
.post_date {color: #5F5F5F;font-size: 10px;text-transform: uppercase;float: left;}
.question_description, .answer_text {clear: both;}
.tags {clear: both;display: block;}
.tags a {background: #95DC6C;padding: 0 4px;font-size: 11px;color: #434343;cursor: pointer;}
.answers h2, .add_answer h2 {border-bottom: 1px dotted #B4B4B4;color: #5F5F5F;font-family: AdelleLightItalic;font-size: 18px;margin: 20px 0 10px;}
.answers h2 {padding: 0;clear: both;}
.ans {border-bottom: 1px dotted #B4B4B4;padding: 10px 0;float: left;width: 520px;}
.ans_box {float: right;width: 520px;}
.ans .posted_by {font-size: 12px;font-weight: bold;font-family: AdelleSemiBoldItalic;color: #434343;}
.ans .posted_by a {color: #6DC634;}
.post_date {color: #5F5F5F;font-size: 10px;text-transform: uppercase;float: left;}
.question_description, .answer_text {clear: both;}
.post_ans {background: url("../images/sprite.png") no-repeat scroll -24px -457px transparent;border: medium none;cursor: pointer;display: block;float: left;height: 27px;width: 150px;margin-top: 20px;border-image: initial;}
.question_box .tags {margin-top: 10px;}
#general .main_container, #view_user_profile .inner_tabs, #view_user_profile {width: 640px;}
#view_user_profile .inner_tabs {border-color: #6DC634;}
#view_user_profile .inner_tabs .current_tab a {background-position: 0 -512px;}
#view_user_profile .left-box {width: 175px;margin-right: 40px;float: left;height: 178px;}
#view_user_profile .user_image {width: 175px;height: 175px;float: left;background: url("../images/user-profile-frame.gif") no-repeat scroll left top;}
#view_user_profile .user_image img {width: 120px;height: 120px;float: left;margin: 26px 0 0 28px;}
#view_user_profile .right-box {width: 425px;float: left;}
#view_user_profile .right-box .protile_data {display: block;margin-top: 10px;}
#view_user_profile .right-box .protile_data li {overflow: hidden;}
#view_user_profile .right-box .protile_data li.brdr {overflow: hidden;border-bottom: 1px dashed #E4E4E4;padding: 5px 0;}
#view_user_profile .right-box .protile_data label {font-weight: bold;margin-right: 10px;float: left;width: 122px;display: block;}
#view_user_profile .right-box .protile_data ul {float: left;clear: both;margin-top: 10px;}
#view_user_profile .right-box .protile_data ul li label {font-weight: normal;margin-right: 10px;float: left;width: 122px;display: block;color: #535353;line-height: 15px;}
#view_user_profile h2 {background: url("../images/content_header_bg.jpg") no-repeat scroll 0 0 transparent;color: #79B73A;display: block;font-family: AdelleLightItalic;font-size: 21px;padding: 11px 0 10px 10px;clear: both;}
#view_user_profile #activities {float: left;clear: both;width: 640px;}
#view_user_profile .activity {float: left;clear: both;width: 640px;border-bottom: 1px dashed #E4E4E4;padding: 5px 0;}
#view_user_profile .activity .question {margin-bottom: 5px;}
#view_user_profile .activity .question a {color: #434343;font-family: AdelleLightItalic;font-size: 18px;}
#view_user_profile .activity .description {color: #9C9C9C;}
#view_user_profile .activity .time {color: #B4B4B4;font-size: 11px;text-transform: uppercase;}
#view_user_profile .activity {float: left;clear: both;width: 640px;border-bottom: 1px dashed #E4E4E4;padding: 5px 0;}
#view_user_profile .activity .question {margin-bottom: 5px;}
#view_user_profile .activity .question a {color: #434343;font-family: AdelleLightItalic;font-size: 18px;}
#view_user_profile .activity .description {color: #9C9C9C;}
#view_user_profile .activity .time {color: #B4B4B4;font-size: 11px;text-transform: uppercase;}
.justask_toppanel_v2 {
position:relative;
background:#c5effe url(../img/justask_panel_v2.png) 0 0 no-repeat;
width:570px;
height:184px;
padding:30px 25px 10px;
}
.justask_toppanel_v2 h4 {
margin:0px 0px 0px 3px;
font-family: AdelleLightItalic;
font-weight:700;
color:#6ab53e;
}
.justask_toppanel_v2 .sub_block {
clear:both;
padding:20px 0px;
}
.justask_toppanel_v2 .sub_block.sub1 {
margin-right:200px;
margin-left:140px;
position:relative;
}
.justask_toppanel_v2 .sub_block.sub2 {
margin-top:0px;
font-size:10px;
overflow:hidden;
padding-top:10px;
padding-bottom:0px;
padding-top:10px;
padding-bottom:0px;
}
.justask_toppanel_v2 .sub_block.sub1 a.button {
display:block;
position:absolute;
left:-140px;
top:20px;
border: 2px solid white;
padding: 8px 20px 6px;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
border-bottom-right-radius: 7px;
border-bottom-left-radius: 7px;
}
.justask_toppanel_v2 .sub_block.sub1 span {
position:relative;
top:-2px;
line-height:10px;
font-size:10px;
color:#5f5f5f;
}
.justask_toppanel_v2 .left,
.justask_toppanel_v2 .right {
width:48%;
margin:1% 0%;
height:53px;
float:left;
font-style:italic;
}
.justask_toppanel_v2 .right {
margin-left:2%;
float:right;
}
.justask_toppanel_v2 .left {
margin-right:2%;
height:83px;
}
.justask_toppanel_v2 iframe {
width:262px;
height:83px;
border:none !important;
overflow:hidden;
}
/*vouchers*/
.voucher_header {padding:96px 43px 0 90px;position:relative;background:url("../images/voucher_search_bg.jpg") 0 0 no-repeat;}
.content_header h1 {background:#8A77C5;color:#fff !important;position:absolute;font-weight:normal;font-size:2em;left:10px;top:10px;padding: 5px 10px 5px;font-family: 'BureauGrotCondBold';font-size: 31px;line-height: 38px;text-transform:uppercase;}
.content_header h1 span {color:#fff !important;padding:4px 0px;font-size: 24px;line-height: 20px;display:block;text-transform:none;font-family: 'AdelleLightItalic';}
.header_box h3 {font-weight:normal;font-family: AdelleLightItalic;font-size: 17px;}
.header_box input[type="text"] {float: left;font-family: AdelleRegular;height: 24px;padding:0px 3px;margin: 10px 10px 0 0;width: 295px;}
.header_box input[type="submit"] {margin-top: 6px;height:26px;}
/*classified*/
.Classified_search_box {background: url("../images/classified_topdialogue_back.png") no-repeat scroll 0px 0px transparent;}
.popular_categories,
.how_do,
.popular_retailers ,
h2.voucher_cat,
.all_categories h2,
.find_vouchers {margin-bottom:10px;overflow:hidden;clear:both;}
.voucher_search_result h2,
.popular_categories h2,
.how_do h2,
h2.voucher_cat,
.all_categories h2,
.popular_retailers h2,
.search_resultnew h2,
.find_vouchers h2 {font-weight:normal;position:relative;background: url("../images/content_header_bg.jpg") no-repeat scroll 0 0 transparent !important;color: #7259BA;font-family: AdelleLightItalic;padding: 11px 0 10px 10px;font-size: 18px;margin-bottom: 20px;clear: both;}
.static_page .static_header { background: url("../images/shadow_640.png") no-repeat scroll center bottom #ECF9E5; margin: 0 0 15px; padding: 15px 10px 20px; position: relative; width: 620px; }
.static_page h1.page-title { font-family: AdelleLightItalic; font-size: 25px; line-height: 26px; background:none; display:inline; color:#6cb63d }
.static_page a:link {color: #06C;}
.static_page a:visited {color: #743399;}
.static_page p {margin-bottom:15px;font-size:1.1em;}
.static_page h3 {font-family: Arial;font-size: 16px;line-height: 21px;color: #434343;font-weight: bold;margin: 0 0 20px 0;clear:both;}
.static_page ul {list-style: square;}
.static_page ul {list-style: square;margin: 0 0 18px 1.5em;}
.static_page p, .static_page ul, .static_page ol, .static_page dd, .static_page pre, .static_page hr {margin-bottom: 15px;}
.all_categories {margin-bottom:20px;overflow:hidden;}
.all_categories > ul > li {border-bottom: 1px dotted #E1E1E1;padding: 10px 0;float: left;width: 640px;font-family: AdelleLightItalic;}
.all_categories > ul > li h5 {font-size: 18px;float: left;width: 230px;padding-right: 10px;}
.all_categories > ul > li h5 a {color: #5F5F5F;}
.all_categories > ul > li .sub_cat {float: left;width: 400px;font-size: 11px;}
.all_categories > ul > li .sub_cat a {background: url("../images/sub_cat_arrow.png") no-repeat scroll right 4px transparent;color: #5F5F5F;padding-right: 9px;float: left;margin-right: 5px;}
.sortbtns {position: absolute;right: 0px;top: 8px;width: auto;}
.sortbtns .title {float: left;line-height: 25px;padding-top: 2px;font-size: 14px;margin-right: 10px;}
.sortbtns .code_box {float: left;position: relative;}
.sortbtns .code_button {display:inline;PADDING:0PX;background: url("../images/code_bg.png") no-repeat scroll left 0 transparent;float: left;height: 27px;margin-right: 10px;padding-left: 13px;cursor: pointer;}
.sortbtns .code_button:hover {text-decoration:none;}
.sortbtns span {background: url("../images/code_bg.png") no-repeat scroll right -31px transparent;color: white;display: block;font-family: 'BureauGrotCondBold';font-size: 14px;height: 21px;padding: 5px 12px 0px 0px !important;text-transform: uppercase;}
.sortbtns .code_box span.active {height: 20px;padding: 6px 12px 0px 0px !important;color: green;}
.v_snippet ul {margin-bottom: 6px;display: block;float:left;}
.v_snippet ul li {float: left;padding-bottom: 0px;margin-right: 6px;}
.v_snippet ul li span {color: #434343;display: block;font-size: 13px;line-height: 17px;padding: 0 0 5px;text-align: center;width: 149px;}
ul.tabs {float: left;width: 255px;}
ul.tabs li {float: left;}
ul.tabs li a {display: block;padding: 0 20px;outline: none;color: #5F5F5F;font-family: "AdelleLightItalic";font-size: 16px;cursor: pointer;}
ul.tabs li a:hover {text-decoration:none;}
ul.tabs li.active a {background: url("../images/sprite.png") no-repeat scroll -20px -336px transparent;color: white;display: block;margin-bottom: -6px;width: 225px;padding-bottom: 3px;}
ul.tabs li a span {border-bottom: 1px dashed #E1E1E1;display: block;margin-left: 15px;padding: 10px 0 10px 0px;width: 174px;}
.tab_container {float: left;overflow: hidden;width: 360px;}
.tab_content {padding: 10px;}
.stores ul {display: block;float: left;width: 100px;margin-right: 6px;}
.stores ul li {display: block;margin-bottom: 10px;}
.stores ul li a {color: #5F5F5F;font-size: 14px;}
/* main search box result */
.main_search_box h2 {position: relative;background: url("../images/content_header_bg.jpg") no-repeat scroll 100% 100% transparent;display: block;color: #72bf44;font-family: AdelleLightItalic;padding: 11px 0 10px 10px;font-size: 18px;margin-bottom: 20px;clear: both;padding-right:230px;}
.main_search_box .sortbtns .title {display:none;float:left;line-height:25px;padding-top:2px;font-size:14px;margin-right:10px;}
/*
.main_search_box .sortbtns .code_box {float:left;margin-right:10px;height:33px;}
.main_search_box .sortbtns .code_box a {display:block;line-height:33px;height:33px;text-decoration:none;color: #72bf44;font-size: 1.1em;font-weight: normal;font-family: 'AdelleSemiBoldItalic';}
.main_search_box .sortbtns .code_box a span {border:solid 1px #ccc;border-bottom:none;display:block;font-weight:bold;font-size:14.5px;background: #72bf44;color: white;height: 33px;line-height: 33px;text-shadow: #666 1px 1px 4px;padding:0px 10px;
border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
-webkit-border-radius: 3px 3px 0 0;
-moz-box-shadow: inset -1px -5px 6px -2px rgba(0,0,0,.4);
-webkit-box-shadow: inset -1px -5px 6px -2px rgba(0,0,0,.4);
box-shadow: inset -1px -5px 6px -2px rgba(0,0,0,.18);
}
.main_search_box .sortbtns .code_box a:hover span,
.main_search_box .sortbtns .code_box a span.active {background:#fff;color:#72bf44;text-shadow: #999 1px 1px 2px;
-moz-box-shadow: -1px -5px 6px -2px rgba(0,0,0,.4);
-webkit-box-shadow: -1px -5px 6px -2px rgba(0,0,0,.4);
box-shadow: 4px -2px 6px -2px rgba(0,0,0,.18);
}
*/
.main_search_box .items {margin:0px 10px;}
.main_search_box .items .item {padding:5px 0px 10px;margin-bottom:10px;background:url(../images/violet_border.gif) repeat-x scroll left bottom;overflow:hidden;}
.main_search_box .items .item .image {float:left;text-align:center;}
.main_search_box .items .item .image img {margin-right:10px;margin-bottom:10px;}
.main_search_box .items .item h3,
.main_search_box .items .item h3 a {padding:0px;color: #5f5f5f;text-decoration:none;}
.main_search_box .items .item h3.price {float:left;width:90px;border-bottom:none;line-height:27px;}
.main_search_box .items .item h3 {font-family: 'AdelleSemiBoldItalic';font-size: 16px;border-bottom: 1px dotted #B4B4B4;margin-bottom: 5px;padding-bottom: 5px;}
.main_search_box .items .item p {font-family: 'BureauGrotesqueFiveThree';font-size: 10px;text-transform: uppercase;color: #777;margin-bottom:10px;}
.main_search_box .items {margin:0px 10px;}
.main_search_box .items dl {width:auto;float:none;display:block;padding:0px 0px 12px !important;margin-bottom:12px;background:url(../images/violet_border.gif) repeat-x scroll left bottom;overflow:hidden;position:relative;}
.main_search_box .items dt {float:left;width:100px;overflow:hidden;margin-right:0px;}
.main_search_box .items dt img {width:100px;}
.main_search_box .items dt a {text-decoration:none;}
.main_search_box .items dd {width:auto;float:none;padding-left:112px;}
.main_search_box .items dd h3 {margin-bottom:10px;font-weight:normal;font-size:1.17em;}
.main_search_box .items dd h3,
.main_search_box .items dd h3 a {display:block;padding:0px;color: #5f5f5f;text-decoration:none;}
.main_search_box .items dd p.dateblock {font-size: 11px;text-transform: uppercase;}
.main_search_box .items dd .zone {font-weight: bold;}
.main_search_box .items dd .pubdate {padding-right:20px;}
.main_search_box_right .selected {margin: 15px;}
.main_search_box_right .selected a {line-height:21px;}
.main_search_box_right {position: relative;width:270px;margin:9px auto 0px;padding-bottom:20px;}
.main_search_box_right h2 {position: relative;height: 36px;padding: 0px;background: none;color: #72bf44;font-size: 1.1em;font-weight: normal;font-family: 'AdelleSemiBoldItalic';display: block;line-height: 21px;}
.main_search_box_right h2 span {top: 0px;padding: 2px 0px 1px;background: #72bf44;color: white;height: 33px;line-height: 33px;text-shadow: #666 1px 1px 4px;margin-left: 10px;font-size: 1em;float: left;position: relative;z-index: 20;left: 0px;display: block;width: 165px;text-decoration: none;text-align: center;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
-moz-box-shadow: inset -1px -5px 6px -2px rgba(0,0,0,.2);
-webkit-box-shadow: inset -1px -5px 6px -2px rgba(0,0,0,.2);
box-shadow: inset 0px -5px 6px -2px rgba(0,0,0,.18);
}
.main_search_box_right .inner {position:relative;z-index:20;background:#fff;border: solid 1px #CCC;border-top: solid 3px #72bf44;padding: 3px 0px;padding-bottom:0px;}
.main_search_box_right {position:relative;margin-bottom:10px;padding-bottom:15px;}
.main_search_box_right:before,
.main_search_box_right:after {content:"";position:absolute;z-index:10;bottom:30px;left:10px;width:50%;height:20%;
-webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.4);
-moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.4);
box-shadow:0 15px 10px rgba(0, 0, 0, 0.4);
-webkit-transform:rotate(-3deg);
-moz-transform:rotate(-3deg);
-ms-transform:rotate(-3deg);
-o-transform:rotate(-3deg);
transform:rotate(-3deg);
}
.main_search_box_right:after {right:10px;left:auto;
-webkit-transform:rotate(3deg);
-moz-transform:rotate(3deg);
-ms-transform:rotate(3deg);
-o-transform:rotate(3deg);
transform:rotate(3deg);
}
.main_search_box_right dl:hover,
.main_search_box_right dl {background:none;margin:0px 15px 20px 15px;padding:0px;font-size:1.2em;}
.main_search_box_right dl dt {width:auto;float:none;text-align:left;padding:2px 5px 1px 0px;margin-bottom:5px;border-bottom:dotted 1px #ccc;color:#72bf44;}
.main_search_box_right dl dd {width:auto;float:none;position:relative;padding:0px 3px;margin:2px 0;}
.main_search_box_right dl dd a,
.main_search_box_right dl dd span {display:block;line-height:16px;padding:2px 0;text-decoration:none;color:#434343;}
.main_search_box_right dl dd a {position:relative;z-index:30;padding:0px 40px 2px 8px;border-bottom:solid 1px #fff;font-weight:bold;}
.main_search_box_right dl dd a:hover {border-bottom:dashed 1px #ccc;color:#777;}
.main_search_box_right dl dd span {float:left;display:block;position:absolute;z-index:25;right:5px;top:-2px;}
.main_search_box_right dl dd span.dot {right:auto;left:0px;}
.main_search_box_right .selected {margin:15px;}
.main_search_box_right .selected span {display:block;position:relative;overflow:hidden;margin-bottom:7px;}
.main_search_box_right .selected span a {margin-left:25px;display:block;background:#72bf44;padding:0px 10px 0px 10px;float:left;color:#fff;font-weight:bold;font-style:italic;}
.main_search_box_right .selected span a:before {content:"x";font-style:normal;color:#fff;font-weight:bold;line-height:18px;text-align:center;font-size:17px;position:absolute;left:0px;top:0px;background:#ccc;width:20px;height:20px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
/* COLORS */
/* litegreen(default)*/
a.bottom_link,a.bottom_link:hover {background:#6ab53e;color:#fff;}
.right_block h2 a:hover,.right_block h2 a.active {background:#6ab53e !important;}
h1,.selected a,.selected a:hover {color:#6dc634;}
.rate_bar .rating span.on {background-color:#ABCF37;color:#fff;}
/* liteblue(money) */
#money h2,#money h2 span,#money h2 a,.promo #money h2,.promo #money h3,#money a.bottom_link,#money .numeric a,#money .view_details,#money .view_vouchers {background:#4BCBFF;color:#fff;}
#money .wp_content h2 {color:#15bbff;}
#money .right_block h2 a.active,#money .right_block h2 a:hover {background:#4BCBFF !important;}
#money .right_block fieldset h4,#money .right_block h2 a.active, #money .right_block h2 a:hover,#money .right_block h2 span,#money .right_block h3,#money .right_block a.bottom_link,#menu_money:hover a,#menu_money:hover ul,#money h2 a:hover,#money a.bottom_link:hover,.tp_ss_inner #money h2 span,#money .numeric a:hover,#money .view_details:hover,#money .view_vouchers:hover {background:#4BCBFF;color:#fff;}
#money h1,#menu_money.selected a,#menu_money.selected a:hover,#money .right_questions p,#money .main_container h1,#money .main_container h1 span {color:#15bbff;}
#money .rate_bar .rating span.on,#money a.button, #money input.button {background-color:#4BCBFF;}
#money .today_articles dl,
#money .voucher,
#money .sub-nav {border-bottom-color:#4BCBFF;}
#money .right_block .inner {border-top-color:#4BCBFF;}
#money .sub-nav ul li span,
#money .mostviewed dl dt span,
#money .sub-nav ul li a:hover {background-color:#4BCBFF;}
#money .breadcrumb span.last {background-color:#DEF6FE;color:#4BCBFF;}
#money a.button, #money.button {
background-image: linear-gradient(bottom, rgb(110,184,67) 36%, rgb(136,199,97) 60%, rgb(160,214,127) 83%);
background-image: -o-linear-gradient(bottom, rgb(110,184,67) 36%, rgb(136,199,97) 60%, rgb(160,214,127) 83%);
background-image: -moz-linear-gradient(bottom, rgb(110,184,67) 36%, rgb(136,199,97) 60%, rgb(160,214,127) 83%);
background-image: -webkit-linear-gradient(bottom, rgb(110,184,67) 36%, rgb(136,199,97) 60%, rgb(160,214,127) 83%);
background-image: -ms-linear-gradient(bottom, rgb(110,184,67) 36%, rgb(136,199,97) 60%, rgb(160,214,127) 83%);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.36, rgb(110,184,67)),color-stop(0.6, rgb(136,199,97)),color-stop(0.83, rgb(160,214,127)));
}
#money #content ul {list-style: url(../images/bullet_money.png) none;}
#money .full_article .inner {border-color:#4BCBFF}
#money .full_article .related h4,
#money .footer-relatedarticles-cont h1,
#money .full_article .related ul li a:before {background-color:#4BCBFF !important;}
/* violet(shopping) */
#shopping h2,#shopping h2 span,#shopping h2 a,.promo #shopping h2,.promo #shopping h3,#shopping a.bottom_link,#shopping .numeric a,#shopping .view_details,#shopping .view_vouchers {background:#7159ba;color:#fff;}
#shopping .wp_content h2 {color:#7159ba;}
#shopping .right_block h2 a.active,#shopping .right_block h2 a:hover {background:#8A77C5 !important;}
#shopping .right_block fieldset h4,#shopping .right_block h2 a.active,.tp_ss_inner #shopping h2 span,#shopping .right_block h2 a:hover,#shopping .right_block h2 span,#shopping .right_block h3,#shopping .right_block a.bottom_link,#menu_shopping:hover a,#menu_shopping:hover ul,#shopping h2 a:hover,#shopping a.bottom_link:hover,#shopping .numeric a:hover,#shopping .view_details:hover,#shopping .view_vouchers:hover {background:#8A77C5;color:#fff;}
#shopping h1,#menu_shopping.selected a,#menu_shopping.selected a:hover,#shopping .right_questions p,#shopping .main_container h1,#shopping .main_container h1 span {color:#7259ba;}
#shopping .rate_bar .rating span.on,#shopping a.button,#shopping input.button {background-color:#8A77C5;}
#shopping .today_articles dl,
#shopping .voucher,
#shopping .sub-nav {border-bottom-color:#8A77C5;}
#shopping .right_block .inner {border-top-color:#8A77C5;}
#shopping .sub-nav ul li span,
#shopping .mostviewed dl dt span,
#shopping .sub-nav ul li a:hover {background-color:#8A77C5;}
#shopping .breadcrumb span.last {background-color:#f1edfc;color:#8A77C5;}
#shopping a.button,#shopping input.button {
background-image: linear-gradient(bottom, rgb(113,89,186) 36%, rgb(132,113,194) 60%, rgb(158,141,227) 83%);
background-image: -o-linear-gradient(bottom, rgb(113,89,186) 36%, rgb(132,113,194) 60%, rgb(158,141,227) 83%);
background-image: -moz-linear-gradient(bottom, rgb(113,89,186) 36%, rgb(132,113,194) 60%, rgb(158,141,227) 83%);
background-image: -webkit-linear-gradient(bottom, rgb(113,89,186) 36%, rgb(132,113,194) 60%, rgb(158,141,227) 83%);
background-image: -ms-linear-gradient(bottom, rgb(113,89,186) 36%, rgb(132,113,194) 60%, rgb(158,141,227) 83%);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.36, rgb(113,89,186)),color-stop(0.6, rgb(132,113,194)),color-stop(0.83, rgb(158,141,227)));
}
#shopping #content ul {list-style: url(../images/bullet_shopping.png) none;}
#shopping .full_article .inner {border-color:#8A77C5}
#shopping .full_article .related h4,
#shopping .footer-relatedarticles-cont h1,
#shopping .full_article .related ul li a:before {background-color:#8A77C5 !important}
#shopping .wp_content #accordion h2, #shopping .wp_content #accordion h2 a, #shopping .wp_content #accordion h2 a:hover {
color:#7159BA;
font-size:1.3em;
font-weight:500;
text-decoration:none;
background-color:#fff;
outline:none;
}
#shopping .accordion .ui-accordion-header a {
color:#7159BA !important;
font-size:1.3em !important;
font-weight:500 !important;
text-decoration:none !important;
background-color:#fff !important;
outline:none !important;
}
#shopping .wp_content h2,#shopping .wp_content h2 a,#shopping .wp_content h2 a:hover, .full_article .wp_content #shopping #accordion h2 {color:#15bbff;font-size: 1.3em;font-weight: 500;text-decoration:none;}
/* pink(time) */
#time h2,#time h2 span,#time h2 a,.promo #time h2,.promo #time h3,#time a.bottom_link,#time .numeric a,#time .view_details,#time .view_vouchers {background:#ff69bf;color:#fff;}
#time .wp_content h2 {color:#ff69bf;}
#time .right_block h2 a.active,#time .right_block h2 a:hover {background:#FF79C6 !important;}
#time .right_block fieldset h4,#time .right_block h2 a.active,#time .right_block h2 a:hover,#time .right_block h2 span,#time .right_block h3,#time .right_block a.bottom_link,#menu_time:hover a,#menu_time:hover ul,#time h2 a:hover,#time a.bottom_link:hover,.tp_ss_inner #time h2 span,#time .numeric a:hover,#time .view_details:hover,#time .view_vouchers:hover {background:#FF79C6;color:#fff;}
#time h1,#menu_time.selected a,#menu_time.selected a:hover,#time .right_questions p,#time .main_container h1,#time .main_container h1 span {color:#ff69bf;}
#time .rate_bar .rating span.on,#time a.button,#time input.button {background-color:#FF79C6;}
#time .today_articles dl,
#time .voucher,
#time .sub-nav {border-bottom-color:#FF79C6;}
#time .right_block .inner {border-top-color:#FF79C6;}
#time .sub-nav ul li span,
#time .mostviewed dl dt span,
#time .sub-nav ul li a:hover {background-color:#FF79C6;}
#time .breadcrumb span.last {background-color:#FFE1F2;color:#FF79C6;}
#time a.button,#time input.button {
background-image: linear-gradient(bottom, rgb(255,105,190) 36%, rgb(235,138,193) 60%, rgb(247,166,214) 83%);
background-image: -o-linear-gradient(bottom, rgb(255,105,190) 36%, rgb(235,138,193) 60%, rgb(247,166,214) 83%);
background-image: -moz-linear-gradient(bottom, rgb(255,105,190) 36%, rgb(235,138,193) 60%, rgb(247,166,214) 83%);
background-image: -webkit-linear-gradient(bottom, rgb(255,105,190) 36%, rgb(235,138,193) 60%, rgb(247,166,214) 83%);
background-image: -ms-linear-gradient(bottom, rgb(255,105,190) 36%, rgb(235,138,193) 60%, rgb(247,166,214) 83%);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.36, rgb(255,105,190)),color-stop(0.6, rgb(235,138,193)),color-stop(0.83, rgb(247,166,214)));
}
#time #content ul {list-style: url(../images/bullet_time.png) none;}
#time .full_article .inner {border-color:#FF79C6}
#time .full_article .related h4,
#time .footer-relatedarticles-cont h1,
#time .full_article .related ul li a:before {background-color:#FF79C6 !important;}
/* yellow(travel) */
#travel h2,#travel h2 span,#travel h2 a,.promo #travel h2,.promo #travel h3,#travel a.bottom_link ,#travel .numeric a,#travel .view_details,#travel .view_vouchers{background:#ffb400;color:#fff;}
#travel .wp_content h2 {color:#ffb400;}
#travel .right_block h2 a.active,#travel .right_block h2 a:hover {background:#ffb400 !important;}
#travel .right_block fieldset h4,#travel .right_block h2 a.active,#travel .right_block h2 a:hover,#travel .right_block h2 span,#travel .right_block h3,#travel .right_block a.bottom_link,#menu_travel:hover a,#menu_travel:hover ul,#travel h2 a:hover,#travel a.bottom_link:hover,.tp_ss_inner #travel h2 span,#menu_travel .numeric a:hover,#travel .main_container h1,#travel .main_container h1 span,#travel .view_details:hover,#travel .view_vouchers:hover {background:#ffb400;color:#fff;}
#travel h1,#menu_travel.selected a,#menu_travel.selected a:hover,#travel .right_questions p {color:#ffb400;}
#travel .rate_bar .rating span.on,#travel a.button,#travel input.button {background-color:#ffb400;}
#travel .today_articles dl,
#travel .voucher,
#travel .sub-nav {border-bottom-color:#ffb400;}
#travel .right_block .inner {border-top-color:#ffb400;}
#travel .sub-nav ul li span,
#travel .mostviewed dl dt span,
#travel .sub-nav ul li a:hover {background-color:#ffb400;}
#travel .breadcrumb span.last {background-color:#E7E771;color:#666;}
#travel a.button,#travel input.button {
background-image: linear-gradient(bottom, rgb(255,179,0) 36%, rgb(255,195,54) 60%, rgb(252,202,86) 83%);
background-image: -o-linear-gradient(bottom, rgb(255,179,0) 36%, rgb(255,195,54) 60%, rgb(252,202,86) 83%);
background-image: -moz-linear-gradient(bottom, rgb(255,179,0) 36%, rgb(255,195,54) 60%, rgb(252,202,86) 83%);
background-image: -webkit-linear-gradient(bottom, rgb(255,179,0) 36%, rgb(255,195,54) 60%, rgb(252,202,86) 83%);
background-image: -ms-linear-gradient(bottom, rgb(255,179,0) 36%, rgb(255,195,54) 60%, rgb(252,202,86) 83%);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.36, rgb(255,179,0)),color-stop(0.6, rgb(255,195,54)),color-stop(0.83, rgb(252,202,86)));
}
#travel #content ul {list-style: url(../images/bullet_travel.png) none;}
#travel .full_article .inner {border-color:#ffb400}
#travel .full_article .related h4,
#travel .footer-relatedarticles-cont h1,
#travel .full_article .related ul li a:before {background-color:#ffb400 !important}
/* red(work) */
#work h2,#work h2 span,#work h2 a,.promo #work h2,.promo #work h3,#work a.bottom_link,#work .numeric a,#work .view_details,#work .view_vouchers {background:#fc3434;color:#fff;}
#work .wp_content h2 {color:#fc3434;}
#work .right_block h2 a.active,#work .right_block h2 a:hover {background:#FC3434 !important;}
#work .right_block fieldset h4,#work .right_block h2 a.active,#work .right_block h2 a:hover,#work .right_block h2 span,#work .right_block h3,#work .right_block a.bottom_link,#menu_work:hover a,#menu_work:hover ul,#work h2 a:hover,#work a.bottom_link:hover,.tp_ss_inner #work h2 span,#work .numeric a:hover,#work .view_details:hover,#work .view_vouchers:hover {background:#FC3434;color:#fff;}
#work h1,#menu_work.selected a,#menu_work.selected a:hover,#work .right_questions p,#work .main_container h1,#work .main_container h1 span {color:#fc3434;}
#work .rate_bar .rating span.on,#work a.button,#work input.button {background-color:#FC3434;}
#work .today_articles dl,
#work .voucher,
#work .sub-nav {border-bottom-color:#FC3434;}
#work .right_block .inner {border-top-color:#FC3434;}
#work .sub-nav ul li span,
#work .mostviewed dl dt span,
#work .sub-nav ul li a:hover {background-color:#FC3434;}
#work .breadcrumb span.last {background-color:#FED6D6;color:#FC3434;}
#work a.button,#work input.button {
background-image: linear-gradient(bottom, rgb(240,72,72) 36%, rgb(250,85,85) 60%, rgb(255,117,117) 83%);
background-image: -o-linear-gradient(bottom, rgb(240,72,72) 36%, rgb(250,85,85) 60%, rgb(255,117,117) 83%);
background-image: -moz-linear-gradient(bottom, rgb(240,72,72) 36%, rgb(250,85,85) 60%, rgb(255,117,117) 83%);
background-image: -webkit-linear-gradient(bottom, rgb(240,72,72) 36%, rgb(250,85,85) 60%, rgb(255,117,117) 83%);
background-image: -ms-linear-gradient(bottom, rgb(240,72,72) 36%, rgb(250,85,85) 60%, rgb(255,117,117) 83%);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.36, rgb(240,72,72)),color-stop(0.6, rgb(250,85,85)),color-stop(0.83, rgb(255,117,117)));
}
#work #content ul {list-style: url(../images/bullet_work.png) none;}
#work .full_article .inner {border-color:#FC3434}
#work .full_article .related h4,
#work .footer-relatedarticles-cont h1,
#work .full_article .related ul li a:before {background-color:#FC3434 !important}
/* orange(kitchen) */
#kitchen h2,#kitchen h2 span,#kitchen h2 a,.promo #kitchen h2,.promo #kitchen h3,#kitchen a.bottom_link,#kitchen .numeric a,#kitchen .view_details,#kitchen .view_vouchers {background:#ff6600;color:#fff;}
#kitchen .wp_content h2 {color:#ff6600;}
#kitchen .right_block h2 a.active,#kitchen .right_block h2 a:hover {background:#F80 !important;}
#kitchen .right_block fieldset h4,#kitchen .right_block h2 a.active,#kitchen .right_block h2 a:hover,#kitchen .right_block h2 span,#kitchen .right_block h3,#kitchen .right_block a.bottom_link,#menu_kitchen:hover a,#menu_kitchen:hover ul,#kitchen h2 a:hover,#kitchen a.bottom_link:hover,.tp_ss_inner #kitchen h2 span,#kitchen .numeric a:hover,#kitchen .view_details:hover,#kitchen .view_vouchers:hover {background:#F80;color:#fff;}
#kitchen h1,#menu_kitchen.selected a,#menu_kitchen.selected a:hover,#kitchen .right_questions p,#kitchen .main_container h1,#kitchen .main_container h1 span {color:#f80;}
#kitchen .rate_bar .rating span.on,#kitchen a.button,#kitchen input.button {background-color:#F80;}
#kitchen .today_articles dl,
#kitchen .voucher,
#kitchen .sub-nav {border-bottom-color:#F80;}
#kitchen .right_block .inner {border-top-color:#F80;}
#kitchen .sub-nav ul li span,
#kitchen .mostviewed dl dt span,
#kitchen .sub-nav ul li a:hover {background-color:#F80;}
#kitchen .breadcrumb span.last {background-color:#FDE1C3;color:#F80;}
#kitchen a.button,#kitchen input.button {
background-image: linear-gradient(bottom, rgb(255,136,0) 36%, rgb(255,149,28) 60%, rgb(255,167,66) 83%);
background-image: -o-linear-gradient(bottom, rgb(255,136,0) 36%, rgb(255,149,28) 60%, rgb(255,167,66) 83%);
background-image: -moz-linear-gradient(bottom, rgb(255,136,0) 36%, rgb(255,149,28) 60%, rgb(255,167,66) 83%);
background-image: -webkit-linear-gradient(bottom, rgb(255,136,0) 36%, rgb(255,149,28) 60%, rgb(255,167,66) 83%);
background-image: -ms-linear-gradient(bottom, rgb(255,136,0) 36%, rgb(255,149,28) 60%, rgb(255,167,66) 83%);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.36, rgb(255,136,0)),color-stop(0.6, rgb(255,149,28)),color-stop(0.83, rgb(255,167,66)));
}
#kitchen #content ul {list-style: url(../images/bullet_kitchen.png) none;}
#kitchen .full_article .inner {border-color:#F80}
#kitchen .full_article .related h4,
#kitchen .footer-relatedarticles-cont h1,
#kitchen .full_article .related ul li a:before {background-color:#F80 !important}
/* litegreen(members zone) */
#myaccount h2,#myaccount h2 span,#myaccount h2 a,.promo #myaccount h2,.promo #myaccount h3,#myaccount a.bottom_link,#myaccount .numeric a,#myaccount .view_details,#myaccount .view_vouchers {background:#fff;color:#ABCF37;}
#myaccount .wp_content h2 {color:#ABCF37;}
#myaccount .right_block h2 a.active,#myaccount .right_block h2 a:hover {background:#ABCF37 !important;}
#myaccount .right_block fieldset h4,#myaccount .right_block h2 a.active,#myaccount .right_block h2 a:hover,#myaccount .right_block h2 span,#myaccount .right_block h3,#myaccount .right_block a.bottom_link,#menu_myaccount:hover a,#menu_myaccount:hover ul,#myaccount h2 a:hover,#myaccount a.bottom_link:hover,.tp_ss_inner #myaccount h2 span,#myaccount .numeric a:hover,#myaccount .view_details:hover,#myaccount .view_vouchers:hover {background:#ABCF37;color:#fff;}
#myaccount h1,#menu_myaccount.selected a,#menu_myaccount.selected a:hover,#myaccount .right_questions p,#myaccount .main_container h1,#myaccount .main_container h1 span {color:#acd227;}
#myaccount .rate_bar .rating span.on,#myaccount a.button,#myaccount input.button {background-color:#ABCF37;}
#myaccount .today_articles dl,
#myaccount .voucher,
#myaccount .sub-nav {border-bottom-color:#ABCF37;}
#myaccount .right_block .inner {border-top-color:#ABCF37;}
#myaccount .sub-nav ul li span,
#myaccount .mostviewed dl dt span,
#myaccount .sub-nav ul li a:hover {background-color:#ABCF37;}
#myaccount .breadcrumb span.last {background-color:#acd227;color:#fff !important;}
#myaccount a.button,#myaccount input.button {
background-image: linear-gradient(bottom, rgb(153,189,36) 36%, rgb(172,207,55) 60%, rgb(188,219,75) 83%);
background-image: -o-linear-gradient(bottom, rgb(153,189,36) 36%, rgb(172,207,55) 60%, rgb(188,219,75) 83%);
background-image: -moz-linear-gradient(bottom, rgb(153,189,36) 36%, rgb(172,207,55) 60%, rgb(188,219,75) 83%);
background-image: -webkit-linear-gradient(bottom, rgb(153,189,36) 36%, rgb(172,207,55) 60%, rgb(188,219,75) 83%);
background-image: -ms-linear-gradient(bottom, rgb(153,189,36) 36%, rgb(172,207,55) 60%, rgb(188,219,75) 83%);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.36, rgb(153,189,36)),color-stop(0.6, rgb(172,207,55)),color-stop(0.83, rgb(188,219,75)));
}
#myaccount #content ul {list-style: url(https://www.myfamilyclub.co.uk/content/images/bullet_myaccount.png) none;}
#myaccount .full_article .inner {border-color:#ABCF37}
#myaccount .full_article .related h4,
#myaccount .footer-relatedarticles-cont h1,
#myaccount .full_article .related ul li a:before {background-color:#ABCF37 !important}
/* green(community&home) */
#justask h1 span,#justask h1 a,.promo #justask h2,.promo #justask h3,#justask a.bottom_link,#justask .numeric a,#justask .view_details,#justask .view_vouchers {background:#fff;color:#6dc634;}
#justask .wp_content h2 {color:#6dc634;}
#justask .right_block h2 a.active,#justask .right_block h2 a:hover {background:#6dc634 !important;}
#justask .right_block fieldset h4,#justask .right_block h2 a.active,#justask .right_block h2 a:hover,#justask .right_block h2 span,#justask .right_block h3,#justask .right_block a.bottom_link,#menu_home:hover a,#menu_home:hover ul,#menu_justask:hover a,#menu_justask:hover ul,#justask h2 a:hover,#justask a.bottom_link:hover,#justask .numeric a:hover,#justask .content_header h1,#justask .content_header h1 span,#justask:hover .view_details,.tp_ss_inner #justask h2 span,#justask:hover .view_vouchers {background:#4BCBFF;color:#fff;}
#justask h1,#menu_home.selected a,#menu_justask.selected a,#menu_home.selected a:hover,#menu_justask.selected a:hover,#justask .right_questions p {color:#6dc634;}
#justask .rate_bar .rating span.on,#justask a.button,#justask input.button {background-color:#6dc634;}
#justask .today_articles dl,
#justask .voucher,
#justask .sub-nav {border-bottom-color:#6dc634;}
#justask .right_block .inner {border-top-color:#6dc634;}
#justask .sub-nav ul li span,
#justask .mostviewed dl dt span,
#justask .sub-nav ul li a:hover {background-color:#6dc634;}
#justask .breadcrumb span.last {background-color:#6dc634;color:#fff;}
#justask a.button,#justask input.button {
background-image: linear-gradient(bottom, rgb(40,175,224) 36%, rgb(90,190,224) 60%, rgb(120,215,250) 83%);
background-image: -o-linear-gradient(bottom, rgb(40,175,224) 36%, rgb(90,190,224) 60%, rgb(120,215,250) 83%);
background-image: -moz-linear-gradient(bottom, rgb(40,175,224) 36%, rgb(90,190,224) 60%, rgb(120,215,250) 83%);
background-image: -webkit-linear-gradient(bottom, rgb(40,175,224) 36%, rgb(90,190,224) 60%, rgb(120,215,250) 83%);
background-image: -ms-linear-gradient(bottom, rgb(40,175,224) 36%, rgb(90,190,224) 60%, rgb(120,215,250) 83%);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.36, rgb(40,175,224)),color-stop(0.6, rgb(90,190,224)),color-stop(0.83, rgb(120,215,250)));
}
#justask .ask_question h1 {
line-height:1em;
margin-bottom:10px;
}
.ask_question .type_q input, .tags_cont input {
height: 24px;
width: 514px;
margin-bottom:20px;
}
.post_q {
background: url("../images/sprite.png") no-repeat scroll -24px -422px transparent;
border: medium none;
cursor: pointer;
display: block;
float: left;
height: 27px;
width: 150px;
}
/* carousel */
.jcarousel-direction-rtl {direction: rtl;}
.jcarousel-container-horizontal {width: 540px;padding: 20px 40px;}
.about .jcarousel-container-horizontal {width: 880px;padding: 20px 40px;}
.jcarousel-clip {overflow: hidden;}
.jcarousel-clip-horizontal {width:540px;}
.about .jcarousel-clip-horizontal {width:880px;}
.jcarousel-item-horizontal {margin-left: 10px;margin-right: 5px;}
.jcarousel-next-horizontal {z-index:200;position: absolute;top: 70px;right: 5px;width: 32px;height: 32px;cursor: pointer;background: transparent url(../img/carousel/next-horizontal.png) no-repeat 0 0;}
.jcarousel-direction-rtl .jcarousel-next-horizontal {left: 5px;right: auto;background-image: url(../img/carousel/prev-horizontal.png);}
.jcarousel-next-horizontal:hover,
.jcarousel-next-horizontal:focus {background-position: -32px 0;}
.jcarousel-next-horizontal:active {background-position: -64px 0;}
.jcarousel-next-disabled-horizontal,
.jcarousel-next-disabled-horizontal:hover,
.jcarousel-next-disabled-horizontal:focus,
.jcarousel-next-disabled-horizontal:active {cursor: default;background-position: -96px 0;}
.jcarousel-prev-horizontal {position: absolute;top: 70px;left: 5px;width: 32px;height: 32px;cursor: pointer;background: transparent url(../img/carousel/prev-horizontal.png) no-repeat 0 0;}
.jcarousel-direction-rtl .jcarousel-prev-horizontal {left: auto;right: 5px;background-image: url(../img/carousel/next-horizontal.png);}
.jcarousel-prev-horizontal:hover,
.jcarousel-prev-horizontal:focus {background-position: -32px 0;}
.jcarousel-prev-horizontal:active {background-position: -64px 0;}
.jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:focus,
.jcarousel-prev-disabled-horizontal:active {cursor: default;background-position: -96px 0;}
/* Table Styles - Global - START */
.mfc-table-global {
border:1px solid #6699CC;
border-collapse:collapse;
font-size:1em;
text-align:left;
border-spacing: 0;
margin: 0 -1px 15px 0;
text-align: left;
width: 100%;
}
#shopping .mfc-table-global {
border:1px solid #7259BA;
}
.mfc-table-global th {
font-weight: normal;
padding: 15px 10px 10px !important;
}
.mfc-table-global tbody tr.odd {
background: none repeat scroll 0 0 #e9e9e9;
}
.mfc-table-global tbody tr.even {
background: none repeat scroll 0 0 #fff;
}
.mfc-table-global td {
border-left: 1px solid #444;
border-top: 1px solid #444;
color: #666699;
padding: 10px !important;
}
.mfc-table-global tbody tr:hover td {
background: none repeat scroll 0 0 #aeaeae;
color: #fff;
}
/* Table Styles - Global - END */
#shopping table tr th {
background: none repeat scroll 0 0 #8A77C5;
}
.full_width_block tr th, .full_width_block thead th {
border-bottom: 1px solid #393939;
border-right: 1px solid #393939;
color: #000;
font-family: AdelleSemiboldItalic;
font-size: 14px;
line-height: 18px;
padding: 9px 24px;
}
.full_width_block thead th {
font-size:18px;
}
#shopping .full_width_block tr th, #shopping .full_width_block thead th {
color:#fff
}
.full_width_block h1{
background: none repeat scroll 0 0 transparent !important;
box-shadow: none;
font-size: 26px;
line-height: 32px;
margin-bottom: 0;
margin-right: 0;
padding-bottom: 10px;
}
.full_width_block p {
margin-bottom:15px;
}
.full_width_block .wp_content tr td {
border-bottom: 1px solid #393939;
border-right: 1px solid #393939;
padding: 5px 10px;
}
.full_width_block ul {margin-left: 10px;}
.full_width_block ul li {
list-style-type: disc;
margin: 0 0 5px 10px;
}
.custom-full-width-page .rate_bar{
border-bottom:1px solid #999;
border-top:1px solid #999;
margin-bottom:10px;
padding:6px 0;
}
.custom-full-width-page .rate_bar .rating{
float:right !important;
position:relative;
}
.custom-full-width-page .rate_bar .stButton{width:80px;}
.custom-full-width-page .full_article:before,
.custom-full-width-page .full_article:after {
box-shadow:0 0 0 0 !important;
}
/* ACCORDION CONTENT STYLES - START */
#shopping .accordion .ui-accordion-header .ui-icon-triangle-1-e, .accordion .ui-accordion-header.ui-state-default .ui-icon-triangle-1-e {
background: url("../img/carousel_sprite.gif") no-repeat scroll -372px 0 transparent;
display: block;
position:absolute;
top:0;
right:0;
cursor:pointer;
height: 31px;
width: 75px;
}
#shopping .left_block .accordion .ui-accordion-header .ui-icon-triangle-1-e {
background: url("../img/carousel_sprite.gif") no-repeat scroll -372px 0 transparent !important;
display: block;
position:absolute;
top:0;
right:0;
cursor:pointer;
height: 31px;
width: 55px;
}
#shopping .accordion .ui-accordion-header.ui-state-active .ui-icon-triangle-1-s {
background: url("../img/carousel_sprite.gif") no-repeat scroll -446px 0 transparent !important;
display: block;
position:absolute;
top:0;
right:0;
cursor:pointer;
height: 31px;
width: 55px;
}
.accordion .ui-accordion-header a{
padding:0 10px 6px !important;
border-bottom: 1px dashed #b7b7b7;
background-color:#fff !important;
display:block !important;
font-family: AdelleSemiBoldItalic !important;
}
.custom-full-width-page .wp_content .accordion h2, .custom-full-width-page .wp_content .accordion h2 span, .custom-full-width-page .wp_content .accordion h2 a,
.full_article .wp_content .accordion h2, .full_article .wp_content .accordion h2 span, .full_article .wp_content .accordion h2 a {
background: none repeat scroll 0 0 transparent !important;
}
.custom-full-width-page .wp_content #accordion h2,
.full_article .wp_content #accordion h2 {
clear:both;
background-color:#fff !important;
}
#shopping #accordion h2, #shopping #accordion h2 span, #shopping #accordion h2 a, .promo #shopping #accordion h2, .promo #shopping #accordion h3, #shopping #accordion a.bottom_link, #shopping .numeric #accordion a, #shopping #accordion .view_details, #shopping #accordion .view_vouchers {
background: none repeat scroll 0 0 #fff;
color: #7159BA;
}
/* ACCORDION CONTENT STYLES - END */
#our-writers .left_block h1 {
}
#our-writers .left_block h2 {
}
#our-writers .left_block p {
margin-bottom:10px;
}
#shopping #accordion h2, #shopping #accordion h2 span, #shopping #accordion h2 a, .promo #shopping #accordion h2, .promo #shopping #accordion h3, #shopping #accordion a.bottom_link, #shopping .numeric #accordion a, #shopping #accordion .view_details, #shopping #accordion .view_vouchers {
background: none repeat scroll 0 0 #fff;
color: #7159BA;
}
/* ACCORDION CONTENT STYLES - END */
/* SHADOWS! @media only all and (min-width: 1010px) { */
.nav-top:after {content:" ";display:block;left:0;top:0;position:absolute;height:36px;width:100%;z-index:10;
-moz-box-shadow: inset -1px -5px 6px -2px rgba(0,0,0,.4);
-webkit-box-shadow: inset -1px -5px 6px -2px rgba(0,0,0,.4);
box-shadow: inset -1px -5px 6px -2px rgba(0,0,0,.18);
}
.nav-top ul {position:relative;z-index:20;}
#frontend_search_box {position:relative;z-index:20;}
.nav-bottom {
background-image: linear-gradient(bottom, rgb(26,26,26) 7%, rgb(48,48,48) 56%, rgb(84,84,84) 90%);
background-image: -o-linear-gradient(bottom, rgb(26,26,26) 7%, rgb(48,48,48) 56%, rgb(84,84,84) 90%);
background-image: -moz-linear-gradient(bottom, rgb(26,26,26) 7%, rgb(48,48,48) 56%, rgb(84,84,84) 90%);
background-image: -webkit-linear-gradient(bottom, rgb(26,26,26) 7%, rgb(48,48,48) 56%, rgb(84,84,84) 90%);
background-image: -ms-linear-gradient(bottom, rgb(26,26,26) 7%, rgb(48,48,48) 56%, rgb(84,84,84) 90%);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.07, rgb(26,26,26)),color-stop(0.56, rgb(48,48,48)),color-stop(0.9, rgb(84,84,84)));
}
.new_slider h1 {
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
.new_slider ul li .img {position:relative;}
.new_slider ul li .img img {position:relative;z-index:20;}
.new_slider ul li .img:before {content:"";position:absolute;z-index:10;top:0;bottom:0;left:0;right:0;
-webkit-box-shadow:0 0 15px rgba(0,0,0,0.3);
-moz-box-shadow:0 0 15px rgba(0,0,0,0.3);
box-shadow:0 0 15px rgba(0,0,0,0.3);
-moz-border-radius:10px / 100px;
border-radius:10px / 100px;
}
.four_vouchers dl {position:relative;overflow:visible;}
.four_vouchers dl .inner {position:relative;left:0;top:0;z-index:20;}
.four_vouchers dl:before,
.four_vouchers dl:after {content:"";position:absolute;z-index:10;bottom:13px;left:10px;width:50%;height:20%;max-width:300px;
-webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.2);
box-shadow:0 15px 10px rgba(0, 0, 0, 0.2);
-webkit-transform:rotate(-3deg);
-moz-transform:rotate(-3deg);
-ms-transform:rotate(-3deg);
-o-transform:rotate(-3deg);
transform:rotate(-3deg);
}
.four_vouchers dl:after {right:10px;left:auto;
-webkit-transform:rotate(3deg);
-moz-transform:rotate(3deg);
-ms-transform:rotate(3deg);
-o-transform:rotate(3deg);
transform:rotate(3deg);
}
.full_article {position:relative;overflow:visible;}
.full_article .inner {position:relative;left:0;top:0;z-index:20;}
.full_article:before,
.full_article:after {content:"";position:absolute;z-index:10;bottom:15px;left:10px;width:50%;height:20%;max-width:642px;
-webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.3);
-moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.3);
box-shadow:0 15px 10px rgba(0, 0, 0, 0.3);
-webkit-transform:rotate(-3deg);
-moz-transform:rotate(-3deg);
-ms-transform:rotate(-3deg);
-o-transform:rotate(-3deg);
transform:rotate(-3deg);
}
.full_article:after {right:10px;left:auto;
-webkit-transform:rotate(3deg);
-moz-transform:rotate(3deg);
-ms-transform:rotate(3deg);
-o-transform:rotate(3deg);
transform:rotate(3deg);
}
.right_block .block img,
.right_block .block .inner,
.header_box {position:relative;z-index:20;}
.right_block .block img,
.right_block .block .inner {background:#fff;}
.right_block .block,
.search_question_cont {position:relative;margin-bottom:10px;padding-bottom:15px;clear:both;}
.search_question_cont:before,
.right_block .block:before,
.search_question_cont:after,
.right_block .block:after {content:"";position:absolute;z-index:10;bottom:30px;left:10px;width:50%;height:20%;
-webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.2);
box-shadow:0 15px 10px rgba(0, 0, 0, 0.2);
-webkit-transform:rotate(-3deg);
-moz-transform:rotate(-3deg);
-ms-transform:rotate(-3deg);
-o-transform:rotate(-3deg);
transform:rotate(-3deg);
}
.right_block .block:after,
.search_question_cont:after {right:10px;left:auto;
-webkit-transform:rotate(3deg);
-moz-transform:rotate(3deg);
-ms-transform:rotate(3deg);
-o-transform:rotate(3deg);
transform:rotate(3deg);
}
.right_block .banner:before,
.search_question_cont:before,
.right_block .banner:after,
.search_question_cont:after {bottom:35px;}
.about ul {overflow:visible;}
.about ul:after {display:block;content:" ";clear:both;}
.about ul li .img img{position:relative;z-index:20;background:#fff;}
.about ul li .img {position:relative;display:block;}
.about ul li .img:before,
.about ul li .img:after {content:"";position:absolute;z-index:10;bottom:21px;left:10px;width:50%;height:20%;
-webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.4);
-moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.4);
box-shadow:0 15px 10px rgba(0, 0, 0, 0.4);
-webkit-transform:rotate(-3deg);
-moz-transform:rotate(-3deg);
-ms-transform:rotate(-3deg);
-o-transform:rotate(-3deg);
transform:rotate(-3deg);
}
.about ul li .img:after {right:10px;left:auto;
-webkit-transform:rotate(3deg);
-moz-transform:rotate(3deg);
-ms-transform:rotate(3deg);
-o-transform:rotate(3deg);
transform:rotate(3deg);
}
.slider .slider_prev:before,
.slider .slider_next:before {content:"";position:absolute;z-index:10;top:10px;bottom:20px;left:50%;right:0;
-webkit-box-shadow:0 0 15px rgba(0,0,0,0.2);
-moz-box-shadow:0 0 15px rgba(0,0,0,0.2);
box-shadow:0 0 15px rgba(0,0,0,0.2);
-moz-border-radius:10px / 100px;
border-radius:10px / 100px;
}
.slider .slider_next:before {right:50%;left:0;}
.slider .slider_prev div,
.slider .slider_next div {z-index:20;background:#fff;}
/* } */
/* mobile version */
.mobile .nav-bottom ul li a {font-size:14px;font-family:"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;}
.mobile .topblock h2 span {font-size:14px;line-height:16px;font-family:"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;}
/* =================================================
Join, new vouchers and etc.
================================================= */
.join-layout .bottom_block {
padding-top:30px;
padding-bottom:20px;
margin-bottom:0px;
}
.join-layout .promo,
.join-layout .about {
display:none !Important;
}
.join-layout .topslider {height:288px;width:941px;position:relative;margin-bottom:20px;padding-bottom:45px;}
.join-layout .ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.join-layout .hidden { display: none; visibility: hidden; }
.join-layout .visuallyhidden { position: absolute !important;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px); }
.join-layout .invisible { visibility: hidden; }
.join-layout .text-green{color:#6ab53e !important;}
.join-layout .text-black{color:#000 !important;}
.join-layout .text-bg-pink{background-color:#ff69bf;color:#fff;}
.join-layout .text-bg-purple{background-color:#7159ba;color:#fff;}
.join-layout .text-bg-yellow{background-color:#ffb400;color:#fff;}
.join-layout .font-size-13{font-size:1em;line-height:0.908em;}
.join-layout .font-size-15{font-size:1.154em;line-height:0.938em;}
.join-layout .font-size-24{font-size:1.846em;line-height:1.5em;}
.join-layout .font-size-28{font-size:2.154em;line-height:1.7em;}
.join-layout .float-left {float: left !important;}
.join-layout input.button {border:none;}
.join-layout a.button,
.join-layout input.button {float:left;cursor:pointer;margin-right: 10px;display:block;text-decoration:none;color:#fff;padding:5px 1px;line-height:1.063em;text-transform:uppercase;font-family: 'BureauGrotCondBold';font-size:16px;background:#71b946;opacity:0.9;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 2px solid #fff;
-webkit-box-shadow:1px 0 5px #999;
-moz-box-shadow:1px 0 5px #999;
box-shadow:1px 0 5px #999;
text-align:center;
background-image: linear-gradient(bottom, rgb(110,184,67) 36%, rgb(136,199,97) 60%, rgb(160,214,127) 83%);
background-image: -o-linear-gradient(bottom, rgb(110,184,67) 36%, rgb(136,199,97) 60%, rgb(160,214,127) 83%);
background-image: -moz-linear-gradient(bottom, rgb(110,184,67) 36%, rgb(136,199,97) 60%, rgb(160,214,127) 83%);
background-image: -webkit-linear-gradient(bottom, rgb(110,184,67) 36%, rgb(136,199,97) 60%, rgb(160,214,127) 83%);
background-image: -ms-linear-gradient(bottom, rgb(110,184,67) 36%, rgb(136,199,97) 60%, rgb(160,214,127) 83%);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.36, rgb(110,184,67)),color-stop(0.6, rgb(136,199,97)),color-stop(0.83, rgb(160,214,127)));}
.join-layout a.button:hover,
.join-layout input.button:hover {opacity:1;}
.join-layout a.right,
.join-layout input.right {float:right;}
.join-layout a.button.width-110,
.join-layout input.button.width-110{width:110px;text-wrap:normal;}
.join-layout a.button.width-130,
.join-layout input.button.width-130{width:130px;text-wrap:normal;}
.join-layout a.button.width-165,
.join-layout input.button.width-165{width:165px;text-wrap:normal;}
.join-layout a.button.width-180,
.join-layout input.button.width-180{width:180px;text-wrap:normal;}
.join-layout .joinsubslider {height:auto !Important;}
.join-layout #slides .slide h1 {font-size:1.308em;line-height:1.063em;margin:40px 0 10px 0;}
.join-layout #slides {position:absolute;top:0px;left:0px;z-index:100;}
.join-layout .slides_container {width:941px;height:300px;overflow:hidden;position:relative;display:none;}
.join-layout #slides .slide {width:961px;height:300px;display:block;}
.join-layout #slides .slide h1, #slides .slide p, #slides .slide a{margin-left:30px;}
.join-layout #slides .slide p{margin-bottom:15px;}
.join-layout #slides .slide h1, #slides .slide p{width:230px;}
.js .join-layout #slides .next,
.js .join-layout #slides .prev {position:absolute;top:95px;left:-20px;width:60px;height:105px;display:block;z-index:101;}
.js .join-layout #slides .next {left:auto;right:-19px;}
.join-layout .pagination {display:block;list-style: none;position:absolute;z-index:102;left:-10px;top:25px;width:auto;background-color:#fff;padding:4px 3px;}
.join-layout .pagination li {float:left;margin:0 1px;list-style:none;}
.join-layout .pagination li a {display:block;width:16px;height:0;padding-top:15px;background:url(../img_join/navigate.gif) 0 0 no-repeat;float:left;overflow:hidden;}
.join-layout .pagination li.current a {background-position:0 -16px;}
/* sliders */
.join-layout .new_slider {width:800px;list-style:none;margin-bottom:0px;position:absolute;bottom:10px;}
.join-layout .new_slider h1 {float:left;margin:0px;font-size:15px !important;color:#5f5f5f !important;line-height:1em;margin-bottom:0px !important;}
.join-layout .new_slider ul {list-style: none; display:block; clear:both;overflow:hidden;padding-top:10px;}
.join-layout .new_slider ul.slider {overflow:visible;position:relative;height:130px;margin-left:38px;}
.join-layout .new_slider ul li {background:#fff;width:207px;float:left;border:solid 1px #e6e6e6;padding:0px;text-align:left;font-size:0.9em;line-height:1.2em;}
.join-layout .new_slider ul li span {border-top:solid 1px #e6e6e6;line-height:15px;height:30px;background:#efefef;color:#777;display:block;white-space:normal;text-align:center;text-decoration:none;}
.join-layout .slider_wrapper {overflow:hidden;}
.join-layout .slider .slider_nav {height:17px;border:none;position:absolute;top:-30px;right:0px;overflow:hidden;}
.join-layout .slider .slider_nav li {border:none;margin-left:0px;margin-right:5px !important;width:14px;padding:0px;}
.join-layout .slider .slider_nav li a {display:block;margin:0px !important;padding:0px !important;width:14px !important;text-decoration:none;overflow:hidden;text-indent:20px;line-height:20px;height:15px;border:solid 1px #d0d0d0;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
.join-layout .slider .slider_nav li a:hover,
.join-layout .slider .slider_nav li a.active {background:#d0d0d0;}
.join-layout .slider .slider_prev,
.join-layout .slider .slider_next {display:block;width:40px;text-align:center;line-height:160px;background:#fff;text-decoration:none;height:160px;position:absolute;z-index:50;left:-38px;top:0px;}
.join-layout .slider .slider_prev div,
.join-layout .slider .slider_next div {display:block;width:40px;padding-top:64px;text-align:center;line-height:94px;height:94px;position:relative;z-index:30;}
.join-layout .slider .slider_prev span,
.join-layout .slider .slider_next span {cursor:pointer;display:block;width:30px;height:30px;margin:0px auto;border:solid 1px #d0d0d0;background:#d0d0d0;font-size:2em;color:#fff;font-weight:bold;text-align:center;line-height:23px;text-indent:-3px;position:relative;z-index:100;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
.join-layout .slider .slider_next span {text-indent:2px;}
.join-layout .slider .slider_next {left:auto;right:0px;}
.join-layout .slider .slider_prev[rel="allow"]:hover span,
.join-layout .slider .slider_next[rel="allow"]:hover span {background:#7159ba;}
.join-layout .slider-wrapper {position:relative}
.join-layout .slider-wrapper .carousel-edge-left,
.join-layout .slider-wrapper .carousel-edge-right{
background-image: url("../img_join/carousel_shadow.gif");
background-repeat:no-repeat;
position:absolute;
width:10px;
z-index:9999;
display:block;
height:79px;
top: 20px;
}
.join-layout .slider-wrapper .carousel-edge-left {
background-position:-33px -35px;
left: 39px;
}
.join-layout .slider-wrapper .carousel-edge-right{
background-position:-50px -35px;
right: 39px;
}
/* carousel */
.join-layout .jcarousel-direction-rtl {direction: rtl;}
.join-layout .jcarousel-container-horizontal {width:850px;padding: 20px 50px 20px 40px;}
.join-layout .jcarousel-clip {overflow: hidden;}
.join-layout .jcarousel-clip-horizontal {width:850px;}
.join-layout .jcarousel-item-horizontal {margin-left: 10px;margin-right: 5px;}
.join-layout .jcarousel-next-horizontal {z-index:200;position: absolute;top: 45px;right: 5px;width: 32px;height: 32px;cursor: pointer;background: transparent url(../img_join/carousel_sprite.gif) no-repeat -150px 0;}
.join-layout .jcarousel-direction-rtl .jcarousel-next-horizontal {left: 5px;right: auto;background-image: url(../img_join/carousel_sprite.gif);}
.join-layout .jcarousel-next-horizontal:hover,
.join-layout .jcarousel-next-horizontal:focus {background-position: -100px 0;}
.join-layout .jcarousel-next-horizontal:active {background-position: -150px 0;}
.join-layout .jcarousel-next-disabled-horizontal,
.join-layout .jcarousel-next-disabled-horizontal:hover,
.join-layout .jcarousel-next-disabled-horizontal:focus,
.join-layout .jcarousel-next-disabled-horizontal:active {cursor: default;background-position: -96px 0;}
.join-layout .jcarousel-prev-horizontal {position: absolute;top: 45px;left: 5px;width: 32px;height: 32px;cursor: pointer;background: transparent url(../img_join/carousel_sprite.gif) no-repeat 0 0;}
.join-layout .jcarousel-direction-rtl .jcarousel-prev-horizontal {left: auto;right: 5px;background-image: url(../img_join/carousel_sprite.gif);}
.join-layout .jcarousel-prev-horizontal:hover,
.join-layout .jcarousel-prev-horizontal:focus {background-position: -50px 0;}
.join-layout .jcarousel-prev-horizontal:active {background-position: 0px 0;}
.join-layout .jcarousel-prev-disabled-horizontal,
.join-layout .jcarousel-prev-disabled-horizontal:hover,
.join-layout .jcarousel-prev-disabled-horizontal:focus,
.join-layout .jcarousel-prev-disabled-horizontal:active {cursor: default;background-position: 0px 0;}
.join-layout .left_block .jcarousel-clip-horizontal, .left_block .jcarousel-container-horizontal{width:530px;}
.join-layout .left_block {
float:none !important;
width:100% !important;
clear:both;
}
.join-layout .right_block {
display:none !important;
}
/* Pop up */
#subscription_slider {
bottom: -400px;
height: 110px;
left: 50%;
margin: 0 auto 0 -500px;
position: fixed;
width: 308px;
z-index: 9999;
}
#subscription_slider .topblock {
width:353px;
background-color:#fff;
}
#subscription_slider .topblock h2 {
margin-top:5px;
}
#subscription_slider .topblock fieldset .text {
left: 26px;
text-align: center;
top: 90px;
width: 246px;
clear: both;
font-size: 14px !important;
height: 62px;
line-height: 18px !important;
position: absolute;
text-shadow: 0 0 3px #fff;
}
#subscription_slider .topblock .textField {
width:231px;
bottom:3px;
left:46px;
}
#subscription_slider .topblock .popupName {
z-index:99;
}
#subscription_slider .topblock .nl-name,
#subscription_slider .topblock input[type="submit"] {
bottom: 0;
cursor: pointer;
height: 28px;
padding: 0;
right: 50px;
width: 90px;
}
#subscription_slider .topblock .nl-name{
border:0 none;
background:url(../img/button_name_bg.jpg) top left no-repeat;
position:absolute;
right:26px;
width:116px;
}
#subscription_slider .topblock form {
width: 425px;
height:208px;
}
#subscription_slider .content_holder {
background-repeat: no-repeat;
box-shadow:0 1px 5px 3px #c1c1c1;
height: 270px;
width: 425px;
z-index: 100;
}
#subscription_slider #main {
background-repeat: no-repeat;
height: 270px;
width: 425px;
z-index: 100;
}
#subscription_slider .topblock fieldset {
background: url("../img/toppanel_right_new.png") no-repeat scroll 0 0 transparent;
display: block;
float: left;
width: 425px;
}
#subscription_slider #newsletter_sample {
background:url(../img/newsletter_sample.jpg) top left no-repeat;
height: 137px;
width:100px;
left:305px;
position:absolute;
top:24px;
z-index:102;
border:1px dashed #15bbff;
}
#subscription_slider #top_main {
cursor: pointer;
left: 0;
position: absolute;
top: -55px;
width: 263px;
background: none repeat scroll 0 0 #6AB53E;
border-radius: 5px 5px 0 0;
box-shadow:0 1px 5px 3px #c1c1c1;
color: #FFFFFF;
height: 72px;
line-height: 33px;
padding: 2px 0 1px;
}
#subscription_slider #top_main .tabTitle {
font-family:'BureauGrotCondBold';
font-size: 1.7em;
font-weight:normal;
left:35px;
position:relative;
text-transform:uppercase;
top:10px;
}
#subscription_slider #hide_btn {
cursor: pointer;
height: 10px;
width:10px;
left: 242px;
position: absolute;
top: -47px;
z-index: 3;
}
#subscription_slider #up_arrow {
background:url(../img/sprite_arrow.png) 0px 0px no-repeat;
cursor: pointer;
height: 10px;
left: 10px;
position: absolute;
top: -43px;
width: 13px;
z-index: 3;
}
#subscription_slider #down_arrow {
background:url(../img/sprite_arrow.png) -13px 0px no-repeat;
cursor: pointer;
height: 10px;
left: 10px;
position: absolute;
top: -43px;
width: 13px;
z-index: 3;
}
#subscription_slider #message h2 {
margin-top:25px;
}
#subscription_slider #message p {
position:relative;
clear:both;
padding:20px 0 0 25px;
width:250px
}
#subscription_slider .topblock fieldset,
.join-layout.topblock form {
display: block;
float: left;
height: 208px;
overflow: hidden;
position: relative;
width: 589px;
}
.join-layout #widget-see-save-tool {
right:-600px;
height:820px;
top:280px;
margin:auto 0;
position:fixed;
width:595px;
z-index:10000000;
box-shadow:0 1px 5px 3px #c1c1c1;
background-color:#fff;
}
.join-layout #widget-see-save-tool .top_main {
cursor:pointer;
left:-105px;
position:absolute;
top:0;
width:105px;
background:none repeat scroll 0 0 #6AB53E;
border-radius:1em 0 0 1em;
box-shadow:-2px 0px 5px 2px #c1c1c1;
color:#fff;
height:180px;
line-height:33px;
padding:2px 0 1px;
padding-top:15px;
}
.join-layout #widget-see-save-tool .top_main .new-line {
width:80px;
margin:0 auto 0;
font-family: 'BureauGrotCondBold';
font-size: 18px;
font-weight: normal;
left: 35px;
text-transform: uppercase;
display:block;
padding:9px 0px 8px;
}
.join-layout #widget-see-save-tool .toggle {
background: url("../img_join/carousel_sprite.gif") no-repeat scroll -2px -1px #fff;
border-radius: 10em 10em 10em 10em;
cursor: pointer;
display: block;
float: right;
height: 28px;
width: 28px;
position:absolute;
top:155px;
left:15px;
}
.join-layout #widget-see-save-tool .toggle.active {
background-position:-151px -1px;
}
/* GENERIC STYLES NEW - START */
.join-layout .accordion{
overflow: hidden;
width:840px;
margin:0px auto;
}
.join-layout .accordion .ui-accordion-header{
font-weight:700;
cursor:pointer;
margin-top:10px;
outline:none;
}
.join-layout .accordion .ui-accordion-content{
padding:10px 35px;
}
.join-layout .accordion .ui-accordion-content.join-access{
background:url(../img_join/join_access.jpg) top right no-repeat;
min-height:130px;
height:auto !important;
height:130px;
}
.join-layout .accordion .ui-accordion-content h4,
.join-layout .accordion .ui-accordion-content p{
margin:0 0 10px 0;
font-size:inherit;
width:550px;
}
.join-layout .accordion .ui-accordion-content.join-access{
background:url(../img_join/join_access.jpg) top right no-repeat;
min-height:150px;
height:auto !important;
height:150px;
}
.join-layout .accordion .ui-accordion-header.ui-state-default{
border-bottom:1px dashed #c7cbcc;
}
.join-layout .accordion .ui-accordion-header.ui-state-active{
border-bottom:0 none;
}
.accordion .ui-accordion-header .handle,
.accordion .ui-accordion-header.ui-state-default .handle{
background:url(../img_join/carousel_sprite.gif) -240px 0px no-repeat;
width:70px;
height:31px;
display:block;
float:right;
}
#savings-pack .accordion .ui-accordion-header.ui-state-default .ui-icon-triangle-1-e {
background-image:none;
}
.join-layout .accordion .ui-accordion-header.ui-state-active .handle{
background:url(../img_join/carousel_sprite.gif) -313px 0px no-repeat;
}
.join-layout .accordion .ui-accordion-header .point{
font-family: 'AdelleSemiBoldItalic';
font-weight:500;
color:#fff;
-webkit-border-radius:20px;
-moz-border-radius:20px;
border-radius:20px;
background-color:#6ab53e;
line-height:1.153em;
margin-right:10px;
padding:3px 12px 3px 9px;
display:block;
float:left;
width:5px;
}
.join-layout .accordion .ui-accordion-content-default{
border-bottom:0 none;
}
.join-layout .accordion .ui-accordion-content-active{
border-bottom:1px dashed #c7cbcc;
position:relative;
}
.join-layout .accordion .ui-accordion-content-active .why_joindclub_interests{
margin-top:-15px;
width:793px;
height:452px;
margin:0 auto;
max-width:inherit;
}
.join-layout .section-title{
font-family: 'AdelleSemiBoldItalic';
font-weight:500;
margin-bottom:20px;
}
.join-layout .section-title-620{
background:url(../img_join/section_header_840.gif) top center no-repeat;
width:620px;
padding-left:10px;
}
.join-layout .section-title-840{
background:url(../img_join/section_header_840.gif) top left no-repeat !important;
width:830px;
padding-left:10px;
}
.join-layout .section-title-938{
background:url(../img_join/section_header_938.gif) top left repeat-x;
width:938px;
padding:9px;
}
.join-layout .banner-section-footer-940{
background:url(../img_join/banner_section_footer_940.gif) top left no-repeat;
width:900px;
padding:12px 20px 0px;
height:32px;
}
.join-layout .center{
margin:0 auto;
}
.join-layout .widget-300{
width:260px;
min-height:115px;
height:auto !important;
padding:20px;
}
.join-layout .widget-300 h3 span{
font-family: 'BureauGrotCond', Arial Narrow;
text-transform:uppercase;
display:inline-block;
padding:1px 3px;
}
.join-layout .widget-300 h3,
.join-layout .widget-300 p{
width:195px;
margin-bottom:5px;
}
.join-layout .widget-300 .more{
font-style:italic;
padding:0 3px;
}
.join-layout .widget-opinionmums{
background:url(../img_join/widget_opinionmums_bg.jpg) top right no-repeat;
}
.join-layout .widget-savingideas{
background:url(../img_join/widget_savingideas_bg.jpg) top right no-repeat;
}
.join-layout .widget-moneyback{
background:url(../img_join/widget_moneyback_bg.jpg) top right no-repeat;
}
.join-layout .box-inner-shadow{
-moz-box-shadow: inset 0 1px 20px rgba(0,0,0,.3);
-webkit-box-shadow: inset 0 1px 20px rgba(0,0,0,.3);
box-shadow: inset 0 1px 20px rgba(0, 0, 0, 0.14);
}
.join-layout .margin-right-15{
margin-right:15px;
}
.join-layout .margin-right-19{
margin-right:19px;
}
.join-layout .new-line{
clear:both;
}
.join-layout #save-widget .joinnowforgreatsavings {
bottom: 112px;
position: absolute;
right: 9px;
}
.join-layout .banner-840{
width:840px;
margin:0 auto;
position:relative;
margin-bottom:20px;
}
.join-layout .banner-840 p{
width:300px;
float:left;
margin-top:115px;
overflow:hidden;
}
.join-layout .banner-840 .button{
float:left;
left:-5px;
bottom:-3px;
}
.join-layout .banner-840 .button,
.join-layout .banner-840 p {
margin-left:30px;
}
.join-layout .banner-940{
width:840px;
margin:0 auto;
position:relative;
margin-bottom:20px;
}
.join-layout .banner-940 .para{
width:300px;
float:left;
margin-top:130px;
}
.join-layout .banner-940 .button{
float:left;
left:0;
}
.join-layout .banner-940 .button,
.join-layout .banner-940 .para{
margin: 0 0 30px 30px;
}
.join-layout .banner-940 .para ul,
.join-layout .banner-940 .para p{
margin-bottom:10px
}
.join-layout .banner-940 .para ul li{
margin-left:20px;
list-style-type:disc;
}
.join-layout .width-940{
width:940px;
}
.join-layout .no-padding{
padding:0 !important;
}
.join-layout .no-margin, .no-margin {
margin:0 !important;
}
.join-layout .section-title-940-withbg{
}
/* GENERICS STYLES NEW - END */
/* Benefits page styles - START */
.join-layout #myaccount .slider .jcarousel-item img,
.join-layout #savings-pack .slider .jcarousel-item img{
margin-right:5px;
border:1px solid #ccc;
}
.join-layout .ui-accordion-content ul li{
list-style-type: disc;
margin: 0 0 5px 10px;
width:550px;
}
.join-layout .ui-accordion-content h1,
.join-layout .ui-accordion-content h2,
.join-layout .ui-accordion-content h3,
.join-layout .ui-accordion-content h4 {
float:none;
}
.join-layout #myaccount #slide1,
.join-layout #savings-pack #slide1 {background:url(../img_join/banner_benefits1.jpg) 0 0 no-repeat;}
.join-layout #myaccount #slide2,
.join-layout #savings-pack #slide2 {background:url(../img_join/banner_benefits2.jpg) 0 0 no-repeat;}
.join-layout #myaccount #slide3,
.join-layout #savings-pack #slide3 {background:url(../img_join/banner_benefits3.jpg) 0 0 no-repeat;}
.join-layout #myaccount #slide4,
.join-layout #savings-pack #slide4 {background:url(../img_join/banner_benefits4.jpg) 0 0 no-repeat;}
.join-layout #myaccount .content-wrapper,
.join-layout #savings-pack .content-wrapper {
height:300px;
width:300px;
display:block;
position:relative;
float:right;
margin-right:20px;
}
.join-layout #join .promo-savings-pack,
.join-layout #myaccount .promo-savings-pack,
.join-layout #savings-pack .promo-savings-pack{
width:660px;
margin:0 auto;
display:block;
}
.join-layout #myaccount h1.section-title,
.join-layout #savings-pack h1.section-title{
color:#6ab53e;
margin-top:20px;
font-weight:normal;
}
.join-layout #savings-pack .htw-savings-pack{background:url(../img_join/benefits_howitworks_savingspack.jpg) top right no-repeat;}
.join-layout #savings-pack .htw-cards{background:url(../img_join/benefits_howitworks_cards.jpg) top right no-repeat;}
.join-layout #savings-pack .htw-load-money{background:url(../img_join/benefits_howitworks_money.jpg) top right no-repeat;}
.join-layout #savings-pack .htw-savings{background:url(../img_join/benefits_howitworks_savings.jpg) top right no-repeat;}
.join-layout #savings-pack .jcarousel-list-horizontal,
.join-layout #myaccount .jcarousel-list-horizontal {
min-width: 100%;
}
.join-layout #savings-pack .carousel-header {
margin:0 auto;
text-align:center;
width:750px;
}
/* Benefits page styles - END */
/* Join page styles - START */
.join-layout .banner-joinclub {
background:url(../img_join/banner_joinclub.jpg) 0 0 no-repeat;
height:200px;
padding-bottom:30px;
width:840px;
}
.join-layout #join .ui-accordion-content .why-join-showcase{
margin:0 -10px;
}
.join-layout #join .ui-accordion-content .why-join-showcase li{
list-style-type:none;
float:left;
position:relative;
margin:4px;
height:90px;
width:78px;
}
.join-layout #join .ui-accordion-content .why-join-showcase li .member-king{
position:absolute;
width:46px;
width:36px;
display:block;
z-index:3;
top:-10px;
left:-10px;
margin:0px;
border: 0 none;
}
.join-layout #join .ui-accordion-content .why-join-showcase li .member-king:hover{
border:0 none;
}
.join-layout #join .ui-accordion-content .why-join-showcase li img{
border:4px solid #fff;
margin:0px;
position:relative;
z-index:2;
max-width:78px;
height:auto;
}
.join-layout #join .ui-accordion-content .why-join-showcase li img:hover{
border:4px solid #6ab53e;
}
.join-layout #join .ui-accordion-content .why-join-deals li{
margin:4px;
height:81px;
width:121px;
}
.join-layout #join .ui-accordion-content .why-join-deals li img{
border:0 none;
max-width:121px;
height:auto;
margin:0;
}
.join-layout #join .ui-accordion-content .why-join-deals li img:hover{
border:0 none;
}
.join-layout #join .ui-accordion-content .why-join-deals li:hover{
border:4px solid #6ab53e;
margin:0;
}
#join .topblock{
height:auto;
}
#join .accordion-joinclub .voucher-codes{
width:565px;
margin:10px auto;
}
#join .accordion-joinclub .voucher-codes li{
list-style:none;
float:left;
width:auto;
}
/* Join page styles - END */
/* TV Landing Styles - START */
.join-layout #page-tv-landing .banner-tv-landing .button{
padding:10px 5px !important;
font-size:22px;
}
.join-layout .banner-tv-landing .button,
.join-layout .banner-tv-landing .para{
margin-left:35px;
}
.join-layout #page-tv-landing .video-widget{
float:left;
margin-right:20px;
width:300px;
}
.join-layout #page-tv-landing .video-widget-content{
background:#efefef url(https://www.myfamilyclub.co.uk/content/img_join/widget_texttopbg_grey.jpg) 0 0 no-repeat;
padding:10px;
}
.join-layout #page-tv-landing .video-widget-content h3{
margin-bottom:10px;
}
.join-layout #page-tv-landing .video-widget .videocontainer img{
width:300px;
height:217px;
cursor:pointer;
}
.join-layout #page-tv-landing .banner-tv-landing{
background:url(../img_join/banner_tvlanding.jpg) 0 0 no-repeat;
width:940px;
height:425px;
}
.join-layout #page-tv-landing .banner-tv-landing{
margin-bottom:0;
}
.join-layout #page-tv-landing .banner-tv-landing .para{
width:300px;
float:left;
margin-top:180px;
}
.join-layout #page-tv-landing .banner-tv-landing .button{
float:left;
left:0;
}
.join-layout #page-tv-landing .button-visit-mfc, #page-tv-landing .button-visit-mfc {
padding:7px 20px 5px;
position:relative;
margin:15px 30px 0 10px;
}
.join-layout #page-tv-landing .banner-section-footer-940 p{
font-size:120%;
}
#button_find_out_more {
background: url("../img/button_find_out_more.png") no-repeat scroll 0 0 transparent;
height: 130px;
width: 130px;
display: block;
position: absolute;
right: 210px;
top: 50px;
text-indent: -999em;
}
#page-tv-landing #button_join_for_free {
padding: 15px 25px !important;
}
/* TV Landing Styles - END */
/* SHOPPING Voucher Styles - START */
.join-layout #page-vouchers .voucher_header {
background: url("../img_join/voucher_search_bg.jpg") no-repeat scroll 0 0 transparent;
padding:10px;
position:relative;
}
.join-layout #page-vouchers .header_box {
background-color:#7159ba;
padding:10px 20px;
margin-bottom:20px;
}
.join-layout #page-vouchers .header_box p {
color:#fff;
margin-bottom:10px;
}
.join-layout #page-vouchers .header_box #searchText {
float:left;
height:24px;
margin:0px 20px 0 0;
padding:6px 3px 2px 3px;
width:365px;
font-size:0.9em;
font-style:italic;
}
.join-layout #page-vouchers .header_box .button{
margin-right:0;
}
.join-layout #page-vouchers .search_question_cont {
width:545px;
left:30px;
position:relative;
top:25px;
}
.join-layout #page-vouchers .voucher_header h2 {
font-family: 'AdelleLightItalic';
background-color:#fff;
color:#7159ba;
}
.join-layout #page-vouchers .voucher_header h3 {
font-family: 'BureauGrotCondBold';
font-weight: normal;
text-transform: uppercase;
top: 8px;
background-color:#fff;
color:#7159ba;
}
.join-layout #page-vouchers .voucher_header h2,
.join-layout #page-vouchers .voucher_header h3 {
background-color:#fff;
clear:both;
color:#7159ba;
float:left;
font-size:2.543em;
left:10px;
padding:10px 5px;
position:relative;
top:10px;
}
.join-layout #page-vouchers .left_block .jcarousel-prev-horizontal {
background-position:0 -33px;
top:80px;
}
.join-layout #page-vouchers .left_block .jcarousel-prev-horizontal:hover,
.join-layout #page-vouchers .left_block .jcarousel-prev-horizontal:focus {
background-position:-50px -33px !important;
}
.join-layout #page-vouchers .left_block .jcarousel-next-horizontal {
background-position:-150px -33px;
top:80px;
}
.join-layout #page-vouchers .left_block .jcarousel-next-horizontal:hover,
.join-layout #page-vouchers .left_block .jcarousel-next-horizontal:focus {
background-position:-100px -33px !important;
}
.join-layout #page-vouchers .left_block .jcarousel-item-horizontal {
margin-left:5px;
margin-right:0;
}
.join-layout #page-vouchers .left_block .section-title-620{padding:15px;}
.join-layout #page-vouchers .left_block .carousel-edge-left{
background-position:-10px 0px;
}
.join-layout #page-vouchers .left_block .carousel-edge-right{
background-position:-70px 0px;
}
.join-layout #page-vouchers .left_block .carousel-edge-left,
.join-layout #page-vouchers .left_block .carousel-edge-right{height:155px;}
.join-layout #page-vouchers .ui-tabs { position: relative; padding: .2em; zoom: 1; }
.join-layout #page-vouchers .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0;border-bottom:2px solid #7159ba; }
.join-layout #page-vouchers .ui-tabs .ui-tabs-nav li { /* Too long to go on one line' */
list-style: none;
float: left;
position: relative;
top:2px;
margin: 0 .2em 1px 0;
border: 1px solid #999;
border-bottom:1px solid #7159ba !important;
padding: 0;
white-space: nowrap;
border-radius:3px 3px 0px 0px;
-moz-border-radius:3px 3px 0px 0px;
-webkit-border-bottom-left-radius:3px 3px 0px 0px;
background-color:#999;
}
.join-layout #page-vouchers .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none;color:#fff;font-weight:700;}
.join-layout #page-vouchers .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px;background-color:#7159ba;border: 1px solid #7159ba;}
.join-layout #page-vouchers .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, #page-vouchers .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.join-layout #page-vouchers .ui-tabs .ui-tabs-nav li a, #page-vouchers .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }
.join-layout #page-vouchers .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 0; background: none; }
.join-layout #page-vouchers .ui-tabs .ui-tabs-hide { display: none !important; }
.join-layout #page-vouchers .ui-widget :active { outline: none; }
.join-layout #page-vouchers .ui-tabs .ui-tabs-nav li:hover {background-color:#7159ba;border: 1px solid #7159ba;font-weight:normal;color:#fff;}
.join-layout #page-vouchers .ui-state-active a, #page-vouchers .ui-state-active a:link, #page-vouchers .ui-state-active a:visited {color:#fff;text-decoration:none;}
.join-layout #page-vouchers .voucher-snippet{
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-bottom-left-radius:5px;
border:1px solid #7159ba;
width:192px;
height:179px;
position:relative;
margin:0 0 15px 15px;
float:left;
}
.join-layout #page-vouchers .voucher-snippet.first{
margin-left:0;
}
.join-layout #page-vouchers .voucher-snippet a{
width:192px;
height:179px;
display:block;
overflow:hidden;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-bottom-left-radius:5px;
}
.join-layout #page-vouchers .snippet-deal{
background:url(../img_join/voucher_snippet_deal.png) top left no-repeat;
width:70px;
height:40px;
position:absolute;
top:-4px;
right:-4px;
z-index:5;
}
.join-layout #page-vouchers .snippet-code{
background:url(../img_join/voucher_snippet_code.png) top left no-repeat;
width:70px;
height:40px;
position:absolute;
top:-4px;
right:-4px;
z-index:5;
}
.join-layout #page-vouchers .snippet-offer{
background:url(../img_join/voucher_snippet_offer.png) 0 0 no-repeat;
width:70px;
height:40px;
position:absolute;
top:-4px;
right:-4px;
z-index:5;
}
.join-layout #page-vouchers .notice-exclusive{
background-color:#7159ba;
color:#fff;
display:block;
font-size:110%;
font-style:italic;
padding:6px 0;
text-align:center;
width:100%;
position:absolute;
z-index:4;
}
/* SHOPPING Voucher Styles - END */
/* TV Landing Styles - START */
#page-tv-landing .topblock {
height: auto;
}
#page-tv-landing .banner-tv-landing .button{
padding:10px 5px !important;
font-size:22px;
}
#page-tv-landing .banner-tv-landing .button,
#page-tv-landing .banner-tv-landing .para{
margin-left:35px;
}
#page-tv-landing .video-widget{
float:left;
margin-right:20px;
width:300px;
}
.block.right_block .video-widget-content,
#page-tv-landing .video-widget-content{
background:#efefef url(../img/widget_texttopbg_grey.jpg) 0 0 no-repeat;
padding:10px;
}
.block.right_block .video-widget-content_2,
#page-tv-landing .video-widget-content_2{
background:#ffffff;
padding:10px 40px;
text-align: center;
}
#page-tv-landing .video-widget-content h3{
margin-bottom:10px;
line-height:1.2em;
}
.block.right_block .video-widget .videocontainer img,
#page-tv-landing .video-widget .videocontainer img{
width:300px;
height:217px;
cursor:pointer;
}
#page-tv-landing .banner-tv-landing{
background:url(../img/banner_tvlanding.jpg) 0 0 no-repeat;
width:940px;
height:425px;
position: relative;
}
#page-tv-landing .banner-tv-landing{
margin-bottom:0;
}
#page-tv-landing .banner-tv-landing .para{
width:300px;
float:left;
margin-top:180px;
}
#page-tv-landing .banner-tv-landing .button{
float:left;
left:0;
}
#page-tv-landing .button-visit-mfc {
padding: 7px 20px 5px !important;
position: relative;
margin: 15px 30px 0 10px;
}
#page-tv-landing .banner-section-footer-940 p {
font-size:120%;
margin: 0;
}
.block.right_block .youtube_video_container,
#page-tv-landing .youtube_video_container {
margin: 35px 0 0;
}
/* TVAdvert Widget For SideBar */
.block.right_block .video-widget{
float:left;
margin-bottom:20px !important;
width:300px;
}
.block.right_block .video-widget h3{
line-height:1.2em;
background-color:#fff;
color:#6ab53e;
font-size:150%;
}
/* TV Landing Styles - END */
/* back to top STICKY - START */
.js .join-layout #back-top{
display:none;
}
.join-layout #back-top {
bottom:10px;
clear:both;
position:fixed;
text-align:right;
width: 180px;
margin:0 auto 0 -240px;
}
.join-layout #back-top a {
-moz-transition:background-color 0.7s ease 0s;
text-decoration:none;
text-transform:uppercase;
}
.join-layout #back-top span {
background:url("../img_join/carousel_sprite.gif") no-repeat scroll -349px -2px #fff;
border-radius:10em 10em 10em 10em;
cursor:pointer;
display:block;
float:right;
height:28px;
margin:-8px 0 0 6px;
width:28px;
}
.join-layout #back-top em {
float:right;
font-style:normal;
letter-spacing:1px;
}
/* back to top STICK - END */
/*Tooltip and Pointer CSS - START */
.join-layout .fg-tooltip {
padding: .8em;
width:375px;
height:180px;
border: 4px solid #ffcdf3 !important;
border-radius: 6px 6px 6px 6px;
position: absolute;
z-index: 9999;
background-color:#fff;
}
.join-layout .fg-tooltip .fg-tooltip-pointer-down-inner {
background:url(../img_join/popup_arrow_border_pink.png) 0 0 no-repeat;
bottom: -20px;
left: 175px;
position:absolute;
height:20px;
width:41px;
}
.join-layout .fg-tooltip.fg-tooltip-opinionmums{
left:-165px;
top:-120px;
}
.join-layout .fg-tooltip.fg-tooltip-savingideas{
left:160px;
top:-125px;
}
.join-layout .fg-tooltip.fg-tooltip-moneyback{
left:480px;
top:-105px;
}
/*pointer alignment*/
.js .join-layout .fg-tooltip{
display:none;
}
.join-layout .fg-tooltip-left .fg-tooltip-pointer-down {
border-left: 0;
border-right: 17px dotted transparent;
border-top-width: 14px;
bottom: -14px;
right: auto;
left: 1em;
margin: 0;
}
.join-layout .fg-tooltip-left .fg-tooltip-pointer-down-inner {
border-left: 0;
border-right: 12px dotted transparent;
border-top: 10px solid #fff;
bottom: auto;
top: -14px;
left: 2px;
}
.join-layout .fg-tooltip-right .fg-tooltip-pointer-down {
border-left: 17px dotted transparent;
border-right: 0;
border-top-width: 14px;
bottom: -14px;
right: 1em;
left: auto;
margin: 0;
}
.join-layout .fg-tooltip-right .fg-tooltip-pointer-down-inner {
border-left: 12px dotted transparent;
border-right: 0;
border-top: 10px solid #fff;
bottom: auto;
top: -14px;
right: 2px;
left: auto;
}
.join-layout #tooltip {
position:absolute;
z-index:9999;
color:#444;
font-size:10px;
width:220px;
border-radius: 6px 6px 6px 6px;
border:4px solid #bceaa9;
}
.join-layout #tooltip .tipBody {
background-color:#fff;
padding:5px 5px 5px 15px;
}
.join-layout #tooltip .tip-pointer {
background:url(../img_join/popup_arrow_border_green_up.png) 0 0 no-repeat;
bottom:auto;
top:-20px;
left:40%;
position:absolute;
height:20px;
width:41px;
z-index:999;
}
/*Tooltip and Pointer CSS - END */
.join-layout .pop_up .topblock input[type="submit"] {
bottom: 0;
cursor: pointer;
height: 28px;
padding: 0;
right: 54px !important;
width: 90px;
}
/* PAGE NOT FOUND */
#pagenotfound .left_block{
width:100%;
}
#pagenotfound .account_image{
float:left;
}
#pagenotfound .box{
width:400px;
padding:20px;
font-size:16px;
float:left;
}
#back-top {
display: none;
}
#back-top {
bottom: 10px;
clear: both;
margin: 0 auto 0 -240px;
position: fixed;
text-align: right;
width: 180px;
}
#back-top em {
float: right;
font-style: normal;
letter-spacing: 1px;
}
#back-top span {
background:#fff url("../img_join/carousel_sprite.gif") no-repeat scroll -349px -2px;
border-radius: 10em 10em 10em 10em;
cursor: pointer;
display: block;
float: right;
height: 28px;
margin: -8px 0 0 6px;
width: 28px;
}
/***************************************/
/* NEW GLOBAL MEGA NAVIGATION - START
/***************************************/
ul.topnav {
list-style: none;
padding: 0 20px;
margin: 0;
float: left;
width: 940px;
background: #222;
font-size: 1.2em;
background-image:-moz-linear-gradient(center bottom , #1A1A1A 7%, #303030 56%, #545454 90%);
position:relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.topnav li.level-0 {
float: left;
margin: 0;
height: 36px;
padding: 0;
border-right: 2px dotted #bfbfbf;
}
ul.topnav li a.level-0 {
color:#fff;
display: block;
font-family: 'BureauGrotCondBold';
font-size: 20px;
font-weight: normal;
padding:9px 19px 11px 17px;
position: relative;
text-decoration: none;
text-transform: uppercase;
}
ul.topnav li .handle { /*--Drop down trigger styles--*/
background:#303030 url("../img/ui-icons_454545_256x240.png") no-repeat scroll -65px -1px;
height:15px;
width:15px;
position:absolute;
border-radius:4px;
top:10px;
right:2px;
}
ul.topnav li.subhover .handle{
background-position:0px -1px;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
.no-js ul.topnav li:hover .subnav { /* CSS fallback */
display:block;
}
/* Sub nav custom styles */
.subnav {
list-style: none;
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
left: 0; top: 35px;
background: #fff;
margin: 0; padding: 0;
display: none;
float: left;
width: 170px;
border: 1px solid #111;
width:978px;
min-height:400px;
height:auto !important;
height:400px;
}
.subnav .banner-section-footer-940{
width:938px;
background-position:center bottom;
background-repeat:repeat-x;
font-style:italic;
font-size:85%;
}
.subnav .banner-section-footer-940 a{
text-decoration:none;
color:#444;
}
.subnav .banner-section-footer-940 a:hover{
text-decoration:underline;
}
.subnav .subnav-header{
display:block;
padding:10px 30px;
color:#000;
background-color:#ccc;
margin-bottom:5px;
font-style:italic;
}
#subnav-pointer{
position:absolute;
top:53px;
left:224px;
width:22px;
height:44px;
display:block;
background:url(../img/subnav_verticalshadow_pointer.jpg) no-repeat top left;
}
.subnav-featured{
float:right;
width:430px;
background:url(../img/subnav_verticalshadow_left.jpg) no-repeat top left;
min-height:322px;
height:auto !important;
height:322px;
padding:10px 0 10px 50px;
}
.subnav-featured.first{
padding:10px 0 10px 30px;
background-image:none;
margin-left:25px;
}
.subnav-featured .featured-content {
width:385px;
clear:both;
border-bottom:1px dotted #d9d9d9;
padding:10px 0;
}
.subnav-featured .featured-content h4{
margin:0 0 5px 0;
font-weight:700;
}
.subnav-featured .featured-content h4,
.subnav-featured .featured-content p{
width:220px;
}
.subnav-featured .featured-content h4,
.subnav-featured .featured-content p,
.subnav ul li p{
font-size:80%;
}
.subnav-featured .featured-content a{
margin:0;
padding:0;
color:#444;
text-decoration:none;
}
.subnav-featured .featured-content h4 a:hover{
color:#999;
text-decoration:underline;
}
.subnav ul{
margin-bottom:50px;
padding:10px 0;
position:relative;
width:250px;
float:left;
background:url(../img/subnav_verticalshadow_left_tall.jpg) no-repeat top right;
min-height:322px;
height:auto !important;
height:322px;
}
.subnav.tall ul{
background:url(../img/subnav_verticalshadow_left_tall.jpg) no-repeat top right;
}
.subnav.tall ul li ul{
background:none;
}
.subnav li{
margin:0;
padding:0;
clear:both;
width:250px;
border-right:0 none;
}
html .subnav li a {
float:left;
width:170px;
background-color:#fff;
margin-left:20px;
color:#434343;
font-family:"Lucida Sans", Verdana, sans-serif;
text-transform:none;
font-size:16px;
font-weight:700;
border-bottom:1px dotted #d9d9d9;
text-decoration:none;
padding:10px 0;
height:auto;
}
html .subnav li a:hover { /*--Hover effect for subnav links--*/
background:none;
color:#777;
}
.subnav ul li p{
margin:0 0 10px 0;
padding:0;
width:215px;
position:absolute;
right:-210px;
top:20px;
display:none;
}
.subnav ul li.active a.level-1{
color:#999;
}
.subnav ul li.active p{
display:block;
}
.no-js .subnav ul li:focus p{
display:block;
}
.subnav ul li ul{
margin:0;
padding:0;
width:260px;
position:absolute;
right:-250px;
top:20px;
background:none;
display:none;
}
.subnav ul li.active ul{
display:block;
}
.no-js .subnav ul li:focus ul{
display:block;
}
.subnav li ul li{
padding-left:30px;
}
.subnav ul li ul li p{
position:relative;
top:0;
left:0;
}
.subnav li ul li a{
font-size:13px;
font-weight:500;
border:0 none;
padding:3px 0 3px 20px;
background:url(../img/topnav_level2_bullet.gif) no-repeat 0px 8px;
height:auto;
margin-left:0;
}
.subnav li ul li a:hover{
text-decoration:underline;
background:url(../img/topnav_level2_bullet.gif) no-repeat 0px 8px;
}
.banner-section-footer-940 {
background: url("../img/banner_section_footer_940.gif") no-repeat scroll left top transparent;
height: 32px;
padding: 12px 20px 0;
width: 900px;
}
/***************************************/
/* NEW GLOBAL MEGA NAVIGATION - END
/***************************************/
/***************************************/
/* NEW HOMEPAGE STYLES - START
/***************************************/
.homepage-featured-articles{
width:300px;
float:left;
}
.homepage-featured-articles dl{
border-top:3px solid #6ab53e;
margin-bottom:15px;
padding-top:10px;
width:100%;
min-height:210px;
height:auto !important;
height:210px;
}
.homepage-featured-articles dl.money-article{
border-top-color:#4Bcbff;
}
.homepage-featured-articles dl.shopping-article{
border-top-color:#7159ba;
}
.homepage-featured-articles dl.time-article{
border-top-color:#ff69bf;
}
.homepage-featured-articles dl.travel-article{
border-top-color:#ffb400;
}
.homepage-featured-articles dl.work-article{
border-top-color:#fc3434;
}
.homepage-featured-articles dl.kitchen-article{
border-top-color:#ff6600;
}
.homepage-featured-articles dl.community-article,
.homepage-featured-articles dl.blogs-article,
.homepage-featured-articles dl.news-article{
border-top-color:#6ab53e;
}
.homepage-featured-articles dd{
width:100% !important;
}
.homepage-featured-articles dd .widget-featured-image{
float:left;
margin:0 15px 10px 0;
}
#ipad_comp_container{margin-bottom:10px;}
/***************************************/
/* NEW HOMEPAGE STYLES - END
/***************************************/
/* mobile version
@media only all and (max-width: 920px) {
.header .banner {display:none;}
}
@media only all and (max-width: 718px) {
#frontend_search_box {display:none;}
}
@media only all and (max-width: 640px) {
.left_block {float:none;width:100%;clear:both;}
.right_block {float:none;width:100%;margin:auto 0px;clear:both;}
.header .topblock,
.header .topblock2,
.new_slider,
.banner,
.video,
.fb,
.bottom_block {display:none}
.four_vouchers dl {width:98%;}
.section dl,
.section ol {float:none;clear:both;width:98%;height:auto;border-left:none;border-top:dotted 1px #777;padding-top:5px;}
.section ol li {padding:5px;border:none;}
.section dd {padding-top:5px;}
}
/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)
Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media handheld, only screen and (max-width: 480px) { /* iPhones & handhelds */
.wrapper{width:100%;}
.homepage-featured-articles {width:95%;}
.homepage-featured-articles dl {min-height:180px;margin-bottom:5px;}
.jcarousel-clip-horizontal {width: 100%;}
.new_slider{width:96%;clear:both;}
html {-webkit-text-size-adjust: none;}
body .body .wrapper{width:100%;padding:20px 0;}
.breadcrumb{margin-bottom:10px;}
#newhome{padding:5px;}
.top_bg{background:none;}
.header .block.banner,#subscription_slider #top_main,#subscription_slider #hide_btn {display:none;}
.subnav {display:none !important;}
.header .nav li {float:left;clear:none;margin-right:5px;}
.header .nav li:after {display:none;}
.left_block{clear:both;margin-bottom:10px;}
.join-layout .left_block .jcarousel-clip-horizontal, .left_block .jcarousel-container-horizontal {width: auto;}
.ul.topnav li a.level-0{font-size:85%;width:100%;}
#subscription_slider{display:block;bottom:-200px !important;clear:both;float:left;left:0;margin:0;position:relative;}
#subscription_slider .content_holder {width:460px;background-color:#fff;}
img {max-width: 100%;height: auto;width: auto\9; /* ie8 */}
.video embed,.video object,.video iframe {width: 100%;height: auto;}
.block.about{display:none;}
.left_block h2 span .right {clear: both;left: 0;padding: 0;position: relative;width:100%;}
#topnav-wrapper .topnav{width:100%;padding:0;}
.topblock, .left_block,
.right_block,
.block.right_block .video-widget,
.jcarousel-clip-horizontal {width:100%;}
.tp_nav a.hover {background-position: -22px 0;}
.tp_nav li, .tp_nav li a {width:114px;}
.tp_ss .tp_ss_inner{
background-repeat:no-repeat;
background-position:center center;
-o-background-size: auto auto, cover;
-moz-background-size: auto auto, cover;
-webkit-background-size: auto auto, cover;
background-size: auto auto, cover;
}
.right_block, .right_block .block, .search_question_cont {clear:both;}
.right_block h2 a.active, .right_block h2 a:hover, .right_block h2 span {width: 95%;}
.right_block h2 a, .right_block h2 a:hover, .right_block h2 a.active{width: 45%;}
.block.right_block .video-widget .videocontainer img{height: auto;margin: 0 auto;width: 95%;}
.post_comments_v2{width:96%;pdding:10px;}
.bottom_block .more, .bottom_block .about {width: 95%;}
.more dl {width: 48%;}
.footer {height:162px;}
.footer .copyright{position:relative;}
/* NEW PAGES - Join, Savings pack*/
.join-layout .accordion{width:92%;}
.submain .wrapper,
.join-layout .banner-joinclub,
.join-layout #savings-pack .carousel-header .join-layout .section-title-840,
.join-layout #join .promo-savings-pack, .join-layout #myaccount .promo-savings-pack,
.join-layout #savings-pack .promo-savings-pack,
.join-layout .section-title-938,
.join-layout .topslider{width:100%;}
.join-layout .jcarousel-container-horizontal{width:78%;}
.join-layout .jcarousel-item-horizontal{margin-right:90px;}
.join-layout .accordion .ui-accordion-content-active{background-image:none !important;}
.join-layout .widget-300{margin:0 auto 10px auto !important;float:none !important;}
}
/* NEW FONT STYLES UNUSED AS OF 12 APRIL 2012 - Ian */
.bgc_25, .bgc_36{
font-family: 'BureauGrotCondBold';
}
.bgc_25 {
font-size: 1.923em;
line-height: 2.308em;
}
.bgc_36 {
/*font-size:2.769em;
line-height:1.em;*/
}