/*   
Theme Name: Latin Deli Theme
Theme URI: http://www.dmarcodesign.net/wordpress/themes/latindeli
Description: Latin Deli Custom Build Template -- WordPress v3.9.1
Author: Dante Chichizola
Author URI: http://chichizola.net
Version: 2
*/

/* Media queries */
@import url("style-mediaqueries.css");
  
@font-face {
    font-family: 'BebasNeue';
    src: url('fonts/BebasNeueBold.eot');
    src: url('fonts/BebasNeueBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/BebasNeueBold.woff') format('woff'),
        url('fonts/BebasNeueBold.ttf') format('truetype');
    font-weight: 800;
}

@font-face {
    font-family: 'BebasNeue';
    src: url('fonts/BebasNeueBook.eot');
    src: url('fonts/BebasNeueBook.eot?#iefix') format('embedded-opentype'),
        url('fonts/BebasNeueBook.woff') format('woff'),
        url('fonts/BebasNeueBook.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'BebasNeue';
    src: url('fonts/BebasNeueLight.eot');
    src: url('fonts/BebasNeueLight.eot?#iefix') format('embedded-opentype'),
        url('fonts/BebasNeueLight.woff') format('woff'),
        url('fonts/BBebasNeueLight.ttf') format('truetype');
    font-weight: 200;
}

@font-face {
    font-family: 'Social';
    src: url('fonts/Socialico.eot');
    src: url('fonts/Socialico.eot?#iefix') format('embedded-opentype'),
         url('fonts/Socialico.woff') format('woff'),
         url('fonts/Socialico.ttf') format('truetype'),
         url('fonts/Socialico.svg#socialico') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'SocialPro';
    src: url('fonts/SocialicoPlus.eot');
    src: url('fonts/SocialicoPlus.eot?#iefix') format('embedded-opentype'),
         url('fonts/SocialicoPlus.woff') format('woff'),
         url('fonts/SocialicoPlus.ttf') format('truetype'),
         url('fonts/SocialicoPlus.svg#SocialicoPlus') format('svg');
    font-weight: 400;
    font-style: normal;
}
.social a.socialplus {
    font-family: SocialPro;
}


/* STYLES */
/* CLEARFIX HACK */
.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

html{
    background:#282828;
    height:100%;
    overflow-x: hidden;
}
body{
    font-size: 18px !important;
    line-height: 150% !important;
    font-family: "BebasNeue",Helvetica,Arial,sans-serif;
    background-color:#e2e2e2;
    -webkit-font-smoothing: auto !important;
    color:#6D6E70;
}
h1, h2, h3 {
    font-family: BebasNeue;
    letter-spacing: 1px;
}
a:visited, a:active, a:focus{
    text-decoration: none;
}

/* FONT SMOOTHING FOR IE */
h1, h2, h3, h4, h5, h6, p, li, td {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTJBQkFGRUZFOTIyMTFFMEJDRDNEQzkxOTVGOTNBODAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTJBQkFGRjBFOTIyMTFFMEJDRDNEQzkxOTVGOTNBODAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5MkFCQUZFREU5MjIxMUUwQkNEM0RDOTE5NUY5M0E4MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5MkFCQUZFRUU5MjIxMUUwQkNEM0RDOTE5NUY5M0E4MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtrV+I8AAAAQSURBVHjaYvj//z8DQIABAAj8Av7bok0WAAAAAElFTkSuQmCC',sizingMethod=crop);
zoom: 1;
}

fieldset{
    border:none;
    margin:0;
    padding:0;
}
input[type="text"], textarea, select, input[type="password"], input[type="email"] {
    font-family: Helvetica;
}
.DNNModuleContent {
    padding: 0 !important;
}
div.dnnFormMessage {
    background: #4C4D4F;
    color: #FFFFFF;
    border: 1px solid #666666;
}
div.LoginPanel {
    float: inherit;
    padding: 0;
    width: 100%;
}
.loginContent .dnnFormItem .dnnLoginActions .dnnActions {
    padding: 18px 0 0;
}

.viewport {
    height: 100%;
    position: relative;
    width: 100%;
    right:0;
    background-color: #e2e2e2;
        
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out; /* IE10 is actually unprefixed */
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.viewport.open{
    position:fixed;
    right:250px;
}
.wrap {
    height: auto !important;
    margin: 0 auto;/* -85px;*/
    min-height: 100%;
    /*background-color:#000000;*/
}
.container {
    min-width: 320px;
}
.mobile{
    display:none;
}

.left{
    float:left;
}
.right{
    float:right;
}
.sticky{
    position:fixed;
    width:100%;
}

.top {
    background: none repeat scroll 0 0 #FFFFFF;
    border-top: 2px solid #C9A041;
    top:0;
    z-index: 999999;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}
.bannerarea {
    padding: 80px 0 10px;/*90px 0 10px;*/
}
.middle {
/*    padding: 90px 0 65px;*/
}
.bottom {
    background: none repeat scroll 0 0 #282828;
    border-top: 1px solid #C1C1C1;
    /*bottom: 0;*/
    height: 85px;
    letter-spacing: 1px;
    padding: 18px 0 0;
    position: absolute;
    width: 100%;
}

.navbar {
    float: right;
}
.navbar ul {
    list-style: none outside none;
    margin: 0;
    padding:0;
}
.navbar ul li {
    float: left;
    position: relative;
}
.navbar li a {
    border-bottom: 2px solid #FFFFFF;
    color: #666666;
    float: left;
    font-size: 22px;
    margin: 0 15px;
    padding: 28px 6px 21px;
    text-decoration: none;
    
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out; /* IE10 is actually unprefixed */
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.navbar li a:hover{
    color: #C5A141;
    border-bottom: 2px solid #C5A141;
}
.navbar li.selected a {
    color: #C5A141;
    border-bottom: 2px solid #C5A141;
}

/* MY ACCOUNT NAVBAR ITEM SPECIAL STYLING */
.topLevel > .item.last > a {
    border-left: 1px solid #C5A141;
    border-right: 1px solid #C5A141;
    margin-right: 0;
    padding-left: 25px;
    padding-right: 20px;
}

.subLevel {
    background-color:#000000;
    background-color: rgba(0, 0, 0, 0.7);
    margin-top: 10px;
    position: absolute;
    width: 150px;
    z-index: 999999;
}
.navbar .subLevel ul li {
    float: left;
    width: 100%;
}
.subLevel li a {
    border-left: 2px solid #000000;
    border-left: 2px solid rgba(0,0,0,0);
    border-bottom: medium none !important;
    color: #C5A140;
    margin-bottom: 2px;
    margin-left: 0;
    margin-right: 0;
    padding: 5px 8%;
    width: 99%;
    float: left;
    font-size:18px;
}
.subLevel li a:hover, .subLevel li.selected a{
    border-left: 2px solid #FFFFFF;
    border-bottom:none;
    color: #FFFFFF;
}
/* USE TO MAKE THE SUBMENU SHOW AND HIDE ON HOVER */
.item.haschild .subLevel {
    display: none;
}
.item.haschild.hover .subLevel {
    display: block;
}
.item.haschild.last.hover > .subLevel {
    right: 0;
}


.sitemap {
    color: #C1C1C1;
}
.sitemap a {
    color: #C1C1C1;
    text-decoration: none;
    
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out; /* IE10 is actually unprefixed */
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;     
}
.sitemap a:hover, .sitemap a:focus{
    color:#FFFFFF;
    text-decoration: none;
}

.border{
    background: rgb(182,138,49); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I2OGEzMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMzlkM2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left,  rgba(182,138,49,1) 0%, rgba(195,157,62,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(182,138,49,1)), color-stop(100%,rgba(195,157,62,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(182,138,49,1) 0%,rgba(195,157,62,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(182,138,49,1) 0%,rgba(195,157,62,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(182,138,49,1) 0%,rgba(195,157,62,1) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(182,138,49,1) 0%,rgba(195,157,62,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b68a31', endColorstr='#c39d3e',GradientType=1 ); /* IE6-8 */
    height: 2px;
    width: 100%;
    display:block;
}

a.homebutton {
    background: none repeat scroll 0 0 #404042;
    color: #FFFFFF;
    display: block;
    max-height: 218px;
    text-decoration: none;
    width: 100%;
    float:left;
    margin-bottom:10px;
    
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out; /* IE10 is actually unprefixed */
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
a.homebutton:hover, a.homebutton:focus{
    color:#FFFFFF;
}
.mylabel {
    background-image: url("images/arrow_gold_right.png");
    background-position: 92% 13%;
    background-repeat: no-repeat;
    background-size: 10px auto;
    display: block;
    font-size: 30px;
    font-weight: 200;
    letter-spacing: 1px;
    padding: 5px 25px 20px;
    text-align: center;
    vertical-align: middle;
    line-height:100%;
    
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out; /* IE10 is actually unprefixed */
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
a.homebutton:hover{
    background-color:#646466;
}
a.homebutton:hover .mylabel{
    background-position: 97% 13%;
}

.logo {
    background-color: #C2C2C2;
    background-image: url("images/logo_latindeli.jpg");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover/*100% auto*/;
    margin: 12px 0;
    -ms-behavior: url("backgroundsize.min.htc");
    width: 157px;
    
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out; /* IE10 is actually unprefixed */
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;  
}
.logo .inner {
    display: block;
    height: 0;
    padding-top: 34.54%;
}

.banner_test{
    width: 100%;
    height: auto;
    background: #c2c2c2;
}
.banner_test .inner{
    height: 0;
    display: block;
    padding-top:25.26%;
}

.logincontent {
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    letter-spacing: 1px;
    padding: 20px;
    margin-bottom:10px;
}
.logincontent h2 {
    border-bottom: 1px solid #FFFFFF;
    color: #FFFFFF;
    font-size: 44px;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.logincontent .dnnForm .dnnFormItem {
    clear: right;
    float: left;
    width: 50%;
}
.logincontent .dnnForm .dnnFormItem label.dnnFormLabel {
    display: block;
    float: left;
    margin: 0;
    padding-bottom: 5px;
    text-align: left;
    width: 100%;
}
.logincontent .dnnForm .dnnFormItem input[type="text"], .logincontent .dnnForm .dnnFormItem input[type="password"] {
    background: none;
    border: 1px solid #FFFFFF;
    border-radius: 0;
    box-shadow: none;
    color: #999999;
    /*font-family: BebasNeue;*/
    font-size: 14px;
    padding: 13px 4% 10px;
    width: 95%;
    min-width: 0;
}
.dnnSocialRegistration {
    display: none;
}
/* STYLING LOGIN SKIN: REMEMBER ME AND LOGIN BUTTON */
.logincontent .dnnForm .dnnFormItem:nth-child(3) {
    width: 100%;
}

.logincontent .dnnForm .dnnFormItem a.dnnPrimaryAction {
    /* .logincontent .dnnForm .dnnFormItem:nth-child(3) a.dnnPrimaryAction */
    background-color: #C6A141;
    background-image:url("images/arrow_gold_button_right.png");
    background-position: 98% center;
    background-repeat:no-repeat;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    float: right;
    font-size: 20px;
    font-weight: 400;
    margin-right: 2.5%;
    padding: 8px 3% 4px;
    text-align: left;
    text-shadow: none;
    width: 47%;
    
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out; /* IE10 is actually unprefixed */
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;      
}
.logincontent .dnnForm .dnnFormItem a.dnnPrimaryAction:hover{
    /* .logincontent .dnnForm .dnnFormItem:nth-child(3) a.dnnPrimaryAction:hover */
    background-color:#A4721B;
    text-decoration: none;
}
.logincontent .dnnForm .dnnFormItem:last-child {
    border-top: 1px solid #FFFFFF;
    margin-top: 20px;
    width: 100%;
    max-height: 60px;
}
.logincontent .dnnForm .dnnFormItem:last-child label {
    font-size: 0;
    line-height: 0;
    padding: 0;
    text-indent: -9999px;
}
.logincontent .dnnFormItem input[type="checkbox"] + span, .logincontent .dnnFormItem input[type="radio"] + span {
    margin: 10px 3px 6px 0;
}
.logincontent .dnnForm .dnnFormItem a.dnnSecondaryAction {
    /* .logincontent .dnnForm .dnnFormItem:last-child a.dnnSecondaryAction */
    background-image: url("images/arrow_gold_right.png");
    background-repeat: no-repeat;
    background-position: 98% center;
    background-color: transparent;
    background-size: auto 30px;
    border: medium none;
    box-shadow: none;
    color: #6d6e70;
    font-weight: 200;
    margin: 0;
    padding: 8px 20px 4px 0;
    text-shadow: none;
    
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out; /* IE10 is actually unprefixed */
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;    
}
.logincontent .dnnForm .dnnFormItem a.dnnSecondaryAction:hover{
    /* .logincontent .dnnForm .dnnFormItem:last-child a.dnnSecondaryAction:hover */
    text-decoration: none;
    background-position: right center;
}

.loginsidebar p {
    color: #FFFFFF;
    font-size: 30px;
    font-weight: 200;
    letter-spacing: 1px;
    line-height: 130%;
    margin: 0 0 8px;
    padding: 0;
    
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out; /* IE10 is actually unprefixed */
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; 
}
.loginsidebar h3 {
    color: #F46620;
    font-size: 30px;
    margin: 0;
    
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out; /* IE10 is actually unprefixed */
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; 
}
.loginsidebar h1 {
    color: #FFFFFF;
    font-size: 60px;
    font-weight: 800;
    letter-spacing: 0;
    margin: 15px 0 8px;
    
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out; /* IE10 is actually unprefixed */
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; 
}
.loginsidebar p b:first-child {
    color: #00AAEB;
}

.banner{
    width: 100%;
    height: auto;
    background-color: #202020;
    background-position:top left;
    background-repeat:no-repeat;
    background-size:100% auto;
}

.banner .inner{
    height: 0;
    display: block;
    padding-top:31.65%;    
}
.banner_rewards{background-image:url("images/banner_rewards.jpg");}
.banner_why{background-image:url("images/banner_why.jpg");}
.banner_achieve{background-image:url("images/banner_howtoachieve.jpg");}
.banner_brands{background-image:url("images/banner_brands.jpg");}
.banner_dates{background-image:url("images/banner_dates.jpg");}
.banner_readingtracker{background-image:url("images/banner_readingmytracker.jpg");}

.banner_locations{background-image:url("images/banner_destination.jpg");}
.banner_accommodation{background-image:url("images/banner_destination.jpg");}
.banner_attractions{background-image:url("images/banner_destination.jpg");}
.banner_fsfd2015{background-image:url("images/banner_destination.jpg");}
.banner_extension{background-image:url("images/banner_destination.jpg");}

.banner_claiming{background-image:url("images/banner_claiming.jpg");}
.banner_contact{background-image:url("images/banner_link.jpg");}
.banner_updateprofile{background-image:url("images/banner_link.jpg");}
.banner_statement{background-image:url("images/banner_link.jpg");}
.banner_ordertracker{background-image:url("images/banner_link.jpg");}
.banner_sitemap{background-image:url("images/banner_link.jpg");}
.banner_privacy{background-image:url("images/banner_link.jpg");}
.banner_terms{background-image:url("images/banner_link.jpg");}
.banner_404{background-image:url("images/banner_link.jpg");}
.banner_shoppingcart{background-image:url("images/banner_link.jpg");}

.banner_home{
    width: 100%;
    height: auto;
    background-color: #202020;
    background-image:url("images/banner_home_01.jpg");
    background-position:top left;
    background-repeat:no-repeat;
    background-size:100% auto;
}
.banner_home .inner{
    height: 0;
    display: block;
    padding-top:31.65%;
}
.banner_login{
    width: 100%;
    height: auto;
    background-color: #202020;
    background-image:url("images/banner_login.jpg");
    background-position:top left;
    background-repeat:no-repeat;
    background-size:100% auto;    
}
.banner_login .inner{
    height: 0;
    display: block;
    padding-top:24.79%;
}


.homebutton .icon .inner {
    display: block;
    height: 0;
    padding-top: 100%;
}
.mystatement .icon {
    background-image: url("images/icon_mystatement.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: block;
    height: auto;
    margin: 25px auto;
    width: 110px;
}
.myrewards .icon {
    background-image: url("images/icon_myrewards.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: block;
    height: auto;
    margin: 25px auto;
    width: 110px;
}
.fsfd2015 .icon {
    background-image: url("images/icon_fsdf2015.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: block;
    height: auto;
    margin: 25px auto;
    width: 110px;
}

.footerlogo {
    background-image: url("images/logo_mygoldenticket_footer.png");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: block;
    margin-right: 20px;
    width: 240px;
}
.footerlogo .inner {
    display: block;
    height: 0;
    padding-top: 22.92%;
}
.sitemap {
    padding: 15px 0;
}

.ufslogo {
    background-image: url("images/logo_unilever.png");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: block;
    width: 81px;
}
.ufslogo .inner {
    display: block;
    height: 0;
    padding-top: 56.79%;
}



/* MOBILE MENU STYLE */
.mobile_menu {
    position: fixed;
    right: -250px;
    top: 0;
    transition: all 0.25s ease-out 0s;
    width: 250px;
    z-index: 1000;
    background:none repeat scroll 0 0 #404041;
}
.mobile_menu.open {
    -moz-box-shadow: 0 0 8px #000000;
    -webkit-box-shadow: 0 0 8px #000000;
    box-shadow: 0 0 8px #000000;
    right: 0;
    position: absolute;
}

.mobile_menubtn {
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 10px 0 0 10px;
    cursor: pointer;
    height: 67px;
    left: -75px;
    padding: 15px 18px 14px 24px;
    position: absolute;
    top: 3px;
    width: 75px;
    
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out; /* IE10 is actually unprefixed */
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;    
}
.mobile_menu.open .mobile_menubtn {
    background-color: #FFFFFF;
}
.menuitem {
    background: none repeat scroll 0 0 #B3852D;
    display: block;
    height: 4px;
    margin: 6px 0;
    padding: 0;
}
.mobile_menu #dnnMenu ul {
        list-style: none outside none;
        margin: 0;
        padding: 0;
}
.mobile_menu #dnnMenu li.item {
        text-transform: uppercase;
}
.mobile_menu #dnnMenu li a {
    background-image: none;
    border-bottom: 2px solid #C6A140;
    border-left: medium none;
    border-right: medium none;
    clear: both;
    color: #FFFFFF;
    display: block;
    letter-spacing: 1px;
    padding: 10px 20px;
    text-decoration: none;
        
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out; /* IE10 is actually unprefixed */
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.mobile_menu #dnnMenu li a:hover{
        text-decoration: none;
        background: #C5A141;
        color:#FFFFFF;
}
.mobile_menu #dnnMenu .haschild .subLevel .item a {
    /*background: none repeat scroll 0 0 #A3D8BF;*/
    border-left: 10px solid #C6A140;
    margin-bottom: 0;
    width: 100%;
}
.absolute {
    position: absolute;
}
.top.mobile.absolute {
    width: 100%;
    z-index: 1;
}
.mobile .logo {
    background-color: rgba(0, 0, 0, 0);
    width: 126px;
}

.mobile_menu .subLevel{
    position: inherit;
    margin-top:0;
    width:auto;
    z-index:1;
    background:none;
}


/* WIDGET - TRAVEL DATES */
.widget {
    float: left;
    margin-bottom: 10px;
    width: 100%;
}
.traveldates {
    background: none repeat scroll 0 0 #F36523;
    color: #FFFFFF;
    padding: 20px 15px;
}
.traveldates h3 {
    background-image: url("images/icon_traveldates.png");
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 20px auto;
    color: #FFFFFF;
    font-size: 32px;
    font-weight: 400;
    line-height: 100%;
    margin: 0 0 6px;
    padding-right: 25px;
        
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out; /* IE10 is actually unprefixed */
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;      
}
.traveldates p {
    color: #000000;
    font-size: 20px;
    margin: 0 0 6px;
    padding:0;
}
.traveldates .counter {
    float: left;
    width: 100%;
}

.numberlabel {
    background: none repeat scroll 0 0 #C6480E;
    float: left;
    font-size: 38px;
    font-weight: 600;
    line-height: 100%;
    margin-right: 0.9%;
    padding: 7px 0 0;
    text-align: center;
    width: 15%;
}
.counter .text {
    background: none repeat scroll 0 0 #A33206;
    float: left;
    font-size: 18px;
    font-weight: 200;
    letter-spacing: 1px;
    line-height: 100%;
    padding: 6px 5px 3px;
    width: 50%;
}


/* WIDGET - MY DESTINATION */
p.framed {
    border: 1px solid #FFFFFF;
    color: #FDFDFD;
    font-size: 23px;
    letter-spacing: 1px;
    line-height: 100%;
    margin-top: 11px;
    padding: 15px 12px 12px;
    word-wrap: break-word;
    margin-bottom:0;
}
.grey {
    color: #7F7F82;
}
.mydestination .icon {
    background-image: url("images/icon_mydestination.png");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 40px auto;
    float: left;
    height: 40px;
    margin-right: 10px;
    width: 40px;
}

.mydestination h3 {
    background-color: #01AAEB;
    background-image: url("images/img_mydestination.jpg");
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 49.3% auto;
    color: #FFFFFF;
    font-size: 32px;
    font-weight: 200;
    margin: 0;
    padding: 20px 10px 16px;
        
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out; /* IE10 is actually unprefixed */
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;   
}
.mydestination .title {
    display: inline-block;
    padding-top: 4px;
}
.mydestination a:hover h3{
    background-color:#0076a4;
}

/* WIDGET TRACKER */
.ModIMGMiniStatementC, .ModIMGMepsMiniStatementC {
    background: none repeat scroll 0 0 #C5A141;
    margin-bottom: 10px;
}
/* Mini Statement - Intro */
.mini-statement-intro {
    padding: 8px 10px;
}
.ModIMGMepsMiniStatementC .sales-label .date {
    display: block;
    padding-bottom: 6px;
}
.ModIMGMiniStatementC > h3, .ModIMGMepsMiniStatementC > h3 {
    border-bottom: 2px solid #A87724;
    color: #FFFFFF;
    font-size: 32px;
    font-weight: 400;
    line-height: 100%;
    margin: 0;
    padding: 12px 10px 4px;
}
.ModIMGMiniStatementC > h3 span, .ModIMGMepsMiniStatementC > h3 span {
    font-weight: bold;
}
.mini-statement-intro .sales-label, .mini-statement-intro .points-achieved, .mini-statement-intro .on-track-for  {
    color: #FFFFFF;
    font-size: 19px;
    font-weight: 200;
    letter-spacing: 1px;
    line-height: 100%;
}
.mini-statement-intro .on-track-for span {
    color: #000000;
}
.mini-statement-intro .sales-label span,
.mini-statement-intro .sales-value .currency,
.mini-statement-intro .points-total,
.mini-statement-intro .currency,
.mini-statement-intro .points-next-target,
.mini-statement-intro .on-track-for-value {
        font-weight: bold;
}
.mini-statement-intro .sales-value {
    color: #000000;
    font-size: 30px;
    line-height: 100%;
    padding-bottom: 5px;
}
.mini-statement-intro .points-next {
    color: #000000;
    font-size: 20px;
    line-height: 100%;
    padding: 0 0 8px;
}

/* Mini Statement Graphs - Generic */
.mini-statement-wrap {
    background-color: #B3852D;
    border-bottom: 2px solid #A87724;
    border-top: 2px solid #A87724;
    font-size: 14px;
    letter-spacing: 1px;
    padding: 8px 10px;
    width: 100%;
}
.mini-statement-graph {
    background-color: #A3721E;
    height: 10px;
    margin-bottom: 5px;
    position: relative;
}

.mini-statement-graph .progress {
        height: 10px;
}
.mini-statement-graph .label {
        position: absolute;
        top: 1px;
        left: 3px;
        color: #ffffff;
        display: none;
}
.mini-statement-graph.status-on-track .progress, .mini-statement-graph.status-achieved .progress {
    background-color: #019146;
}
.mini-statement-graph.status-close .progress {
    background-color: #F36523;
}
.mini-statement-graph.status-behind .progress {
    background-color: #BB1F2D;
}
.mini-statement-graph-label {
    color: #FFFFFF;
    font-weight: 200;
    line-height: 100%;
    padding: 0 0 2px;
}

/* Specifics */
.time-elapsed .progress {
    background-color: #0170D9;
}
.graph-id-3 .label {
        /*color: #000;*/
}
.mini-statement-graph.status-behind .label {
        /*color: #ff6900;*/
}
/* Mini Statement - Legend */
.mini-statement-legend {
    display: table;
    padding: 5px 10px 10px;
    width: 100%;
}
.mini-statement-legend .legend {
    display: table-cell;
    font-size: 14px;
    text-align: center;
    width: 20%;
    vertical-align: middle;
    padding-bottom: 3px;
    line-height: 100%;
    
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out; /* IE10 is actually unprefixed */
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;      
}
.mini-statement-legend .legend-label {
    border-bottom: 4px solid #A3721E;
    color: #000000;
}
.mini-statement-legend .status-achieved {
    border-bottom: 4px solid #008800;
    display: none;
}
.mini-statement-legend .status-on-track {
    border-bottom: 4px solid #019146;
    color: #FFFFFF;
    font-weight: 200;
    letter-spacing: 1px;
}
.mini-statement-legend .status-close {
    border-bottom: 4px solid #F36523;
    color: #FFFFFF;
    font-weight: 200;
    letter-spacing: 1px;
}
.mini-statement-legend .status-behind {
    border-bottom: 4px solid #BB1F2D;
    color: #FFFFFF;
    font-weight: 200;
    letter-spacing: 1px;
}

/* SMALL TOP BAR */
.top.small .logo {
    margin: 8px 0;
    width: 82px;
}
.top.small .navbar li a {
    margin: 0 15px;
    padding: 10px 6px 5px;
}
.top.small .navbar .topLevel > .item.last > a {
    margin-right: 0;
    padding-left: 25px;
    padding-right: 20px;
}
.top.small .navbar li .subLevel li a {
    margin: 0 !important;
    padding: 5px 8% 5px 12% !important;
}

/* VIDEO */
.videocontainer {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
a.videofallback {
    float: left;
    position: relative;
    width: 100%;
}
a.videofallback .poster {
    background-color: #EEEEEE;
    background-image: url("images/banner_home_01_v.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    float: left;
    height: auto;
    width: 100%;
}
a.videofallback .poster_overlay {
    background-color: transparent;
    height: auto;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out; /* IE10 is actually unprefixed */
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;      
}
a.videofallback:hover .poster_overlay{
    background-color:rgba(0,0,0,.6);
}
a.videofallback .poster .inner, a.videofallback .poster_overlay .inner  {
    display: block;
    height: 0;
    padding: 15.76%;
    
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out; /* IE10 is actually unprefixed */
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;      
}
a.videofallback .playbtn {
    background-image: url("images/btn_gold_right_off.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    left: 0;
    margin: 8% 49%;
    position: absolute;
    top: 0;
    width: 7.36%;
}
a.videofallback .playbtn .inner {
    display: block;
    height: 0;
    padding: 100%;
}
a.videofallback:hover .playbtn{
    background-image: url("images/btn_gold_right_on.png");
}

/* LOADING ANIMATION */
#circularG {
    height: 70px;
    margin: 5% 46% 0;
    position: relative;
    width: 70px;
}

.circularG{
position:absolute;
background-color:#C6A141;
width:16px;
height:16px;
-moz-border-radius:11px;
-moz-animation-name:bounce_circularG;
-moz-animation-duration:0.64s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-webkit-border-radius:11px;
-webkit-animation-name:bounce_circularG;
-webkit-animation-duration:0.64s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-ms-border-radius:11px;
-ms-animation-name:bounce_circularG;
-ms-animation-duration:0.64s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-o-border-radius:11px;
-o-animation-name:bounce_circularG;
-o-animation-duration:0.64s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
border-radius:11px;
animation-name:bounce_circularG;
animation-duration:0.64s;
animation-iteration-count:infinite;
animation-direction:linear;
}

#circularG_1{
left:0;
top:28px;
-moz-animation-delay:0.24s;
-webkit-animation-delay:0.24s;
-ms-animation-delay:0.24s;
-o-animation-delay:0.24s;
animation-delay:0.24s;
}

#circularG_2{
left:7px;
top:7px;
-moz-animation-delay:0.32s;
-webkit-animation-delay:0.32s;
-ms-animation-delay:0.32s;
-o-animation-delay:0.32s;
animation-delay:0.32s;
}

#circularG_3{
top:0;
left:28px;
-moz-animation-delay:0.4s;
-webkit-animation-delay:0.4s;
-ms-animation-delay:0.4s;
-o-animation-delay:0.4s;
animation-delay:0.4s;
}

#circularG_4{
right:7px;
top:7px;
-moz-animation-delay:0.48s;
-webkit-animation-delay:0.48s;
-ms-animation-delay:0.48s;
-o-animation-delay:0.48s;
animation-delay:0.48s;
}

#circularG_5{
right:0;
top:28px;
-moz-animation-delay:0.56s;
-webkit-animation-delay:0.56s;
-ms-animation-delay:0.56s;
-o-animation-delay:0.56s;
animation-delay:0.56s;
}

#circularG_6{
right:7px;
bottom:7px;
-moz-animation-delay:0.64s;
-webkit-animation-delay:0.64s;
-ms-animation-delay:0.64s;
-o-animation-delay:0.64s;
animation-delay:0.64s;
}

#circularG_7{
left:28px;
bottom:0;
-moz-animation-delay:0.72s;
-webkit-animation-delay:0.72s;
-ms-animation-delay:0.72s;
-o-animation-delay:0.72s;
animation-delay:0.72s;
}

#circularG_8{
left:7px;
bottom:7px;
-moz-animation-delay:0.8s;
-webkit-animation-delay:0.8s;
-ms-animation-delay:0.8s;
-o-animation-delay:0.8s;
animation-delay:0.8s;
}

@-moz-keyframes bounce_circularG{
0%{
-moz-transform:scale(1)}

100%{
-moz-transform:scale(.3)}

}

@-webkit-keyframes bounce_circularG{
0%{
-webkit-transform:scale(1)}

100%{
-webkit-transform:scale(.3)}

}

@-ms-keyframes bounce_circularG{
0%{
-ms-transform:scale(1)}

100%{
-ms-transform:scale(.3)}

}

@-o-keyframes bounce_circularG{
0%{
-o-transform:scale(1)}

100%{
-o-transform:scale(.3)}

}

@keyframes bounce_circularG{
0%{
transform:scale(1)}

100%{
transform:scale(.3)}

}

/* VIDEO JS */
.videoholder {
    height: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}
#vid1 {
    position: absolute;
    top: 0;
    width: 100%;
}
.videoholder .inner {
    display: block;
    height: 0;
    padding-top: 28%;
    
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out; /* IE10 is actually unprefixed */
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; 
}
/*.video-js .vjs-tech{
    height:100% !important;
}*/

.video-js .vjs-tech, .vjs-poster {
    height: auto !important;
}

/*.vjs-poster {
    height: auto !important;
}*/
div.vjs-default-skin .vjs-big-play-button {
    background-color: rgba(197, 161, 65, 0.7) !important;
    font-size: 25px !important;
    left: 0 !important;
    line-height: 100% !important;
    margin: 6% 42% 0;
    top: 0 !important;
    width: 20% !important;
    border: none !important;
    box-shadow: none !important;
}
div.vjs-default-skin .vjs-big-play-button:before{
    text-shadow: none !important;
    color: #FFFFFF !important;
}
div.vjs-default-skin:hover .vjs-big-play-button, div.vjs-default-skin .vjs-big-play-button:focus{
    background-color: rgba(197, 161, 65, 0.7) !important;
}
.videoholder .close {
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 10px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 18px;
    font-weight: 800;
    height: 35px;
    padding: 10px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 31px;
    z-index: 1;
}

/* FALL BACK FOR IE8 */
.videoholder a .poster {
    background-image: url("videos/test.jpg");
    display: block;
    width: 100%;
    background-position:top left;
    background-repeat:no-repeat;
    background-size:100% auto;
    background-color:#202020;
}
.videoholder a .poster.iphone{
    background-image: url("images/banner_home_button.jpg");
}

/* HACK FOR IPAD - AVOIDING BANNER VIDEO TO COLLIDE WITH NAVBAR */
.top.nomobile.ipad{
    display:none;
}
.top.mobile.ipad{
    display:block;
}
.mobile_menu.mobile.ipad{
    display: block;
}

/* BACK TO TOP BUTTON */
#backtotop {
	position: fixed;
	right:0px;
	bottom:85px;
	display:none;/*hid the button first*/
}

#backtotop a {
    border: 0 none;
    display: block;
    height: 41px;
    text-decoration: none;
    width: 127px;
}
#backtotop a:hover {
	opacity:.8; /*mouse over fade effect*/
}

/* CONTROL PANEL DNN - FIX TO BE ON TOP OF SKIN NAVBAR */
body > form #ControlBar_ControlPanel {
    z-index: 9999999 !important;
}

#ControlBar {
	margin-top: -20px;
}

.content.black {
    border: 1px solid #FFFFFF;
    margin-bottom: 10px;
    padding: 12px 20px 20px;
}
.content.white {
    margin-bottom: 10px;
    padding: 12px 20px 20px;
    background-color:#FFFFFF;
}

/* My Cart Container */
.ModIMGMiniCartSidebarC {
    background-color: #C5A141;
    margin-bottom: 10px;
}
.ModIMGMiniCartSidebarC > h3 {
    border-bottom: 2px solid #A87724;
    color: #FFFFFF;
    font-size:32px;
    font-weight: 400;
    line-height: 100%;
    margin:0;
    padding: 12px 10px 4px;
}
.ModIMGMiniCartSidebarC > h3 span {
    font-weight: bold;
}
.ModIMGMiniCartSidebarC .minicart_module {
    padding: 8px 10px;
    color: #FFFFFF;
}
.ModIMGMiniCartSidebarC .leftNameTitle {
    display: none;
}
.ModIMGMiniCartSidebarC .miniCartFormItem {
    clear: both;
}
.ModIMGMiniCartSidebarC .miniCartFormLabel {
    float: left;
    text-align: left;
    width: 50%;
}
.ModIMGMiniCartSidebarC .miniCartFormDetails {
    float: right;
    text-align: right;
    width: 50%;
}
.ModIMGMiniCartSidebarC .longButton {
    background-color: #85500A;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    padding: 10px 0 6px;
    text-align: center;
    width: 100%;
    white-space: inherit;
    letter-spacing: 1px;
    border-radius: 0;
    
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out; /* IE10 is actually unprefixed */
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.ModIMGMiniCartSidebarC .longButton:hover{
    text-decoration: none;
    background-color:#A4721B;
}

/* Select Tickets Container */
.ModIMGTicketSelectorSidebarC {
    background-color: #A4721B;
    margin-bottom: 10px;
}
.ModIMGTicketSelectorSidebarC > h3 {
    border-bottom: 2px solid #8F5B10;
    color: #FFFFFF;
    font-size:32px;
    font-weight: 400;
    line-height: 100%;
    margin:0;
    padding: 12px 10px 4px;
}
.ModIMGTicketSelectorSidebarC > h3 span {
    font-weight: bold;
    margin-bottom: 10px;
}
.ModIMGTicketSelectorSidebarC ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
a.ticketitem {
    border-bottom: 1px solid #8F5B10;
    border-left: 5px solid #8F5B10;
    color: #FFFFFF;
    display: block;
    font-size: 20px;
    line-height: 100%;
    padding: 12px 0 8px 15px;
    width: 100%;
    font-weight: 200;
    letter-spacing: 1px;
    
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out; /* IE10 is actually unprefixed */
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;     
}
a.ticketitem:hover, a.ticketitem.current_category{
    text-decoration: none;
    font-weight: 400;
    border-left: 5px solid #FFFFFF;
    background-color:#AC7E1E;
    color:#FFFFFF;
}

/* Links Container */
.ModIMGLinksSidebarC {
    background-color: #A4721B;
    margin-bottom: 10px !important;
    padding-bottom: 0 !important;
}
.ModIMGLinksSidebarC > h3 {
    border-bottom: 2px solid #8F5B10;
    color: #FFFFFF;
    font-size:32px;
    font-weight: 400;
    line-height: 100%;
    margin:0;
    padding: 12px 10px 4px;
}
.ModIMGLinksSidebarC > h3 span {
    font-weight: bold;
    margin-bottom: 10px;
}
.ModIMGLinksSidebarC ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
a.linkitem {
    border-bottom: 1px solid #8F5B10;
    border-left: 5px solid #8F5B10;
    color: #FFFFFF;
    display: block;
    font-size: 20px;
    line-height: 100%;
    padding: 12px 0 8px 15px;
    width: 100%;
    font-weight: 200;
    letter-spacing: 1px;
    
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out; /* IE10 is actually unprefixed */
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;     
}
a.linkitem:hover, a.linkitem.current_link{
    text-decoration: none;
    font-weight: 200;
    border-left: 5px solid #FFFFFF;
    background-color:#AC7E1E;
    color:#FFFFFF;
    padding-left:20px;
}


.ModIMGLoyaltyProgramRewardsC p {
    font-family: Helvetica;
    font-size: 13px;
    line-height: 150%;
    margin: 0;
    padding: 0 0 8px;
}

.ModIMGLoyaltyProgramRewardsC h2 {
    color: #C6A040;
    font-weight: 400;
}
#rewardsCategoriesList {
    display: none;
}
#rewardsSortList {
    display: none;
}
#rewardsPointRange .pointsRangeList {
    border-top: 1px solid #C6A040;
    display: inline;
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 15px 0 0;
    width: 100%;
}
#rewardsPointRange .pointsRangeList li {
    float: left;
    width: 33.33%;
    
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out; /* IE10 is actually unprefixed */
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;    
}
#rewardsPointRange ul li a {
    background-color: #404042;
    background-image: url("images/icon_tickets.png");
    background-position: center 30px;
    background-repeat: no-repeat;
    background-size: 110px auto;
    color: #FFFFFF;
    float: left;
    font-size: 26px;
    letter-spacing: 1px;
    line-height: 100%;
    margin-bottom: 10px;
    margin-right: 0;/*1.9%;*/
    padding: 160px 0 20px;
    text-align: center;
    width: 96%;/*31.4%;*/
    display:inline;
    zoom:1;
    
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out; /* IE10 is actually unprefixed */
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
#rewardsPointRange ul li a::first-letter{
    font-weight:bold;
}
#rewardsPointRange ul li a:hover{
    background-color:#646466;
    text-decoration: none;
}


.rewardsList {
    display: inline-block;
    width:100%;
}
.rewardsListCell {
    float: left;
    margin-bottom: 50px;
    margin-right: 10px;
    width: 31.4%;
    
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out; /* IE10 is actually unprefixed */
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;     
}
.rewardsListImage a {
    display: table !important;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}
.rewardsListImageThumbnail {
    border: 8px solid transparent !important;
    display: table-cell;
    height: auto !important;
    width: 90% !important;
}
.rewardsListPoints {
    border-bottom: 1px solid #C2C2C2;
    border-top: 2px solid #C7A041;
    color: #C7A041;
    font-size: 20px;
    font-weight: bold;
    line-height: 100%;
    margin-bottom: 8px;
    padding: 8px 0 4px;
}
.rewardsListButton .button {
    background-image: url("images/cross_gold.png");
    background-color: #404042;
    background-position: 94% center;
    background-repeat: no-repeat;
    background-size: 17px auto;
    border: medium none;
    color: #FFFFFF;
    line-height: 100%;
    padding: 8px 25% 4px 10%;
    text-align: left;
    width:100%;
    border-radius: 0;
    
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out; /* IE10 is actually unprefixed */
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;     
}
.rewardsListButton .button:hover{
    background-color: #646466;
    text-decoration: none;
}
.rewardsListName a {
    color: #6D6E70;
    display: block;
    font-family: Helvetica;
    font-size: 13px;
    height: 35px;
    line-height: 120%;
}
.rewardCode {
    color: #6D6E70;
    font-size: 16px;
    line-height: 100%;
    padding-bottom: 8px;
}

/* REWARDS SINGLE VIEW */
#rewardContainer {
    display: inline-block;
    width: 100%;
}
.rewardImage {
    display: table;
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
    text-align: center;
    vertical-align: middle;
    width: 47%;
}
.rewardImage img {
    border: 10px solid rgba(0, 0, 0, 0) !important;
    display: table-cell;
    height: auto !important;
    width: 90% !important;
    max-width: 250px;
}
#rewardTextBlock {
    float: left;
    width: 50%;
}
#rewardTextBlock .rewardName {
    border-bottom: 1px solid #C2C2C2;
    border-top: 2px solid #C7A041;
    color: #C7A041;
    font-size: 20px;
    font-weight: bold;
    line-height: 100%;
    margin-bottom: 8px;
    padding: 8px 0 4px;
}
#rewardTextBlock .rewardPoints {
    color: #6D6E70;
    display: block;
    font-family: Helvetica;
    font-size: 13px;
    height: 35px;
    line-height: 120%;
}
.rewardCartButton .button {
    background-image: url("images/cross_gold.png");
    background-color: #404042;
    background-position: 94% center;
    background-repeat: no-repeat;
    background-size: 17px auto;
    border: medium none;
    color: #FFFFFF;
    line-height: 100%;
    padding: 8px 24% 4px 8%;
    float:right;
    width: 116%;
    text-align: left;
    border-radius: 0;
    
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out; /* IE10 is actually unprefixed */
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;     
}
.rewardBackButton .button {
    background-color: #404042;
    border: medium none;
    color: #FFFFFF;
    line-height: 100%;
    padding: 8px 0 4px;
    text-align: center;
    width: 80%;
    border-radius: 0;
    
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out; /* IE10 is actually unprefixed */
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;     
}
.rewardCartButton .button:hover, .rewardBackButton .button:hover{
    background-color: #646466;
    text-decoration: none;
}
#rewardButtons {
    float: left;
    margin-top: 10px;
    width: 100%;
}
.rewardCartButton {
    float: right;
    width: 50%;
}
.rewardBackButton {
    float: left;
    text-align: left;
    width: 50%;
}
.rewardDescription {
    color: #6D6E70;
    font-family: Helvetica;
    font-size: 13px;
    line-height: 150%;
}
.rewardQuantityLabel {
    text-align: right;
}
.rewardQuantityLabel input {
    border: 1px solid #CCCCCC;
    color: #666666;
    margin-left: 10px;
    padding: 6px 6px 3px;
    text-align: center;
    border-radius: 0;
    box-shadow:none;
}

/* ABOUT - BLACK STYLE */
.black h1, .black h2, .black h3, .black p, .black li {
    /*color: #FFFFFF;*/
   color: #555555;
}
.linkssection p, .linkssection li, .linkswidget h3 {
    color: /*#ffffff*/ #777777;
}
.black p {
    font-family: Helvetica;
    font-weight: 200;
    line-height: 150%;
    margin: 0 0 10px;
    padding: 0;
}
.black h1 {
    font-size: 30px;
    font-weight: 200;
    line-height: 100%;
    margin: 0;
    padding: 10px 0 14px;
}
.black h1.borderbottom {
    border-bottom: 1px solid #FFFFFF;
    margin-bottom: 10px;
}
.black h1 span{
    font-weight: 400;
}

.black input[type="text"], .black input[type="email"], .black input[type="password"] {
    color: #555555;
}
.black label{
    color: #555555;
}
.black .widget label {
    color: #ffffff;
}
.image.fullwidth {
    display: block;
    height: auto;
    width: 100%;
}
.image.why {
    background-image: url("images/img_4_6_nights.jpg");
}
.image .inner {
    display: block;
    height: 0;
    padding-top: 26.27%;
}
.image {
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    margin-bottom: 10px;
}
.black h2 {
    border-bottom: 1px solid #999999;
    color: #555555;
    font-size: 26px;
    font-weight: 400;
    line-height: 110%;
    margin: 0 0 15px;
    padding: 4px 0 6px;
}
ul.iconset{
    padding:0;
    margin:0;
    list-style: none;
}
.iconset li {
    display: table;
    margin-bottom: 10px;
    width: 100%;
}
.iconset .icon {
    display: table-cell;
    height: auto;
    width: 70px;
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 100% auto;
    
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out; /* IE10 is actually unprefixed */
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;         
}
.icon .inner{
    display: block;
    height:0;
    padding-top:100%;
}
.iconset .text {
    display: table-cell;
    font-size: 22px;
    font-weight: 200;
    letter-spacing: 1px;
    line-height: 115%;
    padding-left: 18px;
    vertical-align: middle;
    
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out; /* IE10 is actually unprefixed */
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;         
}
.iconset .text span {
    color: #C5A141;
}
.iconset .icon1 {background-image: url("images/icon_target.jpg");}
.iconset .icon2 {background-image: url("images/icon_tickets.jpg");}
.iconset .icon3 {background-image: url("images/icon_dates.jpg");}
.iconset .icon4 {background-image: url("images/icon_rewards.jpg");}
.iconset .icon5 {background-image: url("images/icon_account.jpg");}
.iconset .icon6 {background-image: url("images/icon_5people.jpg");}
.iconset .icon7 {background-image: url("images/icon_newyork.jpg");}
.iconset .icon8 {background-image: url("images/icon_plusmore.jpg");}

.black h2.padding {
    padding: 15px 0 10px;
}
.steps {
    display: inline-block;
    width: 100%;
}
.black h3.big {
    font-size: 60px;
}
.black h3.big span {
    font-weight: 800;
}
.black h4 {
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
    color: #FFFFFF;
    font-family: bebasneue;
    font-size: 25px;
    font-weight: 200;
    letter-spacing: 1px;
    line-height: 100%;
    padding: 10px 5% 5px;
    text-align: center;
}
.black h4 span {
    font-weight: 800;
}
.orange {
    color: #F06422;
}
.blue {
    color: #009AD3;
}
.imagecontainer {
    display: inline-table;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    margin-top: 30px;
}
.step1_image {
    background-image: url("images/step_01_diagram.png");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: inherit;
    max-width: 273px;
    width: 100%;
}
.step1_image .inner {
    display: block;
    height: 0;
    padding-top: 47.62%;
}
.step2_image {
    background-image: url("images/step_02_diagram.png");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: inherit;
    max-width: 189px;
    width: 100%;
}
.step2_image .inner {
    display: block;
    height: 0;
    padding-top: 96.29%;
}
.step3_image .inner {
    display: block;
    height: 0;
    padding-top: 57.8%;
}
.stepcontainer ul {
    list-style: none outside none;
    margin: 30px 4% 0;
    padding: 0;
}
.stepcontainer li {
    display: table;
    margin: 8px 0;
    width: 100%;
}
.number {
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: table-cell;
    height: auto;
    width: 42px;
}
.number .inner{
    display: block;
    height: 0;
    padding-top: 100%;    
}
.numbertext {
    display: table-cell;
    font-size: 28px;
    font-weight: 200;
    line-height: 100%;
    padding-left: 10px;
    vertical-align: middle;
}
.numbertext span {
    font-weight: 800;
}
.nr1{background-image:url("images/step_03_icon_01.png");}
.nr2{background-image:url("images/step_03_icon_02.png");}
.nr3{background-image:url("images/step_03_icon_03.png");}
.nr4{background-image:url("images/step_03_icon_04.png");}
.nr5{background-image:url("images/step_03_icon_05.png");}

.ticketcontainer {
    display: block;
    height: 42px;
    position: relative;
    width: 160px;
}
.ticket {
    background-image:url("images/ticket_white.png");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: inline-table;
    height: auto;
    margin-right: -10px;
    position: relative;
    top: -3px;
    width: 100%;
    max-width: 42px;
}
.ticket .inner{
    display: block;
    height: 0;
    padding-top: 100%;    
}



/* PARTICIPATING BRANDS */
.brands {
    display: inline-block;
    width: 100%;
}
.imagecontainer .brand {
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: inherit;
    max-width: 215px;
    width: 100%;
}
.imagecontainer .brand .inner{
    display: block;
    height: 0;
    padding-top: 100%;    
}
.box {
    background-color: #333333;
    margin-bottom: 10px;
}
.knorr{background-image:url("images/logo_knorr.png");}
.hellmanns{background-image:url("images/logo_hellmanns.png");}
.lipton{background-image:url("images/logo_lipton.png");}
.cartedor{background-image:url("images/logo_cartedor.png");}
.flora{background-image:url("images/logo_flora.png");}
.astra{background-image:url("images/logo_astra.png");}
.bru{background-image:url("images/logo_bru.png");}
.ladyschoice{background-image:url("images/logo_ladyschoice.png");}
.bestfoods{background-image:url("images/logo_bestfoods.png");}
.rafhan{background-image:url("images/logo_rafhan.png");}

.black h3 {
    font-size: 22px;
    font-weight: 200;
    line-height: 135%;
    margin: 0;
    padding: 8px 0 4px;
}
.frame {
    background-color: #404042;
    display: inline-block;
    margin-bottom: 10px;
    width: 100%;
}
.frame h3 {
    font-size: 24px;
    margin: 0;
    padding: 20px 70px 20px 20px;
}
.frame div > h3:first-child {
    padding-bottom: 0;
    padding-top: 28px;
}
.readingtracker {
    background-image: url("images/img_tracker_example.png");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: inherit;
    margin: 20px 0;
    max-width: 350px;
    width: 100%;
}
.readingtracker .inner {
    display: block;
    height: 0;
    padding-top: 85.71%;
}
.readingtracker-content {
    display: inline-block;
}


.hero {
    border-bottom: 1px solid #FFFFFF;
    color: #C5A141;
    display: inline-block;
    font-size: 56px;
    font-weight: 200;
    line-height: 100%;
    margin-bottom: 10px;
    padding: 2px 0 10px;
    width: 100%;
}

/* CONTACT FORM */
.dnnFormAndList {
    color: #FFFFFF;
    font-size: 18px;
    letter-spacing: 1px;
}
.dnnFormAndList .dnnFormItem {
    display: inline-block;
    width: 50%;
    
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out; /* IE10 is actually unprefixed */
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.dnnFormAndList .dnnFormItem .dnnFormLabelWithoutHelp {
    padding-bottom: 7px;
}
.dnnFormAndList .dnnFormItem input[type="text"] {
    background: none;
    border: 1px solid #FFFFFF !important;
    border-radius: 0;
    box-shadow: none;
    font-size: 18px;
    margin-bottom: 25px;
    max-width: 96%;
    padding: 10px;
    width: 96%;
    color: #FFFFFF;
}
.dnnFormAndList .dnnFormItem:last-child {
    width: 100%;
}
.dnnFormAndList .dnnFormItem textarea {
    background: none;
    border: 1px solid #FFFFFF !important;
    border-radius: 0;
    box-shadow: none;
    font-size: 18px;
    line-height: 150%;
    max-width: 98%;
    width: 100%;
    color: #FFFFFF;
}
.dnnFormAndList ul.dnnActions {
    margin: 0;
    padding: 0;
}
.dnnFormAndList ul.dnnActions li {
    width: 33%;
}
.dnnFormAndList .dnnPrimaryAction, .dnnFormAndList .dnnFormItem input[type="submit"], .dnnFormAndList a.dnnPrimaryAction {
    background-color: #C6A141;
    background-image: url("images/arrow_gold_button_right.png");
    background-position: 98% center;
    background-repeat: no-repeat;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    font-family: BebasNeue;
    font-size: 20px;
    font-weight: 400;
    margin-right: 2.5%;
    padding: 8px 3% 4px;
    text-align: left;
    text-shadow: none;
    width: 98%;
    
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out; /* IE10 is actually unprefixed */
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;    
}

.dnnFormAndList .dnnPrimaryAction:hover{
    background-color:#A4721B;
    background-image: url("images/arrow_gold_button_right.png");
    background-position: 98% center;
    background-repeat: no-repeat;
    text-decoration: none;
}

.dnnFormAndList .dnnFormItem button, .dnnFormAndList .dnnFormItem input[type="button"], .dnnFormAndList .dnnFormItem input[type="reset"], .dnnFormAndList .dnnSecondaryAction, .dnnFormAndList a.dnnSecondaryAction {
    background-color: #6D6E70;
    background-image: none;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 400;
    padding: 8px 3% 4px;
    text-align: left;
    text-shadow: none;
    width: 98%;
    
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out; /* IE10 is actually unprefixed */
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;    
}
.dnnFormAndList .dnnSecondaryAction:hover{
    background-color: #8f9194;
    text-decoration: none;
}
.dnnFormAndList #dnn_ctr465_Default_Form_cmdCancel {
    display: none;
}


/* PROFILE WITH LOGIN SKIN */
.dnnProfile{
    
}
.dnnProfile h2 {
    margin-bottom: 10px;
    padding-bottom: 0;
}
.dnnProfile h2 a {
    color: #FFFFFF;
    letter-spacing: 1px;
}
.dnnProfile a.dnnFormHelp {
    display: none;
}
.dnnProfile .dnnLabel {
    margin-right: 0;
    padding-right: 0;
    text-align: left;
    width: 95%;
}
.dnnProfile .dnnForm .dnnFormItem:nth-child(3) {
    width: 50%;
}
.dnnProfile .dnnForm .dnnFormItem:last-child {
    border: medium none;
    margin-top: 0;
    width: 50%;
}
.dnnProfile .dnnForm .dnnFormItem:last-child label{
    font-size: inherit;
    text-indent: 0;
    line-height: inherit;
}
.dnnProfile .dnnForm .dnnFormItem select {
    background: none;
    border: 1px solid #FFFFFF;
    border-radius: 0;
    box-shadow: none;
    color: #FFFFFF;
    font-family: BebasNeue;
    font-size: 20px;
    line-height: 100%;
    padding: 7px 4% 5px;
    width: 95%;
}
.dnnProfile .dnnFormItem select option {
    color: #FFFFFF;
}

.dnnProfile .dnnFormItem input[type="submit"], .dnnProfile a.dnnPrimaryAction{
    background-color: #C6A141;
    background-image: url("images/arrow_gold_button_right.png");
    background-position: 98% center;
    background-repeat: no-repeat;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    font-family: BebasNeue;
    font-size: 20px;
    font-weight: 400;
    margin-right: 2.5%;
    padding: 8px 3% 4px;
    text-align: left;
    text-shadow: none;
    width: 98%;
    
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out; /* IE10 is actually unprefixed */
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;        
}
.dnnProfile ul.dnnActions {
    padding: 0;
}
.dnnProfile .dnnActions li {
    width: 48%;
}
.dnnProfile .dnnFormItem input[type="submit"]:hover, .dnnProfile a.dnnPrimaryAction:hover{
    background-color:#A4721B;
    background-image: url("images/arrow_gold_button_right.png");
    background-position: 98% center;
    background-repeat: no-repeat;
    text-decoration: none;    
}

/* UPDATE PROFILE */
.ModIMGCustomUserProfileC{
    
}
.ModIMGCustomUserProfileC h2 {
    margin-bottom: 10px;
    padding-bottom: 0;
}
.ModIMGCustomUserProfileC h2 a {
    color: #FFFFFF;
    letter-spacing: 1px;
}
.ModIMGCustomUserProfileC a.dnnFormHelp {
    display: none;
}
.ModIMGCustomUserProfileC .dnnLabel {
    margin-right: 0;
    padding-right: 0;
    text-align: left;
    width: 95%;
    color:#FFFFFF;
    letter-spacing: 1px;
}
.ModIMGCustomUserProfileC .dnnForm .dnnFormItem {
    clear: right;
    float: left;
    width: 50%;
    
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out; /* IE10 is actually unprefixed */
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.ModIMGCustomUserProfileC .dnnForm .dnnFormItem label{
    font-size: inherit;
    text-indent: 0;
    line-height: inherit;
}
.ModIMGCustomUserProfileC .dnnForm .dnnFormItem select {
    background: none;
    border: 1px solid #FFFFFF;
    border-radius: 0;
    box-shadow: none;
    color: #FFFFFF;
    font-family: BebasNeue;
    font-size: 20px;
    line-height: 100%;
    padding: 7px 4% 5px;
    width: 95%;
    margin-bottom: 18px;
}
.ModIMGCustomUserProfileC .dnnFormItem select option {
    color: #FFFFFF;
}

.ModIMGCustomUserProfileC p input[type="submit"], .ModIMGCustomUserProfileC p input.button{
    background-color: #C6A141;
    background-image: url("images/arrow_gold_button_right.png");
    background-position: 98% center;
    background-repeat: no-repeat;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    font-family: BebasNeue;
    font-size: 20px;
    font-weight: 400;
    margin-right: 2.5%;
    padding: 8px 3% 4px;
    text-align: left;
    text-shadow: none;
    width: 48%;
    
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out; /* IE10 is actually unprefixed */
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;        
}
.ModIMGCustomUserProfileC ul.dnnActions {
    padding: 0;
}
.ModIMGCustomUserProfileC .dnnActions li {
    width: 48%;
}
.ModIMGCustomUserProfileC .dnnForm .dnnFormItem input[type="text"], .ModIMGCustomUserProfileC .dnnForm .dnnFormItem input[type="password"] {
    background: none;
    border: 1px solid #FFFFFF;
    border-radius: 0;
    box-shadow: none;
    color: #999999;
    /*font-family: BebasNeue;*/
    font-size: 16px;
    padding: 12px 4% 9px;
    width: 95%;
    min-width: 0;
}
.ModIMGCustomUserProfileC p input[type="submit"]:hover, .ModIMGCustomUserProfileC p input.button:hover{
    background-color:#A4721B;
    background-image: url("images/arrow_gold_button_right.png");
    background-position: 98% center;
    background-repeat: no-repeat;
    text-decoration: none;    
}
.ModIMGCustomUserProfileC .dnnFormItem > span {
    border: 1px solid #FFFFFF;
    font-family: Helvetica;
    font-size: 16px;
    line-height: 100%;
    margin: 0;
    padding: 12px 4% 10px;
    width: 95%;
}
.ModIMGCustomUserProfileC .dnnFormItem[id*="_IM"], .ModIMGCustomUserProfileC .dnnFormItem[id*="_Biography"], .ModIMGCustomUserProfileC .dnnFormItem[id*="_PreferredTimeZone"], .ModIMGCustomUserProfileC .dnnFormItem[id*="_PreferredLocale"], .ModIMGCustomUserProfileC .dnnFormItem[id*="_Photo"]{
    display: none;
}

/* CHANGE PASSWORD */
.ModIMGPasswordC {
    
}
.ModIMGPasswordC .loyaltyFormItem {
    margin: 20px 0;
}
.ModIMGPasswordC .loyaltyFormLabel{
    margin-right: 0;
    padding-right: 0;
    text-align: left;
    width: 95%;
    color:#FFFFFF;
    letter-spacing: 1px;    
}
.ModIMGPasswordC input[type="password"]{
    background: none;
    border: 1px solid #FFFFFF;
    border-radius: 0;
    box-shadow: none;
    color: #999999;
    /*font-family: BebasNeue;*/
    font-size: 20px;
    padding: 10px 4% 7px;
    width: 100%;
    min-width: 0;    
}
.ModIMGPasswordC p input[type="submit"], .ModIMGPasswordC p input.button{
    background-color: #C6A141;
    background-image: url("images/arrow_gold_button_right.png");
    background-position: 98% center;
    background-repeat: no-repeat;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    font-family: BebasNeue;
    font-size: 20px;
    font-weight: 400;
    margin-right: 2.5%;
    padding: 8px 3% 4px;
    text-align: left;
    text-shadow: none;
    width: 48%;
    
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out; /* IE10 is actually unprefixed */
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;        
}
.ModIMGPasswordC p input[type="submit"]:hover, .ModIMGPasswordC p input.button:hover{
    background-color:#A4721B;
    background-image: url("images/arrow_gold_button_right.png");
    background-position: 98% center;
    background-repeat: no-repeat;
    text-decoration: none;    
}

/* WIDE SKIN SETUP */
.content.wide {
    margin-bottom: 10px;
    padding: 12px 0px 20px;
}
.wide h1, .wide h2, .wide h3, .wide p, .wide li {
    color: #FFFFFF;
}
.wide h1 {
    font-size: 30px;
    font-weight: 200;
    line-height: 100%;
    margin: 0;
    padding: 10px 0 14px;
}
.wide p {
    font-family: Helvetica;
    font-weight: 200;
    line-height: 150%;
    margin: 0 0 10px;
    padding: 0;
}

/* SITE MAP */
.DnnModule-IMGSitemap{    
}
.imgSiteMap {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    
    -moz-column-count: 2;
    -moz-column-gap: 12px;
    -webkit-column-count: 2;
    -webkit-column-gap: 12px;
}
.imgSiteMap a {
    color: #FFFFFF;
    letter-spacing: 1px;
}
.imgSiteMap li {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.imgSiteMap ul {
    margin: 0;
}

/* MY DESTINATION WIDGET */
.ModIMGLinksSidebarC ul ul {
    border-bottom: 1px solid #8F5B10;
    padding: 10px 0 5px;
}
.ModIMGLinksSidebarC ul ul a {
    color: #FFFFFF;
    display: block;
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 100%;
    padding: 5px 9%;
    width: 100%;
    
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out; /* IE10 is actually unprefixed */
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;      
}
.ModIMGLinksSidebarC ul ul a:hover{
    font-weight: 800;
    text-decoration: none;
}

/* LOCATION */
.black h3.medium {
    font-size: 28px;
}


/* 404 */
.content404 {
    display: inline-block;
    width: 100%;
}
.image404 {
    background-image: url("images/img_404.png");
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    background-size: 352px auto;
    display: block;
    max-width: 352px;
}
.image404 .inner {
    display: block;
    height: 0;
    padding-top: 76.98%;
}
.content404 .imagecontainer {
    margin-top: 0;
}
.black h1.big {
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
    font-size: 60px;
    line-height: 100%;
    padding: 20px 0 8px;
    margin:20px 0;
}
.black h1.big span{
    font-weight: 800;
}
.black h1.big span.gold{
    font-weight: 200;
    color:#C5A141;
}
.textcontainer {
    display: inline-block;
    margin-top: 42px;
    width: 100%;
}


/* MY STATEMENT */
/* HTML MODULE INTRO */
.mystatement-border {
    border: 1px solid #FFFFFF;
    display: inline-block;
    margin-bottom: 10px;
    padding: 12px 20px 20px;
    width: 100%;
}
.wide input.bluebtn {
    background-image: url("images/arrow_white_button_right.png");
    background-color: #00ADEF;
    background-position: 98% center;
    background-repeat: no-repeat;
    background-size: 20px auto;
    border: medium none;
    color: #FFFFFF;
    float: right;
    font-size: 20px;
    line-height: 100%;
    padding: 10px 24% 6px 4%;
    text-align: left;
    width: 72%;
    border-radius: 0;
    
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out; /* IE10 is actually unprefixed */
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;     
}
.wide input.bluebtn:hover{
    background-color: #0076a4;
}

/* REMOVING TABS SINCE THERE IS ONLY ONE */
ul.statement-tabs-count-1 {
    display: none;
}
/* REMOVING BOTTOM PRINT PAGE BUTTON SINCE IT IS IN THE HTML MODULE ABOVE */
.DnnModule-IMGMyStatement .ModIMGMyStatementC > p input.button {
    display: none;
}
.statement-business-row{
    margin-bottom:10px;
}
.statement-business-name .statement-col-wrapper {
    background: none repeat scroll 0 0 #58595B;
    color: #FFFFFF;
    display: inline-block;
    font-size: 21px;
    line-height: 100%;
    padding: 8px 0 4px;
    text-align: center;
    width: 100%;
}
.statement-summary-row .statement-col-wrapper {
    color: #000000;
    font-size: 30px;
    padding: 22px 0 18px;
    text-align: center;
}
.statement-summary-row .statement-col-wrapper span:first-child{
    color:#FFFFFF;
    font-weight: 400;
}
.statement-summary-earned .statement-col-wrapper, .statement-summary-balance .statement-col-wrapper{
    background-color:#C5A141;
    margin-bottom: 10px;
}
.statement-summary-redeemed .statement-col-wrapper{
    background-color:#B68A31;
    margin-bottom: 10px;
}
.statement-info-row-1 .col-xs-6:first-child .statement-col-wrapper{
    background-color:#F36523;
    margin-bottom: 10px;
}
.statement-info-row-1 .col-xs-12:first-child .statement-col-wrapper {
    background-color: #F36523;
    margin-bottom: 10px;
}
.statement-info-row-1 .col-xs-6:last-child .statement-col-wrapper{
    background-color: #B43900;
    margin-bottom: 10px;
}
.statement-info-row-1 .col-xs-12:last-child .statement-col-wrapper {
    background-color: #B43900;
    margin-bottom: 10px;
}
.statement-info-row-1 #dnn_ctr481_CustomerStatement_ctl00_statementTabsDetailsListView_salesAccuratePanel_0 .statement-col-wrapper {
    background-color: #B43900;
    margin-bottom: 10px;
}
.row.statement-info-row-1 .statement-col-wrapper {
    color: #FFFFFF;
    font-size: 22px;
    padding: 20px 0 14px;
    text-align: center;
}
.row.statement-info-row-1 .statement-col-wrapper span {
    display: block;
}
.row.statement-info-row-1 .statement-col-wrapper span:first-child {
    font-size: 24px;
    font-weight: 800;
    letter-spacing: 1px;
}
.row.statement-info-row-1 .statement-col-wrapper span:last-child {
    font-size: 32px;
    font-weight: 200;
    letter-spacing: 1px;
}
.row.statement-info-row-2 {
    display: none;
}
.row.statement-info-row-3 .statement-col-wrapper {
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    padding: 45px 0 40px;
    text-align: center;
    margin-bottom:10px;
}
.row.statement-info-row-3 .statement-col-wrapper span{
    display:block;
}
.row.statement-info-row-3 .statement-col-wrapper span.statement-tabs-item-target-days {
    display: inline-block !important;
    padding-right: 5px;
}
.row.statement-info-row-3 .statement-col-wrapper span.statement-tabs-item-target-days-label {
    display: inline-block;
}
.statement-tabs-item-sales-value, .statement-tabs-item-target-days, .statement-tabs-item-target-days-label {
    font-size: 70px;
    font-weight: 800;
    letter-spacing: 1px;
    line-height: 100%;
    word-wrap: break-word;
}
.statement-tabs-item-sales-label, .statement-tabs-item-target-label {
    color: #B68A31;
    font-size: 28px;
    font-weight: 200;
}
.row .statement-info-row-4 .statement-col-wrapper, .row .statement-info-row-6 .statement-col-wrapper, .row .statement-history-row .statement-col-wrapper{
    background: none repeat scroll 0 0 #58595B;
    color: #FFFFFF;
    display: inline-block;
    font-size: 21px;
    font-weight: 200;
    letter-spacing: 1px;
    line-height: 100%;
    margin-bottom: 10px;
    padding: 14px 0 10px;
    text-align: center;
    width: 100%;
}
.row .statement-info-row-5 .statement-targets-next .statement-col-wrapper {
    background-color: #C5A141;
    color: #000000;
    font-size: 26px;
    line-height: 100%;
    margin-bottom: 10px;
    padding: 50px 0 45px;
    text-align: center;
    letter-spacing: 1px;
}
.row .statement-info-row-5 .statement-targets-next .statement-col-wrapper .statement-targets-next-value{
    font-weight: 800;
    color:#FFFFFF;
}
.row .statement-info-row-5 .statement-targets-next:nth-child(2n) .statement-col-wrapper {
    background-color: #B68A31;
}
.row .statement-info-row-7 .statement-col-wrapper {
    margin-bottom: 10px;
}
.statement-targets-history-details-header {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #000000;
    font-size: 15px;
    font-weight: 800;
    line-height: 100%;
    padding: 10px 0 8px;
    text-align: center;
}
.statement-targets-history-details-item {
    background-color: #D1D2D4;
    font-size: 14px;
    line-height: 100%;
    padding: 10px 0 8px;
    text-align: center;
    color:#000000;
}
.statement-targets-history-details-item-alt {
    background-color: #BCBDC1;
    color: #000000;
    font-size: 14px;
    font-weight: 800;
    line-height: 100%;
    padding: 10px 0 8px;
    text-align: center;
}
/* HIDDING DISTRIBUTOR NAME SINCE IT'S ONLY UNILEVER FOR THIS PROGRAM */
.statement-history-details-header {
    display: none;
}
.statement-history-details-item {
    background-color: #D1D2D4;
    color: #000000;
    font-size: 14px;
    line-height: 100%;
    padding: 10px 0 8px;
    text-align: center;
}


/* LINKS MODULE - DYNAMIC STYLE BASE ON TAB ID FROM SKIN BLACK */
/* WHY */
#page-114 .sidebar .links_module ul li:nth-child(1) a {
    background-color: #AC7E1E;
    border-left: 5px solid #FFFFFF;
    font-weight: 400;
    text-decoration: none;
}
/* HOW TO ACHIEVE */
#page-115 .sidebar .links_module ul li:nth-child(2) a {
    background-color: #AC7E1E;
    border-left: 5px solid #FFFFFF;
    font-weight: 400;
    text-decoration: none;
}
/* PARTICIPATING BRANDS */
#page-116 .sidebar .links_module ul li:nth-child(3) a {
    background-color: #AC7E1E;
    border-left: 5px solid #FFFFFF;
    font-weight: 400;
    text-decoration: none;
}
/* DATES */
#page-117 .sidebar .links_module ul li:nth-child(4) a {
    background-color: #AC7E1E;
    border-left: 5px solid #FFFFFF;
    font-weight: 400;
    text-decoration: none;
}
/* READING MY TRACKER */
#page-118 .sidebar .links_module ul li:nth-child(5) a {
    background-color: #AC7E1E;
    border-left: 5px solid #FFFFFF;
    font-weight: 400;
    text-decoration: none;
}


/* SITE MAP */
#page-98 .sidebar .links_module ul li:nth-child(1) a {
    background-color: #AC7E1E;
    border-left: 5px solid #FFFFFF;
    font-weight: 400;
    text-decoration: none;
}
/* PRIVACY POLICY */
#page-100 .sidebar .links_module ul li:nth-child(2) a {
    background-color: #AC7E1E;
    border-left: 5px solid #FFFFFF;
    font-weight: 400;
    text-decoration: none;
}
/* TERMS AND CONDITIONS */
#page-101 .sidebar .links_module ul li:nth-child(3) a {
    background-color: #AC7E1E;
    border-left: 5px solid #FFFFFF;
    font-weight: 400;
    text-decoration: none;
}
/* CONTACT */
#page-97 .sidebar .links_module ul li:nth-child(4) a {
    background-color: #AC7E1E;
    border-left: 5px solid #FFFFFF;
    font-weight: 400;
    text-decoration: none;
}



/* UPDATE PROFILE */
#page-107 .sidebar .links_module ul li:nth-child(1) a {
    background-color: #AC7E1E;
    border-left: 5px solid #FFFFFF;
    font-weight: 400;
    text-decoration: none;
}
/* MY STATEMENT - NOT NEEDED SINCE IT USES WIDE SKIN */
#page-108 .sidebar .links_module ul li:nth-child(2) a {
    background-color: #AC7E1E;
    border-left: 5px solid #FFFFFF;
    font-weight: 400;
    text-decoration: none;
}


/* LOCATIONS */
#page-102 .sidebar .links_module ul li:nth-child(1) a {
    background-color: #AC7E1E;
    border-left: 5px solid #FFFFFF;
    font-weight: 400;
    text-decoration: none;
}
#page-102 .sidebar a.linksubitem {
    background-color: transparent !important;
    border-left:none !important;
}
#page-102 .sidebar .ModIMGLinksSidebarC .links_module ul ul a:hover{
    font-weight: 800;
    text-decoration: none;
}
/* ACCOMMODATION */
#page-103 .sidebar .links_module ul li:nth-child(2) a {
    background-color: #AC7E1E;
    border-left: 5px solid #FFFFFF;
    font-weight: 400;
    text-decoration: none;
}
#page-103 .sidebar a.linksubitem {
    background-color: transparent !important;
    border-left:none !important;
}
#page-103 .sidebar .ModIMGLinksSidebarC .links_module ul ul a:hover{
    font-weight: 800;
    text-decoration: none;
}
/* ATTRACTIONS */
#page-104 .sidebar .links_module ul li:nth-child(3) a {
    background-color: #AC7E1E;
    border-left: 5px solid #FFFFFF;
    font-weight: 400;
    text-decoration: none;
}
#page-104 .sidebar a.linksubitem {
    background-color: transparent !important;
    border-left:none !important;
}
#page-104 .sidebar .ModIMGLinksSidebarC .links_module ul ul a:hover{
    font-weight: 800;
    text-decoration: none;
}
/* FSFD2015 */
#page-105 .sidebar .links_module ul li:nth-child(4) a {
    background-color: #AC7E1E;
    border-left: 5px solid #FFFFFF;
    font-weight: 400;
    text-decoration: none;
}
#page-105 .sidebar a.linksubitem {
    background-color: transparent !important;
    border-left:none !important;
}
#page-105 .sidebar .ModIMGLinksSidebarC .links_module ul ul a:hover{
    font-weight: 800;
    text-decoration: none;
}
/* EXTENSION */
#page-106 .sidebar .links_module ul li:nth-child(5) a {
    background-color: #AC7E1E;
    border-left: 5px solid #FFFFFF;
    font-weight: 400;
    text-decoration: none;
}
#page-106 .sidebar a.linksubitem {
    background-color: transparent !important;
    border-left:none !important;
}
#page-106 .sidebar .ModIMGLinksSidebarC .links_module ul ul a:hover{
    font-weight: 800;
    text-decoration: none;
}

#page-103 .content ul, #page-105  .content ul{
    font-family: Helvetica;
    font-weight: 200;
    line-height: 150%;
    margin: 0;
    padding: 10px 0 10px 13px;
}
#page-103 .content ul li, #page-105 .content ul li{
    padding: 0 0 8px;
}


/* SHOPPING CART */
.ModIMGShoppingCartC > p {
    border-bottom: 1px solid #C2C2C2;
    margin-bottom: 10px;
    padding-bottom: 20px;
    text-align: left !important;
}
.ModIMGShoppingCartC > p img {
    height: auto !important;
    width: 100% !important;
    max-width: 415px;
}
.cartContinuebuttonContainer {
    float: left;
    margin-bottom: 20px;
    width: 33%;
}
.cartPanelContainer {
    clear: both;
}
.cartPanelContainer .dnnGridHeader td, thead.dnnGridHeader th, tr.dnnGridHeader th {
    background: none repeat scroll 0 0 #4C4D4F;
    border-bottom: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    color: #FFFFFF;
    font-size: 24px;
    font-weight: 800;
    letter-spacing: 1px;
    padding: 12px 12px 8px;
}
.cartPanelContainer table {
    border: 1px solid #FFFFFF;
    float: left;
    margin-top: 20px;
    width: 100%;
}
.cartPanelContainer .dnnGridItem td {
    border: 1px solid #FFFFFF;
    color: #E2E2E2;
    letter-spacing: 1px;
}
.cartPanelContainer .dnnGridAltItem td {
    background-color: #000000;
    border: 1px solid #FFFFFF !important;
    color: #E2E2E2;
    letter-spacing: 1px;
}
.cartPanelContainer td input[type="text"] {
    background: none;
    border: 1px solid #C5A141;
    font-family: bebasneue;
    padding: 5px 7% 3px;
    width: 100% !important;
    border-radius: 0;
}
tr.dnnGridItem td, tr.dnnGridAltItem td, tr.dnnGridItem td, tr.dnnGridItem td {
    padding-left: 12px;
}
.cartPanelContainer .dnnGridItem, .cartPanelContainer .dnnGridAltItem{
    
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out; /* IE10 is actually unprefixed */
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}    
.cartPanelContainer .dnnGridItem:hover, .cartPanelContainer .dnnGridAltItem:hover{
    background-color:#202020 !important;
}
.cartPanelContainer table tbody tr:nth-last-child(2) {
    background-color: #909195;
    color:#000000;
    font-size:20px;
}
.cartPanelContainer table tbody tr:nth-last-child(2) td:first-child {
    border-right-color: #909195;
    border-top-color: #909195;
    background-color:#909195 !important;
}
.cartPanelContainer table tbody tr:nth-last-child(2) td:nth-child(2) {
    border-right-color: #909195;
    color: #000000;
    padding: 15px 0 11px 12px;
    background-color:#909195 !important;
}
.cartPanelContainer table tbody tr:nth-last-child(2) td:last-child {
    color: #000000;
    font-weight: 800;
    padding: 15px 0 11px 12px;
    background-color:#909195 !important;
}
.cartPanelContainer table tbody tr:nth-last-child(2):hover{
    background-color: #909195 !important;
}
.cartButtonsContainer {
    float: left;
    margin: 20px 0 0;
    width: 100%;
}
.cartButtonsContainer div {
    float: left;
    width: 33.33%;
}
.cartMyPointsContainer {
    clear: both;
}
.cartMyPointsContainer div {
    float: left;
}
.cartMyPointsValue {
    padding-left: 10px;
}
.cartAuthorisation {
    clear: both;
}
.cartAuthorisation div {
    float: left;
}
.cartAuthorisationText {
    color: #E2E2E2;
    font-family: Helvetica;
    font-size: 14px;
    font-weight: 200;
    width: 95%;
}
.cartAuthorisationCheckbox {
    width: 5%;
}
.cartMyPointsContainer {
    border: 1px solid #FFFFFF;
    float: left;
    font-size: 24px;
    font-weight: 800;
    padding: 12px 0 8px 15px;
    width: 100%;
}
.cartMyPointsLabel {
    color: #FFFFFF;
}
.ModIMGShoppingCartC input[type="button"], .ModIMGShoppingCartC input.longButton, .ModIMGShoppingCartC input[type="submit"] {
    background-color: #A2721E;
    background-image: none;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 400;
    padding: 10px 3% 6px;
    text-align: left;
    text-shadow: none;
    width: 98%;
    
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out; /* IE10 is actually unprefixed */
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.ModIMGShoppingCartC input[type="button"]:hover, .ModIMGShoppingCartC input.longButton:hover, .ModIMGShoppingCartC input[type="submit"]:hover{
    background-color: #885311;
    text-decoration: none;
}
.cartPanelContainer .NormalRed {
    color: #D10A10;
    float: left;
    font-family: Helvetica;
    font-size: 16px;
    font-weight: 400;
    margin: 20px 0;
    width: 100%;
}

.ModIMGShoppingCartC .cartButtonsCheckout input[type="submit"].button {
    background-color: #C6A141;
    background-image: url("images/arrow_gold_button_right.png");
    background-position: 98% center;
    background-repeat: no-repeat;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    font-family: BebasNeue;
    font-size: 20px;
    font-weight: 400;
    margin-right: 0;
    padding: 10px 3% 6px;
    text-align: left;
    text-shadow: none;
    width: 100%;
    
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out; /* IE10 is actually unprefixed */
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.ModIMGShoppingCartC .cartButtonsCheckout input[type="submit"].button:hover{
    background-color:#A4721B;
    background-image: url("images/arrow_gold_button_right.png");
    background-position: 98% center;
    background-repeat: no-repeat;
    text-decoration: none;
}

.location_view {
    background-image: url("images/img_dest_topoftherock.jpg");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: block;
    width: 100%;
}
.location_view .inner{
    display:block;
    height: 0;
    padding-top:45%;
}

.frame .imagecontainer {
    margin-top: 0;
}

.accommodation_view{
    background-image: url("images/img_dest_accomodation.jpg");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: block;
    width: 100%;    
}
.accommodation_view .inner{
    display:block;
    height: 0;
    padding-top:45%;
}

ul.tall li {
    font-family: bebasneue;
    font-size: 24px;
    letter-spacing: 1px;
    line-height: 120%;
}
ul.tall {
    padding-left: 20px !important;
    
    -moz-column-count: 2;
    -moz-column-gap: 12px;
    -webkit-column-count: 2;
    -webkit-column-gap: 12px;
}

/* ATTRACTION BANNERS */
.attractionsimage {
    background-color: #202020;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: block;
    width: 100%;
}
.attractionsimage .inner {
    display: block;
    height: 0;
    padding-top: 45%;
}
.att1{background-image:url("images/img_dest_statueofliberty.jpg");}
.att2{background-image:url("images/img_dest_september11memorial.jpg");}
.att3{background-image:url("images/img_dest_thehighline.jpg");}
.att4{background-image:url("images/img_dest_timesqure.jpg");}
.att5{background-image:url("images/img_dest_moma.jpg");}
.att6{background-image:url("images/img_dest_topoftherock.jpg");}
.att7{background-image:url("images/img_dest_brooklynbridgepark.jpg");}
.att8{background-image:url("images/img_dest_yankees.jpg");}
.att9{background-image:url("images/img_dest_barneys.jpg");}
.att10{background-image:url("images/img_dest_centralpark.jpg");}
.att11{background-image:url("images/img_dest_brooklynbridge.jpg");}

/* FSDF2015 */
.fsdf2015_view {
    background-image:url("images/img_dest_fsdf2015.jpg");
    background-color: #202020;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: block;
    width: 100%;
}
.fsdf2015_view .inner {
    display: block;
    height: 0;
    padding-top: 45%;
}
h1.fsdf_logo {
    background-image: url("images/logo_fsdf2015.png");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: block;
    font-size: 0;
    line-height: 0;
    margin: 10px 0 14px;
    padding: 0;
    text-indent: -9999px;
    max-width: 258px;
    width: 100%;
    height: 70px;
}

/* CONTROL PANEL SIDEBAR WIDGET */
.controlpanel_widget {
    color: #FFFFFF;
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 150%;
    padding: 10px;
}
a.btn_viewcontrolpanel {
    background-color: #85500A;
    background-image: url("images/arrow_gold_button_right.png");
    background-position: 98% center;
    background-repeat: no-repeat;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    font-family: BebasNeue;
    font-size: 20px;
    font-weight: 400;
    margin-right: 2.5%;
    padding: 8px 22% 4px 3%;
    text-align: left;
    text-shadow: none;
    width: 98%;
    color: #FFFFFF;
    display:block;
    border-radius: 0;
    
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out; /* IE10 is actually unprefixed */
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

a.btn_viewcontrolpanel:hover{
    background-color:#A4721B;
    background-image: url("images/arrow_gold_button_right.png");
    background-position: 98% center;
    background-repeat: no-repeat;
    text-decoration: none;
}

.content.black .NormalBold, .content.wide .NormalBold {
    color: #6D6E70;
}

/* REMOVING LOCK ICON IN CONTACT LINK ON NAVBAR WHEN USER NOT LOGGED IN */
.topLevel > .item.last > a.menuitem-97{
    background-image:none;
    padding-left: 6px;
    padding-right: 6px;
    border-left: 0 none;
    border-right: 0 none;
}
.top.small .navbar .topLevel > .item.last > a.menuitem-97 {
    margin-right: 0;
    padding-left: 6px;
    padding-right: 6px;
}

/* CONTROL PANEL */
.content #loyaltyProgramAdminMenu {
    border-bottom: 1px solid #C2C2C2;
    display: block;
    margin-bottom: 20px;
    height: auto;
}
.content #loyaltyProgramAdminMenu .parentLevel li a {
    background: #85500A;
}
.content #loyaltyProgramAdminMenu .parentLevel li.hover a, .content #loyaltyProgramAdminMenu .parentLevel li a:hover{
    color:#FFFFFF;
    cursor: pointer;
}
.content #loyaltyProgramAdminMenu .parentLevel li a:hover, .content #loyaltyProgramAdminMenu .parentLevel li.hover a {
    background: #A4721B;
}
.content #loyaltyProgramAdminMenu .parentLevel li a > div {
    background: none;
}
.content #loyaltyProgramAdminMenu .parentLevel li a:hover > div, .content #loyaltyProgramAdminMenu .parentLevel li.hover a > div {
    background: none;
}
/* SUBLEVEL */
.content #loyaltyProgramAdminMenu .childLevel li.menuItemFirst.menuItemLast > a{
    background:none;
}
.content #loyaltyProgramAdminMenu .childLevel li.menuItemFirst.menuItemLast > a div {
    background: none;
    line-height: 100%;
    margin: 0;
    padding: 0;
    display: inline;
    color: inherit;
}
.content #loyaltyProgramAdminMenu .childLevel li.menuItem a {
    background:none;
    border-left: 2px solid rgba(0, 0, 0, 0);
    border-top: medium none !important;
    color: #C5A140;
    float: left;
    font-size: 18px;
    margin-bottom: 2px;
    margin-left: 0;
    margin-right: 0;
    padding: 5px 8%;
    width: 99%;
    
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out; /* IE10 is actually unprefixed */
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;    
}
.content #loyaltyProgramAdminMenu .childLevel li.menuItem a:hover, .content #loyaltyProgramAdminMenu .childLevel li.menuItem.hover a{
    border-left:2px solid #FFFFFF;
    color: #FFFFFF;
}
.content #loyaltyProgramAdminMenu .childLevel li.menuItemLast > a{
    background:none;
}
.content #loyaltyProgramAdminMenu .childLevel li.menuItem a div{
    background: none;
    line-height: 100%;
    margin: 0;
    padding: 0;
    display:inline;
    color: inherit;
}
.content #loyaltyProgramAdminMenu .childLevel li.menuItem a:hover div{
    color:#FFFFFF;
}
.content #loyaltyProgramAdminMenu .parentLevel li.hover .childLevel {
    background-color:#000000;
    background-color: rgba(0, 0, 0, 0.7);
    margin-top: 10px;
    padding: 10px 0;
}
.content #loyaltyProgramAdminMenu .childLevel li {
    margin: 0;
}

.content div.loyaltyProgramAdminMiniSearchContainer {
    clear: both;
    display: block;
    height: auto;
    padding: 0;
}
.content div.loyaltyProgramAdminMiniSearchContainer div {
    display: inherit;
    float: none;
    margin-bottom: 10px;
    text-align: right;
}
.content .miniSearchInput {
    background: none;
    border: 1px solid #FFFFFF;
    border-radius: 0 !important;
    box-shadow: none;
    color: #6D6E70;
    font-size: 14px;
    line-height: 100%;
    margin: 0;
    padding: 13px 10px 7px;
}
.content .dnnPrimaryAction, .content .dnnFormItem input[type="submit"], .content a.dnnPrimaryAction {
    background-color: #C6A141;
    background-image: url("images/arrow_gold_button_right.png");
    background-position: 98% center;
    background-repeat: no-repeat;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    font-family: BebasNeue;
    font-size: 20px;
    font-weight: 400;
    margin-right: 0;
    max-width: 120px;
    padding: 8px 3% 4px;
    text-align: left;
    text-shadow: none;
    width: 98%;
    border-radius: 0;
    
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out; /* IE10 is actually unprefixed */
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;     
}
.content .dnnPrimaryAction:hover, .content .dnnFormItem input[type="submit"]:hover, .content a.dnnPrimaryAction:hover{
    background-color:#A4721B;
    background-image: url("images/arrow_gold_button_right.png");
    background-position: 98% center;
    background-repeat: no-repeat;
    text-decoration: none;
}

.loyaltyProgramAdminContainer .dnnLabel {
    text-align: left;
    width: 110px;
}
.loyaltyProgramAdminContainer .dnnFormItem input[type="text"], .loyaltyProgramAdminContainer .dnnFormItem input[type="password"] {
    background: none;
    border: 1px solid #FFFFFF;
    border-radius: 0;
    box-shadow: none;
    color: #999999;
    font-size: 16px;
    min-width: 0;
    padding: 12px 7px 9px;/*12px 4% 9px;*/
    width: 95%;
}
.loyaltyProgramAdminContainer .dnnFormItem select {
    background: none;
    border: 1px solid #FFFFFF;
    border-radius: 0;
    box-shadow: none;
    color: #FFFFFF;
    font-family: BebasNeue;
    font-size: 20px;
    line-height: 100%;
    margin-bottom: 18px;
    padding: 7px 7px 5px;/*7px 4% 5px;*/
    width: 95%;
}
.loyaltyProgramAdminContainer .dnnFormItem select option {
    color: #FFFFFF;
}
.loyaltyProgramAdminContainer .dnnFormItem textarea {
    background: none;
    border: 1px solid #FFFFFF;
    border-radius: 0;
    box-shadow: none;
    color: #999999;
    font-size: 16px;
    min-width: 0;
    padding: 12px 7px 9px;/*12px 4% 9px;*/
    width: 95%;
}

.loyaltyProgramAdminContainer table {
    border: 1px solid #FFFFFF !important;
    float: left;
    width: 100% !important;
}
.loyaltyProgramAdminContainer .dnnGridHeader td, .loyaltyProgramAdminContainer thead.dnnGridHeader th, .loyaltyProgramAdminContainer tr.dnnGridHeader th{
    color: #FFFFFF;
}
.loyaltyProgramAdminContainer .dnnGridHeader td a, .loyaltyProgramAdminContainer thead.dnnGridHeader th a, .loyaltyProgramAdminContainer tr.dnnGridHeader th a {
    color: #FFFFFF;
    font-size: 21px;
}
.loyaltyProgramAdminContainer .dnnGridItem td{
    border: 1px solid #FFFFFF;
    color: #E2E2E2;
    letter-spacing: 1px;
}
.loyaltyProgramAdminContainer .dnnGridAltItem td {
    background-color: #202020;
    border: 1px solid #FFFFFF;
    color: #E2E2E2;
    letter-spacing: 1px;
}
.loyaltyProgramAdminContainer .dnnGridItem:hover, .loyaltyProgramAdminContainer .dnnGridAltItem:hover{
    background-color:#666666;
}
.loyaltyProgramAdminContainer .dnnGridAltItem td a, .loyaltyProgramAdminContainer .dnnGridItem td a{
    color:#C6A141;
}
.loyaltyProgramAdminContainer tr.DataGrid_Pager {
    background: none repeat scroll 0 0 #909195;
    color: #000000;
    font-family: bebasneue;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
}
.loyaltyProgramAdminContainer table tr.DataGrid_Pager table {
    border: 0 none !important;
}
.loyaltyProgramAdminContainer table tr.DataGrid_Pager table td {
    padding: 6px 0 5px;
}
.loyaltyProgramAdminContainer table tr.DataGrid_Pager table td:first-child{
    padding-left:10px;
}
.loyaltyProgramAdminContainer table tr.DataGrid_Pager table td:last-child{
    padding-right:10px;
}
.propertyList .dnnFormItem {
    color: #CCCCCC;
    letter-spacing: 1px;
}
.propertyList .dnnFormItem span{
    
}
.propertyList .dnnLabel {
    width: 200px;
}
.loyaltyProgramAdminContainer .pointsBox {
    border: 1px solid #C2C2C2;
    margin-bottom: 20px;
	width: 300px;
	padding: 8px;
}
.loyaltyProgramAdminContainer .pointsBox p {
    font-family: bebasneue;
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 120%;
    color: #C5A141;
}
.propertyList .dnnFormItem .dnnLabel label {
    font-weight: 800;
}
#loyaltyAdminForm fieldset .dnnFormItem, #loyaltyAdminForm fieldset .dnnFormItem span.NormalBold {
    color: #CCCCCC;
}

.content .dnnFormItem button, .content .dnnFormItem input[type="button"], .content .dnnFormItem input[type="reset"], .content .dnnSecondaryAction, .content a.dnnSecondaryAction {
    background-color: #6D6E70;
    background-image: none;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 400;
    padding: 8px 3% 4px;
    text-align: left;
    text-shadow: none;
    width: 98%;
    max-width: 120px;
    
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out; /* IE10 is actually unprefixed */
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; 
}
.content .dnnFormItem button:hover, .content .dnnFormItem input[type="button"]:hover, .content .dnnFormItem input[type="reset"]:hover, .content .dnnSecondaryAction:hover, .content a.dnnSecondaryAction:hover{
    background-color: #8f9194;
    text-decoration: none;
}
.loyaltyProgramAdminContainer table.rcTable {
    border: medium none !important;
}

/* FIXING RESET PASSWORD POPUP */
div.ui-widget-overlay {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.45);
}
div.dnnFormPopup {
    background: none repeat scroll 0 0 #000000;
    border: 1px solid #808080;
}
div.dnnFormPopup .ui-dialog-titlebar {
    border-bottom: 0;
    cursor: move;
    font-size: 22px;
    font-weight: bold;
    padding: 0 0 18px;
    position: relative;
    color:#FFFFFF;
}
div.dnnFormPopup #iPopUp {
    padding-top: 0;
}

input:focus {
    outline-color: #C6A141;
}
a:hover, a:focus{
    color:#C6A141;
}
.black p a{
    color:#C6A141;
}


/* LINKS AREA */
.links {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #CCCCCC;
    font-size: 12px;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    padding: 0 0 20px;
}
.links ul {
    clear: both;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.subscriber input[type="text"], .subscriber input[type="email"] {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #C5A141;
    border-radius: 0;
    color: #FFFFFF;
    font-family: Helvetica;
    font-size: 14px;
    padding: 12px 10px 8px;
    width: 100%;
}
.subscriber input[type="submit"], .subscriber button.primaryButton {
    border: medium none;
    color: #FFFFFF;
    margin: 10px 0;

    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out; /* IE10 is actually unprefixed */
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    
    background: url("images/arrow_small.png") no-repeat scroll 95% center #0F679B;
    cursor: pointer;
    font-family: bebasneue;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 10px 10px 5px;
    text-align: left;
    width: 100%;
}
.subscriber input[type="submit"]:hover, .subscriber button.primaryButton:hover{
    background-color:#07334D;
    background-position: 98% center;
}
.social a {
    color: #C5A141;
    font-family: Social;
    font-size: 50px;
    line-height: 100%;

-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out; /* IE10 is actually unprefixed */
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;     
}
.social a:hover{
    color:#FFFFFF;
    text-decoration: none;
}
.productlinks li {
    
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}

.productlinks li a {
    border-bottom: 1px solid #CCCCCC;
    color: #666666;
    float: left;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1px;
    line-height: 100%;
    overflow: hidden;
    padding: 5px 0;
    position: relative;
    white-space: pre;
    width: 100%;
    z-index: 1;

    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out; /* IE10 is actually unprefixed */
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.productlinks li a:hover{
    background:#CCCCCC;
    /*color:#FFFFFF;*/
    text-decoration: none;
    z-index: 9;
    padding-left:10px;
}
.widget h4 {
    border-bottom: 1px solid #CCCCCC;
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 100%;
    margin-bottom: 20px;
    margin-top: 20px;
    padding-bottom: 10px;
}

/* PRODUCT CATEGORIES GRID */
.product_cat_cell {

    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out; /* IE10 is actually unprefixed */
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
a.product_cat {
    display: block;
    margin-bottom: 10px;

    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out; /* IE10 is actually unprefixed */
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
a.product_cat:hover{
	text-decoration: none;
}
a.product_cat .image {
    background-color: #E2E2E2;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: block;
    height: auto;
    width: 100%;
    margin-bottom:0;
}
.image .inner {
    display: block;
    height: 0;
    padding-top: 50%;
    width: 100%;
}
a.product_cat .caption {
    color: #FFFFFF;
    display: table-cell;
    font-weight: 700;
    height: 46px;
    padding: 0 10px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    width: 300px;
    letter-spacing:1px;
    line-height: 100%;
    font-size:17px;

-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out; /* IE10 is actually unprefixed */
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;    
}
a.product_cat.sauces .caption {
    background-color: #780C0C;
}
a.product_cat.chilli-paste-and-seasoning .caption {
    background-color: #D2232A;
}
a.product_cat.jars-and-tins .caption {
    background-color: #D67429;
}
a.product_cat.beans .caption {
    background-color: #FFCB05;
}
a.product_cat.flours .caption {
    background-color: #ECD517;
}
a.product_cat.beverages .caption {
    background-color: #519133;
}
a.product_cat.foodservice .caption {
    background-color: #01619B;
}
a.product_cat.other-products .caption {
    background-color: #764982;
}
a.product_cat.frozen-products .caption {
    background-color: #009999;
}
a.product_cat.other-products-no-food .caption {
    background-color: #000;
}
a.jams-and-spreads-2 .caption {
    background-color: #552761;
}
a.product_cat:hover .caption{
	background-color: #000000;
	color:#E8BA1D;
}

a.sauces .image {
    background-image: url("images/sauces.jpg");
}
a.chilli-paste-and-seasoning  .image {
    background-image: url("images/chilli-paste-and-seasoning.jpg");
}
a.jars-and-tins .image {
    background-image: url("images/jars-and-tins.jpg");
}
a.beans .image {
    background-image: url("images/beans.jpg");
}
a.flours .image {
    background-image: url("images/flours.jpg");
}
a.beverages .image {
    background-image: url("images/beverages.jpg");
}
a.foodservice .image {
    background-image: url("images/foodservice.jpg");
}
a.other-products .image {
    background-image: url("images/other-products.jpg");
}
a.frozen-products .image {
    background-image: url("images/latindeli_frozen.jpg");
}
a.other-products-no-food .image {
    background-image: url("images/nofood.jpg");
}
a.jams-and-spreads-2 .image {
    background-image: url("images/latindeli_jam.jpg");
}

.sidebar .widget {
    float: left;
    margin-bottom: 0;
    padding-bottom: 10px;
    width: 100%;
}
.widget a.button {
    display: block;
    padding: 12px 16px;
    transition: all 0.3s ease-out 0s;
}
.widget a.bigred {
    background-color: #780C0C;
    color: #FFFFFF;
    
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out; /* IE10 is actually unprefixed */
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;    
}
.widget a.bigred:hover{
    text-decoration: none;
    background-color:#520D0D;
    background-position: 98% center;
    
}
.widget a.goright {
    background-image: url("images/arrow_small.png");
    background-position: 95% center;
    background-repeat: no-repeat;
    padding: 15px 20px 8px 16px;
    letter-spacing: 1px;
}
.widget a.button .heading {
    display: block;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 100%;
    text-transform: uppercase;
}
.loginsection {
    background-color: #C5A141;
    float: left;
    font-family: bebasneue;
    width: 100%;
}
.loginsection h2 {
    border-bottom: 2px solid #A87724;
    color: #FFFFFF;
    font-size: 32px;
    font-weight: 400;
    line-height: 100%;
    margin: 0;
    padding: 12px 10px 4px;
}
.loginsection .login {
    margin: 0 10px;
}
.login {
    padding: 5px 0;
}
.tml-action-links {
    padding: 0 !important;
    margin:0;
}
.loginsection .login form p {
    color: #FFFFFF;
    padding: 0 0 6px;
    margin:0;
}
.loginsection .login form p label {
    float: left;
}
.login form label {
    display: block;
    font-family: bebasneue;
    letter-spacing: 1px;
}
.loginsection .login form p input {
    background-color: #AC7E1E;
    border: medium none;
    color: #FFFFFF;
    font-size: 14px;
    line-height: 100%;
    margin: 0;
    padding: 12px 5px 8px;
    width: 100%;
}
.forgetmenot {
    float: left;
    width: 100%;
}
.loginsection .login form p input#rememberme1 {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    margin: 4px;
    width: 10px;
}
.login form p.forgetmenot label {
    display: inline;
}
.loginsection .login form p input#wp-submit1 {
    background: url("images/arrow_small.png") no-repeat scroll 95% center #85500A;
    cursor: pointer;
    font-family: bebasneue;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 10px 10px 5px;
    text-align: left;
    width: 100%;
    
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out; /* IE10 is actually unprefixed */
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;    
}
.loginsection .login form p input#wp-submit1:hover{
    text-decoration: none;
    background-color:#A4721B;
    background-position:98% center;
}
.tml-action-links {
    padding: 0 !important;
}
.tml-action-links li {
    list-style: none outside none;
}
.loginsection .login ul li a {
    color: #FFFFFF;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 1px;
}
.mobilesearch form {
    border-bottom: 2px solid #C6A140;
}
.mobilesearch .inputbox {
    background: none repeat scroll 0 0 #434343;
    border: 1px solid #666666;
    color: #FFFFFF;
    font-weight: 200;
    margin: 10px;
    padding: 10px 6px 7px;
    width: 228px;
    font-size: 14px;
}
.sidebar .widget.search {
    background: none repeat scroll 0 0 #A3721E;
    margin-bottom: 10px;
    padding: 10px;
}
.sidebar .widget.search input.inputbox.inputbox {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #C5A141;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 200;
    padding: 6px 10px 3px;
    width: 80%;
}
.widget.search input.search {
    background: none repeat scroll 0 0 #C5A141;
    border: medium none;
    color: #FFFFFF;
    padding: 7px 0 5px;
    text-align: center;
    width: 18%;
    
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out; /* IE10 is actually unprefixed */
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;    
}
.widget.search input.search:hover{
    background-color:#9E6B17;
}

.widget.subscriber, .widget.social, .widget.welcome {
    background-color: #a3721e;
    margin-bottom: 10px;
    padding-bottom: 0;
}
.subscriber h2, .social h2, .selector h2 {
    border-bottom: 2px solid #8F5B10;
    color: #FFFFFF;
    font-size: 32px;
    font-weight: 400;
    line-height: 100%;
    margin: 0;
    padding: 12px 10px 4px;
}
.newsletterform, .socialcontent {
    margin: 0 10px;
    padding: 10px 0 0;
}
.widget h2{
    border-top:none;
}


a.product {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    float: left;
    height: 228px;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
}
a.product .thumb {
    background-color: #FFFFFF;
    border: 10px solid #FFFFFF;
    display: table;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}
a.product .thumb img {
    height: 206px;
    max-width: 100%;
    text-align: center;
}
a.product .name {
    background: none repeat scroll 0 0 rgba(204, 204, 204, 0.75);
    bottom: 0;
    color: #952F30;
    float: left;
    padding: 10px 0;
    position: absolute;
    text-align: center;
    width: 100%;

-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out; /* IE10 is actually unprefixed */
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;    
}
a.product:hover .name{
    background-color:#952F30;
    color:#FFFFFF;
}
.featured {
    border: 1px solid #999999;
    float: left;
    margin: 0 1% 10px;
    padding: 10px 0 0;
    width: 98%;
}
.featured h2 {
    margin-bottom: 10px;
    padding: 0 10px 4px;
}

.content.framed {
    border: 1px solid #999999;
    margin: 0 5px 10px;
}

.product {
    margin-bottom: 10px;
}
.product .image {
    border: 10px solid rgba(0, 0, 0, 0);
    display: table;
    height: auto;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    position:relative;
}

.product .image img {
    display: table-cell;
    width: 90%;
}
.product .info {
    text-align: center;
    height: 100px;
}
.product .add input.inputbox[type="text"] {
    border: 1px solid #CCCCCC;
    font-size: 14px;
    line-height: 100%;
    padding: 8px 0 6px;
    text-align: center;
    width: 15%;
}
.product .add .primaryButton {    
    background-image: url("images/cross_gold.png");
    background-color: #404042;
    background-position: 94% center;
    background-repeat: no-repeat;
    background-size: 17px auto;
    border: medium none;
    color: #FFFFFF;
    line-height: 100%;
    padding: 8px 24% 4px 8%;
    float:right;
    width: 80%;
    text-align: left;
    border-radius: 0;
    
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out; /* IE10 is actually unprefixed */
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;     
}
.product .add .primaryButton:hover{
    background-color:#646466;
}
.product .info .label {
    color: #555555;
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 120%;
    display: block;
}
.product .info .extra {
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 100%;
    margin-bottom: 8px;
}


.nutritionfacts {
    background-color: #FFFFFF;
    border: 1px solid #000000;
    color: #000000;
    margin: 0 0 0 2%;
    padding: 3px;
    width: 96% !important;
    margin-bottom:10px;
        
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out; /* IE10 is actually unprefixed */
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.nfservingsize {
    font-family: Helvetica Regular,Helvetica,Arial,sans-serif;
    font-size: 12px;
    line-height: 150%;
    padding-top: 1px;
}
.nflabel {
    font-family: Helvetica Regular,Helvetica,Arial,sans-serif;
    font-size: 12px;
    line-height: 150%;
}
.nfnutrient {
    font-family: Helvetica Regular,Helvetica,Arial,sans-serif;
    font-size: 12px;
    padding-top: 0;
}
.nfright {
    padding-top: 1px;
    position: absolute;
    text-align: right;
    width: 86% !important;
}
.nfnutrientcontent {
    font-family: Helvetica Regular,Helvetica,Arial,sans-serif;
    font-size: 12px;
    line-height: 100%;
}
.nfnutrientsubgroup {
    font-family: Helvetica Regular,Helvetica,Arial,sans-serif;
    font-size: 11px;
    line-height: 180%;
    padding-left: 10px;
    padding-top: 2px;
}
.nfsubright {
    font-family: Helvetica Regular,Helvetica,Arial,sans-serif;
    font-size: 12px;
    line-height: 100%;
    margin-top: 2px;
    overflow: hidden;
    position: absolute;
    text-align: right;
    width: 83% !important;
}
.nfvit {
    font-family: Helvetica Regular,Helvetica,Arial,sans-serif;
    font-size: 11px;
    line-height: 150%;
    padding-top: 4px;
}
.nfvitright {
    padding-top: 0;
    position: absolute;
    text-align: right;
    width: 86% !important;
}
.nfbullet {
    font-family: Helvetica Regular,Helvetica,Arial,sans-serif;
    font-size: 12px;
    line-height: 120%;
    margin-top: 1px;
    overflow: hidden;
    position: absolute;
    text-align: center;
    width: 86% !important;
}
.nfmisc {
    font-family: Helvetica Regular,Helvetica,Arial,sans-serif;
    font-size: 9px;
    line-height: 140%;
    padding-top: 5px;
}
.nfthickrule {
    border-bottom: 7px solid #000000;
    padding-top: 1px;
}
.nfhairlinerule {
    border-bottom: 1px solid #000000;
    padding-top: 1px;
}
.nfsubhairlinerule {
    border-bottom: 1px solid #000000;
    margin-left: 10px;
    padding-left: 10px;
    padding-top: 1px;
}


.nutri_ingredients {
    margin: 5px 4%;
}
.nutri_ingredients h3 {
    border-bottom: 1px solid #333333;
    color: #333333;
    font-weight: 800;
    margin-bottom: 10px;
}
.nutri_ingredients p {
    color: #333333;
    font-family: bebasneue;
    font-weight: 400;
    letter-spacing: 1px;
}


.related_items {
    background: none repeat scroll 0 0 #929292;
    margin: 0 2% 10px;
}
.related_items h3 {
    margin: 0 2%;
}

.product_img {
    display: table;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}
.product_img img {
    display: table-cell;
    max-width: 308px;
    width: 90%;
}
.product_info {
    margin: 0 2% 10px;
        
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out; /* IE10 is actually unprefixed */
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.product_info .label {
    border-bottom: 1px solid #999999;
    color: #555555;
    font-size: 32px;
    line-height: 120%;
    margin-bottom: 10px;
    padding-top: 6px;
}
.product_info .brand, .product_info .country, .product_info .weight, .product_info .extra {
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 120%;
}
.product_info .description {
    border-bottom: 1px solid #999999;
    border-top: 1px solid #999999;
    color: #555555;
    font-family: Helvetica;
    font-size: 13px;
    font-weight: 200;
    line-height: 150%;
    margin: 10px 0;
    padding: 10px 0;
}
.product_add{
    margin:0 2% 10px;
        
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out; /* IE10 is actually unprefixed */
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.product_add input.inputbox[type="text"] {
    border: 1px solid #CCCCCC;
    font-size: 14px;
    line-height: 100%;
    padding: 8px 0 6px;
    text-align: center;
    width: 15%;
}
.product_add .primaryButton {    
    background-image: url("images/cross_gold.png");
    background-color: #404042;
    background-position: 94% center;
    background-repeat: no-repeat;
    background-size: 17px auto;
    border: medium none;
    color: #FFFFFF;
    line-height: 100%;
    padding: 8px 24% 4px 8%;
    float:right;
    width: 80%;
    text-align: left;
    border-radius: 0;
    margin-right:4%;
    
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out; /* IE10 is actually unprefixed */
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;     
}
.product_add .primaryButton:hover{
    background-color:#646466;
}


.product.recipe .info {
    height: 145px;
}
.product.recipe .info .label {
    display: block;
}
.recipe .extra {
    margin-bottom: 4px !important;
}
.recipe_img {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 10px solid #FFFFFF;
    margin: 2%;
    width: 96%;
}
.Ingredients, .Preparation {
    margin: 0 2% 10px;
}
.ingredient, .instructions {
    font-size: 14px;
}
.ingredient p, .instructions p {
    color:#555555;
}
.Ingredients h3, .Preparation h3 {
    border-bottom: 1px solid #999999;
    color: #555555;
    font-weight: 800;
    margin-bottom: 10px;
}
.description p {
    color: #555555;
    font-style: italic;
}

/* MINICART */
.widget.minicart {
    background-color: #C5A141;
    margin-bottom: 10px;
    padding-bottom: 0;
}
.minicart h2 {
    border-bottom: 2px solid #A87724;
    color: #FFFFFF;
    font-size: 32px;
    font-weight: 400;
    line-height: 100%;
    margin: 0;
    padding: 12px 10px 4px;
}
.dd_minicart {
    color: #FFFFFF;
    margin: 0 10px;
    padding: 5px 0;
}
.dd_minicart .item {
    clear: both;
    
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out; /* IE10 is actually unprefixed */
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;    
}
.dd_minicart a {
    color: #FFFFFF;
}
.actionCol, .qtyCol {
    width: 10%;
}
.actionCol, .nameCol, .qtyCol {
    float: left;
    padding: 5px 0;
}
.actionCol a {
    background-color: #780C0C;
    border-radius: 9px;
    color: #FFFFFF;
    display: block;
    font-size: 15px;
    font-weight: 200;
    line-height: 100%;
    margin: 3px 0 0;
    padding: 2px 0 1px;
    text-align: center;
    width: 15px;
    
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out; /* IE10 is actually unprefixed */
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;    
}
.actionCol a:hover{
    background-color:#DD0000;
    text-decoration: none;
}
.nameCol {
    width: 80%;
}
.qtyCol {
    text-align: center;
}
.actionRow a {
    background-color: #0F679B;
    float: left;
    margin-bottom: 10px;
    padding: 8px 0 4px !important;
    text-align: center;
    width: 45%;
    color: #FFFFFF;
    
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out; /* IE10 is actually unprefixed */
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;    
}
.actionRow a:hover{
    background-color:#07334D;
    text-decoration: none;
}
.actionRow a.secondaryAction.button {
    background-color: #555555;
    float: right;
    padding: 12px 0 8px !important;
}
.actionRow a.secondaryAction.button:hover{
    background-color:#999999;
}

/* CART */
.dd_cart {
    margin: 5px 2% 10px;
}
.dd_cart_form {
    clear: both;
}
.dd_cart_form .head {
    background-color: #999999;
    color: #FFFFFF;
    display: table;
    float: left;
    font-size: 13px;
    line-height: 120%;
    padding: 5px 0 2px;
    width: 100%;
}
.dd_cart_form .item {
    float: left;
    width: 100%;
}
.dd_cart_form .actionCol {
    display: table;
    text-align: center;
    width: 8%;
}
.dd_cart_form .item .actionCol {
    height: 120px;
}
.dd_cart_form .item .actionCol a{
    background: none;
    border-radius: 0;
    color: #780C0C;
    display: table-cell;
    font-size: 20px;
    font-weight: 400;
    line-height: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    width: auto;
    
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out; /* IE10 is actually unprefixed */
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;    
}
.dd_cart_form .item .actionCol a:hover{
    color:#555555;
    font-size:25px;
}
.dd_cart_form .thumbnailCol {
    display: table;
    float: left;
    padding: 5px 0;
    text-align: center;
    width: 20%;
}
.dd_cart_form .item .thumbnailCol {
    height: 120px;
}
.dd_cart_form .item .thumbnailCol img {
    display: table-cell;
    vertical-align: middle;
    max-width: 62px;
}
.dd_cart_form .nameCol {
    display: table;
    width: 43%;
}
.dd_cart_form .item .nameCol {
    height: 120px;
}
.dd_cart_form .item .nameCol a {
    display: table-cell;
    vertical-align: middle;
    color:#555555;
}
.dd_cart_form .unitperboxCol {
    float: left;
    padding: 5px 0;
    text-align: center;
    width: 11%;
    display:table;
    
}
.dd_cart_form .item .unitperboxCol {
    height:120px;
}
.dd_cart_form .qtyCol{
    display:table;
    width:15%;
}
.dd_cart_form .item .qtyCol {
    height:120px;
}
.dd_cart_form .item .qtyCol span {
    display: table-cell;
    vertical-align: middle;
}
.dd_cart_form .qtyCol input {
    border: 1px solid #999999;
    color: #555555;
    padding: 5px 0 3px;
    text-align: center;
    width: 50%;
}
.dd_cart_form .item .unitperboxCol span {
    display: table-cell;
    vertical-align: middle;
}
.dd_cart_form .actionRow {
    float: left;
    margin: 10px 0 0;
    width: 100%;
}
.post h2 {
    padding: 12px 2% 8px;
}
.dd_cart_form .actionRow input[type="submit"].primaryAction {
    background-color: #0F679B;
    float: left;
    margin-bottom: 10px;
    padding: 12px 0 8px !important;
    text-align: center;
    width: 45%;
    color: #FFFFFF;
    border:none;
    
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out; /* IE10 is actually unprefixed */
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;    
}
.dd_cart_form .actionRow input[type="submit"].primaryAction:hover{
    background-color:#07334D;
}


/* LOADING ANIMATION */
.facebookG{width:28px}
.facebook_blockG{
    background-color:#999999;
    border:1px solid #000000;
    float:left;
    height:20px;
    margin-left:1px;
    width:5px;
    opacity:0.1;
    -moz-animation-name:bounceG;
    -moz-animation-duration:1.3s;
    -moz-animation-iteration-count:infinite;
    -moz-animation-direction:linear;
    -moz-transform:scale(0.7);
    -webkit-animation-name:bounceG;
    -webkit-animation-duration:1.3s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-direction:linear;
    -webkit-transform:scale(0.7);
    -ms-animation-name:bounceG;
    -ms-animation-duration:1.3s;
    -ms-animation-iteration-count:infinite;
    -ms-animation-direction:linear;
    -ms-transform:scale(0.7);
    -o-animation-name:bounceG;
    -o-animation-duration:1.3s;
    -o-animation-iteration-count:infinite;
    -o-animation-direction:linear;
    -o-transform:scale(0.7);
    animation-name:bounceG;
    animation-duration:1.3s;
    animation-iteration-count:infinite;
    animation-direction:linear;
    transform:scale(0.7);
}
.blockG_1{
    -moz-animation-delay:0.39s;
    -webkit-animation-delay:0.39s;
    -ms-animation-delay:0.39s;
    -o-animation-delay:0.39s;
    animation-delay:0.39s;
}
.blockG_2{
    -moz-animation-delay:0.52s;
    -webkit-animation-delay:0.52s;
    -ms-animation-delay:0.52s;
    -o-animation-delay:0.52s;
    animation-delay:0.52s;
}
.blockG_3{
    -moz-animation-delay:0.65s;
    -webkit-animation-delay:0.65s;
    -ms-animation-delay:0.65s;
    -o-animation-delay:0.65s;
    animation-delay:0.65s;
}
@-moz-keyframes bounceG{
    0%{-moz-transform:scale(1.2);opacity:1}
    100%{-moz-transform:scale(0.7);opacity:0.1}
}
@-webkit-keyframes bounceG{
    0%{-webkit-transform:scale(1.2);opacity:1}
    100%{-webkit-transform:scale(0.7);opacity:0.1}
}
@-ms-keyframes bounceG{
    0%{-ms-transform:scale(1.2);opacity:1}
    100%{-ms-transform:scale(0.7);opacity:0.1}
}
@-o-keyframes bounceG{
    0%{-o-transform:scale(1.2);opacity:1}
    100%{-o-transform:scale(0.7);opacity:0.1}
}
@keyframes bounceG{
    0%{transform:scale(1.2); opacity:1}
    100%{transform:scale(0.7);opacity:0.1}
}

.add, .product_add {
    position: relative;
    width: 100%;
}
.add .facebookG, .product_add .facebookG {
    display: none;
    position: absolute;
    right: 20px;
    top: 5px;
}
.product_add .facebookG{
    right:40px;
}


.registrationArea h3 {
    border-bottom: 1px solid #999999;
    color: #555555;
    font-weight: 400;
    line-height: 100%;
    margin: 0 0 15px;
    padding: 0 0 10px;
}
.registrationArea p {
    color: #555555;
    font-weight: 400;
}
.login form input[type="submit"], .form_img_registration input[type="submit"], .contactformArea input[type="submit"] {
    background: url("images/arrow_small.png") no-repeat scroll 95% center #0F679B;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-family: bebasneue;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 10px 0;
    padding: 10px 10px 5px;
    text-align: left;
    width: 100%;
    
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out; /* IE10 is actually unprefixed */
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;    
}
.login form input[type="submit"]:hover, .form_img_registration input[type="submit"]:hover, .contactformArea input[type="submit"]:hover{
    background-color:#07334D;
    background-position: 98% center;
}
.inputbox input {
    display: block;
    margin-bottom: 5px;
}
.personaldataArea h3 {
    border-bottom: 1px solid #999999;
    border-top: 1px solid #999999;
    color: #555555;
    font-weight: 400;
    margin: 10px 0 15px;
    padding: 10px 0 5px;
}
.dd_cart_core h3 {
    border-bottom: 1px solid #999999;
    border-top: 1px solid #999999;
    color: #555555;
    margin: 20px 0 10px;
    padding: 10px 0 7px;
}
.login input[type="text"], .login input[type="password"] {
    border: 1px solid #999999;
    font-size: 14px;
    margin: 0;
    padding: 10px 5px 5px;
    width: 100%;
}
.form_img_registration input[type="text"], .form_img_registration input[type="password"] {
    border: 1px solid #999999;
    font-size: 14px;
    margin: 0;
    padding: 10px 5px 5px;
    width: 100%;
}
.form_img_registration .inputbox {
    display: block;
    padding-bottom: 10px;
}
.form_img_registration .captchaCode {
    margin-top: 10px;
}
.personaldataArea input[type="text"], .personaldataArea select {
    border: 1px solid #999999;
    font-size: 14px;
    margin: 0;
    padding: 10px 5px 5px;
    width: 100%;
}
.personaldataArea select.selectbox {
    height: 44px;
    padding: 13px 5px 12px;
}
.form_img_registration {
    padding: 5px;
}
.widget .actionRow a.secondaryAction.button {
    padding: 8px 0 4px !important;
}



.image .placeholder {
    background: none repeat scroll 0 0 #999999;
    margin-left: 8px;
    position: absolute;
    width: 79%;
}
.placeholder .inner {
    display: block;
    height: 0;
    padding-top: 158.12%;
}
.formrow span input, .formrow span textarea {
    border: 1px solid #999999;
    font-size: 14px;
    margin: 0;
    padding: 10px 5px 5px;
    width: 100%;
}
.formrow .inputfield img.captcha_img {
    margin: 10px 0 0;
}
span.wpcf7-form-control-wrap {
    position: relative;
    width: 100%;
}
div.wpcf7-response-output {
    float: left;
    margin: 0 0 10px;
    padding: 10px 15px 6px;
    width: 100%;
}
div.wpcf7-validation-errors {
    border-bottom: 2px solid #f7e700;
    border-top: 2px solid #f7e700;
    border-right: none;
    border-left: none;
}
div.wpcf7-mail-sent-ok {
    border-bottom: 2px solid #398f14;
    border-top: 2px solid #398f14;
    border-right: none;
    border-left: none;
}

/* SEARCH */
.matchproduct {
    border-top: 1px solid #999;
    float: left;
    margin-bottom: 0;
    margin-top: 10px;
    padding: 10px 0 0;
    width: 100%;
}
.matchproduct.product .image {
    border: 0 none;
    display: inline;
    width: 30%;
}
.matchproduct.product .image img {
    max-width: 100%;
    text-align: center;
    width: 38%;
}
.matchrecipe {
    float: left;
    margin: 10px 0;
    padding: 10px 0;
}
.newsletterform .errorLog {
    color: #550d0d;
}


.message, #errorNotif {
    border: 1px solid #999999;
    float: left;
    margin: 10px 2% 20px;
    padding: 0 0 10px;
    width: 96%;
}
.message p, #errorNotif p {
    color: #555555;
    font-size: 14px;
    line-height: 150%;
    margin: 0;
    padding: 0 2% 8px;
}
#errorNotif{
    display:none;
}
.login p.error {
    background-color: #ffebe8;
    border: 2px solid #c00;
    color: #333;
    font-size: 14px;
    padding: 5px;
}

.welcome p {
    color: #fff;
    font-family: bebasneue;
    font-size: 29px;
    font-weight: 400;
    line-height: 100%;
    margin: 0;
    padding: 16px 10px 10px;
}
.dd_cart.processed h2 {
    border: medium none;
    margin: 0;
    padding: 5px 2% 4px;
    text-align: center;
}
.processed .personaldataArea .label {
    display: inline-block;
    font-weight: bold;
    letter-spacing: 1px;
    vertical-align: top;
    width: 30%;
    word-wrap: break-word;
}
.processed .personaldataArea .col-xs-12 .label {
    width: 15%;
}
.processed .personaldataArea .entryvalue {
    display: inline-block;
    width: 70%;
    word-wrap: break-word;
}
.processed .personaldataArea .col-xs-12 .entryvalue{
    width:85%;
}
.processed .personaldataArea .entryvalue span {
    display: block;
}
.processed .dd_cart_form h3 {
    border-bottom: 1px solid #999999;
    border-top: 1px solid #999999;
    color: #555555;
    margin: 20px 0 10px;
    padding: 10px 0 7px;
}
.outro {
    border-top: 1px solid #999;
    margin-top: 10px;
    padding-top: 12px;
}

.copyArea p {
    color: #777;
    /*
    font-family: "BebasNeue",Helvetica,Arial,sans-serif;
    font-size: 19px;
    */
    font-family: Helvetica, Arial, sans-serif;
    font-size:14px;
    font-weight: 400;
    line-height: 150%;
    padding: 0 2%;
}
.copyArea h3 {
    color: #555;
    font-weight: 400;
    padding: 8px 2% 4px;
}

.linkswidget {
    background: none repeat scroll 0 0 #ccc;
    margin-bottom: 10px;
}
.linkswidget h3 {
    border-bottom: 2px solid #999999;
    padding: 8px 4% 4px;
}
.linkswidget h3 span {
    font-weight: 800;
}
.linkswidget .linkssection {
    padding: 10px 4%;
}
.linkssection p {
    font-family: "BebasNeue",Helvetica,Arial,sans-serif;
    font-size: 19px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 150%;
    margin: 0;
    padding: 0 0 8px;
}
.linkssection ul.linkslist {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
ul.linkslist li a {
    border-bottom: 1px solid #999999;
    border-left: 5px solid #999999;
    color: /*#ffffff*/ #777777;
    display: block;
    font-size: 20px;
    font-weight: /*200*/ 400;
    letter-spacing: 1px;
    line-height: 100%;
    padding: 12px 0 8px 15px;
    transition: all 0.3s ease-out 0s;
    width: 100%;
}
ul.linkslist li a:hover{
    background-color: #999999;
    border-left: 5px solid #ffffff;
    color: #ffffff;
    font-weight: 200;
    padding-left: 20px;
    text-decoration: none;
}
.linkssection.nopadding {
    padding: 0;
}
.linkssection ul {
    margin: 0;
    padding: 0 0 0 16px;
    letter-spacing: 1px;
}

.dd_profile_form input[type="submit"].primaryAction {
    background-color: #0F679B;
    float: left;
    margin-bottom: 10px;
    margin-top:10px;
    padding: 12px 0 8px !important;
    text-align: center;
    width: 45%;
    color: #FFFFFF;
    border:none;
    
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out; /* IE10 is actually unprefixed */
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;    
}
.dd_profile_form input[type="submit"].primaryAction:hover{
    background-color:#07334D;
}

ul.mySitemap {
    list-style: none outside none;
    padding-left: 10px;
}
.mySitemap li.item.mobile{
    display:none !important;
}
.mySitemap li a{
    color:#555555;
}
.secondLevel ul {
    padding-left: 16px;
}

.linkswidget.red {
    background-color: #520d0d;
}
.linkswidget.red h3 {
    border-bottom: 2px solid #770000;
    color:#FFFFFF;
}
.linkswidget.red .linkssection p, .linkswidget.red .linkssection li {
    color: #ffffff;
}