﻿/* ----- DOCUMENT SETUP ----- */
* { margin:0; padding:0; font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif; outline:none; }
img { border:none; }
.left { float:left; } .right { float:right; } .clear { clear:both; font-size:0px; height:0px; line-height:0px; overflow:hidden; }

body { background:url('bg.jpg') #E8F1C4 repeat-x top; padding-bottom:15px; }

h1 { font-family:Verdana, Geneva, sans-serif; font-size:38px; letter-spacing:-2px; color:#355276; margin:15px 0 25px 0; }
h2 { font-size:14px; letter-spacing:-1px; color:#003366; margin:15px 0 5px 0; }
h3 { font-size:12px; color:#333333; }
p { font-size:12px; line-height:20px; color:#333333; margin:10px 0 0 0; }
a:link, a:visited { color:#333333; text-decoration:none; }
a:hover, a:active { color:#333333; text-decoration:underline; }
a.il:link, a.il:visited { color:#111111; text-decoration:none; border-bottom:1px dotted #999999;}
a.il:hover, a.il:active { color:#111111; text-decoration:none; border-bottom:1px solid #111111;}

a.green{color:#a7b428;}

a:active{outline: none; -moz-outline-style: none;}
a:focus{-moz-outline-style: none;}
input::-moz-focus-inner {border:0; -moz-outline-style: none;}

/* ----- HEADER LAYOUT ----- */
#garden-parasols-header { width:960px; height:88px; margin:0 auto; position:relative; z-index:100; padding:0 10px; margin-bottom:-10px!important; margin-bottom:-13px; overflow:hidden;}
#logo {width:247px; height:74px; margin-top:14px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#logo {margin-top:11px;}
}
#header-right {width:436px; height:88px;}
#support { width:215px; height:68px; margin:20px 10px 0 0; }
#support p { font-size:26px; font-weight:bold; color:#5b4633; line-height:normal; margin:0; padding-top:5px; }
#checkout { width:209px; height:68px; margin:20px 0px 0 0; }
#checkout p { color:#5b4633; margin:0; }
#checkout p a:link, #checkout p a:visited { color:#5b4633; font-weight:bold; text-decoration:underline; }
#checkout p a:hover, #checkout p a:active { color:#987c2f; }
#checkout p a span { display:inline-block; width:28px; height:14px; background:url('cart-icon.png') right no-repeat; }


/* ----- MAIN LAYOUT ----- */
#garden-parasols-body { width:960px; margin:0 auto; padding:10px; background:url('border.png') repeat; }
#body-wrapper { width:960px; height:100%; display:block; background:#ffffff; }

#navigation { width:960px; height:28px; background:url('topnav-bg.jpg') repeat-x; margin-bottom:10px; }
#navigation ul { display:block; height:28px; background:url('garden-parasol-logo-bottom.jpg') no-repeat; list-style:none; padding-left:119px; color:#ffffff; }
#navigation li { display:inline; margin-right:12px; line-height:26px; font-size:14px; font-weight:bold; }
#navigation #product-nav li { margin-right:7px; }
#navigation a:link, #navigation a:visited { color:#ffffff; text-decoration:none; }
#navigation a:hover, #navigation a:active { color:#ffffff; text-decoration:underline; }

#breadcrumbs { width:100%; margin-bottom:11px; }
#breadcrumbs p { font-size:10px; margin:0; padding:0 10px; text-align:right; line-height:normal; }

#main-content { width:742px; }
#side-bg { height:100%; display:block; clear:both; background:url('side-bg.jpg') repeat-y right; }

.fragment{padding:0 20px;}

.instructions a{width:262px; height:41px; display:block; background: url('dl-btn.jpg') no-repeat; }


/* ----- HOME LAYOUT ----- */
#home-header { width:711px; height:338px; overflow:hidden; margin-left:10px; padding:10px; background:url('home-garden-parasol-header-bg.jpg') no-repeat; }
#fade-rotate { width:472px; height:336px; overflow:hidden; border:1px dotted #6d7784;  }
#home-header-content { width:217px; height:auto; overflow:hidden; }
#home-top { width:711px; margin-left:20px; }
#home-mid { width:731px; height:240px; clear:both; margin-left:10px; background:url('home-mid-bg.jpg') #ffffff no-repeat top; }
#home-mid-content { width:391px; height:180px; padding:25px 40px 20px 300px; }
#home-mid-content h2 { margin:0; padding:0; }
#home-lower-parasols { width:237px; margin-left:10px; }
#home-lower-accessories { width:237px; margin-left:10px; }
#home-lower-help { width:237px; margin-left:10px; }
p.lower-top-section { font-weight:bold; line-height:normal; margin:0 0 6px 0; }
p.lower-sub-section { line-height:normal; margin:0 0 5px 0; }


/* ----- SECTION LAYOUT ----- */
#section-header { width:731px; height:auto; overflow:hidden; margin-left:10px; background:url('product-banner-bg.jpg') top no-repeat #ffffff; }
#section-header h1 { font-size:22px; line-height:44px; padding:0 24px; }
#section-header p { line-height:normal; padding:0 24px; }

.section-info { width:711px; height:auto; overflow:hidden; margin-left:20px; }
.section-info h2 { font-size:16px; line-height:44px; padding:0; }
.section-info p { line-height:normal; padding:0; }

#contact-address { width:322px; margin:10px 10px 0 0;}
#contact-numbers { width:322px; margin-top:10px; }


/* ----- Section and Product List ----- */
.fragment-top { margin:0 10px; }

.section-list { width:732px; margin:20px 0 0 10px; }
.section-item { width:179px; height:204px; background:url('border.png'); margin:0 5px 20px 0; overflow:hidden; }
.section-item.last { margin-right:0px; }
.section-item div { width:165px; height:190px; margin:7px; background:#eee; overflow:hidden; }
.section-item div h3 { padding:0 3px; }
.section-item .empty { width:179px; height:204px; margin:0; padding:0; background:#ffffff; }

.product-list { width:732px; margin:20px 0 0 10px; }
.product-item { width:179px; height:236px; background:url('border.png'); margin:0 5px 20px 0; overflow:hidden; }
.product-item.last { margin-right:0px; }
.product-item div { width:165px; height:222px; margin:7px; background:#eee; overflow:hidden; }
.product-item div h3 { padding:0 3px; }
.product-item .empty { width:179px; height:236px; margin:0; padding:0; background:#ffffff; }


/* ----- Search results ----- */
#search-results { width:721px; padding-left:10px; }
.search-image { width:79px; height:81px; padding:4px 6px 6px 4px; margin:0 5px 10px 0; overflow:hidden; background:url('product-tab-img-bg.jpg') no-repeat; }
.search-info { width:627px; }
#search-results-clear { margin-bottom:150px; }

/* ----- Sitemap Layout ----- */
#sitemap-info { width:270px; height:auto; }
#sitemap-products { width:430px; height:auto; }
.sitemap { list-style:none; font-weight:normal; line-height:22px; margin-bottom:12px; }
.sitemap-0 { font-size:12px; font-weight:bold;  }
.sitemap-1 { font-size:12px; font-weight:bold; margin-bottom:-12px; }
.sitemap-2 { font-size:12px; text-indent:12px;  padding-top:12px; }
.sitemap-3 { font-size:11px; text-indent:14px; }
.sitemap-4 { font-size:11px; margin-top:8px; text-indent:14px; font-weight:normal; }


/* ----- PRODUCT TABS ----- */
#product-tabs { width:731px; height:auto; margin:10px 0 10px 10px; overflow:hidden; }
.product-tabs { list-style:none; }
.product-tabs li { float:left; width:auto; height:auto; display:block; margin-right:10px; } .product-tabs li.last { margin-right:0; }
.product-tabs li a { width:217px; height:28px; display:block; line-height:24px; padding:0 10px; }
.product-tabs li a:link, .product-tabs li a:visited { color:#ffffff; font-weight:bold; background:url('product-tab-link-bg.jpg'); }
.product-tabs li a:hover, .product-tabs li a:active { color:#ffffff; font-weight:bold; }
.product-tabs li a.current { width:215px; height:28px; color:#333333; font-weight:bold; border:1px solid #cccccc; border-bottom:none; background:#eaeaea; position:relative; z-index:1000; margin-bottom:-1px; text-decoration:none; }
.product-panes { clear:left; width:729px; height:251px; overflow:hidden; background:url('product-tab-bg.jpg') repeat-x #eaeaea; border:1px solid #cccccc; position:relative; }
.product-panes div { width:729px; height:251px; padding-top:20px; display:none; position:absolute; top:0; left:0; }
.product-panes div.offers { padding-top:0px; }
.product-panes div table { margin:0 10px; }
.product-tab-image { width:79px; height:81px; padding:4px 6px 6px 4px; margin-right:5px; display:block; overflow:hidden; background:url('product-tab-img-bg.jpg') no-repeat; }
.product-panes div h2 { font-size:11px; margin:0; padding-bottom:4px; }
.product-panes div h2 a { color:#413121; }
.product-panes div p { font-size:11px; line-height:normal; margin:0; padding-bottom:4px; }
.product-panes div p a { color:#666600; }


/* ----- MARKETING TABS ----- */
#marketing-tabs { width:731px; height:auto; margin:35px 0 150px 10px; overflow:hidden; }
.marketing-tabs { list-style:none; }
.marketing-tabs li { float:left; width:auto; height:auto; display:block; margin-right:10px; } .product-tabs li.last { margin-right:0; }
.marketing-tabs li a { width:217px; height:28px; display:block; line-height:24px; padding:0 10px; }
.marketing-tabs li a:link, .product-tabs li a:visited { color:#ffffff; font-weight:bold; background:url('product-tab-link-bg.jpg'); }
.marketing-tabs li a:hover, .product-tabs li a:active { color:#ffffff; font-weight:bold; }
.marketing-tabs li a.current { width:215px; height:28px; color:#333333; font-weight:bold; border:1px solid #cccccc; border-bottom:none; background:#eaeaea; position:relative; z-index:1000; margin-bottom:-1px; text-decoration:none; }
.product-tabs li.last a.current { background:#d8191a; color:#ffffff; }
.marketing-panes { clear:left; width:729px; height:190px; margin-bottom:10px; overflow:hidden; background:url('product-tab-bg.jpg') repeat-x #eaeaea; border:1px solid #cccccc; position:relative; }
.marketing-panes div { width:709px; height:auto; margin:0 10px; padding-top:20px; display:none; position:absolute; top:0; left:0; }
.marketing-panes div h2 { font-size:11px; margin:0; padding-bottom:4px; }
.marketing-panes div h2 a { color:#413121; }

.marketing-item { display:block; width:114px; height:137px; margin-right:5px; }
.marketing-item.last { margin-right:0px; }
.marketing-thumb { display:block; width:104px; height:107px; padding:4px 6px 6px 4px; overflow:hidden; background:url('marketing-thumb-bg.jpg') no-repeat; }

/* ----- PRODUCT LAYOUT ----- */
h2.product-header { margin:0; padding:0 0 5px 15px; }
h3.product-header { margin:0; padding:0 0 5px 15px; }
#product-price { font-size:10px; letter-spacing:normal; font-weight:normal; margin:-4px 0 -5px 0; padding:0 0 5px 0; border-bottom:2px solid #a0c9ff;}
#product-price span { font-size:14px; letter-spacing:-1px; font-weight:bold; }
#product-info { width:731px; height:auto; overflow:hidden; margin-left:10px; background:url('product-banner-bg.jpg') no-repeat #ffffff; }
#product-info h1 { font-size:22px; line-height:44px; padding:0 24px; }
#product-info p { line-height:normal; }
#product-gallery { width:354px; height:234px; margin:0 8px; padding:5px; background:url('product-gallery-bg.jpg') no-repeat; }
#product-gallery-thumbs { width:354px; height:81px; margin:0 8px; padding:5px; background:url('gallery-thumb-bg.jpg') no-repeat; }
#product-gallery-thumbs a { width:81px; height:81px; overflow:hidden; margin-right:10px; }
#product-gallery-thumbs a.last { margin-right:0; }
#product-features { width:364px; height:auto; overflow:hidden; margin:10px 0 0 8px; }
#product-description { width:331px; margin:0 10px; }
#product-spec { width:364px; height:auto; display:block; overflow:hidden; margin:10px 0 0 8px; }
#product-spec p { padding:0 0 10px 15px }
#buying { width:331px; overflow:hidden; height:auto; margin:20px 10px 0 10px; }
.cart-btn{width:331px; height:41px; position:relative;}
.form_button_add_to_cart{width:331px; height:41px; background:url('add-cart-btn.jpg') no-repeat; border:none; overflow:hidden; position:absolute;}
.form_button_add_to_cart:active{top:3px;}

/* ----- FEATURES TAB CSS ----- */
.features { width:364px; height:113px; overflow:hidden; background:url('features-bg.jpg') no-repeat; position:relative; clear:both; }
.feature-image { width:73px; height:81px; display:block; background:#828282; }
.features div p { width:256px; height:81px; margin:0 0 0 9px; float:left; display:block; font-size:11px; line-height:normal; }
.features div p span { font-weight:bold; font-size:14px; }
.features div { width:338px; height:81px; overflow:hidden; margin:16px 13px; display:none; position:absolute; top:0; left:0; }
.list { margin-top:10px; }
.list p { height:16px; width:auto; line-height:16px; font-size:12px; margin:0 0 6px 15px; display:block; }
.list a { padding-left:18px; background:url('product-checks.jpg') 0 0 no-repeat; cursor:pointer; }
.list a:link, .list a:visited { color:#666666; text-decoration:none; }
.list a:hover, .list a:active { color:#333333; text-decoration:underline; }
.list a.current, .list a.current:hover { font-weight:bold; color:#333333; background-position:0 -24px; cursor:default; text-decoration:none; }

/* ----- CANOPY SIZE ----- */
#canopy-size { width:364px; height:auto; overflow:hidden; margin:10px 0 0 8px; }
.canopy-size-holder { width:104px; height:60px; margin-right:10px; padding:5px; background:url('canopy-size-bg.jpg') no-repeat; }
.canopy-size-holder.last { margin-right:0px; }


/* ----- SIDE LAYOUT ----- */
#side-content { width:188px; margin-bottom:100px; padding:10px; }
#side-search { width:186px; height:29px; overflow:hidden; border:1px dotted #6b6964; }
#side-search table { width:186px; height:29px; overflow:hidden; background:#ffffff; }
#search-box { width:145px; height:17px; overflow:hidden; border:0; padding:0 4px; font-size:12px; margin-left:6px; }
#search-button { width:19px; height:17px; margin-right:6px; vertical-align:bottom; }
#section-menu { margin:15px 0; }
.top-section { font-size:14px; font-weight:bold; margin:0; padding:15px 0 0 14px; line-height:18px; }
.sub-section { font-size:12px; margin:0; padding-left:19px; line-height:18px; }
.side-promo { width:186px; height:132px; border:1px dotted #6b6964; margin-bottom:10px;}
.side-promo p { margin:0;  }
.side-promo a:link, .side-promo a:visited { display:block; width:178px; height:22px; padding:110px 0 0 8px; font-size:14px; font-weight:bold; color:#ffffff; }
.side-promo a:hover, .side-promo a:active { display:block; width:178px; height:22px; padding:110px 0 0 8px; font-size:14px; font-weight:bold; color:#ffffff; }
.side-promo.newsletter { background:url('promo-newsletter.jpg') no-repeat; }
.side-promo.newsletter p { font-size:14px; font-weight:bold; color:#ffffff; margin:0; padding:14px 0 0 8px; }
.side-promo.offers { background:url('side-promo-offer.jpg') no-repeat; }
.side-promo.showroom { background:url('promo-showroom.jpg') no-repeat; }
.side-promo.delivery { background:url('promo-delivery.jpg') no-repeat; }
.side-promo.payments { background:url('promo-payments.jpg') no-repeat; }

#newsletter-form { width:157px; height:22px; overflow:hidden; margin:72px auto 0 auto; border-top:solid 1px #adadad; border-left:solid 1px #adadad; background:#ffffff; }
#newsletter-form table { width:156px; height:21px; overflow:hidden; border-top:solid 1px #e2e2e2; border-left:solid 1px #e2e2e2; }
#signup-box { width:121px; height:17px; overflow:hidden; border:0; padding:0 3px; font-size:11px; margin-top:0!important; margin-top:1px; vertical-align:middle; }
#signup-submit { width:19px; height:17px; margin-right:3px; margin-top:0!important; margin-top:1px; vertical-align:middle; }

#side-logo { width:208px; height:65px; background:url('garden-parasol-side-logo.jpg') bottom right no-repeat; position:relative; top:-75px; left:1px; margin-bottom:-65px; }

/* ----- SWATCHES PAGE ----- */
#swatch-container{margin:10px; width:730px;}
.swatch{width:140px; height:180px; margin-right:5px; margin-bottom:15px; border:dotted 1px #333; overflow:hidden;}
.swatch.last{margin-right:0px;}
.swatch a {display:block; width:142px; height:180px;}
.swatch a span{display:block; padding:5px; font-size:12px;}
.swatch a:hover span{border:none; text-decoration:none;}
.swatch a:hover img{border:none; text-decoration:none;}

/* ----- GOOGLE MAPS ----- */
#googlemap { width:721px; height:240px; overflow:hidden; margin:10px 0 0 10px; padding:5px; background:url('border.png');}
#map { width:721px; height:240px; overflow:hidden; }
#map-popup { width:193px; height:92px; margin:2px; }

/* ----- CONTACT FORM ----- */
#contact-form fieldset { border:1px dotted #cccccc; }
#contact-form legend { 	background:#ffffff; font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size:14px; letter-spacing:-1px; font-weight:bold; color:#333333;margin-right:-5; padding:0 5px 8px 5px; }
#contact-form label { font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size:12px; letter-spacing:-1px;  font-weight:bold; line-height:20px; color:#333333; }
#contact-form input, #contact-form textarea { font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size:11px; line-height:14px; padding:0 4px; color:#333333; border:1px solid #333333; }
#contact-form input, #contact-form textarea { background:#eeeeee; }
#contact-form input:hover, #contact-form textarea:hover { background:#cccccc; }
#contact-form input:focus, #contact-form textarea:focus { background:#999999; color:#ffffff; }
#contact-form span { display:block; width:100%; height:7px; overflow:hidden; }
#contact-form #Send { width:100px; line-height:14px; padding:0 2px; margin-top:10px; font-weight:bold; }

#personal-set { width:292px; margin-right:20px; padding:10px; overflow:hidden; }
#personal-set label { width:131px; display:inline-block; }
#personal-set input { display:inline-block; width:144px;  }

#message-set { width:354px; padding:10px; overflow:hidden; }
#message-set textarea { width:348px; height:70px; padding:4px 0 4px 4px; }

#privacy-set { width:689px; padding:10px; margin-top:10px; }
#privacy-set input { margin-top:8px; background:#ffffff; border:none; padding:0; }
#privacy-set label { font-weight:normal; }


/* ----- FOOTER LAYOUT ----- */
#footer-clear { width:100%; margin-bottom:150px; }
#garden-parasols-footer { width:732px; height:31px; padding:0 218px 0 10px; background:url('side-bg.jpg') right repeat-y #ffffff; }
#garden-parasols-footer-content { width:732px; height:31px; border-top:1px solid #cccccc; }
#garden-parasols-footer p { margin:0; padding-top:6px; }
#footer-links { width:742px; height:130px; overflow:hidden; position:relative; top:-161px; left:1px; margin-bottom:-128px; }


/* ----- MAGIC ZOOM ----- */
/* Style of zoomed window */ 
.MagicZoomBigImageCont { border:1px dotted #6b6964; }
/* Style of small square under mouse */
.MagicZoomPup { border:1px dotted #6b6964; background:#fff; cursor:move; }
/* Style of message box while image is loading */
.MagicZoomLoading { border:1px solid #ccc; background:#fff url('loader.gif') no-repeat 2px 50%; padding:4px 4px 4px 24px!important; margin:0; text-decoration:none; text-align:left; font-size:8pt; font-family:sans-serif; color:#444; }


/* ----- FANCY BOX CSS ----- */
#fancybox-loading { position: fixed; top: 50%; left: 50%; height: 40px; width: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; background: transparent; z-index: 1104; display: none; }
* html #fancybox-loading {	/* IE6 */ position: absolute; margin-top: 0; }
#fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background: transparent url('fancy_loading.png') no-repeat; }
#fancybox-overlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #000; z-index: 1100; display: none; }
* html #fancybox-overlay {	/* IE6 */ position: absolute; width: 100%; }
#fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; }
#fancybox-wrap { position: absolute; top: 0; left: 0; margin: 0; padding: 20px; z-index: 1101; display: none; }
#fancybox-outer { position: relative; width: 100%; height: 100%; background: #FFF; }
#fancybox-inner { position: absolute; top: 0; left: 0; width: 1px; height: 1px; padding: 0; margin: 0; outline: none; overflow: hidden; }
#fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; }
#fancybox-close { position: absolute; top: -15px; right: -15px; width: 32px; height: 32px; background: url('fancy_close.png') top left no-repeat; cursor: pointer; z-index: 1103; display: none; }
#fancybox_error { color: #444; font: normal 12px/20px Arial; }
#fancybox-content { height: auto; width: auto; padding: 0; margin: 0; }
#fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; -ms-interpolation-mode: bicubic; }
#fancybox-frame { position: relative; width: 100%; height: 100%; border: none; display: block; }
#fancybox-title { position: absolute; bottom: 0; left: 0; font-family: Arial; font-size: 12px; z-index: 1102; }
.fancybox-title-inside { padding: 10px 0; text-align: center; color: #333; }
.fancybox-title-outside { padding-top: 5px; color: #FFF; text-align: center; font-weight: bold; }
.fancybox-title-over { color: #FFF; text-align: left; }
#fancybox-title-over { padding: 10px; background: url('fancy_title_over.png'); display: block; }
#fancybox-title-wrap { display: inline-block; }
#fancybox-title-wrap span { height: 32px; float: left; }
#fancybox-title-left { padding-left: 15px; background: transparent url('fancy_title_left.png') repeat-x; }
#fancybox-title-main { font-weight: bold; line-height: 29px; background: transparent url('fancy_title_main.png') repeat-x; color: #FFF; }
#fancybox-title-right { padding-left: 15px; background: transparent url('fancy_title_right.png') repeat-x; }
#fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background-image: url('blank.gif'); z-index: 1102; display: none; }
#fancybox-left { left: 0px; }
#fancybox-right { right: 0px; }
#fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; }
#fancybox-left-ico { background: transparent url('fancy_nav_left.png') no-repeat; }
#fancybox-right-ico { background: transparent url('fancy_nav_right.png') no-repeat; }
#fancybox-left:hover, #fancybox-right:hover { visibility: visible;    /* IE6 */ }
#fancybox-left:hover span { left: 20px; }
#fancybox-right:hover span { left: auto; right: 20px; }
div.fancy-bg { position: absolute; padding: 0; margin: 0; border: 0; z-index: 1001; }
div#fancy-bg-n { top: -20px; left: 0; width: 100%; height: 20px; background: transparent url('fancy_shadow_n.png') repeat-x; }
div#fancy-bg-ne { top: -20px; right: -20px; width: 20px; height: 20px; background: transparent url('fancy_shadow_ne.png') no-repeat; }
div#fancy-bg-e { top: 0; right: -20px; height: 100%; width: 20px; background: transparent url('fancy_shadow_e.png') repeat-y; }
div#fancy-bg-se { bottom: -20px; right: -20px; width: 20px; height: 20px; background: transparent url('fancy_shadow_se.png') no-repeat; }
div#fancy-bg-s { bottom: -20px; left: 0; width: 100%; height: 20px; background: transparent url('fancy_shadow_s.png') repeat-x; }
div#fancy-bg-sw { bottom: -20px; left: -20px; width: 20px; height: 20px; background: transparent url('fancy_shadow_sw.png') no-repeat; }
div#fancy-bg-w { top: 0; left: -20px; height: 100%; width: 20px; background: transparent url('fancy_shadow_w.png') repeat-y; }
div#fancy-bg-nw { top: -20px; left: -20px; width: 20px; height: 20px; background: transparent url('fancy_shadow_nw.png') no-repeat; }

/*---- Blogger Styling ------ */
#navbar-iframe {display:none !important;}
#navbar{display:none !important;}

#blog-body{width:690px; margin:10px 0px; margin-bottom: 180px !important;}
.blog-posts #main .main {width:690px;}
.blog-posts .post-body, .blog-posts .post-body p{font-family: Helvetica, Arial, sans-serif; font-size:12px; color:#333;}
h3.post-title.entry-title{display:block; margin-bottom:6px; font-size:16px; background:#d7e9ff; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; width:680px; padding:5px; margin-bottom:10px;}

.blog-posts .post-body{padding-bottom:10px; width:690px;}
.blog-posts .post-outer {margin-top:10px; margin-bottom:25px; width:690px;}
.blog-posts .post-body img{border:7px solid #d1e134; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
.blog-posts .post-body a{color:#a7b428; font-family: Helvetica, Arial, sans-serif; font-size:12px;}
.blog-posts .post-footer{font-family: Helvetica, Arial, sans-serif; font-size:12px; color:#333;}
.blog-posts .post-footer a{color:#a7b428;}

#blog-pager {display:none !important;}
#blog-pager .oldpost {color:#333; width:32%; display:inline-block; text-align:left;}
#blog-pager .homelink {width:32%; display:inline-block; text-align:center;}
#blog-pager .newpost {color:#333; width:32%; display:inline-block; text-align:right;}
#blog-pager  a.oldpost, a.homelink, a.newpost {font-size:12px; font-weight:bold; color:#333; text-decoration:none;}
#blog-pager  a:hover .oldpost , a:hover .homelink, a:hover .newpost {color:#a7b428; text-decoration:underline;}

.feed-links{display:none;}
.post-author{display:none;}
.post-timestamp{display:none;}

/* ----- ACTINIC CSS ----- */
/* ----- Generic text formatting used throughout the store ----- */
.actCHECKOUTEM { background:#eeeeee; }
.actCHECKOUTBG { background:#eeeeee; }
.actwarningcolor { color:#ff0000; }
.actrequiredcolor { color:#ff0000; }
.actsearchhighlightcolor { color:#ffff00; }
.actrequired { color:#ff0000; }

/* ----- Shopping cart and checkout fields ----- */
table.checkout td { background:#eeeeee; }
table.checkout th { color:#ffffff; }
.cart-table { margin-left:10px;}
.cart-table p { padding:3px; margin:0; }
.checkout p { padding:3px; margin:0; }
.cart { background:#eeeeee; }
.cartheading { font-weight:bold; color:#ffffff; background:#7d6b5d; }
.cartheading p { color:#ffffff; }
#checkout-footer-clear { margin-bottom:150px; }

.continue-cart { width:207px; height:29px; overflow:hidden; font-size:0px; line-height:0px; border:none; margin:0; cursor:pointer; background:url('continue-button.jpg') no-repeat; }
.continue-cart:hover { background:url('continue-button-over.jpg') no-repeat; }
.update-cart { width:105px; height:29px; overflow:hidden; font-size:0px; line-height:0px; border:none; margin:0; cursor:pointer; background:url('update-button.jpg') no-repeat; }
.update-cart:hover { background:url('update-button-over.jpg') no-repeat; }
.checkout-cart { width:166px; height:29px; overflow:hidden; font-size:0px; line-height:0px; border:none; margin:0; cursor:pointer; background:url('checkout-button.jpg') no-repeat; }
.checkout-cart:hover { background:url('checkout-button-over.jpg') no-repeat; }

/* ----- Checkout Progress Indicator ----- */
#checkout-progress p { font-size:16px; font-weight:bold; text-align:center; }
#checkout-progress-1 { width:262px; height:30px; padding-top:84px; overflow:hidden; margin:0 auto; background:url('checkout-step-1.png') no-repeat top; }
#checkout-progress-2 { width:262px; height:30px; padding-top:84px; overflow:hidden; margin:0 auto; background:url('checkout-step-2.png') no-repeat top; }
#checkout-progress-3 { width:262px; height:30px; padding-top:84px; overflow:hidden; margin:0 auto; background:url('checkout-step-3.png') no-repeat top; }


p.checkout-progress-heading { width:300px; margin:10px auto; }
#checkout-progress-indicator { width:300px; height:19px; background-image:url('cpi-background.gif'); margin:0 auto 20px auto; }
.checkout-progress-0 { width:75px; height:19px; background-color:<actinic:variable name="Palette1" />; background-image:url('cpi-main.gif'); float:left; }
.checkout-progress-1 { width:150px; height:19px; background-color:<actinic:variable name="Palette1" />; background-image:url('cpi-main.gif'); float:left; }
.checkout-progress-2 { width:225px; height:19px; background-color:<actinic:variable name="Palette1" />; background-image:url('cpi-main.gif'); float:left; }
.checkout-progress-3 { width:300px; height:19px; background-color:<actinic:variable name="Palette1" />; background-image:url('cpi-main.gif'); float:left; }
#checkout-progress-indicator .cpi-end { width:8px; border:0; height:19px; background-image:url('cpi-end.gif'); background-position:right; background-repeat:no-repeat; float:left; }

/* ----- Feed Control ----- */
#feedControl {font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif; margin-bottom:10px;}
.gf-title {padding:0; margin:0; font-size:12px;}
.gf-title a {font-size:13px; font-weight:bold; color:#333; text-decoration:none; padding:0; margin:0;}
.gf-title a:hover {text-decoration:underline;}
.gfc-result {margin:0 0 5px 0;}
.gf-title a {font-size:12px; margin:0; padding-left:19px; line-height:18px; font-weight:normal;}
.gfc-resultsHeader, .gf-relativePublishedDate, .gf-spacer, .gf-author, .gf-snippet {display:none!important;}
