html, body { min-height: 100%; }
body { min-height: 100%; font-family: Arial, Verdana, Helvetica, Geneva, Swiss, SunSans-Regular; margin:0 auto; background-image:url('/images/background.png'); background-repeat:repeat-y; background-attachment:fixed; background-position:center; }
h1 { color: #ab351e; font-size: 17pt; font-family: Tahoma, Arial, Verdana, Helvetica, Geneva, Swiss, SunSans-Regular; font-weight: bold ; margin: 0 0 12px 0; padding: 0 0 0 0; line-height:1.1em}
h2 { font-size: 15pt; font-family: Tahoma, Arial, Verdana, Helvetica, Geneva, Swiss, SunSans-Regular; font-weight: normal ; line-height: 1.2em; margin: 12px 0 8px; padding:0; }
h2.sub { font-size:13pt; margin: 0px 0 8px 0; padding: 0px 0 0 0;}
h2 span.sub { font-size:85%; }
h3, h3.a, h3.a:visited { font-size: 13pt; font-family: Tahoma, Arial, Verdana, Helvetica, Geneva, Swiss, SunSans-Regular; font-weight: normal; margin:8px 0 2px 0; }
h3.byline { font-size: 11pt; margin-bottom: 8px; }
h3.product { color: #ab351e; }
h4 { padding-left: 0; padding-bottom: 2px; padding-right: 0; padding-top: 12px; font-size: 12pt; font-family: Tahoma, Arial, Verdana, Helvetica, Geneva, Swiss, SunSans-Regular; font-weight: normal; margin: 0px; color#000; }
p, li, legend { color: #3b3b3b; font-size: 11pt; font-family: Arial, Verdana, Helvetica, Geneva, Swiss, SunSans-Regular; line-height: 1.3em; margin:0 0 8px 0; padding:0; }
ul, ol { padding: 0 6px 8px 20px; margin: 0px; list-style-type: disc; }
li { margin: 0 0 2px 0px; padding-top: 2px; list-style: square; }
ol li { list-style: decimal; }
ul.noBullets, ol.noBullets li { list-style: none; }
strong { font-weight: bold; }
em { font-style: italic; }
img { border:none; }
.nowrap { white-space:nowrap; }
div.clear { clear:both; height:0px; }
sup { font-size: 70%; font-weight: normal; vertical-align:super; }
div.separator { border-bottom:dashed 1px #ccc; margin:12px 0; }
#addThis { text-align:center; margin:12 0; }
#securitySeal { margin:12px 0 12px 0; text-align:center; }
.w300 { width:300px }
.w400 { width:400px }
.w500 { width:500px }
.fLeft { float:left; }
.fRight { float:right; }
/* Mailchimp */
.mc-field-group {margin:12px 0;}
.input-group li { list-style: none;}
.input-group li input { margin-right: 4px; }
/* Messaging Override */
font b { color:red; font-size:12pt; }
.message { font-weight:bold; color:red; margin-bottom:12px; }
.message.green {color:#36c000; }
#container { margin: 0 auto; width:980px; min-height:100%; text-align: left; border-bottom:1px solid #eee; clear:both; background-color: #fff; }
#pageContent { padding:10px; }
a { color: #ab351e; }
a:link { color: #ab351e; }
a:active { color: #ab351e; }
a:visited { color: #ab351e; }
a:hover { text-decoration: none; }
/* Header and Footer */
#maintenance-warning { width:auto; padding:8px; background-color:#666; color:#fff; font-weight:bold; font-size:10pt; }
#masthead { clear:both; position:relative; }
#masthead #logo { float:left; width:580px; }
#masthead #customerService { float:left; width:400px; padding-top: 10px; text-align:right; }
#masthead #customerService img { margin:0 10px 3px 0px; }
#masthead #customerService #headerTools #login { white-space:nowrap; margin:0 11px 0 12px; float:right; }
#masthead #customerService #headerTools #login a { font-size: 9pt; font-family: Tahoma, Arial, Verdana, Helvetica, Geneva, Swiss, SunSans-Regular; font-weight: normal; }
#masthead #customerService #headerTools #search { white-space:nowrap; }
#minibasket { font-size:11pt; color:#555; background-color: #f7e4e1; margin: 0; padding: 4px 6px 4px 8px; }
#minibasket a:link, .RunningSubtotal a:visited { text-decoration: underline }
#minibasket a:hover { text-decoration: none }
div#breadcrumb { color: #8e8e8e; font-size: 8pt; font-family: Arial, Verdana, Helvetica, Geneva, Swiss, SunSans-Regular; margin-bottom: 12px; }
#breadcrumb a:link { color: #8e8e8e; }
#breadcrumb a:active { color: #8e8e8e; }
#breadcrumb a:visited { color: #8e8e8e; }
#breadcrumb a:hover { color: #8e8e8e; }
#footerToggle { font-size:8pt; text-align:center; clear:both; color:#666; margin-top:24px; padding-top: 18px; border-top:1px solid #eee; }
#footerToggle a { color:#666; text-decoration: underline; cursor: pointer; }
div#footer-container { clear:both; margin:18px 0; }
#footer { margin:8px 0 18px 0; text-align: center; clear:both; }
#footer p { color: #8e8e8e; font-size: 8pt; }
#footer a:link { color: #a4a4a4; }
#footer a:hover { color: #a4a4a4; }
#footer a:active { color: #a4a4a4; }
#footer a:visited { color: #a4a4a4; }
#productGuide { background-color:#f0f0f0; border-top: 1pt solid #ccc; border-bottom: 1pt solid #d9d9d9; font-weight:bold; color:#999; font-size:11pt; text-align:center; padding:6px 0; }
#footer-container li, #footer-container p { font-size:9pt; }
#footer, #sitemap { padding:0 0 12px 12px; clear:both; }
#footer div, #sitemap div { width:20%; text-align:left; float:left; }
#footer div h3 { font-size:9pt; font-weight:bold; color:#999; padding:0 0 3px 0; margin:0;}
#footer div ul, #footer div li, #sitemap div ul, #sitemap div li { margin:2px 18px 0 0; padding:0 0 0 0; list-style: none; }
#sitemap div h3 { font-size:11pt; font-weight:bold; color:#000; padding:0 0 3px 0; margin:0;}
div#copyright { margin:18px 0 24px 0; text-align:center; clear:both; color:#ccc; font-size:8pt; }
/* Category Display */
.categoryThumbs { margin-top: 24px; padding-bottom: 8px; width:940px; clear:both; }
.categoryThumbs td { width:235px; padding:0 0 12px 0; text-align:center; }
.categoryThumbs p { font-size: 9pt; }
.categoryThumbs p.title {font-weight:bold;margin:3px 0 0 0;}
.categoryThumbs p.subtitle {color:#666;margin:0 0 3px 0;font-size:10pt;}
.categoryThumbs p.price {font-weight:bold;margin:0 0 12px 0;}
.celebrationCards { width:100%; }
.celebrationCards td { width:33%; padding:0 0 12px 0; text-align:center; }
.celebrationCards td p { font-size: 9pt;margin:0px 18px 4px 0px; line-height:1.1em; }
.categoryThumbs.celebrationCards p { margin-bottom:3px; }
.categoryThumbs.celebrationCards p.message, .celebrationCards p.message { color:black; font-weight:normal; font-style: italic; }
.categoryThumbs.celebrationCards td { padding-bottom:18px; }
/* Product Display */
#productThumbnail { margin:8px 0 12px 0; }
#productImage { float:right; margin:0 0 36px 36px; text-align:center; }
#productPrice { font-size:16pt;font-weight: bold; color: #ab351e; }
#productAttributes { text-align:center; margin:12px 0; }
tr.attributeRadio td { padding:0 0 4px 0 }
tr.attributeRadio td input { margin-right:3px; }
.addToCart { vertical-align:middle;margin:6px 0 4px 0; }
#recipes { float:left; width:350px; clear:both; }
#trackList { float:right; width:300px; }
#productSidebar { float:left; width:200px; text-align:center; }
#productMain { float:right; width:730px; padding-bottom:18px; }
#productTravel { float:right; width:960px; padding-bottom:18px; }
#productTravel p, #productTravel ul { width:800px; }
#sidebarLeft { margin:18px 0; padding:12px 0; }
.sidebarPromo p { font-size: 9pt; margin-top: 0; margin-right: 0; }
.testimonial { border-bottom: dotted 1px #999; border-top: dotted 1px #999; background-color: #fafafa; margin: 0 0 24px 0; padding: 2px; text-align: left; font-size: 9pt; }
.testimonial p, .testimonial p.quoteSource { margin: 2px 4px 0; padding: 0 0 4px; }
#reviews { clear:both; border-top: dotted 1px #999; }
#reviews h2 { margin:12px 0 0 0; }
#reviews .review { padding-bottom:12px; border-bottom: dotted 1px #999; }
#reviews .reviewInfo { font-size: 8pt; }
.reviewTitle h3 { margin-bottom:0; }
.reviewInfo p { margin-top:0 }
#musicPlayer { margin:0 auto 18px auto;background-color:#c8c8c8; width:200px; text-align:center; z-index:1; }
/* Forms & Div Styles */
.defaultShadeBorder { background-color: #f7e4e1; border:solid 1px #ab351e; padding:18px 12px 16px 12px; margin:0 0 18px 0; }
form h2 { margin-top:0; }
.defaultShadeBorder div.separator { border-bottom:dashed 1px #ab351e; margin:12px 0; }
#existingCustomersLogin { margin:0 18px 0 48px; }
#existingCustomersLogin p {margin: 4px 0; }
/* Affiliates */
#affiliateStatus { width:400px; }
#affiliateStatus td { border:1px solid #ccc; }
#affiliateStatus td.label { background-color:#f1f1f1; font-weight:bold; }
#affiliateStatus td.status { background-color:#fafafa;text-align:center; }
/* Customer Account, Basket, Checkout Screens */
#NewCustomerLink ul { margin-bottom:18px; }
#pageContent.account h3 { margin:0 0 12px 0; }
#pageContent.account table tr.header td, #pageContent.basket table tr.header td, #pageContent.basket form table tr.header td { padding:12px 4px; font-size: 12pt; border-bottom:2px solid #ccc; background-color: #eee; font-weight:bold; }
#pageContent.account table tr td, #pageContent.basket table tr td { padding:2px; color: #000; font-size: 11pt; line-height: 12pt; }
#pageContent.basket table tr.basketItem td { padding:12px; border-top:1px solid #eee; }
#pageContent.basket table tr.itemOption td { padding:0 12px 12px 12px; }
#pageContent.basket table tr.total td { padding:12px; border-top:2px solid #ccc; }
#pageContent.basket table tr.total td.label, #pageContent.basket table tr.total td.amount {background-color: #eee; font-size:12pt; }
#pageContent.basket table tr.total td.label { border-left:solid 1px #ccc; border-bottom:1px solid #ccc; }
#pageContent.basket table tr.total td.amount { border-right:solid 1px #ccc; border-bottom:1px solid #ccc; }
#customerFields table tr.header td { color:#000; padding:8px 4px 2px 0; font-size: 6pt; border-bottom:1px solid #ccc; background-color: transparent; }
/* Phone Order Manager */
#pomProducts { padding:18px 0; }
tr.important td { background-color:#eee; }
tr.important td strong { color:#ab351e; }
tr.pomList td { padding:4px 6px; }
div#accountButtons { text-align:center; background-color: #b7f294; padding:6px 4px; margin:8px 0; }
div#accountButtons input { width:120px; font-size:14pt; }
div#shippingOptions { margin-top:18px; padding:0 8px 8px 8px; border:1px solid #ccc; width:560px; }
/* Buy Local Results */
table#buyLocalResults { width:100% }
table#buyLocalResults td { vertical-align:top; font-size:9pt; padding:4px; }
table#buyLocalResults tr#headerRow td { font-size:11pt; font-weight:bold; background-color:#dbdbdd; border-bottom:2px solid #aaa; }
table#buyLocalResults tr.odd td { background-color:#eee; }
table#buyLocalResults tr.even td { background-color:#fff; }
/* Order History List */
table#orderHistoryList { width:100% }
table#orderHistoryList td { vertical-align:top; font-size:9pt; padding:4px; }
table#orderHistoryList tr#headerRow td { font-size:9pt; font-weight:bold; border-bottom:2px solid #aaa; vertical-align: bottom; text-align: center; white-space:nowrap; }
table#orderHistoryList tr.ordersRow td { background-color:#f6f6f6; border-bottom:1px solid #ccc; vertical-align: bottom; text-align: center; white-space:nowrap; }
/* FAQ/GUARANTEE */
#pageContent.faq, #pageContent.guarantee { margin-right:200px; }
#pageContent.faq h3, #pageContent.guarantee h3 {font-weight: bold; }
/* ABOUT */
#pageContent.about div#columnLeft { width:360px; float:left; margin-right:25px; }
#pageContent.about div#columnRight { width:360px;float:left; }
/* Travel Logs */
div#travelLog p {font-size: 14pt; line-height: 1.2em; }
div#travelLog h2 { font-size: 17pt; font-weight: bold; }
/* End */
/* SIDEBAR */
#rightSidebar { float:right; border-left:dashed 1px #ccc; margin-left: 36px; margin-right:0px; padding-left:24px; width:210px; }
#rightSidebar.corporate { margin-left:18px; }
#rightSidebar p {font-size: 10pt;}
#rightSidebarBox, .rightSidebarBoxShaded { border: 1px solid #ccc; background-color: #fff; padding:4px 4px 4px 4px; margin:12px 0; }
#rightSidebarBoxShaded { background-color: #eee; }
#rightSidebarBox p, .rightSidebarBoxShaded p {font-size: 9pt;}
#rightSidebarBox h3 { margin:0 0 2 0;}
/* BUTTONS */
.buttonClear { /* generic container (i.e. div) for floating buttons */
overflow: hidden;
}
a.button {
background: transparent url('/images/bg_button_a.gif') no-repeat scroll top right;
color: #444;
display: block;
float: right;
font: normal 12px arial, sans-serif;
height: 24px;
margin-right: 6px;
padding-right: 18px; /* sliding doors padding */
text-decoration: none;
}
a.button span {
background: transparent url('/images/bg_button_span.gif') no-repeat;
display: block;
line-height: 14px;
padding: 5px 0 5px 18px;
}
a.button.green {
background: transparent url('/images/bg_button_a-green.gif') no-repeat scroll top right;
color:#fff
}
a.button.green span {
background: transparent url('/images/bg_button_span-green.gif') no-repeat;
}
a.button:active {
background-position: bottom right;
color: #eee;
outline: none; /* hide dotted outline in Firefox */
}
a.button:active span {
background-position: bottom left;
padding: 6px 0 4px 18px; /* push text down 1px */
}
/* Celebration Card Downloads */
#tuneDownload h1 { color: #133b62 }
#tuneDownload a { color: #133b62 }
#tuneDownload a:link { color: #133b62 }
#tuneDownload a:active { color: #133b62; }
#tuneDownload a:visited { color: #133b62 }
/*
* Skin for jPlayer Plugin (jQuery JavaScript Library)
* http://www.happyworm.com/jquery/jplayer
*
* Skin Name: Blue Monday
*
* Copyright (c) 2010 Happyworm Ltd
* Dual licensed under the MIT and GPL licenses.
* - http://www.opensource.org/licenses/mit-license.php
* - http://www.gnu.org/copyleft/gpl.html
*
* Author: Silvia Benvenuti
* Skin Version: 2.0
* Date: 29th April 2010
*/
div.jp-single-player,
div.jp-playlist-player {
/* Edit the font-size to counteract inherited font sizing.
* Eg. 1.25em = 1 / 0.8em
*/
font-size:1.25em;
font-family:Verdana, Arial, sans-serif;
line-height:1.6;
color: #666;
}
div.jp-interface {
position: relative;
background-color:#eee;
width:418px;
height:80px;
border:1px solid #009be3;
}
div.jp-single-player div.jp-interface {
border-bottom:none;
}
div.jp-playlist-player div.jp-interface {
}
div.jp-interface ul.jp-controls {
list-style-type:none;
padding:0;
margin: 0;
}
div.jp-interface ul.jp-controls li {
position: absolute;
}
div.jp-interface ul.jp-controls a {
display: block;
position: absolute;
overflow:hidden;
text-indent:-9999px;
}
a.jp-play,
a.jp-pause {
top:20px;
width:40px;
height:40px;
}
div.jp-single-player a.jp-play,
div.jp-single-player a.jp-pause {
left:40px;
}
div.jp-playlist-player a.jp-play,
div.jp-playlist-player a.jp-pause {
left:48px;
}
a.jp-play {
background: url("jplayer.blue.monday.jpg") 0 0 no-repeat;
}
a.jp-play:hover {
background: url("jplayer.blue.monday.jpg") -41px 0 no-repeat;
}
a.jp-pause {
background: url("jplayer.blue.monday.jpg") 0 -42px no-repeat;
}
a.jp-pause:hover {
background: url("jplayer.blue.monday.jpg") -41px -42px no-repeat;
}
a.jp-stop {
top:26px;
background: url("jplayer.blue.monday.jpg") 0 -83px no-repeat;
width:28px;
height:28px;
}
div.jp-single-player a.jp-stop {
left:90px;
}
div.jp-playlist-player a.jp-stop {
left:126px;
}
a.jp-stop:hover {
background: url("jplayer.blue.monday.jpg") -29px -83px no-repeat;
}
a.jp-previous {
left:20px;
top:26px;
background: url("jplayer.blue.monday.jpg") 0 -112px no-repeat;
width:28px;
height:28px;
}
a.jp-previous:hover {
background: url("jplayer.blue.monday.jpg") -29px -112px no-repeat;
}
a.jp-next {
left:88px;
top:26px;
background: url("jplayer.blue.monday.jpg") 0 -141px no-repeat;
width:28px;
height:28px;
}
a.jp-next:hover {
background: url("jplayer.blue.monday.jpg") -29px -141px no-repeat;
}
div.jp-progress {
position: absolute;
overflow:hidden;
top:32px;
background-color: #ddd;
width:122px;
height:15px;
}
div.jp-single-player div.jp-progress {
left:130px;
}
div.jp-playlist-player div.jp-progress {
left:164px;
}
div.jp-load-bar {
background: url("jplayer.blue.monday.jpg") 0 -202px repeat-x;
width:0px;
height:15px;
cursor: pointer;
}
div.jp-play-bar {
background: url("jplayer.blue.monday.jpg") 0 -218px repeat-x ;
width:0px;
height:15px;
}
a.jp-volume-min {
top:32px;
background: url("jplayer.blue.monday.jpg") 0 -170px no-repeat;
width:18px;
height:15px;
}
div.jp-single-player a.jp-volume-min {
left:274px;
}
div.jp-playlist-player a.jp-volume-min {
left:296px;
}
a.jp-volume-min:hover {
background: url("jplayer.blue.monday.jpg") -19px -170px no-repeat;
}
a.jp-volume-max {
top:32px;
background: url("jplayer.blue.monday.jpg") 0 -186px no-repeat;
width:18px;
height:15px;
}
div.jp-single-player a.jp-volume-max {
left:346px;
}
div.jp-playlist-player a.jp-volume-max {
left:368px;
}
a.jp-volume-max:hover {
background: url("jplayer.blue.monday.jpg") -19px -186px no-repeat;
}
div.jp-volume-bar {
position: absolute;
overflow:hidden;
top:37px;
background: url("jplayer.blue.monday.jpg") 0 -250px repeat-x;
width:46px;
height:5px;
cursor: pointer;
}
div.jp-single-player div.jp-volume-bar {
left:292px;
}
div.jp-playlist-player div.jp-volume-bar {
left:314px;
}
div.jp-volume-bar-value {
background: url("jplayer.blue.monday.jpg") 0 -256px repeat-x;
width:0px;
height:5px;
}
div.jp-play-time,
div.jp-total-time {
position: absolute;
top:49px;
width:122px;
font-size:.64em;
font-style:oblique;
}
div.jp-total-time {
text-align: right;
}
div.jp-single-player div.jp-play-time,
div.jp-single-player div.jp-total-time {
left:130px;
}
div.jp-playlist-player div.jp-play-time,
div.jp-playlist-player div.jp-total-time {
left:164px;
}
div.jp-playlist {
width:418px;
}
div.jp-playlist ul{
list-style-type:none;
margin:0;
padding:0 20px;
background-color:#ccc;
border:1px solid #009be3;
border-top:none;
width:378px;
font-size:.72em;
}
div.jp-single-player div.jp-playlist li {
padding:5px 0 5px 20px;
font-weight:bold;
}
div.jp-playlist-player div.jp-playlist li {
padding:5px 0 4px 20px;
border-bottom:1px solid #eee;
}
div.jp-playlist-player div.jp-playlist li.jplayer_playlist_item_last {
padding:5px 0 5px 20px;
border-bottom:none;
}
div.jp-playlist-player div.jp-playlist li.jplayer_playlist_current {
list-style-type:square;
list-style-position:inside;
padding-left:8px;
}
div.jp-playlist-player div.jp-playlist a {
color: #666;
text-decoration: none;
}
div.jp-playlist-player div.jp-playlist a:hover {
color:#0d88c1;
}
div.jp-playlist-player div.jp-playlist a.jplayer_playlist_current {
color:#0d88c1;
}