.caret {
    border-right: 1px solid #999;
    margin: 5px 13px;
}
.fuzzy-border {
    box-shadow: 0 0 5px #ddd;
    padding: 10px;
    background-color: #fff;
}
.clean-border {
    box-shadow:none;
    padding:10px;
}
.margin-top-20 {
    margin-top:20px;
}
/* HEADER */
.header {
	background-image:url('../../Images/Layout/HeaderSwoosh.png');
	background-repeat: repeat-x;
	background-position:bottom;
}

.page-area {
    margin: 0 auto;
    padding: 0;
}

.primary-nav ul {
    text-align: justify;
    background-color: white;
    height: 25px;
}

.primary-nav ul:after {
    content: '';
    display: inline-block;
    width: 100%;
}
.primary-nav ul li {
    list-style: none;
    font-size: 16px;
    display: inline-block;
    position: relative;
    height: 30px;
    width: 200px;
    text-align: center;
}

.primary-nav .last {
    padding: 0;
}

.primary-nav a {
    color: #3e3e3e;
    font-weight: 500;
    text-decoration: none;
}

.primary-nav a.active span,
.primary-nav li:hover span {
    border-bottom-width: 3px;
    border-bottom-style: solid;
}
.primary-nav ul ul 
{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
    background-color: rgba(244, 244, 244, 0.95);
    filter: alpha(opacity=95);
    -khtml-opacity: 0.95;
    -moz-opacity: 0.95;
    opacity: 0.95;
    
    list-style:none;
    position:absolute;
    left:-9999px; 
    border: 1px solid #b1b1b1;
    top:20px;
    padding: 20px 21px 5px;
    background-image: url('../../images/submenu-bg.png');
    height: auto;
    z-index: 999999999;
}
.primary-nav ul ul li{
    padding-top:1px; 
    float:none;
    height: 35px;
}

.primary-nav ul ul li.last {
    height: 20px;
}

.primary-nav ul ul a {
    white-space:nowrap; 
}
.primary-nav ul li:hover ul{ 
    left:0;
}


.primary-nav ul ul li:hover a { 
    border-bottom-width: 3px;
    border-bottom-style: solid;
}
.primary-nav ul ul li:hover ul a { 
    text-decoration:none;
}

/* CONTENT AREA */
.content-area {
    background-color: lightgray;
    background-image: url(../../Images/Layout/BackGround.jpg);
    background-repeat: repeat-x;
    padding-top:15px;
}
.checkout-background {
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    top:10%;
	background-color: lightgray;
    background-image: url(../../Images/Layout/BackGround.jpg);
    background-repeat: repeat-x;
    z-index:-1;
}
.content-area .page-area {
    background-color: white;
    padding-bottom:85px;
    padding-top:10px;
}
.no-padding-bottom,
.content-area .no-padding-bottom {
    padding-bottom:0;
}

.content-area .page-area ol
{
  margin: auto;
    padding-left: 30px;
    border: none;
    
}

.content-area-checkout {
    background: none;
}

.home-banner {
    height: 100px;
}

.inner-content {
    padding: 0 5px;
    width: 750px;
}
.separator {
    border-radius: 20px;
    padding: 12px 20px;
    margin: 1px 0;
    overflow: auto;
}

.separator h3 {
    color: white;
}

.separator.app-pager .select-box-class.custom-select {
    margin-bottom: -5px;
    margin-top: -5px;
    margin-left: 5px;
    margin: -5px 10px -5px 5px;
    width: 190px;
}

.separator a,
.separator .sort-by {
    color: white;
    text-decoration: none;
}

.separator .view-all .opacity-80 {
    opacity: 0.8;  
}

.separator .view-all a.opacity-80:hover  {
    opacity: 1;

}

.separator a .more {
    background-position: 22px 24px;
    height: 18px;
    width: 18px;
    display: inline-block;
}

/*.separator a:hover .more {

    background-position: 167px 22px;
}*/

.separator h3 {
    color: white;
    margin: 0;
}

.separator.app-pager h3 {
    display: inline;
}

.app-pager .breaker {
    color: white;
}

.separator.app-pager .float-left a {
    text-decoration: underline;
}

.separator .selected {
    text-decoration: underline;
}

.sep-narrowed {
    width: 700px;
    margin-left: 43px;
}

.seperate-content {
    margin-top: 10px;
    margin-bottom: 10px;
}

.a-z a {
    padding-right:5px;
    padding-left:5px;
}

.a-z a:hover {text-decoration: underline; }

.a-z a.inactive {  color: #646464;cursor: not-allowed; }
.a-z a.inactive:hover {text-decoration: none; }

.a-z .all {
    font-weight: bold;
    margin-right: 40px;
    margin-left: 30px;
}

.more {
    margin-bottom: -4px;
    margin-left: 5px;
}

.link-list {
    overflow: auto;
    min-height: 500px;
}

.link-list a{
    border-radius: 20px;
    padding: 6px 20px;
    border: 1px solid #b8b8b8;
    font-size: 12px;
    float: left;
    width: 192px;
    margin-bottom: 2px;
    font-weight: bold;
    color: #2a2a2a;
    text-decoration: none;
    white-space: nowrap;
}


.link-list a.MiddleItem {
    margin-left: 23px;
    margin-right: 23px;
}



.link-list .last {
    margin-right: 0 ;
}

.competition-banner {
	padding: 10px;
	width: 760px;
	box-shadow: 1px 1px 14px 1px #A8ACB8;
	-webkit-box-shadow: 1px 1px 14px 1px #A8ACB8;
	-moz-box-shadow: 1px 1px 14px 1px #A8ACB8;
	margin-top: 20px;
}

.competition-header {
	font-weight: bold;
	margin: 15px 0px;

}

.competition-search input[type="text"] {
	width: 630px;
	font-style: italic;
}

.competition-search input[type="button"] {
	margin-left: 20px;
	width: 80px;
}

.competition-winners .tab 
{
	margin-top: 20px;
	width: 100px;
	text-align: center;
	margin-right: 10px;
	font-weight: bold;
}

.competition-winners .competition-info {
	margin-top: 30px;
}

.competition-winners .competition-info .bold {
	font-weight: bold;
	display: inline-block;
}

.competition-winners .competition-info label {
	margin-right: 30px;
	margin-bottom: 20px;
	display: inline-block;
}

.competition-winners .winners span 
{
	margin-top: 5px;
	display: block;
}



/* LEFT SIDEBAR */
.side-bar {
    margin-top: 10px;
}

.side-bar .price {
	font-size:23px;
	font-weight: bold;
	text-align: center;
	margin: 10px 0;
}

.side-bar .windows-badge {
    height: 40px;
    width: 135px;
    border-radius: 5px;
     margin: 2px 0;
}

.side-bar .blackberry-badge {
     margin: 2px 0;
}

.side-bar .google-badge {
    width: 128px;
    height: 42px;
   margin: 2px 0;
}

.side-bar .apple-badge {
    margin: 2px 0;
}

.vertical-secondary-nav li {
    list-style-type: none;
    list-style-image: none;

}

.promo {
    border: 1px solid #b8b8b8;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 13px;
    width: 148px;
}

.promo img {
    padding: 0;
    display: block;
}

/* MAIN RIGHT */
.main-right,
.main-left {
    margin-top: 10px;
    margin-bottom: 25px;
}

.bread-crumb {
	

}
.bread-crumb a, .bread-crumb span {
    text-decoration: none;
    font-size: 13px;
     color: #282828;
}

.video {
    position: relative;
}

.play-overlay {
    position: absolute;
    right: 148px;
    top: 100px;
}

.grey-bg {
    background-color: #eee;
    padding: 10px;
    margin: 10px 0 23px;
}

.full-width {
    width: 100%;
}

.fix-quarter {
    width:175px;
    margin-bottom: 12px;
}
.related-comp {
    padding: 13px 0;
}
.paging-left {
    width:350px;
}
.paging-left h3 {
    float:left;
    margin-right:10px;
}
.paging-left .breaker {
    float:left;
    margin-right:10px;
}
.solid-line {
    border-top: 1px solid #b2b2b2;    
}


.solid-line.padded-full-width {
    margin:0 20px;
}

.grey-bg .solid-line {
    width: 300px;
    margin-bottom: 10px;
}

.grey-bg p {

}


.uline-list {
    overflow: auto;
    margin-bottom: 5px;
}

.uline-list li {
    list-style: none;
    list-style-image: none;
    float: left;
}

.uline-list a {
    text-decoration: underline;
    color: #282828;
    margin-right: 7px;
}

.yellow-box {
    background: #ffd633; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffd633 0%, #caa200 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd633), color-stop(100%,#caa200)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffd633 0%,#caa200 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffd633 0%,#caa200 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffd633 0%,#caa200 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffd633 0%,#caa200 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b50f01', endColorstr='#940c00',GradientType=0 ); /* IE6-9 */
    padding: 25px 7px 15px;
    border: none;
}

.box-button {
    border-radius: 5px;
    border: 0;
}

.box-button span {
    text-transform: uppercase;
    font-size: 36px;
    font-family: 'bebasregular';
    color: white;
    line-height: 43.2px;
}

.box-button .inner-button {
    border-radius: 10px;
    border: 0;
    background: url('../../images/bg-inner-button.png');
    height: 20px;
    padding: 5px;
}

.box-button .inner-button span {
    color:#2a2a2a;
    font-size: 12px;
    text-transform: capitalize;
}

.tabbed-area {
    margin: 25px 0 15px;
}

.tabbed-area a {
    font-weight: bold;
    font-size: 18px;
}

.competition-list {
    margin-bottom: 20px;
    overflow: auto;
}

.competition-list .ind-magazine {
    padding: 20px 20px 0 0;
    width: 575px;
}

.competition-list .ind-magazine.even {
    padding-right: 0;
}

.competition-list .ind-magazine .magazine {
    border: 4px solid #d7d7d7;
    border-radius: 5px;
    display: block;
    width: 86px;
    margin-right:10px;
    font-size: 14px;
    line-height: 16.8px;
    color: #2b2b2b;
}

.competition-list .details {
    overflow: hidden;

}

.competition-list .details h2 {
    font-size: 30px;
    line-height: 34px;
    margin-top: 5px;
    margin-bottom: 15px;
    font-weight: bold;
}

.competition-list .details h2 a {
    text-decoration: none;
}

.competition-list .details .issue {
    clear: both;
    color: #767676;
    font-weight: bold;
}

.competition-list .details .sale-date {
    clear: both;
    color: #767676;
}

.competition-answer {
    clear: both;
    margin-bottom: 17px;
    border: 1px solid #4c4c4c;
}

.competition-answer h3 {
    text-shadow: 0 0 1px black;
    font-size: 18px;
    color: white;
    background-color: #4c4c4c;
    text-align: center;
    padding: 6px 8px 7px;
    margin-bottom: 0;
    font-weight: normal;
}

.competition-answer {
  
    overflow: auto;
    background: #fff; /* Old browsers */
    background: -moz-linear-gradient(top,  #fff 0%, #f4f4f4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fff 0%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fff 0%,#f4f4f4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fff 0%,#f4f4f4 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fff 0%,#f4f4f4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */

}

.competition-answer .competition-id-closing {
    font-size: 12px;
	margin: 15px 10px;

    color: #8e8e8e;
}

.form-item {
    clear: both;
    font-family: Arial, sans-serif;
    margin-bottom: 15px;
}

.competition-answer .form-item label {
    font-size: 24px;
    color: #32911c;
    margin-right: 15px;
    margin-top: -2px;
    margin-left: 10px;
}

.competition-answer .disabled label {
    color: #a9caa4;
	
}

.competition-answer .form-item input {
    width:643px;
}

.competition-answer .disabled input {
    border-color: #dfdfdf;
    box-shadow-color: #dfdfdf;   
}

.competition-answer .tandc {
    font-size: 13px;
    width: 610px;
    text-align: right;
    padding-top: 5px;
    padding-right: 10px;
}

.competition-answer .tandc a {
    text-decoration: underline;
    color: #4c4c4c;
}

.competition-answer input[type="submit"] {
    width: 130px;
	margin-bottom: 10px;
	margin-right: 10px;
}

.competition-answer .completed {
    text-align: right;
    margin-top: -10px;
    margin-right: 10px;
    
}

.competition-answer .completed .completed-text {
    padding-top: 15px;
    padding-right: 10px;
    font-family: Arial, sans-serif;
}

.competition-answer .completed .sprite-tick {
        margin-right: 10px;
}

.puzzle-intro h2{
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: bold;
}

.puzzle-list {
    padding-top: 10px;
}

.puzzle-list .ind-puzzle {
    border: 1px solid #dbdbdb;
    padding: 10px;
    overflow: auto;
	margin-bottom: 20px;
	margin-left: 15px;
    width: 360px;
    
    background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f4f4f4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f4f4f4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */

    
    
    
}

.puzzle-img {
    width: 203px;
    height: 203px;
    margin-right: 7px;
}

.puzzle-list img {
    width: 203px;
    border-radius: 30px;
}

.puzzle-list .puzzle-details {
    width: 150px;
    font-size: 13px;
    position: relative;
    overflow: hidden;
    height: 203px;
}

.digital-apps {
}

.digital-apps .digital-apps-information {
	margin-bottom: 0px;
	max-height: 100px;
	overflow: hidden;
}

.digital-apps .digital-rating img {
	width: 150px;
}

.puzzle-list h2 {
    font-size: 16px;
    margin-bottom: 0;
    margin-top: 0;
    font-weight: bold;
}

.puzzle-list .puzzle-details input {
    position: absolute;
    bottom: 0;
    right: 0;
}


/* FOOTER	 */
.footer-break {
    background: url("../../Images/Layout/FooterSwoosh.png"); /* Old browsers */
    background-repeat:repeat-x;
    background-position: center;
	
    height:85px;
	width: 100%;
	color:#fff;
	margin-top:-85px;
}
.footer {
    background: #262626; /* Old browsers */
    background: -moz-linear-gradient(top, #262626 0%, #333333 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#262626), color-stop(100%,#333333)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #262626 0%,#333333 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #262626 0%,#333333 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #262626 0%,#333333 100%); /* IE10+ */
    background: linear-gradient(to bottom, #262626 0%,#333333 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262626', endColorstr='#333333',GradientType=0 ); /* IE6-9 */
}
.footer a,
.footer-signature a {
    color:#fff;
}
.footer-signature {
    background:#222;    
    color:#fff;
}
.footer-inner {
	width: 960px;
	margin: 0 auto;
	color:#fff;
}
.footer-inner div {
    color:#fff;    
}
/* MAGAZINE STYLES */

.magazine-page{}

.magazine-page .main-right{ margin-top:0px;}


.magazine-page .product-inner {margin-top:20px;}

.magazine-page .main-right {}

.magazine-page .h1-header h1 {
	float:left;
	width:790px;
}

.magazine-page .right-column {
	background-color:#EEEEEE;
	width:535px;
	margin-bottom: 30px;
}

.magazine-page .headings {
	border-bottom:1px solid #B2B2B2;
	font-weight: bold;
	margin-bottom:10px;
	width:280px;
}


.magazine-page .country-select {
	margin-bottom:25px;
}

.magazine-page .country-select select,
.magazine-page .subscription-select select {
    width:380px;
}

.magazine-page .subscription-select {
	margin-top:20px;
	margin-bottom:25px;
	float:left;
}
.magazine-page .promotion-box {
    width:380px;
}
.promotion-box input[type="button"] {
	border:0;
	background-color: #D16E37;
	padding:5.5px 0px;
	width:85px;
	color:#ffffff;
	float:left;
}

.promotion-box input[type="text"] {
	width:270px;
	margin-right:10px;
	float:left;
}

.magazine-page .radio-box {
	margin-bottom:10px;
	width:380px;
}
.magazine-page .radio-box .radio-box-inner {
    width:380px;    
}
.magazine-page .radio-box .radio-box-inner .radio-box-content {
    width:280px;
    float:left;
}

.magazine-page .radio-box .radio-box-inner .red-text {
    width:280px;
}
.magazine-page .radio-box label  {
	margin-bottom:10px;
}



.magazine-page .subscription-box .radio-box label {
	font-weight: bold;
}

.magazine-page .subscription-box .radio-box div, .magazine-page .subscription-box .radio-box p  {
	font-size: 13px;
	margin:0;
}

.magazine-page .subscription-box .radio-box p {
	margin-bottom:10px;
	margin-top:5px;
}

.magazine-page .buy-panel .buy-button {
	margin-left: -9px;
	margin-bottom:25px;
	width:180px;
}


.magazine-page .buy-panel a {
	margin-top:15px;
	text-decoration: underline;
	color:inherit;
}

.magazine-page .pre-image-container {
	text-align: center;
}

.magazine-page .pre-image-container .image-container {
	border:solid 3px #F2F2F2;
}

.magazine-page .pre-image-container .image-container .Image {
	text-align: center;	
}

.magazine-page .back-issue-email-buttons,  .magazine-page .back-issue-email-buttons input[type="button"] {
	margin-top:10px;
}


.magazine-page .review-container {
	margin-top: 50px;
}
.magazine-page .review-container .tab {

	margin-bottom: 10px;
}

.magazine-page .review-container .leave-review-button {
	width: 245px;
}

.magazine-page .review-container .review {
	padding: 20px 0px;
}


.magazine-page .review-container .review .review-name
{
	margin: 10px 0px;
	font-weight: bold;
	font-size: 16px;
}


.magazine-page .review-container .review .review-text p
{
	margin-bottom:0px;
}

.magazine-page .review-container .review .review-rating img
{
	width: 140px;
}


.leave-review .avg-rating {
	margin-top: 15px;
}
.leave-review .avg-rating .text {
	width:100px;padding-right: 10px;
}

.leave-review img
{
	margin-top: -10px;
}

.leave-review input[type="text"] {
	margin-top: -5px;
	width: 290px;
	margin-bottom: 10px;
}

.leave-review .name {
	margin-top: 20px;
}

.leave-review .primary-button {
	width: 150px;
	margin-top: 20px;
	margin-right: 30px;
}

.leave-review .comment textarea {
	margin-left: 10px;
	width: 585px;
	height: 145px;
	margin-top: 35px;
}

.login-container .login .row {
    padding-top: 5px;
    padding-bottom: 5px;
}
.login-container .login .column1 {
    width:200px;
    float:left;
}
.login-container .login .column1 label {
    line-height:26px;
}
.login-container .login .column2 {
    margin-left: 200px;
}

.login-container .login .column2 input {
    width:290px;
}
.login-container .login .login-forgot-password,
.login-container .login .login-no-user-id {
    margin-left:200px;
    width:300px;
    margin-top:10px;
    line-height:20px;
}
.login-container .login .login-next {
    margin-right:280px;
    margin-top:10px;
    float:right;
}
form.login {
    width: 490px;
}

form.login label {
    width: 210px;
    display: inline-block;
    margin-left:10px;
}

form.login input[type="text"],
form.login input[type="password"] {
    width:210px;
    display: inline-block;
    margin-right: 13px;
}

form.login .sprite-info {
    vertical-align: top;
}

form.login .form-item {
    margin-bottom: 5px;
}


form.login .form-links {
    width: 330px;
    text-align: right;
    margin-right: 45px;
}

form.login .form-links a {
    margin-top: 20px;
    display: block;
}

form.login input[type="submit"] {
    margin-top: 40px;
    margin-right: 35px;
    width: 140px;
}

form.login.using-console-data.user-has-email {
    width: 530px;
}

form.login.using-console-data.user-has-email h3 {
    margin: 20px 10px;
}

form.login.using-console-data.user-has-email label {
    width: 170px;
}

form.login.using-console-data.user-has-email .hidden-label {
    clear: none;
    display: inline-block;
}

form.login.using-console-data.user-has-email .hidden-label label {
    display: none;
}

form.login.using-console-data.user-has-email .radio-row {
    display: inline-block;
    margin-left:0;
}

form.login.using-console-data.user-has-email input#email {
    width: 300px;
}

form.login.using-console-data.user-has-email .form-item .form-item label {
    margin-left: 40px;
    margin-top: 15px;
}

form.login.using-console-data.user-has-email .form-links {
    width:220px;
    text-align: right;
    margin-right: 5px;
    font-family: arial, sans-serif;
}

form.login.using-console-data.user-has-email .form-links a {
    margin-top: 10px;
}

form.login.using-console-data.user-has-email input[type="submit"] {
    margin-right: 0;
    margin-top: 25px;
}

form.login.using-console-data.no-email {
    width: 530px;
}

form.login.using-console-data #new-email,
form.login.using-console-data #confirm-new-email{
    width: 300px;
}

form.login.using-console-data.no-email .form-links {
    margin-right: 20px;
    width: 240px;
}

form.login.using-console-data.no-email .form-links a {
    margin-top: 0;
}

form.login.using-console-data.no-email input[type="submit"] {
    margin-right: 15px;
    margin-top: 25px;
}

.plain-border {
    border: 1px solid #d3d3d3;
}

.tab {
    border:0;
    background: #165F49;
    border-radius: 20px;
    color:#ffffff;
    outline:none;
    padding:7px 20px;
    cursor:pointer;
    display: inline-block;
    text-decoration: none;
}

.tab:hover
{
    background:#0B392C;
}

.tab:active
{
    background:#ffffff;
    color:#6D9185;
    border:1px solid #6D9185;
    padding:6px 19px;
}


.tab.inactive {
    background:#ffffff;
    color:#6D9185;
    border:1px solid #6D9185;
    outline:none;
    border-radius: 20px;
    padding:6px 20px;
    cursor:pointer;
}

.tab.inactive:hover {
    background:#D3D3D3;
    color:#6D9185;
    border:1px solid #6D9185;
}

.tab.active:active {
    background: #165F49;
    color:#ffffff;
}

/*forms used on multiple pages */

.address-form {
	width: 450px;
}

.address-form label , .security label {
	width: 150px;
	display:block;
	margin-top: 10px;
}

.address-form span.select-box-class {
	width: 200px;
}

.address-form input[type="text"], .address-form .select-box-class,  .security input[type="text"], .security input[type="password"] {
	margin-bottom: 10px;
}



.security {
	width: 400px;
}

.my-account-security a.primary-button {
	width: 120px;
	display: block;
	margin-top: 20px;
}

.forgotten-password-inner {
    width:600px;
    margin: 40px auto;
    padding:20px;
}
.forgotten-password-text {
    margin-bottom:20px;
    line-height:20px;
}

.magazine-page .mag-no-sub-right {
    background-color:#fff;
}


/* Digital FAQ */

.digital-faq {
	
}

.digital-faq h3 {
	margin: 10px 0px;
}

.digital-faq a {
	text-decoration: none;
}

.digital-faq input[type="text"] {
	width: 650px;
	font-style: italic;
}

.digital-faq input[type="button"] {
	margin-left: 20px;
	width: 80px;
}

/* Puzzle Page */



.puzzle-page {}
.puzzle-page .video { width: 100%; }
.puzzle-page .video .embedded { width: 100%;height: 345px; }
.puzzle-page .extra-info .heading 
{
	border-bottom: 1px solid #B2B2B2;
	width: 70%;
	display: block;
	font-weight: bold;
	margin: 10px 0px;
	padding-bottom: 5px;
}
.puzzle-page .related-puzzles a {
	display: inline-block;
	margin-left: 4px;
	font-size: 12px;
	margin-bottom: 3px;
    padding: 5px 10px;
    height: 20px;
    color: #ffffff;
    line-height: 20px;
    border-radius: 10px;
    text-decoration: none;
    font-weight: bold;
	
}

.email-send-button .primary-button {
	width: 90px;
	display: block;
}

.syndication .secondary-button {
	margin-right: 120px;
	width: 200px;
}


/* Digital Product */
.digital-page .delivery-select select 
{
	width: 250px !important;
}

.digital-page .left-column {
	width:260px;
	float:left;
	height:360px;
	margin-top:20px;
}


 .digital-page .left-column .product-image {
	float:left;
	background-color:red;
	height:255px;
	width:255px;
}

.digital-page .left-column .thumbs-container {
	float:left;
	width:270px;
	margin-top:20px;
}

.digital-page .left-column .thumbs {
	float:left;
	width:80px;
	height:80px;
	margin-right:8px;
}


.digital-page .left-column .thumbs td tr {
	width:80px;
	height:80px;
}

.digital-page .left-column .thumbs img {

}

.digital-page .right-column {
	width:500px;
	float:right;
}

.digital-page .right-column .h1-header h1 {
	font-size:25px;
}

.digital-page .right-column .product-description {
	width:500px;
	height:140px;
	margin-top:20px;
	overflow:hidden;
}

.digital-page .right-column .delivery-select select {
	width:210px;
}

.digital-page .right-column .delivery-select {
	margin-right: 20px;
}

.digital-page .right-column .share-this {
	width:70px;
	display:block;
	float:left;
	height:80px;
	margin-top:10px;

}

.digital-page .right-column .price {
	font-size:23px;
	font-weight: bold;
	margin-right:30px;
	width:205px;
	text-align: right;
	margin-top: 20px;
}


.digital-page .right-column .product-buttons {
	width:415px;
	margin-top:10px;
	margin-bottom: 30px;
}

.digital-page .right-column .product-buttons .primary-button {
	width:120px;
	padding:8px 20px;
	margin-right: 20px;
	margin-left:15px;
}

/* Online Puzzle Grid*/

.online-puzzle-grid .heading 
{
	border-bottom: 1px solid #B2B2B2;
	width: 50%;
	display: block;
	font-weight: bold;
	margin: 10px 0px;
	padding-bottom: 5px;
}

.online-puzzle-grid .puzzle-image {
	box-shadow: 0 0 5px #ddd;
}

/* Forgotten password */

.forgotten-password .primary-button {
	width: 100px;
}


/* Mini basket */
.mini-basket {
	width: 390px;
}

.mini-basket .basket 
{
	width: 135px;
	text-align: center;
	padding: 0px 10px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	height: 40px;
	background:rgba(0, 0, 0, 0.2);
}

.mini-basket a {
	color: #ffffff;
}

.mini-basket .basket a {
	text-decoration: none;
	position: absolute;
	top: 14px;
	right: 6px;
	
}

.mini-basket .basket .sprite-basket {
	position: absolute;
	top: 10px;
	left: 0px;
}

.mini-basket .header-links a {
	width: 370px;
	display: inline;
	margin-right: 20px;
}

.mini-basket .header-links span {
	margin-top: 10px;
	margin-right: 5px;
	display: inline-block;
	color: #ffffff;
}


/* Register */

.register .billing-address {
	width:370px;
	height:450px;
	background-color: #dcdcdc;
}

.register .current-newsletter {
	border-bottom:1px solid #3E3E3E;
	margin-top:50px;
	margin-bottom:10px;
}

.register .current-newsletter span {
	font-weight: bold;
	margin-bottom: 10px;
	display: block;
}

.register .current-newsletter label {
	margin-top:10px;
	margin-bottom:20px;
}

.register .required-information {
	font-style: italic;
	font-size:13px;
}

.register .edit-newsletter {
	margin-top:40px;
	border-bottom:1px solid #3E3E3E;
	padding-bottom:30px;
}

.register .edit-newsletter .hear-from-us {
	margin-bottom:40px;
}

.register .edit-newsletter span {
	margin-bottom:10px;
	display:block;
}

.register .edit-newsletter label {
	margin-right:30px;
}

.register .primary-button {
	width:130px;
	margin-top:15px;
	display: block;
	margin-left: 210px;
}

.register strong {
	margin-top: 10px;
	display: inline-block;
	margin-bottom: 15px;
}

/* Popover Help Text*/

.Popover { margin-right: 12px;}

/* Alignment Fix */

.AlignColumnContentsVertical { padding-top: 8px; }
.AlignColumnContentsHorizontal { padding-left: 30px; }
.RadioColumn1 
{
    width:200px;
    float:left;
}

.clear .spacer { padding-top: 20px;padding-bottom: 20px; }

/*** Puzzler Banner ***/
.AdminBannerSlideLink {
    display: block;
    width: 200px;
    background-color: lightskyblue;
}
.puzzler-banner {
    position: relative;
}
.puzzler-banner .slide a {
    display: block;
    float: left;
}
.puzzler-banner .pagination {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.puzzler-banner .pagination .bullet {
    border-radius: 12px;
    border: 2px solid #e92b2d;
    background-color: #ffffff;
    opacity: 0.75;
    width: 20px;
    height: 20px;
    
    float: left;
    margin-right: 4px;
    cursor: pointer;
}
.puzzler-banner .pagination .bullet.selected { background-color: #e92b2d; border: 2px solid #ffffff; }
.puzzler-banner .pagination .bullet:last-child {margin-right: 0;}

/*** HEADER SEARCH ***/

.HeaderSearch {}
.HeaderSearch .header-button {
    font-weight: bolder;
}
.HeaderSearch .header-button i.search-icon {
    display: inline-block;
    background-position: -53px -23px;
    width: 11px;
    height: 12px;
    margin-left: 5px;
}
/*** GIFT SEARCH ***/

.puzzle-search { border-radius: 5px;height: 232px; }
.puzzle-search div { color: #ffffff; }
.puzzle-search label { color: #ffffff; }
.puzzle-search a { color: #ffffff; }
.puzzle-search .content { margin: 7px;height: 218px; position: relative; }
.puzzle-search .title {font-size: 20px; font-weight: bold;text-align: center;padding: 7px 0; }
.puzzle-search .field { display: block;padding-bottom: 15px;}
.puzzle-search .field .dropDown { display: block;width: 100%;}
.puzzle-search .field .dropDownGift { display: block;width: 100%;opacity: 1 !important;height: 20px !important;}
.puzzle-search .field label { display: block;width: 100%;}
.puzzle-search .btn {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 28px;
    line-height: 28px;
    margin: 0 auto 0 auto;
    border-radius: 14px;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

/* Comments Styles Start */
.ProductComments                    {margin-top: 20px;margin-bottom: 20px;}
.ProductComments .Header            {border-bottom:1px solid #000000;padding-bottom:5px;}
.ProductComments .Header .Title {float:left;display:inline;font-size:120%;padding:6px 0px 0px 0px;}
.ProductComments .Header .ReadAll {float:right;display:inline;margin:6px 20px 0px 0px;}
.ProductComments .Header .ReadAll a {}
.ProductComments .Header .Login {float:right;display:inline;}

.ProductComments .Header .WriteReview {float:right;}
.ProductComments .Header .WriteReview a {color:#557DB8;text-decoration:none; display:block;padding:0px 26px 0px 0px;background:url(../../images/WriteAReview_btn.gif) no-repeat top right;}
.ProductComments .Header .WriteReview a:Hover	{text-decoration:underline;}

.ProductComments .CommentContainer {font-size:100%; padding-left: 20px;}
.ProductComments .CommentContainer:after {content:".";height:0;display:block;visibility:hidden;clear:both;}

.ProductComments .CommentContainer table {border:0;color:#999999;}
.ProductComments .CommentContainer table tr td {vertical-align:middle;Border-bottom:1px solid #E5E5E5;padding:30px 20px 30px 38px;}
.ProductComments .CommentContainer table tr .Rating {width:25%;text-align:left;font-weight:bold;}
.ProductComments .CommentContainer table tr .Description {width:75%;text-align:left; vertical-align:top;}

.ProductComments .CommentContainer .Comment {border-bottom:1px solid #000000;margin:10px 0 0 0;padding:10px 10px 10px 10px;}
.ProductComments .CommentContainer .Comment .StarRating {float:left;display:inline;}
.ProductComments .CommentContainer .Comment .StarRating .TextValue { padding-top: 5px;}
.ProductComments .CommentContainer .Comment .Date {float:right;display:inline;padding-top:5px;}
.ProductComments .CommentContainer .Comment .CommentText {margin:5px 0px 14px 10px;}
.ProductComments .CommentContainer .Comment .CommentTextBox {margin:20px 0 0 0;}
.ProductComments .CommentContainer .Comment .Name {}
.ProductComments .CommentContainer .Comment .Response {margin-top:10px;background:#e6e6e6;padding:15px;}
.ProductComments .CommentContainer .Comment .Response .ResponseTitle {font-weight:bold;margin-bottom:15px;}
.ProductComments .CommentContainer .Comment .Response .ResponseText {}



.ProductComments .CommentContainer .Footer a {width:138px; float:right;color:#999999;font-weight:bold; text-decoration:none;padding:0;background:url(../../images/ViewAllComments_btn.gif) no-repeat top right;margin-top:10px;}
.ProductComments .CommentContainer .Footer a:hover {text-decoration:underline;}
.ProductComments .CommentContainer .MessageCommentsHolder {/*width:100%;*/margin-top:10px;border-bottom:1px solid #E5E5E5;text-align:center;}

.ProductComments .CommentContainer .WriteReviewHolder {padding:10px 20px 15px 20px;margin-bottom:10px;}
.ProductComments .CommentContainer .WriteReviewHolder label { padding-right: 10px;}
.ProductComments .CommentContainer .WriteReviewHolder .StarRating {margin-bottom:2px;}
.ProductComments .CommentContainer .WriteReviewHolder .StarRating .Label {float:left;display:inline;padding-top:4px;}
.ProductComments .CommentContainer .WriteReviewHolder .StarRating .Label .starTextAlign {padding-top: 20px;}
.ProductComments .CommentContainer .WriteReviewHolder .StarRating .SelectStars {float:left;display:inline;margin-left:30px;}
.ProductComments .CommentContainer .WriteReviewHolder .WriteReviewLabel {margin-bottom:10px;}
.ProductComments .CommentContainer .WriteReviewHolder .TextInput {width:100%;margin-bottom:10px;padding-top: 10px;}
.ProductComments .CommentContainer .WriteReviewHolder textarea {width:100%;height:100px;resize:none}
.ProductComments .CommentContainer .WriteReviewHolder .AnonymousCheck {float:left;display:inline;margin:3px 20px 0px 55px;}
.ProductComments .CommentContainer .WriteReviewHolder .Button {float:right;display:inline;margin-right:0px;}


.ProductComments .CommentContainer .NoComments {color:#999999;margin:30px auto;text-align: left;}
.ProductComments .CommentContainer .submittedText {background:#00DD00;margin:30px auto;color:#FFFFFF;padding:4px 10px;}
.ProductComments .CommentContainer .submittedTextError {background:#ff040a;margin:30px auto;color:#FFFFFF;padding:4px 10px;}


.AddToBasketPopup .BasketProduct    {width:100%;overflow:hidden;}
.AddToBasketPopup .BasketProduct .LeftCol {text-align: center;max-height: 150px; height: 150px; }
.AddToBasketPopup .BasketProduct .Image img {float:left;margin-right:18px;width:103px;text-align:center;height:141px;border:solid 1px #CFD1D2;}
.AddToBasketPopup .BasketProduct .ProductDetails   {float:left;margin-right:10px;margin-left: 10px;overflow:hidden;height: 100px;}
.AddToBasketPopup .BasketProduct .ProductDetails .ProductName  {color:#0d919c;font-size:120%;font-weight:bold;margin-bottom:15px;}
.AddToBasketPopup .BasketProduct .ProductDetails .Description  {margin-bottom:20px;line-height:17px;}
.AddToBasketPopup .BasketProduct .PriceDetails   {float:left;margin-right:10px;margin-left: 10px;overflow:hidden;height: 50px;}
.AddToBasketPopup .BasketProduct .PriceDetails  .QuantityHeader    {font-weight:bold;font-size:110%;text-align:center;text-decoration:underline}
.AddToBasketPopup .BasketProduct .PriceDetails  .OurPriceHeader   {font-weight:bold;font-size:110%;text-align:center;text-decoration:underline}
.AddToBasketPopup .BasketProduct .PriceDetails  .SavingsHeader     {font-weight:bold;font-size:110%;text-align:center;text-decoration:underline}
.AddToBasketPopup .BasketProduct .PriceDetails  .TotalHeader     {font-weight:bold;font-size:110%;text-align:center;text-decoration:underline}
.AddToBasketPopup .BasketProduct .PriceDetails  .Quantity    {font-size:110%;text-align:center;}
.AddToBasketPopup .BasketProduct .PriceDetails  .OurPrice    {font-size:110%;text-align:center;}
.AddToBasketPopup .BasketProduct .PriceDetails  .Savings     {font-size:110%;text-align:center;}
.AddToBasketPopup .BasketProduct .PriceDetails  .Total     {font-size:110%;text-align:center;}

.AddToBasketPopup .Buttons  {display:block;width:90%;overflow:hidden;margin-top:20px;margin-left:20px;}
.AddToBasketPopup .Buttons .Button3 {float:left;height:22px;padding:0px 7px;line-height:22px;}
.AddToBasketPopup .Buttons .Button1 {float:right;height:22px;padding:0px 7px;line-height:22px;}

.AddToBasketPopup .RelatedProducts {margin-top:20px;}

.AddToBasketPopup .ProductList  {}
.AddToBasketPopup .ProductList .ProductGridView {}
.AddToBasketPopup .ProductList .ProductGridView .ListItem {float:left;display:inline;width:160px;border:1px solid #e0e0df;margin:0px 9px 10px 9px;position:relative;height:290px;background:#f4f4f4;}
.AddToBasketPopup .ProductList .ProductGridView .ListItem .Name {height:31px;overflow:hidden;position:absolute;top:166px;left:10px;width:142px;font-weight:bold;}
.AddToBasketPopup .ProductList .ProductGridView .ListItem .Name a {}
.AddToBasketPopup .ProductList .ProductGridView .ListItem .SmallImage {width:140px;height:150px;text-align:center;position:absolute;top:10px;left:10px;}
.AddToBasketPopup .ProductList .ProductGridView .ListItem .LargeImage {display:none;}
.AddToBasketPopup .ProductList .ProductGridView .ListItem .OverlayImage {position:absolute;top:56px;right:9px;}
.AddToBasketPopup .ProductList .ProductGridView .ListItem .SmallDescription {display:none;}
.AddToBasketPopup .ProductList .ProductGridView .ListItem .Button {text-align:center;position:relative;top:250px;left:0px;}
.AddToBasketPopup .ProductList .ProductGridView .ListItem .Button a {background:#0d919c;width:90px;display:inline-block;height:23px;padding:0px;text-align:center;color:#ffffff;line-height:23px;}
.AddToBasketPopup .ProductList .ProductGridView .ListItem .Price {text-align:left;position:absolute;top:208px;left:10px;}
.AddToBasketPopup .ProductList .ProductGridView .ListItem .Price .BestPrice   {color:#0d919c;}
.AddToBasketPopup .ProductList .ProductGridView .ListItem .Price .Saving   {color:#0d919c;}
.AddToBasketPopup .ProductList .ProductGridView .ListItem .Price .StandardPrice {font-size:140%;display:block;margin-top:2px;}
.AddToBasketPopup .ProductList .ProductGridView .ListItem .Price .WasPrice {font-size:100%;display:block;display:block;text-decoration:line-through;}
.AddToBasketPopup .ProductList .ProductGridView .ListItem .Price .NowPrice {display:block;display:block;display:block;font-size:120%;}

/* Product Images Control*/
.SingleProductImage {float:left;width: 260px;max-width: 260px;}
.SingleProductImage .SelectedImage {border:2px solid #e6e6e6;float:left;padding-bottom:1px;height: 360px;width: 260px;max-height: 360px;max-width: 260px;}
.SingleProductImage .SelectedImage td {text-align: center;vertical-align: middle;height: 360px;width: 260px;max-height: 360px;max-width: 260px;}
.SingleProductImage .SelectedImage td.MaxSize {height: 360px;width: 260px;max-height: 360px;max-width: 260px;}
.SingleProductImage .SubImages { margin-top: -6px;}
.SingleProductImage .SubImages .SubImage {border:2px solid #e6e6e6;margin-top:6px}
.SingleProductImage .SubImages .SubImage td {text-align: center;vertical-align: middle;padding: 0 1px;}
.SingleProductImage .SubImages .SubImage td.SubImageSelected {border:2px solid black;}
.SingleProductImage .SubImages .SubImage td.SubImageUnSelected {border:2px solid transparent;}
.SingleProductImage .SubImages .SubImage td img{width: 80px;height: 90px;}


/* Product Page Delivery Content */
.DeliveryContent { padding-top: 25px}
.DeliveryContent .Visible { display: block; }
.DeliveryContent .NoneVisible { display: none; }
.DeliveryContent .SelectedButton { background: darkgreen;color: white;}
.DeliveryContent .UnSelectedButton { background: white;}

/* Loading Spinner */
.Spinner { padding-left: 170px;}
.MyAccountSpinner { padding-left: 140px;padding-bottom: 10px;}


#modelAddressSearch td { vertical-align: middle;}

.CompetitionAdminPanel { padding: 10px;border: 3px solid #ff0000; background-color: #ffeeee;}
.CompetitionAdminPanel .Wrapper { width: 960px;margin: 0 auto;}
.CompetitionAdminPanel .CompetitionID { float: left;}
.CompetitionAdminPanel .CompetitionID #txtCompetitionID { width: 100px;}
.CompetitionAdminPanel .CurrentStatus { float: left;height: 30px;line-height: 30px;margin-left: 20px;margin-right: 20px;}
.CompetitionAdminPanel .ApprovalDetails { float: left;height: 30px;line-height: 30px;}
.CompetitionAdminPanel .ApprovalDetails span { font-weight: bold;}
.CompetitionAdminPanel .ErrorMessage { color: #ffffff;font-size: 120%;}


.register .FetchButton { margin: 0px;width: 70px;display: inline-block;margin-left: 10px; }
.register .PostCodeLookup_SelectPanel { display: none;}
.register .PostCodeLookup_SelectPanel select { width: 265px;height: 28px !important;}
.register .PostCodeLookup_SelectPanel .custom-select { width: 265px !important;}
.register .PostCodeLookup_SelectPanel .custom-selectInner { display: inline !important;}
.register .PostCodeLookup_FindPanel .TextBox { width: 85px;}
.register .PostCodeLookup_FindPanel .Lookup {    border:0;
    background:#FFCC00;
    font-weight: bold;
    border-radius: 20px;
    outline:none;
    color: #404040;
    cursor:pointer;}
    
    
.register .PostCodeLookup_FindPanel .Lookup:hover, .register .PostCodeLookup_FindPanel .Lookup:active
{
    background:#E0B405;
    outline:none;
}
.register .LookUpBox { display: block;width: 376px !important;margin-bottom: 10px;}

.BlogConfig {  padding: 10px;border: 3px solid #ff0000; background-color: #ffeeee;margin-bottom: 20px; }
.BlogConfig input[type=text] {color: #333333;}
.BlogConfig .Section { margin-bottom: 10px;background-color: #ffffff;padding: 10px;border-radius: 10px;}
.BlogConfig .Section textarea { width: 720px;height: 100px;resize: vertical; font-family: "Ubuntu", "Arial"; color: #333333;}
.BlogConfig h2 { margin-top: 0px;}
.BlogConfig .ErrorMessage { color: #ffffff;font-size: 120%;}

.pagination .paging-left a {
text-decoration: underline;
}


.SimpleProductList {}
.SimpleProductList .Item {
    border: 1px solid #D7D7D7;
	height:234px;
	width:143px;
	float:left;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-top: 0px;
	position:relative;

	background: #ffffff;                                                /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f4f4f4 100%);   /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%);      /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%);     /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f4f4f4 100%);   /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
}

.SimpleProductList .Item .image-holder { height: 180px;margin-top: 5px;}
.SimpleProductList .Item .image-holder table { width: 100%;}
.SimpleProductList .Item .image-holder table tr td { text-align: center;}
.SimpleProductList .Item .product-name { padding: 5px;text-align: center;font-weight: bold;display: inline-block;height: 2em;overflow: hidden;width: 133px;}
a.SimpleProductList .Item .product-name span { text-decoration: none;}

.search-results .SortBy { display: none;}
.search-results .single-product .price { display: none !important;}

.product-scroller .price { display: none !important;}



.pzlholder {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px; margin:0px 0 20px 0px; float:left; background-color:#eee; padding:5px; border: solid 2px #ccc;border-radius: 6px;}
#plist a {text-decoration: underline; color: #0976a9;}
#plist a:link,
#plist a:visited {color: #0976a9;}
#plist a:hover {color: #e44404;}
#plist {margin: 0; padding:0; list-style-type:none; float:left; width:160px;}
#plist li {list-style:none; margin-top:1em;}
#plist li:first-child {margin-top:0;}
#plist .active {font-weight: bold; text-decoration: none; cursor:default;}
#plist .active:hover {color: #0976a9;}
.ghost {clear:both; font-size:0;}
.pzlholder iframe {overflow:hidden; float:left; margin:0;}
.ghost {clear:both; font-size:0;}


.CustomButton { text-align: center;font-size: 12px;padding: 6px;border-radius: 20px;font-weight: bold;display: block;text-decoration: none !important;}
.CustomButton {
    color: #ffffff !important;
    background-color:#ffc600;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffc600), to(#deb527));
    background-image: -webkit-linear-gradient(top, #ffc600, #deb527);
    background-image:    -moz-linear-gradient(top, #ffc600, #deb527);
    background-image:     -ms-linear-gradient(top, #ffc600, #deb527);
    background-image:      -o-linear-gradient(top, #ffc600, #deb527);
}
.CustomButton:hover { background-color: #ffc600; background-image: none;}

.CustomButton.blue {color: #ffffff !important;
    background-color:#3946a5;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3946a5), to(#202a74));
    background-image: -webkit-linear-gradient(top, #3946a5, #202a74);
    background-image:    -moz-linear-gradient(top, #3946a5, #202a74);
    background-image:     -ms-linear-gradient(top, #3946a5, #202a74);
    background-image:      -o-linear-gradient(top, #3946a5, #202a74);}
.CustomButton.blue:hover { background-color: #8f98db;background-image: none; }

.CustomButton.red {
    color: #ffffff !important;
    background-color:#cd1f11;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cd1f11), to(#900b00));
    background-image: -webkit-linear-gradient(top, #cd1f11, #900b00);
    background-image:    -moz-linear-gradient(top, #cd1f11, #900b00);
    background-image:     -ms-linear-gradient(top, #cd1f11, #900b00);
    background-image:      -o-linear-gradient(top, #cd1f11, #900b00);
}
.CustomButton.red:hover { background-color: #cd1f11; background-image: none; }

.CustomButton.yellow {
    color: #000000 !important;
    background-color:#ffc600;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffc600), to(#deb527));
    background-image: -webkit-linear-gradient(top, #ffc600, #deb527);
    background-image:    -moz-linear-gradient(top, #ffc600, #deb527);
    background-image:     -ms-linear-gradient(top, #ffc600, #deb527);
    background-image:      -o-linear-gradient(top, #ffc600, #deb527);
}
.CustomButton.yellow:hover { background-color: #ffc600; background-image: none;}

.CustomButton.orange {
    color: #ffffff !important;
    background-color:#ff7f00;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff7f00), to(#ff5500));
    background-image: -webkit-linear-gradient(top, #ff7f00, #ff5500);
    background-image:    -moz-linear-gradient(top, #ff7f00, #ff5500);
    background-image:     -ms-linear-gradient(top, #ff7f00, #ff5500);
    background-image:      -o-linear-gradient(top, #ff7f00, #ff5500);
}
.CustomButton.orange:hover { background-color: #ff7f00; background-image: none;}

.CustomButton.green  {
    color: #ffffff !important;
    background-color:#32911c;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#32911c), to(#206211));
    background-image: -webkit-linear-gradient(top, #32911c, #206211);
    background-image:    -moz-linear-gradient(top, #32911c, #206211);
    background-image:     -ms-linear-gradient(top, #32911c, #206211);
    background-image:      -o-linear-gradient(top, #32911c, #206211);
}
.CustomButton.green:hover { background-color: #32911c;background-image: none; }

.CustomButton.magenta {
    color: #ffffff !important;
    background-color:#ff3399;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff3399), to(#cf2278));
    background-image: -webkit-linear-gradient(top, #ff3399, #cf2278);
    background-image:    -moz-linear-gradient(top, #ff3399, #cf2278);
    background-image:     -ms-linear-gradient(top, #ff3399, #cf2278);
    background-image:      -o-linear-gradient(top, #ff3399, #cf2278);
}

.CustomButton.magenta:hover { background-color: #ff3399;background-image: none;}


.CustomButton.aqua {
    color: #ffffff !important;
    background-color:#249d79;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#249d79), to(#165f49));
    background-image: -webkit-linear-gradient(top, #249d79, #165f49);
    background-image:    -moz-linear-gradient(top, #249d79, #165f49);
    background-image:     -ms-linear-gradient(top, #249d79, #165f49);
    background-image:      -o-linear-gradient(top, #249d79, #165f49);
}
.CustomButton.aqua:hover { background-color: #249d79; background-image: none;}

.CustomButton.indigo {
    color: #ffffff !important;
    background-color:#5f307f;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5f307f), to(#380d55));
    background-image: -webkit-linear-gradient(top, #5f307f, #380d55);
    background-image:    -moz-linear-gradient(top, #5f307f, #380d55);
    background-image:     -ms-linear-gradient(top, #5f307f, #380d55);
    background-image:      -o-linear-gradient(top, #5f307f, #380d55);
}
.CustomButton.indigo:hover { background-color: #5f307f; background-image: none;}

.CustomButton.light-blue {
    color: #ffffff !important;
    background-color:#36a9cf;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#36a9cf), to(#2b86a4));
    background-image: -webkit-linear-gradient(top, #36a9cf, #2b86a4);
    background-image:    -moz-linear-gradient(top, #36a9cf, #2b86a4);
    background-image:     -ms-linear-gradient(top, #36a9cf, #2b86a4);
    background-image:      -o-linear-gradient(top, #36a9cf, #2b86a4);
}
.CustomButton.light-blue:hover { background-color: #36a9cf;  background-image: none;}