/* themes/ca/centrsource.php */
/* GLOBAL *********************/
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
overflow-y: scroll;
margin: 0 auto;
color: #333;
}
body.cs_page {
background: url("../../images/bg_page.gif") repeat-y scroll center 0 #EEECE8;
}
body.login_page {
background: #EEECE8;
}
a,
a:visited {
text-decoration: none;
}
a:hover,
a:active {
text-decoration: underline;
}
label {
font-weight: normal;
}
select {
margin: 0;
padding: 2px;
}
select,
input[type="text"],
input[type="password"],
textarea {
font-family: Arial, Helvetica, sans-serif;
border: 1px solid #D3CEC2;
color: #333333;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
input[type="text"],
input[type="password"],
textarea {
padding: 4px;
}
option {
padding-right: 10px;
}
.mice-type {
font-size: 11px;
line-height: 12px;
}
.watermark {
color: #7C7C7C !important;
}
h1 {
color: #000;
font-family: "Trebuchet MS", Arial;
font-size: 24px;
line-height: 1.1;
margin-bottom: 12px;
}
h2 {
color: #000;
font-family: "Trebuchet MS",Arial;
font-size: 20px;
line-height: 1.2;
margin-bottom: 12px;
}
h3,
table caption {
color: #000;
font-family: "Trebuchet MS",Arial;
font-size: 16px;
line-height: 1.2;
margin-bottom: 12px;
}
.page_content ul,
ol,
dl,
p,
h4,
h5,
h6 {
margin-bottom: 12px;
}
h4,
h5,
h6 {
clear: both;
}
ul {
list-style-type: square;
}
dd {
margin-left: 10px;
}
hr {
background-color: transparent;
border: none;
border-top: 1px dotted #666;
}
table {
border: 0;
padding: 0;
border-collapse: collapse;
}
table caption {
margin-bottom: 5px;
}
table th,
table td {
padding: 10px;
border: solid 1px #D3CEC2;
vertical-align: top;
}
table thead th,
table thead td {
background-color: #E4E1D9 !important;
font-size: 13px;
color: #000;
font-weight: bold;
}
table tbody th,
table tbody td {
background-color: #F5F4F1;
}
.align-center {
text-align: center;
}
.align-right {
text-align: right;
}
table td .float-right {
text-align: right;
}
table td.price,
table .grand-total span.price {
text-align: right;
font-size: 16px;
}
table .grand-total span.price {
font-weight: bold;
}
table .grand-total {
margin: 10px 0 0 0 !important;
display: block;
height: auto;
overflow: hidden;
background-color: #FFF;
border: dashed 1px #666;
padding: 6px 6px 6px 6px;
}
table .grand-total span {
float: left;
display: inline;
line-height: 20px;
font-size: 14px;
}
table tbody td.item {
width: 180px;
}
table tbody td.status {
font-size: 11px;
line-height: 12px;
}
table tbody td.status .special {
background: #FFF;
border: dashed 1px #00CC33;
padding: 3px 0px 3px 5px;
}
table p {
margin-bottom: 5px;
}
p img {
float: left;
clear: both;
padding: 10px 15px 10px 0;
}
p img.align-right {
float: right;
padding: 10px 0 10px 15px;
}
/* GLOBAL THEME DEFAULTS *********************
* defaults below are overridden by the applicable theme file
* -these defaults are the same as the values in theme_orange.css
* -we still use theme_orange.css to override in case these default theme values change
* */
a,
a:hover,
a:active,
a:visited,
.category-nav ul li a:hover {
color: #005A80;
}
.theme-ui-bg {
background-color: #0098DB !important;
}
.btn-24-input-wrapper.theme-ui-bg:hover,
.btn-24-input-wrapper.theme-ui-bg:active,
input.theme-ui-bg:hover,
a.theme-ui-bg:hover,
a.theme-ui-bg:active,
a:hover .theme-ui-bg,
a:active .theme-ui-bg {
background-color: #0074A6 !important;
}
.theme-ui-text,
.offer-header em {
color: #636363 !important;
font-style: normal;
}
.theme-icon-bg {
background-color: #0098DB;
}
.offer-wrapper:hover .offer-special-icon-holder,
.icon-flash-offer:hover .offer-special-icon-holder,
.icon-time-offer:hover .offer-special-icon-holder,
.icon-group-offer:hover .offer-special-icon-holder,
.icon-link-category:hover .theme-icon-bg {
background-color: #0074A6;
}
.dottedline {
clear: both;
border-top: dotted 1px #666;
font-size: 1px;
height: 1px;
padding: 0;
margin: 10px 0px 10px 0px;
}
.h-divider {
border-top: dotted 1px #666;
border-bottom: none;
border-left: none;
border-right: none;
clear: both;
margin: 10px 0px;
}
.category-nav ul li a.no-icon {
font-size: 12px;
color: #666;
padding: 5px 10px 5px 15px;
}
.category-nav ul li a.no-icon:hover,
.category-nav ul li a.no-icon:active,
.category-nav ul li a.no-icon:visited {
color: #666;
}
.category-nav ul li a.no-icon.current {
color: #000;
}
/* HEADER *********************/
div.home-bar {
height: 30px;
background-color: #333;
color: #FFF;
}
.social-wrapper {
list-style: none outside none;
float: left;
margin: 0 !important;
}
div.home-bar .social-wrapper {
border-left: 1px solid #999;
margin: 5px 0 0 10px !important;
padding-left: 15px;
}
li.social-item-wrapper {
float: left;
position: relative;
height: 22px;
}
.home-bar li.social-item-wrapper {
height: 20px;
}
div.lang-wrapper {
float: right;
}
.page_header {
position: relative;
}
.logo_wrapper {
position: relative;
height: 76px;
}
.logo_holder {
position: absolute;
left: -106px;
top: 0;
background: url("../../images/bg_publisher_logo.png") no-repeat scroll 0 0 transparent;
width: 410px;
height: 200px;
}
.logo_holder .logo_link {
display: block;
position: absolute;
left: 106px;
}
.page_content {
position: relative;
}
.search_wrapper {
padding-top: 36px;
float: right;
}
.search_wrapper > div {
float: left;
}
.text_label {
line-height: 30px;
margin: 0 8px;
}
.image_submit {
border: none;
cursor: pointer;
}
.btn_arrow {
background-image: url("../images/icon_spritesheet.png");
background-repeat: no-repeat;
background-position: 0 -287px;
height: 32px;
width: 35px;
}
.info-tray {
min-height: 0;
position: relative;
background-color: #0074A6;
background-repeat: no-repeat;
margin-bottom: 20px;
border-top-style: none;
border-top-width: 1px;
border-top-color: #FFFFFF;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #FFFFFF;
}
.info-tray a {
color: #FFFFFF !important;
text-decoration: underline;
}
.info-tray .copy-wrapper .header-text {
font-family: "Trebuchet MS", Arial;
color: #FFFFFF;
margin: 0;
}
.info-tray-open {
background-position: 0 0;
}
.info-tray-animating {
background-position: 0 0;
}
.info-tray-closed {
background-position: 0 0;
}
.info-tray-open .copy-wrapper {
padding: 20px 0 20px 15px;
width: 615px;
}
.info-tray-open .copy-wrapper .header-text {
font-size: 20px;
}
.info-tray-open .copy-wrapper p {
color: #DDDDDD;
font-size: 12px;
margin: 0;
}
.info-tray-open .img-wrapper {
position: absolute;
bottom: -13px;
left: 605px;
}
.info-tray-control {
position: absolute;
}
.info-tray-open .info-tray-control {
bottom: 8px;
right: 8px;
}
.info-tray-control a {
font-size: 10px;
font-family: "Trebuchet MS", Arial;
}
.info-tray-open .text-closed {
display: none;
}
.info-tray-animating .copy-wrapper,
.info-tray-animating .img-wrapper,
.info-tray-animating .info-tray-control {
display: none;
}
.info-tray-closed .copy-wrapper {
padding: 5px 0 5px 15px;
width: 670px;
}
.info-tray-closed .copy-wrapper .header-text {
font-size: 16px;
}
.info-tray-closed .copy-wrapper p,
.info-tray-closed .img-wrapper {
display: none;
}
.info-tray-closed .info-tray-control {
top: auto;
right: 8px;
bottom: 3px;
}
.info-tray-closed .text-open {
display: none;
}
/* category nav */
.category-nav {
margin-bottom: 20px;
}
.category-nav-header {
background-color: #999 !important;
color: #FFF;
font-size: 17px;
padding: 8px 0 8px 15px;
line-height: 18px;
}
.category-nav > ul {
list-style: none outside none;
margin: 0;
}
.category-nav > ul > li {
position: relative;
border-bottom: 1px solid #D3CEC2;
margin: 0;
display: block;
background-color: #FFF;
}
.category-nav > ul > li.shop-option {
background-color: #F5F4F1;
border-top: 1px solid #D3CEC2;
}
.category-nav ul li a {
display: block;
}
.category-nav ul li a:hover {
text-decoration: underline;
}
.shop-by-wrapper {
background: url("../../images/bg_shop_by.png") no-repeat scroll 6px 9px transparent;
padding: 20px 5px 12px 85px;
min-height: 50px;
}
.shop-by-header {
font-family: "Trebuchet MS", Arial;
font-size: 16px;
color: #000;
}
.shop-by-wrapper a {
display: inline-block !important;
}
.shop-by-links {
line-height: 16px;
}
.link-divider {
display: inline-block;
padding: 0 7px;
}
.category-nav ul li.show-all {
border-top: 1px solid #D3CEC2;
}
ul.category-nav-sub-menu {
-moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px;
-moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;
background-color: #FFFFFF;
border-bottom: 1px solid #BCBCBC;
border-right: 1px solid #BCBCBC;
border-top: 1px solid #BCBCBC;
display: none;
left: 100%;
list-style: none outside none;
margin: 0;
padding: 0;
position: absolute;
top: -1px;
z-index: 100;
}
.category-nav ul li:hover ul.category-nav-sub-menu {
display: block;
}
.category-nav-sub-menu > li {
display: block;
border-left: 1px solid #BCBCBC;
margin: 0;
}
.category-nav-sub-menu li a {
border-bottom: 1px dotted #BCBCBC;
display: block;
height: 20px;
margin: 0 8px;
padding: 5px 5px 4px;
white-space: nowrap;
}
.category-nav-sub-menu > li.first {
border-left: none;
}
.category-nav-sub-menu > li.last a {
border-bottom: none;
}
.ad-wrapper {
padding: 10px 0;
text-align: center;
}
/* ########## ########## ########## ########## */
/* centrstage offer */
.offer-badge-centrstage {
background-repeat: no-repeat;
position: absolute;
width: 80px;
height: 80px;
top: -15px;
left: 10px;
}
.offer-centrstage .offer-content {
float: left;
width: 295px;
}
.offer-centrstage .offer-desc {
line-height: 14px;
padding-bottom: 8px;
margin: 3px 0 9px 0;
}
.offer-centrstage .offer-desc {
border-bottom: 1px dotted #666;
}
.offer-centrstage .offer-content-right {
position: relative;
width: 224px;
float: left;
margin-left: 10px;
}
.centrsource_view .offer-centrstage .offer-content {
width: 304px;
}
.centrsource_view .offer-centrstage .offer-time-limits {
border-top: 1px solid #0074A6;
padding-top: 10px;
}
.centrsource_view .offer-section .span-5 {
padding-right: 13px;
}
.centrsource_view .offer-section .span-5.last {
padding-right: 0;
}
.centrsource_view .offer-categories .offer-section-header {
clear: none;
max-width: 162px;
float: left;
padding: 5px 0;
}
.centrsource_view .category-section-icon {
background-image: url("../images/icon_category_section_spritesheet.png");
background-repeat: no-repeat;
background-position: -2px 0;
display: block;
float: left;
position: relative;
width: 27px;
height: 30px;
margin-right: 1px;
background-color: #0074A6;
}
.centrsource_view .category-food {
background-position: -2px -273px;
}
.centrsource_view .category-clothes {
background-position: -1px -211px;
}
.centrsource_view .category-toys {
background-position: -3px -541px;
}
.centrsource_view .category-electronics {
background-position: -2px -242px;
}
/* featured offer */
.offer-featured .offer-image-holder {
float: left;
margin-right: 10px;
width: 178px;
height: 115px;
}
.offer-featured .offer-image-holder img {
max-width: 178px;
}
.offer-featured .offer-content {
float: left;
width: 390px;
}
.offer-featured .offer-name {
display: block;
font-family: "Trebuchet MS", Arial;
font-size: 18px;
line-height: 19px;
}
.offer-featured .offer-desc {
line-height: 14px;
border-bottom: 1px dotted #666;
min-height: 35px;
margin-bottom: 8px;
}
.offer-featured .offer-cost-info table {
width: auto;
}
.offer-featured .offer-cost-info table th,
.offer-featured .offer-cost-info table td {
min-width: 95px;
padding: 0 7px 0 0;
}
.offer-featured .offer-price {
font-size: 20px;
line-height: 20px;
}
.offer-featured .offer-discount,
.offer-featured .offer-reg-price {
font-size: 15px;
line-height: 15px;
}
.offer-featured .offer-actions-wrapper {
}
.offer-featured .offer-badge-exclusive {
background-repeat: no-repeat;
background-position: center -93px;
position: absolute;
width: 55px;
height: 55px;
left: 134px;
top: 22px;
}
/* large offer */
.offer-large .offer-content {
border-top: 1px solid #0074A6;
}
.offer-large .offer-image-holder,
.offer-large .offer-image-holder td {
width: 178px;
height: 115px;
}
.offer-large .offer-image-holder img {
max-width: 178px;
max-height: 115px;
}
.offer-large .offer-content {
margin-top: 1px;
padding-top: 5px;
line-height: 14px;
}
.offer-large .offer-subcontent {
min-height: 45px;
}
.offer-large .offer-name {
line-height: 13px;
margin-bottom: 2px;
display: block;
height: 28px;
overflow: hidden;
}
.offer-large .offer-seller-info {
font-size: 11px;
height: 24px;
line-height: 12px;
width: 178px;
}
.seller-intro {
font-size: 14px;
line-height: 19px;
font-family: "Trebuchet MS", Arial;
padding-bottom: 5px;
}
.seller-details .offer-seller-info {
margin-top: 12px;
}
.seller-details .offer-content {
padding: 5px 7px;
}
.offer-large .offer-price {
font-size: 17px;
line-height: 17px;
font-weight: bold;
}
.offer-large .offer-price span {
font-size: 13px;
line-height: 13px;
}
.offer-large .offer-cost-info table th,
.offer-large .offer-cost-info table td {
vertical-align: bottom;
line-height: 15px;
}
.offer-large .offer-cost-info table {
margin: 2px 0 0 0;
}
.offer-large .offer-discount,
.offer-large .offer-reg-price {
font-size: 13px;
}
.offer-large .offer-discount-shim div {
min-height: 30px;
}
.offer-actions-wrapper {
clear: both;
}
.offer-large .offer-social,
.offer-large .offer-actions-wrapper,
.offer-medium .offer-social,
.offer-medium .offer-actions-wrapper {
margin-top: 5px;
}
.offer-large .offer-badge-exclusive {
background-repeat: no-repeat;
background-position: center -93px;
position: absolute;
width: 55px;
height: 55px;
right: 0;
top: 22px;
}
/* medium offer */
.offer-medium .offer-subcontent {
min-height: 54px;
}
.offer-medium .offer-name {
line-height: 13px;
margin-bottom: 2px;
display: block;
height: 27px;
overflow: hidden;
}
.offer-medium .offer-badge-exclusive {
background-repeat: no-repeat;
background-position: center -185px;
position: absolute;
width: 32px;
height: 32px;
top: 23px;
left: 50px;
}
.offer-medium .offer-image-holder {
float: left;
border: 1px solid #D3CEC2;
overflow: hidden;
width: 68px;
height: 68px;
margin: 0 8px 3px 0;
}
.offer-medium .offer-image-holder td {
width: 68px;
height: 68px;
}
.offer-medium .offer-image-holder img {
max-width: 68px;
max-height: 68px;
}
.offer-medium .offer-content {
float: left;
width: 100px;
}
.offer-medium .btn-24 {
float: none;
}
.offer-medium .offer-content {
line-height: 14px;
}
.offer-medium .offer-seller-info {
font-size: 11px;
line-height: 12px;
height: 24px;
overflow: hidden;
width: 100px;
}
.offer-medium .offer-cost-info {
font-size: 11px;
font-weight: bold;
}
.offer-medium .offer-cost-info table {
margin: 0;
}
.offer-medium .offer-discount-shim div {
height: 26px;
}
.offer-medium .offer-reg-price {
width: 70px;
}
.offer-medium .offer-discount,
.offer-medium .offer-reg-price {
font-size: 13px;
line-height: 13px;
}
.offer-medium .offer-price {
font-size: 16px;
line-height: 18px;
}
.offer-medium .offer-price span {
font-size: 11px;
line-height: 12px;
}
/* small offer */
.offer-small {
width: 90px;
float: left;
margin-right: 10px;
}
.offer-small.last {
margin-right: 0;
}
.offer-small .offer-image-wrapper {
background-color: #FFF;
border: 1px solid #D3CEC2;
padding: 3px;
}
.offer-small .offer-image-holder,
.offer-small .offer-image-holder td {
overflow: hidden;
width: 82px;
height: 72px;
}
.offer-small .offer-image-holder img {
max-height: 72px;
max-width: 82px;
}
.offer-small .offer-name {
font-size: 11px;
line-height: 12px;
margin: 2px 3px;
display: block;
}
.offer-small .offer-price {
font-size: 16px;
line-height: 17px;
margin: 2px 3px;
display: block;
}
/* my cs offers */
.my-cs-flyout-shim {
height: 100%;
left: -30px;
position: absolute;
top: 0;
width: 30px;
z-index: 1;
display: none;
}
.my_cs_list li .my-cs-offer-wrapper {
display: none;
}
.my_cs_list li:hover .my-cs-flyout-shim,
.my_cs_list li:hover .my-cs-offer-wrapper {
display: block;
}
.my-cs-offer-wrapper {
background: url("../images/my_cs_sprites.png") no-repeat right -340px #666;
position: absolute;
width: 190px;
padding: 0 10px;
left: -233px;
top: 0;
z-index: 50;
}
.my-cs-offer-wrapper h3 {
color: #FFF;
text-align: right;
margin: 6px 10px;
}
.offer-my-cs .offer-subcontent {
min-height: 28px;
}
.my-cs-offer-wrapper .offer-my-cs .offer-subcontent {
min-height: 0;
}
.my-cs-offer-wrapper .offer-my-cs .offer-name {
max-height: none;
}
/* offer details */
.offer-details .offer-badge-exclusive {
background-repeat: no-repeat;
background-position: center -240px;
position: absolute;
width: 80px;
height: 80px;
top: -15px;
left: 10px;
}
.offer-details .offer-image-holder img {
margin-bottom: 5px;
}
.offer-details .seller-image-holder {
background-color: #333;
padding: 10px;
text-align: center;
float: right !important;
margin: 0 0 5px 10px !important
}
.offer-details .seller-image-holder img {
margin-bottom: 5px;
border: 1px solid #666666;
padding: 2px;
}
.offer-details-multi-image-wrapper a.multi-image-item {
width: 48px;
height: 48px;
border: 1px solid #D3CEC2;
display: block;
overflow: hidden;
float: left;
margin: 0 5px 5px 0;
position: relative;
}
.offer-details-multi-image-wrapper a.last {
margin-right: 0;
}
.offer-details-multi-image-wrapper a.multi-image-item img {
height: inherit;
margin-bottom: 0 !important;
}
.offer-details .offer-content-left {
width: 584px;
float: left;
margin-right: 10px;
}
.offer-details .offer-content-right {
position: relative;
width: 224px;
float: left;
}
.offer-details .offer-content,
.offer-details .offer-related {
margin-bottom: 15px;
}
.offer-details .offer-desc {
line-height: 14px;
margin: 10px 0 0 0;
}
.seller-details .offer-desc {
line-height: 16px;
}
.offer-detail,
.user-comments {
background: #FFF;
border: solid 1px #D3CEC2;
height: auto;
overflow: hidden;
padding: 30px 5px 5px 5px;
margin-bottom: 15px;
}
.user-comments {
padding-top: 5px;
}
.offer-details-actions .support-actions-wrapper {
margin: 10px 10px 0 10px;
}
.offer-details-actions .icon-right-white {
padding-bottom: 10px;
}
.offer-details .offer-location,
.offer-details .offer-related {
border-top: dotted 1px #666;
padding: 10px 5px 0 5px;
}
.offer-details .offer-inbody-social {
border-top: dotted 1px #666;
padding: 10px 0 0 0;
}
.offer-details .offer-location {
height: auto;
overflow: hidden;
margin-bottom: 10px;
}
.offer-details .offer-details-actions .header,
.offer-details .offer-location .header,
.offer-details .offer-related .header {
font-size: 16px;
font-weight: normal;
color: #000;
margin-left: 5px;
}
.offer-details .offer-location .header a,
.offer-details .offer-related .header a {
font-size: 14px;
}
.offer-location-map-wrapper {
width: 270px;
float: left;
margin-right: 10px;
}
a.offer-location-map-link {
display: block;
margin-top: 5px;
}
.offer-seller-info {
overflow: hidden;
}
.offer-seller-info .btn-24 {
display: inline-block;
float: none;
}
.offer-related ul li {
color: #000000;
font-size: 12px;
}
.offer-related ul li span {
color: #333;
}
.offer-details-social-wrapper .social-item-wrapper {
padding: 0 5px 10px 0;
}
.offer-content-right .header-1,
.offer-content-right .header-2 {
display: block;
}
.offer-details .offer-seller-info {
margin-left: 0;
line-height: 14px;
}
.offer-seller-info-no-locations {
width: auto;
}
.offer-content-right .header-1 {
font-size: 20px;
line-height: 21px;
font-weight: normal;
color: #000;
margin-bottom: 0;
}
.offer-content-right .header-2 {
font-size: 16px;
line-height: 18px;
color: #000;
margin-bottom: 0;
}
.offer-details .offer-cost-info {
font-size: 12px;
line-height: 15px;
}
.offer-cost-sub-wrapper {
border-top: dotted 1px #666;
}
.offer-details .offer-price {
font-size: 27px;
font-weight: bold;
}
.offer-price-wrapper {
padding: 5px 10px;
text-align: right;
line-height: 28px;
}
.offer-price-wrapper .label {
float: left;
font-size: 14px;
font-weight: bold;
}
.offer-reg-price-wrapper,
.offer-discount-wrapper {
text-align: center;
float: left;
width: 111px;
margin: 5px 0;
padding: 3px 0;
}
.offer-reg-price-wrapper {
border-right: dotted 1px #666;
}
.offer-badge-tubby {
background-image: url("../../images/tubby_offer_details.png");
background-repeat: no-repeat;
position: absolute;
width: 91px;
height: 82px;
top: -27px;
right: 110px;
}
.offer-details .offer-discount,
.offer-details .offer-reg-price {
font-size: 19px;
line-height: 20px;
}
.offer-video-wrapper {
margin-bottom: 5px;
background-color: #000;
float: left;
height: 193px;
width: 298px;
}
.offer-image-holder a.slideshow-link {
margin: 5px 0 9px 0;
}
.offer-details-sub-actions {
border-top: 1px solid #0074A6;
padding: 10px 0 10px 10px;
}
.offer-details-status {
border-top: 1px dotted #BBB;
padding: 8px 0 5px 10px;
}
.offer-details-notice {
font-weight: bold;
font-size: 13px;
line-height: 15px;
}
.offer-time-limits {
padding-left: 10px;
margin: 5px 0;
height: 70px;
}
.offer-time-limits p {
margin: 13px 0 0 75px;
font-size: 15px;
font-weight: normal;
color: #FFF;
line-height: 18px;
}
.offer-time-note-wrapper p {
margin-top: 0 !important;
}
.offer-time-note-wrapper p.offer-time-note {
font-size: 11px;
line-height: 13px;
color: #CCC;
padding-top: 3px;
}
.offer-time-count {
font-size: 11px;
line-height: 12px;
color: #333;
}
.offer-time-count {
font-size: 11px;
line-height: 12px;
color: #333;
}
.offer-time-divider,
.offer-time-value {
float: left;
text-align: center;
}
.offer-time-divider,
.offer-time-days,
.offer-time-hours,
.offer-time-minutes,
.offer-time-seconds {
font-size: 27px;
line-height: 29px;
color: #636363;
}
.offer-time-count .icon-holder {
background-position: -6px -1844px;
float: left;
height: 31px;
margin-right: 10px;
position: relative;
width: 28px;
}
.offer-status-text {
padding-bottom: 5px;
}
.offer-status-text span {
border-right: 1px solid #666;
display: inline-block;
font-size: 13px;
font-weight: bold;
padding: 0 7px;
}
.offer-status-text span.first {
padding-left: 0;
}
.offer-status-text span.last {
border-right: none;
}
.offer-status-note .icon-help {
float: right;
top: -4px;
}
.social-help-related {
min-height: 25px;
height: auto;
overflow: hidden;
/*margin-bottom: 5px;*/
}
.offer-section .general-help-related {
border-bottom: 1px solid #0074A6;
}
.general-help-related {
/*padding-bottom: 10px;
margin-bottom: 10px;*/
font-size: 16px;
font-weight: normal;
color: #000;
line-height: 18px;
}
.general-help-related .header {
margin-bottom: 10px;
}
.general-help-related span {
margin-right: 5px;
}
.general-help-related p {
font-size: 12px;
margin-bottom: 5px;
}
.notifications-expando-open .notifications-expando-content,
.section-expando-open .section-expando-content,
.offer-expando-open .offer-expando-content,
.collapsible-list-open .collapsible-content {
display: block;
}
.notifications-expando-closed .notifications-expando-content,
.section-expando-closed .section-expando-content,
.offer-expando-closed .offer-expando-content,
.collapsible-list-closed .collapsible-content {
display: none;
}
.collapsible-content p {
font-size: 11px;
color: #666;
margin-bottom: 0;
}
.offer-details-actions p {
margin-bottom: 5px;
}
/* begin alternate styles option 1 - flyout */
.offer-details-actions-wrapper-flyout {
z-index: 25;
position: relative;
}
.offer-details-actions-wrapper-flyout .btn-big {
border: 2px solid #FFF;
}
.offer-details-actions-wrapper-flyout .offer-details-actions {
position: relative;
}
.offer-details-actions-wrapper-flyout .offer-action-items-holder {
top: 25px;
}
.offer-details-actions-wrapper-flyout ul.offer-action-items {
padding: 35px 0 12px 0;
width: 100%;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
border-radius: 25px;
-moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0;
-moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0;
bottom: auto;
}
.offer-details-actions-wrapper-flyout ul.offer-action-items li {
margin: 0 12px;
border-bottom: 1px dotted #FFF;
}
.offer-details-actions-wrapper-flyout ul.offer-action-items li a {
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
font-size: 12px;
line-height: 13px;
padding: 8px 5px;
}
.offer-details-actions-wrapper-flyout ul.offer-action-items li.first a {
font-size: 16px;
line-height: 17px;
}
.offer-details-actions-wrapper-flyout ul.offer-action-items li.last a {
border-bottom: none !important;
-moz-border-radius-bottomleft: 12px; -webkit-border-bottom-left-radius: 12px; border-bottom-left-radius: 12px;
-moz-border-radius-bottomright: 12px; -webkit-border-bottom-right-radius: 12px; border-bottom-right-radius: 12px;
}
.actions-menu-manager .btn-big span.arrow {
background-position: 0 -80px;
}
.actions-menu-animating ul.offer-action-items,
.actions-menu-open ul.offer-action-items {
display: block;
}
.actions-menu-animating ul.offer-action-items li {
display: none;
}
.actions-menu-animating .btn-big,
.actions-menu-open .btn-big {
background-color: #0074A6;
}
.actions-menu-animating .btn-big span.arrow,
.actions-menu-open .btn-big span.arrow {
background-position: 0 -40px;
}
/* end alternate styles option 1 - flyout */
/* small offer on details pages */
.offer-details-small {
clear: both;
width: 230px;
height: 80px;
margin-bottom: 10px;
overflow: hidden;
}
.offer-details-small .offer-image-wrapper {
float: left;
background-color: #FFF;
border: 1px solid #D3CEC2;
padding: 3px;
width: 82px;
}
.offer-details-small .offer-image-holder,
.offer-details-small .offer-image-holder td {
overflow: hidden;
width: 82px;
height: 72px;
}
.offer-details-small .offer-image-holder img {
max-height: 72px;
max-width: 82px;
}
.offer-details-small .offer-name {
float: left;
font-size: 11px;
line-height: 12px;
margin: 2px 7px;
display: block;
width: 100px;
}
.offer-details-small .offer-price {
float: left;
font-size: 16px;
line-height: 17px;
margin: 2px 7px;
display: block;
width: 100px;
}
/* common offer styles */
.offer-wrapper {
position: relative;
background-color: #FFF;
border: 1px solid #D3CEC2;
padding: 5px;
color: #333;
}
.offer-details-actions p,
.offer-wrapper p {
margin-bottom: 5px;
}
.offer-header {
border-bottom: 2px solid #0074A6;
font-weight: bold;
font-family: "Trebuchet MS", Arial;
margin-bottom: 3px;
min-height: 24px;
}
.offer-header .icon-help {
float: left;
margin-left: 5px;
}
.offer-image-holder {
overflow: hidden;
position: relative;
}
.offer-image-holder table {
margin: 0;
}
.offer-image-holder td {
background-color: transparent !important;
border: medium none !important;
padding: 0 !important;
text-align: center;
vertical-align: middle;
}
.offer-special-info,
a.offer-special-info:visited {
position: relative;
padding: 0 0 3px 40px;
font-size: 12px;
float: left;
}
a.offer-special-info:hover,
a.offer-special-info:active {
text-decoration: underline;
}
.offer-special-info .icon-holder {
background-image: url("../images/icon_spritesheet.png");
width: 35px;
height: 35px;
position: absolute;
top: -12px;
}
.offer-special-info .offer-special-icon-holder {
background-image: url("../images/icon_spritesheet.png");
width: 23px;
height: 23px;
position: absolute;
top: 6px;
left: 7px;
background-position: -1px -442px;
background-color: #0098DB;
}
.icon-link-offer .offer-special-icon-holder {
top: 9px;
left: 7px;
background-image: url("../images/icon_spritesheet.png");
width: 23px;
height: 23px;
position: absolute;
background-position: -1px -442px;
background-color: #0098DB;
}
.icon-link-offer.icon-flash-offer .offer-special-icon-holder {
background-position: -8px -448px;
}
.offer-wrapper .icon-flash-offer .offer-special-icon-holder {
background-position: -8px -448px;
}
.icon-link-offer.icon-group-offer .offer-special-icon-holder {
background-position: -8px -528px;
}
.offer-wrapper .icon-group-offer .offer-special-icon-holder {
background-position: -8px -528px;
}
.icon-link-offer.icon-time-offer .offer-special-icon-holder {
background-position: -8px -488px;
}
.offer-wrapper .icon-time-offer .offer-special-icon-holder {
background-position: -8px -488px;
}
.icon-link-offer .icon-holder {
background-position: -1px -519px;
}
.offer-special-info .icon-holder {
background-position: -1px -522px;
}
.offer-desc ul {
list-style-position: inside;
}
.offer-actions {
position: relative;
z-index: 2; /* to ensure it overlaps the exclusive badge when it appears */
}
.offer-action-items-holder {
position: absolute;
top: -1px;
left: 0;
background-color: #FFF;
height: 1px;
min-width: 100%;
}
ul.offer-action-items {
background-color: #0098DB;
border: none;
display: none;
list-style: none outside none;
margin: 0 0 1px 0;
min-width: 100%;
position: absolute;
bottom: 0;
left: 0;
padding: 5px 0;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
}
.offer-actions:hover ul.offer-action-items {
display: block;
}
ul.offer-action-items li {
margin: 0 5px;
}
ul.offer-action-items li.last {
border-bottom: none !important;
}
ul.offer-action-items li a {
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
display: block;
color: #FFF !important;
font-size: 11px;
padding: 3px 5px;
}
ul.offer-action-items li a:hover {
text-decoration: none;
background-color: #0074A6;
}
/* shared offer styles */
a.offer-seller {
text-decoration: underline !important;
}
.offer-header em {
display: block;
height: 20px;
overflow: hidden;
}
.text-smaller {
font-size: smaller;
font-family: Arial;
}
.text-small {
font-size: small;
font-family: Arial;
}
h1 .text-small,
h2 .text-small {
font-size: 12px !important;
}
h3 .text-small,
.offer-section-header .text-small {
font-size: 11px !important;
}
.offer-details,
.offer-centrstage,
.offer-featured {
margin-bottom: 10px;
}
.offer-medium,
.offer-large {
margin-bottom: 10px;
}
.offer-details .offer-header,
.offer-centrstage .offer-header {
margin-bottom: 5px;
}
.offer-details .seller-image-holder,
.offer-details .offer-image-holder,
.offer-centrstage .offer-image-holder {
float: left;
margin: 0 10px 5px 0;
width: 270px;
}
.offer-details .offer-image-holder,
.offer-centrstage .offer-image-holder {
min-height: 130px;
}
.offer-details .offer-image-holder img,
.offer-centrstage .offer-image-holder img {
max-width: 270px;
}
.offer-image-holder img {
margin: 0 !important;
float: none !important;
}
.offer-details .offer-special-info,
.offer-centrstage .offer-special-info {
font-size: 13px;
}
.offer-large .offer-cost-info,
.offer-featured .offer-cost-info,
.offer-medium .offer-cost-info,
.offer-centrstage .offer-cost-info {
clear: both;
min-height: 17px;
}
.offer-large .btn-24,
.offer-medium .btn-24 {
float: none;
}
.cs-feature .offer-header,
.offer-centrstage .offer-header {
padding-left: 90px;
}
.offer-details .offer-name,
.offer-centrstage .offer-name {
color: #005A80;
margin-bottom: 0;
display: block;
font-family: "Trebuchet MS", Arial;
font-size: 25px;
line-height: 26px;
}
.offer-cost-info table {
border: none;
margin: 5px 0;
border-collapse: collapse;
}
.offer-cost-info table th,
.offer-cost-info table td {
font-size: 11px;
line-height: 13px;
}
.offer-cost-info table th,
.offer-cost-info table td {
padding: 0 0 0 3px;
border: 0;
background-color: transparent !important;
vertical-align: bottom;
}
.offer-centrstage .offer-price {
font-size: 23px;
line-height: 23px;
font-weight: bold;
}
.offer-centrstage .offer-discount,
.offer-centrstage .offer-reg-price {
font-size: 15px;
line-height: 15px;
}
.offer-cost-info .offer-discount,
.offer-cost-info .offer-reg-price {
font-weight: bold;
color: #636363;
}
.offer-cost-info .offer-reg-price {
text-decoration: line-through;
}
.offer-details .offer-social,
.offer-featured .offer-social,
.offer-centrstage .offer-social {
padding-bottom: 8px;
}
.offer-featured .offer-actions,
.offer-featured .offer-social,
.offer-details .offer-actions,
.offer-centrstage .offer-social,
.offer-centrstage .offer-actions {
float: left;
}
.offer-featured .offer-actions,
.offer-details .offer-actions,
.offer-centrstage .offer-actions {
margin-right: 10px;
}
.offer-featured ul.offer-action-items li a,
.offer-centrstage ul.offer-action-items li a {
white-space: nowrap;
}
.offer-note {
font-weight: bold;
}
.offer-note-urgent {
color: #636363 !important;
margin-bottom: 2px;
}
a.offer-delete {
display: none;
position: absolute;
top: 4px;
right: 5px;
background: url("../images/icon_spritesheet.png") -10px -808px no-repeat;
width: 20px;
height: 20px;
}
.offer-wrapper:hover a.offer-delete,
.offer-wrapper:active a.offer-delete {
display: block;
}
.offer-expired img {
opacity: .5;
filter: alpha(opacity=50);
}
.offer-expired div {
position: absolute;
top: 45px;
background-color: #000;
color: #FFF;
font-size: 11px;
font-family: "Trebuchet MS", Arial;
font-weight: bold;
padding: 3px;
text-align: center;
width: 172px;
}
.ajax-loading-bg {
background: url(../../images/loader_spin_666_on_FFF.gif) top left no-repeat;
}
/**/
.store-logo {
background-color: #FFF;
border: 1px solid #D3CEC2;
padding: 3px;
width: 82px;
float: left;
margin: 0 10px 10px 0;
}
.store-logo.last {
margin-right: 0;
}
.store-logo .logo-image-holder {
overflow: hidden;
width: 82px;
height: 72px;
}
.pagination-wrapper {
margin-bottom: 10px;
}
.pagination-wrapper .pagination-section {
float: left;
margin: 0 5px;
padding: 8px 0;
}
.pagination-wrapper label {
font-weight: bold;
}
.pagination-wrapper .page-links {
position: relative;
float: right;
padding: 8px 0 8px 10px;
}
.current-page {
color: #000;
font-weight: bold;
}
.page-links a {
margin: 0 3px;
}
.page-options,
.page-links .next-block,
.page-links .first-page,
.page-links .last-page {
margin-top: 2px;
float: left;
}
.page-links .page-prev {
float: left;
}
.page-links .page-next {
float: right;
}
.page-prev {
width: 20px !important;
height: 20px !important;
background-position: -10px -1330px !important;
position: relative !important;
}
.page-next {
width: 20px !important;
height: 20px !important;
background-position: -10px -330px !important;
position: relative !important;
}
.page-next.last-page {
display: none;
}
.page-prev.first-page {
display: none;
}
.content-wrapper {
border: 1px solid #D3CEC2;
background-color: #FFF;
margin-bottom: 10px;
padding: 10px;
position: relative;
}
.content-wrapper h2 {
font-size: 16px;
margin-bottom: 5px;
font-family: "Trebuchet MS", Arial;
line-height: 18px;
}
.content-wrapper img {
float: left;
margin: 0 10px 5px 0;
}
.content-wrapper .tubby-who-we-are {
position: absolute;
bottom: -15px;
}
.content-wrapper p,
.content-wrapper li {
font-size: 12px;
line-height: 15px;
}
.content-wrapper p.abs-img-padded {
display: block;
margin: 0 0 0 116px;
min-height: 80px;
}
.offer-section-header {
clear: both;
font-size: 16px;
font-family: "Trebuchet MS", Arial;
color: #000;
}
.offer-section-header span {
display: inline;
font-size: 13px;
font-family: Arial;
color: #333;
}
.offer-expando-control-wrapper {
border-top: 1px dotted #999;
text-align: center;
margin-bottom: 10px;
}
.offer-expando-control {
font-family: "Trebuchet MS", Arial;
color: #000;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
display: inline-block;
padding: 5px 10px;
background-image: url("../../images/bg_gradient_shade_from_bottom.png");
background-repeat: repeat-x;
background-position: 0 22px;
-moz-border-radius-bottomleft: 18px; -webkit-border-bottom-left-radius: 18px; border-bottom-left-radius: 18px;
-moz-border-radius-bottomright: 18px; -webkit-border-bottom-right-radius: 18px; border-bottom-right-radius: 18px;
}
.offer-expando-open .text-closed {
display: none;
}
.offer-expando-closed .text-open {
display: none;
}
/* menus */
div.dropdown-menu {
display: inline-block;
position: relative;
}
div.dropdown-menu ul {
background-color: #FFFFFF;
border: 1px solid #BCBCBC;
display: none;
list-style: none outside none;
margin: 0 !important;
min-width: 100%;
padding: 8px 0 !important;
position: absolute;
z-index: 100;
}
div.dropdown-menu ul.left-aligned {
left: -14px;
}
div.dropdown-menu a.icon-link-medium {
padding: 0 25px 0 5px;
}
div.dropdown-menu a.icon-link-medium:hover,
div.dropdown-menu a.icon-link-medium:active {
text-decoration: none;
}
div.dropdown-menu-open ul {
display: block;
}
div.dropdown-menu ul li {
border-bottom: 1px dotted #BCBCBC !important;
margin: 0 8px !important;
padding: 0 !important;
}
div.dropdown-menu ul li.last {
border-bottom: none !important;
}
div.dropdown-menu ul li a {
white-space: nowrap;
display: block;
padding: 3px 5px 5px 5px !important;
}
div.dropdown-menu ul li a:hover {
text-decoration: none;
background-color: #EEE;
}
div.dropdown-menu ul li a.selected {
font-weight: bold;
}
div.dropdown-menu .icon-holder {
background-position: -5px -205px;
width: 25px;
}
div.dropdown-menu-open .icon-holder {
background-position: -5px -245px;
background-color: #0074A6;
}
/* MY CENTRSOURCE NAV *********************/
div.my_cs_nav {
/*
position: fixed;
border-left: 1px solid #999;
height: 100%;
*/
position: absolute;
width: 130px;
background-color: #FFF;
color: #333;
}
div.my_cs_nav a,
div.my_cs_nav a:hover,
div.my_cs_nav a:active,
div.my_cs_nav a:visited {
color: #D00000;
}
div.my_cs_content {
padding: 10px 0 10px 9px;
}
a.my_cs_header {
display: block;
font-family: "Trebuchet MS", Arial;
font-size: 17px;
padding-bottom: 5px;
}
/*
div.my_cs_nav a.btn-24 {
background-color: #D91318 !important;
float: none;
}
*/
.cs-ui-bg {
background-color: #D91318;
}
.cs-ui-bg:hover,
.cs-ui-bg:active {
background-color: #BB1115 !important;
}
/*
input.cs-ui-bg:hover,
a.cs-ui-bg:hover,
a.cs-ui-bg:active,
a:hover .cs-ui-bg,
a:active .cs-ui-bg {
background-color: #666;
}*/
.cs-ui-secondary-bg {
background-color: #888 !important;
}
.cs-ui-secondary-bg:hover,
.cs-ui-secondary-bg:active {
background-color: #666 !important;
}
ul.my_cs_sections {
list-style: none outside none;
margin: 0;
}
ul.my_cs_sections > li {
position: relative;
display: block;
padding: 10px 0;
border-top: 1px dotted #666;
}
.my-cs-overlay-shim {
/*display: none;*/
background: url("../images/my_cs_sprites.png") no-repeat scroll right -325px;
height: 72px;
/*left: -39px;*/
position: absolute;
/*top: -15px;*/
width: 30px;
z-index: 103;
}
ul.my_cs_sections p {
margin-bottom: 0;
}
ul.my_cs_sections p,
ul.my_cs_sections li {
font-size: 11px;
line-height: 13px;
}
ul.my_cs_sections .section_header {
display: block;
padding-bottom: 4px;
font-family: "Trebuchet MS", Arial;
font-size: 12px;
line-height: 13px;
font-weight: bold;
}
ul.my_cs_list {
list-style-type: square;
margin: 0 0 0 14px;
}
ul.my_cs_hover_list {
list-style-image: url("../../images/bullet_red_arrow.gif");
}
ul.my_cs_list > li {
position: relative;
color: #D00000;
margin-bottom: 3px;
}
ul.my_cs_list > li > span,
ul.my_cs_list > li > a span {
color: #333;
}
a.my_cs_link {
font-size: 12px;
display: block;
}
div.my_cs_closer {
background: url("../../images/bg_my_cs.png") no-repeat scroll 0 0 transparent;
height: 118px;
}
/*
ul.my-cs-category-child-list {
margin: 0px 0px 10px 15px;
padding-left: 14px;
}
.my-cs-category-child-list li {
position: relative;
padding-left: 0px !important;
font-size: 11px;
color: #000000;
}
.my-cs-category-child-list li a,
.my-cs-category-child-list li a:hover {
color: #333 !important;
}
.my-cs-category-child-list li a span {
color: #333;
}
*/
/* BUTTONS *********************/
/* 24 pixels tall */
a.btn-24 {
background-image: url("../../images/btn_24_left.png");
background-repeat: no-repeat;
height: 24px;
display: block;
position: relative;
padding: 0 30px 0 10px;
font-weight: bold;
line-height: 25px;
text-align: center;
color: #FFF !important;
float: left;
}
a.btn-24-grey {
background-image: url("../../images/btn_24_grey_left.png");
}
a.btn-24:hover,
a.btn-24:active {
text-decoration: none;
}
span.btn-24-right {
background: url("../../images/btn_24_right.png") no-repeat scroll 0 0 transparent;
position: absolute;
right: 0;
top: 0;
height: 24px;
width: 24px;
}
.btn-24-tight {
padding: 0 20px 0 0 !important;
letter-spacing: -1px !important;
font-weight: normal !important;
}
.btn-24-grey .btn-24-right {
background-image: url("../../images/btn_24_grey_right.png");
}
.float-right .btn-24 {
margin-left: 10px;
}
.btn-big {
background: url("../../images/btn_big.png") repeat-x scroll 0 0 #0098DB;
height: 50px;
display: block;
position: relative;
padding: 0 55px 0 20px;
font-size: 20px;
line-height: 51px;
color: #FFF !important;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
border-radius: 25px;
}
a.btn-big:hover,
a.btn-big:active {
text-decoration: none;
}
.btn-big .small-label {
display: block;
position: absolute;
top: 11px;
left: 17px;
width: 135px;
font-size: 12px;
line-height: 14px;
}
.btn-big span.arrow {
background: url("../../images/btn_big_arrow.png") no-repeat scroll 0 0 transparent;
position: absolute;
right: 6px;
top: 6px;
height: 38px;
width: 38px;
}
.form-wrapper .btn-big {
float: left;
}
/* ICON LINKS *********************/
/* global */
a.icon-link-medium,
a.icon-link-medium:visited {
border: none;
color: #333;
position: relative;
display: inline-block;
font-size: 12px;
line-height: 30px;
height: 30px;
min-width: 30px;
padding: 0 5px 0 30px;
text-decoration: none;
}
a.icon-link-medium:hover,
a.icon-link-medium:active {
text-decoration: underline;
}
.icon-holder {
background-image: url("../images/icon_spritesheet.png");
background-repeat: no-repeat;
background-position: 0 0;
position: absolute;
display: block;
left: 0;
top: 0;
height: 40px;
width: 40px;
}
a.icon-link-medium .icon-holder {
height: 30px;
width: 30px;
}
a.icon-right {
padding: 0 30px 0 5px !important;
}
a.icon-right .icon-holder {
left: auto;
right: 0;
}
a.icon-link-medium.facebook {
color: #3B5998 !important;
line-height: 13px;
font-weight: bold;
height: auto;
}
a.icon-link-medium.facebook .icon-holder {
background-image: url("../images/icon_social_medium_spritesheet.png");
background-repeat: no-repeat;
background-position: 0 0;
}
a.icon-right-white,
a.icon-red-arrow-up,
a.icon-add-share,
a.icon-help,
a.icon-right-form {
border: none;
position: relative;
display: inline-block;
font-size: 13px;
line-height: 15px;
height: auto;
/*min-width: 30px;*/
padding: 2px 5px 0 26px;
text-decoration: none;
}
a.icon-red-arrow-up {
padding-left: 22px;
}
a.icon-add-share {
color: #333;
padding-left: 22px;
}
a.icon-right-white:hover,
a.icon-right-white:active,
a.icon-red-arrow-up:hover,
a.icon-red-arrow-up:active,
a.icon-add-share:hover,
a.icon-add-share:active,
a.icon-help:hover,
a.icon-help:active,
a.icon-right-form:hover,
a.icon-right-form:active {
text-decoration: underline;
}
a.icon-right-white span.icon-holder {
background-position: -9px -970px;
height: 22px;
width: 22px;
}
a.icon-right-form span.icon-holder {
background-position: -9px -1090px;
height: 22px;
width: 22px;
}
a.icon-red-arrow-up span.icon-holder {
background-image: url("../images/icon_spritesheet.png");
background-repeat: no-repeat;
background-position: -9px -610px;
position: absolute;
left: 0;
top: -2px;
height: 22px;
width: 22px;
}
a.icon-add-share span.icon-holder {
background-image: url("../images/icon_spritesheet.png");
background-repeat: no-repeat;
background-position: -9px -690px;
position: absolute;
left: 0;
top: 0;
height: 20px;
width: 20px;
}
a.icon-help span.icon-holder {
background-image: url("../images/icon_spritesheet.png");
background-repeat: no-repeat;
background-position: -9px -730px;
position: absolute;
left: 0;
top: 0;
height: 22px;
width: 22px;
}
.offer-details-actions a.icon-help {
padding: 2px 0 0 4px !important;
position: relative !important;
height: 22px;
}
.offer-details-actions a.icon-help span.icon-holder {
position: relative !important;
display: block !important;
}
/* context-specific */
div.home-bar .icon-link-medium {
color: #FFF;
}
a.icon-home {
float: left;
font-weight: bold;
}
a.icon-home .icon-holder {
background-position: -5px -5px;
}
a.icon-arrow-flat-right .icon-holder {
background-position: -5px -45px;
}
a.icon-arrow-cs-right .icon-holder {
background-position: -10px -330px;
}
.info-tray-open .info-tray-control .icon-holder,
.collapsible-list-open .icon-link-medium .icon-holder,
.collapsible-list-open .icon-link-medium .icon-holder,
.offer-expando-open .icon-link-medium .icon-holder,
a.icon-arrow-cs-up .icon-holder {
background-position: -10px -410px;
}
.info-tray-closed .info-tray-control .icon-holder,
.collapsible-list-closed .icon-link-medium .icon-holder,
a.icon-arrow-cs-down .icon-holder {
background-position: -10px -370px;
}
.collapsible-list .icon-link-medium {
height: auto !important;
line-height: 16px !important;
padding: 2px 23px 2px 0 !important;
}
.info-tray-control .icon-link-medium,
a.icon-arrow-cs-right,
a.icon-arrow-cs-up,
a.icon-arrow-cs-down {
padding-right: 23px !important;
padding-left: 5px !important;
line-height: 21px !important;
height: 20px !important;
}
.info-tray-control .icon-link-medium .icon-holder,
.collapsible-list .icon-link-medium .icon-holder,
a.icon-arrow-cs-right .icon-holder,
a.icon-arrow-cs-up .icon-holder,
a.icon-arrow-cs-down .icon-holder {
width: 20px !important;
height: 20px !important;
left: auto;
right: 0;
}
span.search-categories-header {
border: none;
position: relative;
display: block;
font-size: 12px;
min-height: 16px;
line-height: 14px;
padding: 7px 0;
text-decoration: none;
margin: 0 5px 0 17px;
font-size: 14px;
color: #000 !important;
}
a.icon-link-category,
a.icon-link-category:visited {
border: none;
color: #666;
position: relative;
display: block;
font-size: 12px;
min-height: 16px;
line-height: 14px;
padding: 7px 0 7px 35px;
text-decoration: none;
margin: 0 5px 0 10px;
}
a.icon-link-category:hover,
a.icon-link-category:active {
text-decoration: underline;
}
.icon-link-category .icon-holder {
background-image: url("../images/icon_category_spritesheet.png");
width: 30px;
height: 30px;
}
.icon-category-animals .icon-holder {
background-position: 0 -30px;
}
.icon-category-arts .icon-holder {
background-position: 0 -59px;
}
.icon-category-baby .icon-holder {
background-position: 0 -89px;
}
.icon-category-books .icon-holder {
background-position: 0 -119px;
}
.icon-category-camera .icon-holder {
background-position: 0 -150px;
}
.icon-category-car .icon-holder {
background-position: 0 -180px;
}
.icon-category-clothes .icon-holder {
background-position: 0 -209px;
}
.icon-category-electronics .icon-holder {
background-position: 0 -240px;
}
.icon-category-food .icon-holder {
background-position: 0 -270px;
}
.icon-category-hardware .icon-holder {
background-position: 0 -300px;
}
.icon-category-health .icon-holder {
background-position: 0 -331px;
}
.icon-category-home .icon-holder {
background-position: 0 -360px;
}
.icon-category-mature .icon-holder {
background-position: 0 -390px;
}
.icon-category-entertainment .icon-holder {
background-position: 0 -420px;
}
.icon-category-office .icon-holder {
background-position: 0 -451px;
}
.icon-category-services .icon-holder {
background-position: 0 -481px;
}
.icon-category-sports .icon-holder {
background-position: 0 -510px;
}
.icon-category-toys .icon-holder {
background-position: 0 -541px;
}
.icon-category-vehicle-parts .icon-holder {
background-position: 0 -570px;
}
.icon-category-show-all .icon-holder {
background-position: 0 -600px;
}
.icon-category-computers .icon-holder {
background-position: 0 -630px;
}
.icon-category-photography .icon-holder {
background-position: 0 -660px;
}
.icon-category-travel .icon-holder {
background-position: 0 -690px;
}
.icon-category-b2b .icon-holder {
background-position: 0 -720px;
}
.icon-category-real-estate .icon-holder {
background-position: 0 -750px;
}
.icon-category-other .icon-holder {
background-position: 0 0;
}
a.icon-link-offer,
a.icon-link-offer:visited {
border: none;
color: #333;
position: relative;
display: block;
font-size: 13px;
min-height: 14px;
line-height: 15px;
padding: 14px 0 14px 40px;
text-decoration: none;
margin: 0 5px 0 6px;
}
a.icon-link-offer:hover,
a.icon-link-offer:active {
text-decoration: underline;
}
.icon-link-offer .icon-holder {
background-image: url("../images/icon_spritesheet.png");
width: 35px;
height: 42px;
}
a.icon-link-category.category-current {
font-size: 14px;
}
a.category-current,
a.category-current:hover,
a.category-current:active {
color: #000 !important;
}
ul.category-sub-list {
margin: 0px 10px 10px 40px;
padding: 0;
height: auto;
overflow: hidden;
}
ul.category-sub-list li {
padding: 0px 5px 0px 5px;
margin-bottom: 2px;
line-height: 14px;
font-size: 11px;
color: #000000;
border: none;
}
.filters-manager a.is-selected {
/* used by the filters manager */
font-weight: bold;
}
/*.select-list-wrapper {
display: inline-block;
}
.select-list-wrapper ul {
}
.select-list-wrapper ul li {
color: #005A80;
clear: none !important;
display: none !important;
margin: 0 !important;
padding: 0 !important;
cursor: pointer;
}
.select-list-wrapper ul li.selected {
display: inline-block !important;
}*/
.overflow-visible {
overflow: visible !important;
}
.filter-location-distance .dropdown-menu a {
float: none;
}
.filter-location-distance .filter-submit.inactive {
opacity: .5;
filter: alpha(opacity=50);
background-color: #666;
cursor: default;
}
.filter-location-distance .filter-submit.inactive:hover {
text-decoration: none;
}
ul.category-child-list {
margin: 0px 0px 0px 14px;
}
.category-child-list li {
padding-left: 0 !important;
}
div.collapsible-list {
margin: 0 10px 0 40px;
border-top: dotted 1px #666;
padding: 5px 0;
}
div .collapsible-list-header {
display: block !important;
color: #666 !important;
}
div.collapsible-list ul {
margin: 0;
padding: 0;
list-style-type: none;
height: auto;
overflow: hidden;
}
div.collapsible-list ul li {
clear: both;
padding: 0px 5px 0px 5px;
margin-bottom: 5px;
font-size: 11px;
display: block;
}
.collapsible-list li fieldset.collapsible-list-fields {
margin: 0px 0px 5px 0px;
display: none;
}
.collapsible-list li.current fieldset.collapsible-list-fields {
display: block;
}
.collapsible-list li input[type='checkbox'] {
float: left;
display: inline-block;
margin: 1px 5px 0px 0px;
padding: 0;
line-height: 13px;
}
.collapsible-list li a,
.collapsible-list li label {
float: left;
display: inline-block;
position: relative;
}
.collapsible-list li label {
color: #333;
line-height: 15px;
cursor: pointer;
width: 150px;
}
.collapsible-list li a.no-link {
}
.collapsible-list .small-flat-button {
float: right;
}
.collapsible-list li span.float-left {
float: left;
display: inline-block;
height: auto;
overflow: hidden;
font-size: 11px;
color: #333;
margin-right: 3px;
}
.collapsible-list li .small-textfield {
width: 24px !important;
height: 14px !important;
padding: 0 2px;
font-size: 11px;
}
.collapsible-list li a.small-flat-button {
width: 20px !important;
padding: 1px 4px !important;
}
.small-flat-button {
color: #FFF !important;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
display: inline-block;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
padding: 2px 6px;
text-decoration: none;
text-align: center;
}
.small-flat-button:hover {
color: #FFF;
text-decoration: none;
}
/* form hint */
.form-hint-group {
float: left;
position: relative;
}
.form-hint-group label {
position: absolute;
left: 2px;
top: 0;
color: #7C7C7C;
cursor: text;
line-height: 18px;
}
.form-hint-group input{
line-height: 15px;
}
.form-hint-group input,
.form-hint-group label {
font-size: 13px;
margin: 0;
padding: 5px 7px;
}
.form-hint-group label.top-hint {
position: absolute;
left: 2px;
top: -17px;
font-size: 11px;
color: #333;
padding: 0;
}
/* footer */
#footer {
margin: 0;
position: relative;
}
/* utility classes */
.scrollable {
overflow: auto;
}
.v-scrollable {
overflow-x: hidden;
overflow-y: auto;
}
.h-scrollable {
overflow-x: hidden;
overflow-y: auto;
}
.leading-tight {
line-height: 130%;
}
.pos-abs {
position: absolute;
}
.pos-rel {
position: relative;
}
.float-left {
float: left !important;
}
.float-right {
float: right !important;
}
.float-none {
float: none !important;
}
.margin-0 {
margin: 0 !important;
}
.margin-t0 {
margin-top: 0px !important;
}
.margin-r0 {
margin-right: 0px !important;
}
.margin-b0 {
margin-bottom: 0px !important;
}
.margin-l0 {
margin-left: 0px !important;
}
.margin-t5 {
margin-top: 5px;
}
.margin-r5 {
margin-right: 5px;
}
.margin-b5 {
margin-bottom: 5px;
}
.margin-l5 {
margin-left: 5px;
}
.margin-t10 {
margin-top: 10px;
}
.margin-r10 {
margin-right: 10px;
}
.margin-b10 {
margin-bottom: 10px;
}
.margin-l10 {
margin-left: 10px;
}
.margin-t15 {
margin-top: 15px;
}
.margin-r15 {
margin-right: 15px;
}
.margin-b15 {
margin-bottom: 15px;
}
.margin-l15 {
margin-left: 15px;
}
.pad-0 {
padding: 0;
}
.pad-5 {
padding: 5px;
}
.pad-10 {
padding: 10px;
}
.pad-t5 {
padding-top: 5px;
}
.pad-r5 {
padding-right: 5px;
}
.pad-b5 {
padding-bottom: 5px;
}
.pad-l5 {
padding-left: 5px;
}
.pad-t10 {
padding-top: 10px;
}
.pad-r10 {
padding-right: 10px;
}
.pad-b10 {
padding-bottom: 10px;
}
.pad-l10 {
padding-left: 10px;
}
.pad-t15 {
padding-top: 15px;
}
.pad-r15 {
padding-right: 15px;
}
.pad-b15 {
padding-bottom: 15px;
}
.pad-l15 {
padding-left: 15px;
}
.pad-t20 {
padding-top: 20px;
}
.pad-r20 {
padding-right: 20px;
}
.pad-b20 {
padding-bottom: 20px;
}
.pad-l20 {
padding-left: 20px;
}
.border-top {
border-top: 1px solid #666666 !important;
}
.border-bottom {
border-bottom: 1px solid #666666 !important;
}
.border-left {
border-left: 1px solid #666666 !important;
}
.border-right {
border-right: 1px solid #666666 !important;
}
/*custom rounded corners (don't over-ride jquery UI classes in case any widgets are used)*/
.cs-corner-tl { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; }
.cs-corner-tr { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; }
.cs-corner-bl { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
.cs-corner-br { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
.cs-corner-top { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; }
.cs-corner-bottom { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
.cs-corner-right { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
.cs-corner-left { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
.cs-corner-all { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
/* footer */
fieldset {
margin: 0;
padding: 0;
border: none;
}
.footer-header {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #000000;
margin-bottom: 10px;
font-size: 17px;
line-height: 19px;
}
.footer {
padding-top: 10px;
margin: 0;
position: relative;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.footer-bg {
background-color: #F5F4F1;
border-top: 1px solid #F4B8B9;
border-right: 1px solid #999999; /* for scrolling my cs nav (remove when fixed) */
height: 100%;
position: absolute;
right: -10px;
width: 1400px;
}
.footer-content {
position: relative;
padding-top: 20px;
z-index: 1; /* required to render above footer (which must be absolute to achieve the styles needed for the footer treatment) */
}
.footer .footer-promo-module {
width: auto;
height: auto;
overflow: hidden;
font-size: 11px;
line-height: 14px;
}
.footer-module-separator {
padding-bottom: 10px;
border-bottom: dotted 1px #666;
margin-bottom: 10px;
}
.footer-promo-module .tubby .footer-header {
display: inline-block;
vertical-align: top !important;
margin-top: 18px;
margin-left: 8px;
}
.flat-button {
background-image: url("../../images/bg_flat_btn.png");
background-repeat: repeat-x;
background-position: 0 bottom;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
display: inline-block;
color: #FFF !important;
font-size: 12px !important;
font-weight: bold !important;
padding: 4px 10px;
text-decoration: none;
}
.flat-button:hover {
color: #FFF;
text-decoration: underline;
}
.footer-social-tabs-wrapper {
position: absolute;
top: 0;
z-index: 1;
}
.footer-social-tabs-wrapper > div {
height: 30px;
width: 129px;
padding: 5px;
background-color: #FFF;
float: left;
border-left: 1px solid #D3CEC2;
border-top: 1px solid #D3CEC2;
border-right: 1px solid #D3CEC2;
}
.footer-social-tabs-wrapper > div span {
display: none;
}
.footer-social-tab-fb {
background: url("../../images/social_tab_fb_en.gif") no-repeat 5px 5px;
}
.footer-social-wrapper {
min-height: 200px;
clear: both;
position: relative;
top: 40px;
background-color: #FFF;
border: 1px solid #D3CEC2;
padding: 10px;
}
.footer-social-wrapper ul.social-wrapper {
padding: 10px 1px;
}
.footer-social-wrapper li.social-item-wrapper {
height: 25px;
}
.social-item-header {
font-family: "Trebuchet MS", Arial;
font-size: 11px;
font-weight: bold;
}
.widget-wrapper {
float: left;
}
.footer-links {
clear: both;
width: auto;
height: auto;
overflow: hidden;
margin: 20px 0px 10px 0px;
padding: 10px 0px 0px 0px;
border-bottom: dotted 1px #666;
font-size: 10px;
}
.footer-links .links-wrapper {
display: block;
}
.footer-links a {
font-size: 10px;
}
.sponsors {
float: right;
}
.sponsors span {
margin-right: 5px;
}
.footer-disclaimer {
clear: both;
width: auto;
height: auto;
overflow: hidden;
margin: 0px 0px 10px 0px;
padding: 10px 0px 0px 0px;
font-size: 10px;
color: #333;
}
.footer-disclaimer p {
line-height: 1.2em;
margin-bottom: 5px;
}
.flat-button-holder a:hover,
.flat-button-holder a:active {
text-decoration: none;
}
.footer-promo-module p img {
padding: 10px 10px 0 0;
}
/* breadcrumbs */
.breadcrumbs {
clear: both;
display: block;
margin-bottom: 10px;
height: auto;
overflow: hidden;
}
.breadcrumbs ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.breadcrumbs ul li {
float: left;
display: inline-block;
height: 23px;
overflow: hidden;
margin: 0 5px 5px 0;
background: #636363 url("../../images/bg_breadcrumbs_arrow.png") right top no-repeat;
}
.breadcrumbs ul li.filter {
background-image: none;
margin-right: 0;
}
.breadcrumbs ul li:hover,
.breadcrumbs ul li:active,
.breadcrumbs ul li.current {
background-color: #000000;
color: #FFFFFF;
}
.breadcrumbs ul li.filter:hover {
background-color: #636363;
}
.breadcrumbs ul li.filter span.filter-wrapper,
.breadcrumbs ul li a {
display: block;
padding: 0px 15px 0px 10px;
line-height: 23px;
font-size: 12px;
color: #FFFFFF;
}
.breadcrumbs ul li.filter span.filter-wrapper,
.breadcrumbs ul li.filter a {
padding: 0px 8px;
}
.breadcrumbs ul li input[type='checkbox'] {
float: left;
margin: 4px 5px 0 0;
}
.breadcrumbs ul li a:hover,
.breadcrumbs ul li a:active,
.breadcrumbs ul li.current a {
text-decoration: none;
color: #FFFFFF;
}
.breadcrumbs ul li a span.home {
padding-left: 26px;
margin: 2px 0 0 0;
background: url("../images/icon_spritesheet.png") -10px -573px no-repeat;
}
.breadcrumbs ul li.clear-filters a span {
padding-left: 18px;
margin: 0;
background: url("../images/icon_spritesheet.png") -13px -1453px no-repeat;
}
.search-results-content {
position: relative;
}
.search-results-blocker {
background: url(../../images/classic-loader.gif) top right no-repeat #EEECE8; /* EEECE8 */
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: .8;
filter: alpha(opacity=80);
z-index: 50;
}
.featured-category-section {
clear: both;
margin-bottom: 10px;
}
.featured-category-section .page-title {
clear: both;
height: auto;
overflow: hidden;
margin-bottom: 0px;
}
.featured-category-section .page-title h1 {
float: left;
font-size: 24px;
font-family: "Trebuchet MS", Arial;
color: #000;
}
.featured-category-section .page-title a.small-flat-button {
float: right;
margin-top: 5px;
}
.featured-category-section p {
margin: 0px 0px 12px 0px;
}
h2.featured-category-header {
font-size: 14px;
line-height: 16px;
margin: 0;
}
ul.featured-category-list li {
font-size: 11px;
color: #000000;
}
ul.featured-category-list li.list-top {
font-size: 14px;
list-style-type: none !important;
text-indent: -15px;
}
.category-nav a span,
.category-nav label span,
.featured-category-section a span,
ul.featured-category-list li a span {
color: #333;
}
ul.default-font-size li {
font-size: 12px;
}
/* centrsource carry over button */
a.button_c {
color: #666 !important;
background-color: #EBEBEA;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
display: inline-block;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
padding: 4px 6px 4px 6px;
text-decoration: none;
text-align: center;
}
a.button_c:hover {
background-color: #CCC;
color: #666;
text-decoration: none;
}
a.button_c span {
float: left;
display: inline-block;
padding-left: 5px;
}
a.button_c span.ico_report {
width: 12px;
height: 12px;
display: block;
padding-left: 0 !important;
margin-top: 1px;
background: url("../../images/icon_flag_button_c.gif") 0 0 no-repeat;
}
/* check out */
.form-steps {
background: #999 url("../../images/bg_form_steps.png") 0 0 repeat-x;
height: 35px;
overflow: hidden;
margin-bottom: 10px;
}
.form-steps ul {
line-height: 35px;
margin: 0;
padding: 0;
}
.form-steps ul li {
float: left;
display: inline;
margin-right: 20px;
}
.form-steps ul li.first {
margin-left: 10px;
}
.form-steps ul li span.current,
.form-steps ul li span.inactive,
.form-steps ul li span.completed {
background-image: url("../../images/form_steps_indicators.png");
background-repeat: no-repeat;
width: 27px;
height: 27px;
display: inline-block;
text-align: center;
padding: 0;
margin: 0 5px 0 0;
}
.form-steps ul li span.current {
background-position: 0 -27px;
}
.form-steps ul li span.inactive {
background-position: 0 0px;
}
.form-steps ul li span.completed {
background-position: 0 -54px;
}
.form-steps ul li span.current span,
.form-steps ul li span.inactive span,
.form-steps ul li span.completed span {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: normal;
color: #FFF;
width: 27px;
line-height: 27px;
}
.form-steps ul li {
font-size: 15px;
font-weight: normal;
color: #FFF;
line-height: 35px;
padding-left: 5px;
}
.form-steps ul li a {
color: #FFF;
margin: 0 5px;
}
.form-steps ul li a.current {
background: #CCC;
color: #000;
padding: 3px 6px 3px 6px;
}
.form-header {
display: block;
margin-bottom: 10px;
}
.form-header {
font-size: 18px;
font-weight: normal;
color: #000;
line-height: 19px;
margin-left: 10px;
}
.form-wrapper,
.confirmation-wrapper {
background-color: #F5F4F1;
border: solid 1px #D3CEC2;
padding: 5px 19px 5px 19px;
margin-bottom: 15px;
height: auto;
overflow: hidden;
}
.confirmation-wrapper {
padding: 15px 19px 15px 19px;
}
.form-wrapper h2,
.form-wrapper h2.red {
font-size: 15px;
font-weight: normal;
color: #000;
line-height: 18px;
display: block;
margin-bottom: 0;
}
.form-wrapper h2.red {
color: #EB0000;
}
.form-wrapper div {
display: block;
margin-top: 10px;
}
.form-wrapper label {
display: block;
margin-bottom: 5px;
}
.form-wrapper input[type='checkbox'],
.form-wrapper input[type='radio'] {
vertical-align: top;
margin-top: 0px;
float: left;
margin-right: 5px;
}
.form-wrapper textarea,
.form-wrapper input[type='text'] {
background-color: #FFF;
border: solid 1px #D3CEC2;
font-size: 13px;
padding: 4px 4px 4px 4px;
width: 260px;
}
.form-wrapper textarea {
height: 100px;
min-width: 260px;
max-width: 260px;
max-height: 200px;
margin: 0;
}
.form-wrapper input.medium {
width: 100px !important;
}
.form-wrapper input.short {
width: 25px !important;
float: left;
display: inline;
margin-top: 2px;
}
.img-label-items-wrapper input,
.img-label-items-wrapper label {
float: left;
margin-top: 0 !important;
margin-right: 5px;
}
.img-label-items-wrapper label {
margin-bottom: 0;
}
/* one column form */
.form-col1 .span-4 {
padding-top: 2px;
}
.span-10 textarea,
.span-10 input[type="text"] {
width: 380px;
}
.form-col1 div div {
margin-top: 0;
}
.span-10 textarea {
height: 200px;
min-width: 380px;
max-width: 380px;
max-height: 400px;
margin: 0;
}
.span-13 textarea,
.span-13 input[type="text"] {
width: 500px;
}
.span-13 textarea {
min-width: 500px;
max-width: 500px;
}
.span-20 textarea {
width: 780px;
height: 200px;
min-width: 780px;
max-width: 780px;
max-height: 400px;
margin: 0;
}
/* voucher */
body.cs-dialog {
background-color: #666;
padding: 15px 20px 20px 20px;
overflow-x: hidden;
overflow-y: auto;
text-align: left;
}
body.no-scroll {
overflow: hidden;
}
.offers-listing {
position: relative;
height: 499px;
margin: auto;
overflow-x: hidden;
overflow-y: auto;
padding: 6px 0 0 0;
width: 624px;
}
.offer-alerts-listing {
background-color: #FFF;
position: relative;
height: 385px;
margin: auto;
overflow-x: hidden;
overflow-y: auto;
padding: 10px;
width: 604px;
}
/* voucher */
.dialog-wrapper {
margin: auto;
padding: 5px;
background-color: #FFF;
position: relative;
}
.dialog-header {
display: block;
margin: auto;
margin-bottom: 10px;
}
.dialog-header h1 {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
margin: 0;
color: #FFF;
font-size: 16px;
line-height: 18px;
}
h2.dialog-subheader {
clear: both;
color: #FFF;
font-family: Arial;
font-size: 14px;
}
.dialog-header a,
.dialog-header a:hover,
.dialog-header a:active,
.dialog-header a:visited {
color: #FFF;
font-size: 13px;
}
.dialog-header p {
color: #CCC;
}
.dialog-header p a {
text-decoration: underline;
}
.dialog-header .link-print {
background: url("../images/icon_spritesheet.png") -9px -765px no-repeat;
display: block;
padding-left: 28px;
margin-right: 15px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #FFF;
line-height: 26px;
}
.dialog-header a.close-window {
background: url("../images/icon_spritesheet.png") -10px -808px no-repeat;
width: 20px;
height: 20px;
display: block;
margin-top: 3px;
}
.dialog-wrapper .dialog-content-wrapper {
padding: 10px;
border: 1px solid #D3CEC2;
}
.dialog-wrapper .dialog-voucher {
border: 1px dashed #666;
}
.dialog-voucher .voucher-top {
margin-bottom: 10px;
}
.voucher-top .voucher-number,
.voucher-top .headline {
font-size: 16px;
color: #000;
line-height: 18px;
padding: 10px 0;
}
.voucher-top .voucher-number {
font-weight: bold;
}
.voucher-info {
clear: both;
margin-bottom: 5px;
}
.voucher-image {
float: left;
width: 180px;
margin-right: 10px;
}
.voucher-details {
float: left;
width: 440px;
}
.voucher-details h1 {
font-size: 20px;
font-weight: normal;
color: #D00101;
line-height: 20px;
margin-bottom: 5px;
}
.voucher-details h2 {
font-size: 16px;
font-weight: normal;
color: #000;
line-height: 18px;
margin-bottom: 5px;
}
.voucher-details p,
.voucher-details .message p {
font-size: 13px;
color: #333;
line-height: 15px;
margin-bottom: 10px;
}
.voucher-details p .expire {
font-weight: bold;
color: #D00101;
}
.voucher-message {
float: left;
width: 100%;
}
.voucher-details .icon-message {
margin-right: 10px;
background: url("../images/icon_spritesheet.png") -2px -844px no-repeat;
width: 34px;
height: 27px;
float: left;
display: block;
}
.dialog-wrapper .notes {
font-size: 11px;
color: #333;
line-height: 12px;
margin-top: 10px;
}
.border-t-dot {
border-top: 1px dotted #666;
padding-top: 10px;
}
.border-b-dot {
border-bottom: 1px dotted #666;
padding-top: 10px;
}
/*
* galleria slideshow styles
*/
#galleria{
background-color: #D3CEC2;
width: 500px; /* width/height also need to be defined in cs.galleria_manager.js (find "#galleria") */
height: 300px;
position: absolute;
top: 10px;
left: 10px;
}
.cs-gallery .dialog-header {
width: 535px;
}
.cs-gallery .dialog-wrapper {
width: 524px;
}
.galleria-container {
position: relative;
}
.galleria-container img {
-moz-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
}
.galleria-stage {
overflow: hidden;
position: absolute;
bottom: 1px;
left: 1px;
right: 1px;
top: 1px;
background: url("../../images/bg_cs_logo_white.png") no-repeat 250px 150px #D3CEC2;
}
.galleria-thumbnails-container {
overflow: hidden;
height: 70px;
width: 500px;
top: 325px;
position: absolute;
left: 0;
z-index: 2;
}
.galleria-video-label,
.galleria-thumbnails-label {
overflow: hidden;
height: 15px;
top: 317px;
position: absolute;
left: 10px;
z-index: 2;
display: none;
}
.video-count1 .galleria-thumbnails-container {
width: 416px; /* 52px * 8 */
left: 84px; /* 500px - width */
}
.video-count1 .galleria-thumbnails-label {
left: 94px;
}
.video-count2 .galleria-thumbnails-container {
width: 364px; /* 52px * 7 */
left: 136px; /* 500px - width */
}
.video-count2 .galleria-thumbnails-label {
left: 146px;
}
.video-count3 .galleria-thumbnails-container {
width: 312px; /* 52px * 6 */
left: 188px; /* 500px - width */
}
.video-count3 .galleria-thumbnails-label {
left: 198px;
}
.video-count4 .galleria-thumbnails-container {
width: 260px; /* 52px * 5 */
left: 240px; /* 500px - width */
}
.video-count4 .galleria-thumbnails-label {
left: 250px;
}
.video-count5 .galleria-thumbnails-container {
width: 208px; /* 52px * 4 */
left: 292px; /* 500px - width */
}
.video-count5 .galleria-thumbnails-label {
left: 302px;
}
.video-count6 .galleria-thumbnails-container {
width: 156px; /* 52px * 3 */
left: 344px; /* 500px - width */
}
.video-count6 .galleria-thumbnails-label {
left: 354px;
}
.video-count7 .galleria-thumbnails-container {
width: 104px; /* 52px * 2 */
left: 396px; /* 500px - width */
}
.video-count7 .galleria-thumbnails-label {
left: 406px;
}
.video-count8 .galleria-thumbnails-container {
width: 52px; /* 52px * 1 */
left: 448px; /* 500px - width */
}
.video-count8 .galleria-thumbnails-label {
left: 458px;
}
.video-count9 .galleria-thumbnails-container {
display: none;
}
.video-count9 .galleria-thumbnails-label {
display: none;
}
.galleria-carousel .galleria-thumbnails-list {
margin: 0 25px;
}
.video-images-wrapper {
display: none;
position: absolute;
top: 335px;
left: 10px;
}
.video-image {
position: relative;
float: left;
margin-right: 2px;
background: #FFF;
margin: 0 5px 0 0;
cursor: pointer;
height: 48px;
width: 48px;
padding: 0;
border: 1px solid #D3CEC2;
}
.video-image.is-paused {
border: 1px solid #0074A6; /* theme-ui-bg */
}
.video-image.is-paused .play-icon {
background-position: 0 -1560px;
}
.multi-image-item .play-icon,
.video-image .play-icon {
position: absolute;
height: 40px;
width: 40px;
top: 5px;
left: 5px;
background: url("../images/icon_spritesheet.png") 0 -1520px no-repeat transparent;
}
.offer-image-holder .play-icon-large {
position: absolute;
height: 40px;
width: 40px;
top: 80px;
left: 115px;
background: url("../images/icon_spritesheet.png") 0 -1600px no-repeat transparent;
}
.video-player-wrapper {
display: none;
background: url("../../images/loader_spin_FFF_on_000.gif") no-repeat center center #000;
width: 498px;
height: 298px;
position: absolute;
top: 11px;
left: 11px;
}
.has-video .video-images-wrapper,
.has-video .galleria-video-label,
.has-video .video-player-wrapper {
display: block;
}
.has-photos .galleria-thumbnails-label,
.has-photos .btn-play-pause {
display: block !important;
}
.galleria-thumbnails .galleria-image {
background: #FFF;
margin: 0 2px 0 0;
float: left;
cursor: pointer;
height: 48px;
width: 48px;
padding: 0;
border: 1px solid #D3CEC2;
}
.galleria-thumbnails.video-playing .galleria-image {
border: 1px solid #D3CEC2 !important;
}
.galleria-thumbnails .active {
border: 1px solid #0074A6; /* theme-ui-bg */
}
.video-image .img-frame,
.galleria-thumbnails .galleria-image .img-frame {
height: inherit;
width: inherit;
overflow: hidden;
position: relative;
}
.galleria-counter {
position: absolute;
bottom: 10px;
left: 10px;
text-align: right;
color: #FFF;
font: normal 11px/1 arial,sans-serif;
z-index: 2;
}
.galleria-loader {
width: 24px;
height: 24px;
position: absolute;
top: 10px;
left: 10px;
z-index: 2;
display: none;
background: url(../../images/classic-loader.gif) no-repeat;
}
.galleria-info {
width: 50%;
top: 15px;
left: 15px;
z-index: 2;
position: absolute;
}
.galleria-info-text {
background-color: #000;
padding: 12px;
display: none;
/* IE7 */ zoom:1;
}
.galleria-info-title {
font: bold 12px/1.1 arial,sans-serif;
margin: 0;
color: #FFF;
margin-bottom: 7px;
}
.galleria-info-description {
font: italic 12px/1.4 georgia,serif;
margin: 0;
color: #BBB;
}
.galleria-info-close {
width: 9px;
height: 9px;
position: absolute;
top: 5px;
right: 5px;
background-position: -753px -11px;
opacity: .5;
filter: alpha(opacity=50);
cursor: pointer;
display: none;
}
.galleria-info-close:hover{
opacity: 1;
filter: none;
}
.galleria-info-link {
background-position: -669px -5px;
opacity: .7;
filter: alpha(opacity=70);
position: absolute;
width: 20px;
height: 20px;
cursor: pointer;
background-color: #000;
}
.galleria-info-link:hover {
opacity: 1;
filter: none;
}
.galleria-image-nav {
position: absolute;
top: 0;
width: 100%;
height: 100%;
left: 0;
}
.galleria-image-nav-left,
.galleria-image-nav-right {
opacity: .7;
filter: alpha(opacity=70);
cursor: pointer;
width: 249px;
height: 298px; /* allow for 6 pixel margin (3 top/bottom) */
position: absolute;
left: 0;
z-index: 2;
background-position: left -500px;
}
.galleria-image-nav-right {
left: auto;
right: 0;
z-index: 2;
}
.galleria-image-nav-left:hover {
background-position: 10px center;
}
.galleria-image-nav-right:hover {
background-position: -260px center;
}
.galleria-thumb-nav-left,
.galleria-thumb-nav-right {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background-color: #666;
cursor: pointer;
display: none;
background-position: -698px center;
position: absolute;
left: 0;
top: 0;
height: 62px;
width: 20px;
z-index: 3;
}
.galleria-thumb-nav-right {
background-position: -777px center;
border-right: none;
right: 0;
left: auto;
}
.galleria-thumbnails-container .disabled {
cursor: default;
opacity: 0.2;
filter: alpha(opacity=20);
}
.galleria-thumb-nav-left:hover,
.galleria-thumb-nav-right:hover {
background-color: #000; /*#FF7A00; /* theme-ui-bg hover */;
}
.galleria-thumbnails-container .disabled:hover {
background-color: #666;
}
.galleria-carousel .galleria-thumb-nav-left,
.galleria-carousel .galleria-thumb-nav-right {
display: block;
}
.galleria-thumb-nav-left,
.galleria-thumb-nav-right,
.galleria-info-link,
.galleria-info-close,
.galleria-image-nav-left,
.galleria-image-nav-right {
background-image: url(../../images/classic-map.png);
background-repeat: no-repeat;
}
.btn-play-pause {
position: absolute !important;
right: 6px;
bottom: 10px;
display: none !important;
}
.btn-play-video {
cursor: pointer;
font-size: 9px;
color: #666;
line-height: 23px;
position: absolute;
padding-left: 23px;
top: 465px;
left: 535px;
height: 22px;
}
.timer-wrapper {
display: none;
height: 2px;
left: 10px;
position: absolute;
top: 314px;
width: 500px;
background-color: #D3CEC2;
}
.timer-bar {
position: absolute;
top: 0;
left: 0;
height: 2px;
width: 500px; /*can't use inherit because of IE*/
}
.btn-play-pause .text-stop {
display: none;
}
.btn-play-pause.is-paused .text-play {
display: none;
}
.btn-play-pause.is-paused .text-stop {
display: block;
}
.btn-play-pause .icon-holder {
background-position: -9px -890px !important;
}
.btn-play-pause.is-paused .icon-holder {
background-position: -9px -930px !important;
}
.galleria-wrapper {
position: relative;
width: 501px;
height: 420px;
top: 0;
left: 0;
}
.galleria-wrapper .btn-close {
top: 542px;
right: 56px;
}
/* confirmation */
.confirmation-wrapper .confirmation-message {
background-color: #FFF;
border: solid 1px #0C3;
padding: 10px 10px 10px 10px;
margin-bottom: 10px;
font-size: 15px;
font-weight: normal;
color: #333;
line-height: 17px;
}
.confirmation-wrapper p {
font-size: 13px;
margin-bottom: 0px;
}
.other-actions {
float: right;
}
.other-actions .tubby-help {
float: left;
width: 73px;
height: 72px;
margin-left: 10px;
}
.other-actions .actions {
float: left;
display: inline-block;
margin-top: 5px;
}
.other-actions .actions h1 {
font-size: 18px;
font-weight: normal;
color: #000;
margin-bottom: 5px;
line-height: 18px;
}
.overlapped-title-dottedline {
display: block;
height: 20px;
overflow: hidden;
margin-bottom: 10px;
}
.overlapped-title-dottedline .overlapped-title {
z-index: 50;
display: block;
border-top: dotted 1px #666;
}
.overlapped-title-dottedline .overlapped-title span {
position: absolute;
z-index: 51;
margin: -10px 0 0 225px;
display: inline-block;
padding: 0px 10px 0px 10px;
font-size: 16px;
font-weight: bold;
color: #000;
line-height: 18px;
background-color: #F5F4F1;
}
.social-login {
display: block;
}
.social-login p {
font-size: 13px;
margin-bottom: 10px;
}
.social-login ul.social-networks,
.social-login ul.social-networks-medium {
list-style: none;
height: auto;
overflow: hidden;
margin: 0;
padding: 0;
}
.social-login ul.social-networks li,
.social-login ul.social-networks-medium li {
float: left;
display: inline-block;
margin-right: 10px;
width: 50px;
height: 50px;
}
.social-login ul.social-networks-medium li {
width: 40px;
height: 40px;
}
.social-login ul.social-networks li a {
background-image: url("../images/icon_social_lg_spritesheet.png");
background-repeat: no-repeat;
height: 50px;
width: 50px;
display: block !important;
}
.social-login ul.social-networks-medium li a {
background-image: url("../images/icon_social_40x40_spritesheet.png");
background-repeat: no-repeat;
height: 40px;
width: 40px;
display: block !important;
}
.social-login ul.social-networks li a.facebook {
background-position: 0 0;
}
.social-login ul.social-networks li a.google {
background-position: 0 -50px;
}
.social-login ul.social-networks li a.flickr {
background-position: 0 -100px;
}
.social-login ul.social-networks li a.yahoo {
background-position: 0 -150px;
}
.social-login ul.social-networks li a.myopenid {
background-position: 0 -200px;
}
.social-login ul.social-networks-medium li a.facebook {
background-position: 0 0;
}
.social-login ul.social-networks-medium li a.google {
background-position: 0 -40px;
}
.social-login ul.social-networks-medium li a.yahoo {
background-position: 0 -80px;
}
.social-login ul.social-networks-medium li a.myopenid {
background-position: 0 -120px;
}
/* publisher content */
.publisher-content-wrapper {
border: 1px solid #D3CEC2;
background-color: #FFF;
margin-bottom: 10px;
padding: 5px 5px 5px 5px;
}
.publisher-header {
width: 100%;
height: auto;
overflow: hidden;
margin-bottom: 10px;
padding-top: 0;
background-image: url("../../images/publisher_logos/centrsource_rss.png");
background-position: 5px bottom;
background-repeat: no-repeat;
}
.publisher-header h2 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 17px;
line-height: 20px;
font-weight: normal;
color: #000;
margin: 10px 5px 0 95px;
padding: 0 5px 5px 5px;
border-bottom: 1px solid #0074A6;
}
.publisher-content-wrapper .tubby {
border: none !important;
float: left;
}
.publisher-content-wrapper .rss-article-title img {
float: left;
border: 1px solid #D3CEC2;
margin: 0 8px 2px 0;
}
.publisher-content-wrapper .rss-article-title {
font-size: 15px;
font-weight: normal;
line-height: 17px;
}
.publisher-content-wrapper p {
font-size: 13px;
line-height: 15px;
margin: 0;
color: #333;
clear: none;
}
.publisher-content-wrapper ul {
float: left;
width: 165px;
margin: 0 0 0 25px;
display: block;
clear: none;
}
.publisher-content-wrapper ul li {
color: #000000;
font-size: 11px;
line-height: 13px;
margin-bottom: 5px;
}
.rss-article {
margin: 0 0 5px 7px;
float: left;
width: 283px;
}
ul.rss-article li p {
color: #333 !important;
}
.cs_logo_wrapper {
position: relative;
height: 39px;
}
.cs_logo_wrapper .logo_link {
display: block;
position: absolute;
right: 10px;
top: 30px;
width: 156px;
float: right;
}
.login-tab-wrapper {
text-align: center;
position: absolute;
margin: -40px 20%;
z-index: 200;
}
.publisher-color-line {
position: relative;
height: 4px !important;
margin: 0;
border-bottom: solid 1px #999;
z-index: 50;
}
.publisher-color-line span {
width: 100%;
display: block;
font-size: 1px;
}
.section-title {
margin-left: 10px;
margin-bottom: 0;
}
.login_page .section-title {
font-family: "Trebuchet MS", Arial;
}
.section-title h1 {
font-size: 36px;
font-weight: normal;
line-height: 36px;
margin-bottom: 0;
}
.section-title h1 span {
color: #EB0000;
}
.login-section {
position: relative;
background-color: #F5F4F1;
border: solid 1px #D3CEC2;
padding: 10px 10px 10px 10px;
margin-top: 10px;
color: #000;
}
.login-section ul.display-copy {
z-index: 4;
position: relative;
margin-bottom: 10px;
}
.login-section ul li {
color: #000000;
}
.login-section ul li span {
color: #333;
}
.login-cover {
background: #F5F4F1;
opacity: .8;
filter: alpha(opacity=80);
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 3;
display: none;
}
.login-section-blocked .login-cover {
display: block;
}
.login-section-blocked:hover .login-cover {
display: none;
}
.login-section label {
font-size: 13px;
}
.login-section input[type="text"],
.login-section input[type="password"] {
width: 315px;
padding: 5px 5px 5px 5px;
line-height: 15px;
}
.register-info-wrapper {
margin: 15px 0 10px 0;
border-top: dotted 1px #666;
padding-top: 10px;
}
.register-info {
position: relative;
display: inline-block;
width: 286px;
}
.register-info h2 {
font-size: 14px;
color: #EB0000;
line-height: 15px;
margin: 5px 0;
}
.register-info ul {
margin-bottom: 10px;
}
.register-info ul li {
margin-bottom: 0px;
}
.register-info ul li span {
font-size: 11px;
color: #333;
margin-bottom: 0;
line-height: 11px;
}
.register-info-wrapper .tubby-right {
position: relative;
float: right;
margin-top: -25px;
z-index: 4;
}
.register-info-wrapper .tubby-left {
position: relative;
float: left;
margin-top: -25px;
margin-right: 10px;
z-index: 4;
}
.login-section .overlapped-title-dottedline .overlapped-title span {
margin: -10px 0 0 195px;
}
.offer-alerts {
background: #F5F4F1;
border: solid 1px #D3CEC2;
padding: 10px 6px 10px 10px;
margin-bottom: 15px;
}
/*
.offer-alerts fieldset label {
font-size: 13px;
color: #000;
width: 190px;
display: inline-block;
}
.offer-alerts fieldset input[type='text'] {
font-size: 13px;
padding: 5px 5px 5px 5px;
vertical-align: top;
margin-top: 5px;
}
.offer-alerts fieldset input.long {
width: 150px;
}
.offer-alerts fieldset input.short {
width: 100px;
}
*/
.offer-alerts fieldset a {
vertical-align: top;
margin-top: 3px;
}
.how-it-works {
margin-bottom: 15px;
}
.how-it-works h1 {
font-size: 16px;
font-weight: normal;
color: #000;
margin-bottom: 0;
}
.how-it-works .graphic-chart {
background: url("../../images/bg_how_it_works.png") 0 20px no-repeat;
width: 580px;
min-height: 100px;
height: auto;
overflow: hidden;
margin-bottom: 15px;
}
.how-it-works .graphic-chart h2 {
font-size: 36px;
font-weight: normal;
line-height: 36px;
color: #636363;
margin-bottom: 70px;
}
.how-it-works .graphic-chart ul.number-circle-list,
.dialog-content-wrapper ul.number-circle-list {
list-style-type: decimal;
margin: 10px 0px 15px 0px;
padding: 0;
overflow: hidden;
}
ul.number-circle-list li {
float: left;
display: inline-block;
margin-right: 10px;
font-size: 12px;
color: #333;
margin-bottom: 0;
overflow: hidden;
}
.dialog-content-wrapper ul.number-circle-list li {
width: 100%;
display: block !important;
}
ul.number-circle-list li span {
float: left;
}
ul.number-circle-list li span.numbers {
background: url("../images/icon_spritesheet.png") -5px -1203px no-repeat;
font-size: 18px;
color: #636363;
width: 20px;
height: 28px;
display: block;
margin: 0 5px 0 0;
padding: 3px 0 0 10px;
}
.how-it-works .graphic-chart ul.number-circle-list li span.info {
width: 150px;
display: inline-block;
}
.dialog-content-wrapper ul.number-circle-list li span.info {
width: 98%;
display: inline-block;
margin-top: 5px;
}
ul.number-circle-list li.last {
margin-right: 0;
}
.page-title {
clear: both;
height: auto;
overflow: hidden;
margin-bottom: 0px;
}
.page-title h1 {
float: left;
font-size: 24px;
font-family: "Trebuchet MS", Arial;
color: #000;
}
.page-title h1 .small {
font-size: 14px;
}
fieldset.offer-alert input[type='text'] {
width: 305px;
}
fieldset.offer-alert input.short {
width: 25px;
float: left;
display: inline;
margin-top: 2px;
}
.icon-info {
background: url("../images/icon_spritesheet.png") -9px -1250px no-repeat;
position: relative;
float: left;
display: inline-block;
width: 21px;
height: 21px;
}
.info-detail {
clear: both;
width: auto;
height: auto;
overflow: hidden;
background: #FCFCFB;
border: solid 1px #D3CEC2;
padding: 10px;
margin-top: 5px !important;
font-size: 11px;
}
.info-detail div {
margin-top: 0px !important;
}
.info-detail .desc {
position: relative;
float: left;
display: inline-block;
margin-left: 5px;
line-height: 13px;
}
ul.offer-alert-list {
list-style-type: none;
margin: 10px 0 0 0;
padding: 10px 6px 10px 6px;
background: #FFF;
border: dashed 1px #00CC33;
overflow: hidden;
}
ul.offer-alert-list li {
background: url("../images/icon_spritesheet.png") -5px -1288px no-repeat;
padding-left: 26px;
font-size: 12px;
margin-bottom: 6px;
line-height: 14px;
}
/*------------------------------forms--------------------------------------*/
.form-columns-wrapper > fieldset > div {
float: left;
padding: 7px 0;
line-height: 140%;
}
.form-columns-wrapper .col-1 {
clear: both;
margin-right: 10px;
padding: 8px 0 6px 0;
}
.form-columns-wrapper .col-2 {
margin-right: 0;
}
.login-section .col-1 {
width: 110px;
}
.login-section .col-2 {
width: 328px;
}
/* split numbers map to blueprint spans */
/*
.form-columns-wrapper.split-4-12 .col-1 {
width: 139px;
}
.form-columns-wrapper.split-4-12 .col-2 {
width: 435px;
}
.form-columns-wrapper.split-4-12 .col-1 {
width: 139px;
}
.form-columns-wrapper.split-4-12 .col-2 {
width: 435px;
}
.form-columns-wrapper.split-5-11 .col-1 {
width: 176px;
}
.form-columns-wrapper.split-5-11 .col-2 {
width: 398px;
}
.form-columns-wrapper.split-6-10 .col-1 {
width: 213px;
}
.form-columns-wrapper.split-6-10 .col-2 {
width: 361px;
}
.form-columns-wrapper.split-7-9 .col-1 {
width: 250px;
}
.form-columns-wrapper.split-7-9 .col-2 {
width: 324px;
}
.form-columns-wrapper.split-8-8 .col-1, .form-columns-wrapper.split-8-8 .col-2 {
width: 287px;
}
.form-columns-wrapper.split-9-7 .col-1 {
width: 324px;
}
.form-columns-wrapper.split-9-7 .col-2 {
width: 250px;
}*/
.form-help {
position: relative;
margin: -8px 0 3px 0;
font-size: 80%;
clear: both;
}
.wrap-nested > div {
clear: both;
width: 100%;
margin-bottom: 2px;
}
.item-group,
.item-group div {
margin: 0 !important;
float: left;
}
.item-group label {
line-height: 18px;
float: left;
}
.span-7 .wrap-nested label {
width: 250px;
}
.item-group input[type="checkbox"],
.item-group input[type="radio"] {
float: left;
margin-top: 1px;
}
label.error {
font-size: 11px;
border: none;
background-color: transparent;
color: #D00000 !important;
padding: 0 !important;
margin: 5px 0 0 0 !important;
}
input.error {
border-color: #D00000 !important;
margin: 0 !important;
}
/* seller */
.cs-seller-ui-text {
color: #0265BA !important;
}
.cs-seller-ui-bg {
background-color: #0265BA;
}
.confirmation-message {
background-color: #FCFCFB;
border: 1px dashed #0C3;
line-height: 15px;
padding: 5px 7px;
}
/* locations */
.location-listing {
height: 405px;
float: left;
}
.location-listing h2 {
clear: both;
font-size: 16px;
font-family: "Trebuchet MS", Arial;
color: #000;
margin-bottom: 3px;
}
.social-help-related textarea { /* flagInappropriateContainer */
width: 198px;
max-width: 198px;
min-width: 198px;
height: 70px;
max-height: 120px;
margin-top: 0;
font-size: 12px;
}
.location-listing .results_container {
width: 336px;
height: 348px;
overflow-x: hidden;
overflow-y: auto;
padding-right: 5px;
position: relative;
border-top: 1px solid #D3CEC2;
border-bottom: 1px solid #D3CEC2;
}
.listing_item_container {
padding-top: 10px;
}
.filial_item {
border-bottom: 1px solid #0074A6;
margin-bottom: 4px;
padding-bottom: 5px;
}
.cs-location-arrow {
background: url("../../images/bg_ko_arrowhead_left.png") left -4px no-repeat #404040;
color: #FFFFFF;
display: inline-block;
float: left;
font-size: 11px;
font-weight: bold;
height: 15px;
line-height: 15px;
margin-right: 10px;
margin-top: 1px;
padding: 0 5px 0 10px;
cursor: default;
}
.filial_item h4 {
font-size: 13px;
margin-bottom: 0;
font-weight: bold;
clear: none;
}
.listing_item_container p,
.listing_item_container dl {
margin-bottom: 4px;
}
.listing_item_container dl {
padding: 0;
}
.listing_item_container dt {
float: left;
clear: left;
width: 110px;
font-weight: normal;
}
.listing_item_container dd {
margin: 0 0 0 115px;
padding: 0;
}
.location-map-wrapper {
position: relative;
background-color: #F5F4F1;
float: left;
width: 403px;
height: 403px;
margin-right: 10px;
border: 1px solid #D3CEC2;
}
#gmap {
background-color: #EEE;
position: relative;
width: 270px;
height: 210px;
}
.dialog-wrapper #gmap {
width: 403px;
height: 403px;
}
.cs-map-marker {
cursor: pointer;
background-color: #FCF;
position: absolute;
-o-user-select: none;
-webkit-user-select: none;
-moz-user-select: -moz-none;
-khtml-user-select: none;
-ms-user-select: none;
user-select: none;
}
.cs-map-marker div {
min-width: 20px;
position: absolute;
top: -25px;
left: -14px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: none;
background-color: #404040;
color: #FFFFFF;
font-size: 11px;
font-weight: bold;
height: 20px;
line-height: 19px;
padding: 0 6px;
text-align: center;
}
.cs-map-marker span {
background: url("../images/icon_spritesheet.png") no-repeat scroll center -1378px transparent;
display: block;
width: 12px;
height: 6px;
position: absolute;
left: -4px;
top: -5px;
}
.cs-map-marker.hilited {
z-index: 1;
}
.cs-location-arrow.hilited,
.cs-map-marker.hilited div {
background-color: #D91318;
}
.cs-map-marker.hilited span {
background-position: center -1418px;
}
.preview-default,
a.preview-default:hover,
a.preview-default:active,
a.preview-default:visited {
color: #999 !important;
}
.saved-offer-target-box {
position: absolute;
border: 1px dotted #333; /* 333 EEECE8 */
background-color: #CCC; /* CCC D3CEC2 */
opacity: .5;
filter: alpha(opacity=50);
}
.loading-bg {
background-image: url(../../images/loader_bar_56544F_on_D3CEC2.gif);
background-position: center center;
background-repeat: no-repeat;
}
.transparent {
opacity: 0;
filter: alpha(opacity=0);
}
.saved-offer-placeholder {
visibility: hidden;
}
.my-cs-section-placeholder { /*shown when offers are removed from my cs nav sections*/
border: 1px dotted #333;
background-color: #CCC;
opacity: .5;
filter: alpha(opacity=50);
background-image: url(../../images/loader_bar_56544F_on_D3CEC2.gif);
background-position: center center;
background-repeat: no-repeat;
}
.my-cs-section-update-content {
display: none;
}
.acct-profile {
clear: both;
height: auto;
overflow: hidden;
margin-bottom: 10px;
}
.acct-profile .acct-profile-pic {
float: left;
background-color: #FFFFFF;
border: 1px solid #D3CEC2;
padding: 3px;
margin-right: 10px;
}
.acct-profile-pic-holder {
height: 60px;
overflow: hidden;
width: 60px;
}
.acct-profile .acct-profile-info {
float: left;
display: inline-block;
}
.acct-profile-info h1 {
font-size: 24px;
font-family: "Trebuchet MS", Arial;
color: #000;
margin-bottom: 5px;
}
ul.my-cs-category-child-list {
margin: 0px 0px 10px 15px;
padding-left: 14px;
}
.my-cs-category-child-list li {
position: relative;
padding-left: 0px !important;
font-size: 11px;
color: #000000;
}
.my-cs-category-child-list li a,
.my-cs-category-child-list li a:hover {
color: #333 !important;
}
.my-cs-category-child-list li a span {
color: #333;
}
.sourcepoints {
background: url(../../images/icon_source_point.gif) right top no-repeat;
}
.sourcepoints span {
padding-right: 20px;
}
.error-msg {
background: #FFFFFF;
border: 1px dashed #EB0000;
padding: 10px;
margin-bottom: 15px;
height: auto;
overflow: hidden;
}
.error-msg .icon-error {
background: url("../images/icon_spritesheet.png") -5px -1488px no-repeat;
position: relative;
float: left;
width: 25px;
height: 25px;
}
.error-msg .message {
float: left;
display: inline-block;
margin-left: 10px;
width: 890px;
}
.confirm-msg {
background: #FFFFFF;
border: 1px solid #0C3;
padding: 10px;
margin-bottom: 15px;
height: auto;
overflow: hidden;
}
.confirm-msg .message p,
.error-msg .message p {
font-size: 12px;
color: #EB0000;
line-height: 13px;
margin-bottom: 10px;
}
/* .NET Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
color: #ff0000;
display: block;
clear: both;
}
.field-validation-valid {
display: none;
}
.input-validation-error {
border: 1px solid #ff0000 !important;
background-color: #ffeeee !important;
}
.validation-summary-errors {
font-weight: bold;
color: #ff0000;
}
.validation-summary-valid {
display: none;
}
/* input submit
------------------------------------------------------*/
.btn-24-input-wrapper {
background-image: url("../../images/btn_24_left.png");
background-repeat: no-repeat;
background-position: center left;
height: 24px;
position: relative;
float: left;
}
.btn-24-input-wrapper input {
position: relative;
border: none;
background-image: url("../../images/btn_24_right.png");
background-position: center right;
background-repeat: no-repeat;
background-color: transparent;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFF !important;
height: 24px;
font-weight: bold;
cursor: pointer;
padding: 0 28px 0 10px;
}
input[type="submit"] {
overflow: visible; /* for ie7 */
}
.btn-24-input-wrapper-grey {
background-image: url("../../images/btn_24_grey_left.png");
}
.btn-24-input-wrapper-grey input {
background-image: url("../../images/btn_24_grey_right.png");
}
/* additions from version in VS */
.offer-large .offer-badge-delete {
background: url("../images/temp_icon_delete.png");
position: absolute;
width: 55px;
height: 55px;
/*right: 0;*/
top: 22px;
}
.no-wrap {
white-space: nowrap;
}
.display-copy {
font-size: 16px;
}
.maintenance-image-wrapper {
position: relative;
height: 200px;
z-index: 200;
}
.maintenance-image-wrapper img {
position: absolute;
left: 23px;
top: -100px;
}
table.plain td {
border: 0;
background-color: transparent;
}
/* search category selection */
.display-selected-category {
display: block;
height: 30px;
overflow: hidden;
max-width: 180px;
}
/* 12 days of xmas */
.offer-wrapper-xmas {
margin-bottom: 10px;
background: url("../../images/xmas/bg_xmas_offers.jpg") no-repeat transparent;
min-height: 200px;
}
.offer-wrapper-xmas .social-wrapper {
float: right !important;
}
.offer-wrapper-xmas .offer-footer {
border-top: 1px dotted #999;
margin-top: 4px;
padding: 8px 3px 3px 3px;
}
.intro-wrapper {
min-height: 190px;
}
.offer-wrapper-xmas .copy-holder {
margin-left: 215px;
}
.offer-wrapper-xmas .copy-holder h1,
.offer-wrapper-xmas .copy-holder h2 {
color: #FFF;
text-shadow: 0 0 5px #09C, 0 0 5px #09C; /* multiple shadows for stronger effect */
margin: 0;
}
.offer-wrapper-xmas .copy-holder h2 {
line-height: 20px;
padding: 5px 0;
}
.offer-wrapper-xmas .copy-holder h1 {
margin-left: -10px;
font-size: 26px;
}
.offer-wrapper-xmas .copy-holder h2 {
font-size: 18px;
margin-top: 4px;
}
.offer-wrapper-xmas .copy-holder p {
font-size: 12px;
line-height: 14px;
}
.offer-wrapper-xmas .btn-holder {
float: right;
height: 24px;
padding: 10px 0;
}
.offer-wrapper-xmas .btn-24 {
padding-left: 20px;
padding-right: 40px;
}
.countdown-wrapper {
position: absolute;
top: -15px;
right: -6px;
background-color: transparent !important;
width: 132px;
height: 137px;
}
.countdown-wrapper td {
border: none !important;
padding: 0 0 25px 0 !important;
vertical-align: middle !important;
text-align: center;
background-color: transparent !important;
background-image: url("../../images/xmas/bg_countdown.png");
background-repeat: no-repeat;
}
.countdown-wrapper td div {
margin: 0 13px 0 36px;
}
.countdown-wrapper td p {
color: #FFF;
margin: 0 !important;
font-size: 11px;
line-height: 12px;
}
.countdown-wrapper td p.day-count {
font-size: 18px;
line-height: 22px;
}
.countdown-wrapper td p.time-count {
font-size: 14px;
line-height: 18px;
}
.tubby-santa {
position: absolute;
top: 15px;
left: 45px;
}
.offer-badge-xmas {
background-position: 0 -403px;
background-repeat: no-repeat;
position: absolute;
width: 80px;
height: 110px;
top: -15px;
left: 5px;
}
.offer-wrapper-xmas .offers-list {
clear: both;
margin: 0 7px;
}
.offer-wrapper-xmas .offer-item {
width: 84px;
font-size: 11px;
line-height: 12px;
float: left;
text-align: center;
margin: 0 5px 5px 5px;
position: relative;
}
.offer-wrapper-xmas .offer-item .offer-image-holder {
border: 1px solid #D3CEC2;
height: 68px;
margin: 0 0 3px 7px;
overflow: hidden;
width: 68px;
position: relative;
}
.offer-wrapper-xmas .offer-item .xmas-gift {
float: left;
height: 70px;
margin: 0 0 3px 7px;
overflow: hidden;
width: 70px;
position: relative;
background: url("../images/xmas_gifts.png") 0 0 no-repeat;
}
.offer-wrapper-xmas .offer-item .gift-02 {
background-position: -70px 0;
}
.offer-wrapper-xmas .offer-item .gift-03 {
background-position: -140px 0;
}
.offer-wrapper-xmas .offer-item .gift-04 {
background-position: -210px 0;
}
.offer-wrapper-xmas .offer-item .gift-05 {
background-position: -280px 0;
}
.offer-wrapper-xmas .offer-item .gift-06 {
background-position: -350px 0;
}
.offer-wrapper-xmas .offer-item .gift-07 {
background-position: 0px -70px;
}
.offer-wrapper-xmas .offer-item .gift-08 {
background-position: -70px -70px;
}
.offer-wrapper-xmas .offer-item .gift-09 {
background-position: -140px -70px;
}
.offer-wrapper-xmas .offer-item .gift-10 {
background-position: -210px -70px;
}
.offer-wrapper-xmas .offer-item .gift-11 {
background-position: -280px -70px;
}
.offer-wrapper-xmas .offer-item .gift-12 {
background-position: -350px -70px;
}
.offer-wrapper-xmas .last {
margin-right: 0 !important;
}
.offer-wrapper-xmas .offer-item .offer-image-holder img {
padding-top: 9px;
max-width: 68px;
}
.offer-wrapper-xmas .disclaimer-text {
font-size: 8px;
line-height: 12px;
padding: 2px 0 0 2px;
}
.xmas-login .section-title {
margin-bottom: 5px;
margin-left: 0;
}
.xmas-login .section-title h1 {
font-size: 24px;
}
.tubby-xmas-tree {
position: absolute;
top: -50px;
left: 265px;
}
.offer-expired-overlay {
background-position: 0 -516px;
background-repeat: no-repeat;
position: absolute;
width: 76px;
height: 68px;
top: 1px;
left: 4px;
}
.xmas-offer-expired {
color: #999;
}
.hover-zoom-image {
text-decoration: none !important;
position: absolute;
width: 270px;
height: auto;
left: -94px;
top: -124px;
border: 1px solid #D3CEC2;
background-color: #FFFFFF;
display: none;
z-index: 300;
opacity: 0;
filter: alpha(opacity=0);
-moz-box-shadow : 0 0 6px rgba(0,0,0,0.5);
-webkit-box-shadow : 0 0 6px rgba(0,0,0,0.5);
box-shadow: 0 0 6px rgba(0,0,0,0.5);
}
.hover-zoom-image img {
border-bottom: 1px solid #EEE;
-moz-box-shadow : 0px 2px 10px rgba(0, 0, 0, 0.35);
-webkit-box-shadow : 0px 2px 10px rgba(0, 0, 0, 0.35);
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.35);
}
.hover-thumb-hotspot {
background-color: #FCF;
opacity: 0;
filter: alpha(opacity=0);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 301;
}
.hover-zoom-name {
text-decoration: underline;
font-size: 14px;
font-weight: bold;
line-height: 18px;
padding: 6px 10px;
}
.hover-zoom-price {
font-size: 14px;
font-weight: bold;
color: #000;
line-height: 17px;
padding-bottom: 8px;
}
.xmas-icon-holder {
background-image: url("../images/xmas_icon_spritesheet.png");
background-position: 0 0;
background-repeat: no-repeat;
height: 0;
left: 0;
position: absolute;
top: 0;
width: 0;
}
.xmas-icon-holly-one {
background-position: -9px -204px;
height: 40px;
left: -4px;
top: -15px;
width: 34px;
}
.xmas-icon-santa {
background-position: -9px -305px;
height: 41px;
left: 61px;
top: 32px;
width: 33px;
}
.xmas-icon-star-one {
background-position: -3px -104px;
height: 44px;
left: 53px;
top: 41px;
width: 44px;
}.xmas-icon-star-one {
background-position: -13px -112px;
height: 26px;
left: 61px;
top: -11px;
width: 25px;
}
.xmas-icon-tree {
background-position: -10px -352px;
height: 47px;
left: -2px;
top: 28px;
width: 29px;
}
.xmas-icon-star-two {
background-position: -14px -163px;
height: 26px;
left: 63px;
top: 50px;
width: 25px;
}
.xmas-icon-snowman {
background-position: -5px -401px;
height: 50px;
left: -14px;
top: 24px;
width: 39px;
}
.xmas-icon-candycane {
background-position: -10px -451px;
height: 50px;
left: -6px;
top: 23px;
width: 30px;
}
.xmas-icon-stocking {
background-position: -11px -51px;
height: 47px;
left: 65px;
top: -10px;
width: 30px;
}
.xmas-icon-holly-two {
background-position: 0 -262px;
height: 31px;
left: 48px;
top: 51px;
width: 50px;
}
.xmas-super-wrapper {
background: url("../../images/xmas/bg_xmas_offers_bottom.png") no-repeat right bottom #FFF;
}
.xmas-lights-top {
background: url("../images/xmas_lights_spritesheet.png") no-repeat center top transparent;
height: 26px;
width: 564px;
margin-bottom: 13px;
}
.xmas-lights-bottom {
background: url("../images/xmas_lights_spritesheet.png") no-repeat center bottom transparent;
height: 26px;
width: 564px;
margin: 8px 0 5px 0;
}
.hover-zoom-image .xmas-icon-holly-one {
left: -10px;
top: -18px;
}
.hover-zoom-image .xmas-icon-holly-two {
left: 236px;
top: 177px;
}.offer-wrapper-xmas .offer-price {
font-weight: bold;
display: block;
padding: 2px 0;
}
.offer-wrapper-xmas .offer-discount {
letter-spacing: -0.5px;
white-space: nowrap;
padding-bottom: 3px;
font-weight: normal;
color: #000;
}
/* right body column */
.column-section-wrapper {
border-top: 1px solid #D3CEC2;
background: none repeat scroll 0 0 #FFF;
border-bottom: 1px solid #D3CEC2;
border-top: 1px solid #D3CEC2;
margin-bottom: 10px;
padding: 10px;
}
.column-section-wrapper .header-1,
.column-section-wrapper .header-2 {
display: block;
}
.column-section-wrapper .header-1 {
font-size: 20px;
line-height: 21px;
font-weight: normal;
color: #000;
margin-bottom: 0;
}
.column-section-wrapper .header-2 {
color: #000;
font-size: 16px;
line-height: 18px;
margin-bottom: 0;
}
.column-section-social-wrapper {
margin-left: -5px;
width: 220px;
}
.column-section-wrapper div.collapsible-list {
margin: 0;
}
.column-section-wrapper .icon-right-white {
padding-bottom: 10px;
}
.column-section-wrapper a.icon-help {
padding: 2px 0 0 4px !important;
position: relative !important;
height: 22px;
}
.column-section-wrapper a.icon-help span.icon-holder {
position: relative !important;
display: block !important;
}
.expando-link {
margin: 5px;
}
.expando-link-header {
display: block;
position: relative;
color: #333 !important;
padding: 0 0 0 15px;
}
.expando-link-open .expando-link-header {
font-weight: bold;
}
.expando-link-header .icon-holder {
width: 12px;
height: 12px;
top: 3px;
}
.expando-link-open .icon-holder {
background-position: -13px -2054px !important;
}
.expando-link-closed .icon-holder {
background-position: -13px -2094px !important;
}
.expando-link-open .expando-link-content {
display: block;
margin: 0 0 5px;
padding: 0 0 5px 15px;
}
.expando-link-closed .expando-link-content {
display: none;
}