﻿
/* Plumeria Bay Winter 07 Main Styles */

body {
	background:#eee url(../images/feather-bg.gif) no-repeat -150px 0;
	margin: 0;
	padding: 0;
	font-size: small;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	color: #000;
	letter-spacing: normal;
	}

/* Misc */
img { border: none; }
.hide, hr {display: none;}
input, label { vertical-align: middle; }
table { width: 100%; }

/* Headings */
h1 {font-size:130%;line-height:normal;margin:0 0 5px 0;padding:0;color:#354E5F;}
h2 {font-size:130%;margin:15px 0 5px 0;padding:0;color:#354E5F;}
h3 {font-size:130%;line-height: normal;margin:0;padding:0;}
h4 {font-size:110%;margin:0;padding:0;}
h5 {font-size:100%;margin:0;padding:0;}
h6 {font-size:90%;margin:0;padding:0;}

/* Paragraphs */
p { padding: .2em 0; margin: 0 0 .6em 0; line-height: 1.5em; color: #000; }

/* Lists */
ol, ul { margin: .5em 1em; padding: 0; }
li { margin: 0 0 0 1em; padding: .2em 0; }

/* Links */
a { text-decoration: underline; }
a:link { color: #354E5F; }
a:visited { color: #354E5F; }
a:hover { color: #69c; }

/* Clearing Floats */
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear { display: inline-table; }
* html .clear { height: 1%; }
.clear { display: block; }

/* Content */
#maincontent {margin:0;width:100%;}
.widecontentwrapper {width:820px;margin:-40px auto 0 auto;background: url(../images/shadow-bg-default-repeat.gif) repeat-y top center;position:relative;}
.widecontentinner {padding:5px 0 0 0;background: url(../images/shadow-bg-default.gif) no-repeat top center;position:relative;}
.maincontentwrapper {margin: 0 auto;width:800px;padding:0;background-color:#fff;}

body.tallpage h1 { color: #354E5F; }
body.tallpage .widecontentwrapper {margin-top: 0px;}
body.tallpage .widecontentinner {top:-20px;padding: 0;background-image: url(../images/shadow-bg-tall.gif);}
body.tallpage #maincontent {background: url(../images/strip-page-bg.gif) repeat-x 0 120px;}
body.tallpage #footercontainer {top:-20px;}

#popup {background-color:#fff;margin:5px;padding:5px;}

/* Admin Panel */
#adminpanel {font-size:85%;background-color:#444;color:#fff;border-bottom: 1px solid #000;padding:5px;}
#adminleft, #admincenter, #adminright { width: 30%; vertical-align: middle; }
#adminleft { text-align: left; }
#admincenter { text-align: center; }
#adminright { text-align: right; }
#adminpanel a {color:#fff;border-bottom: 2px solid #666;text-decoration: none;}
#adminpanel a:hover {color:#fff;text-decoration:none;background: #666;}

/* Header */
#header {margin:0;padding:0;position: relative; width: 100%;}
#header a { text-decoration: none; }

#sitebanner { width: 800px; margin: 0 auto; position: relative; height: 120px; }

#sitebanner h1 { position: absolute; top: 20px; right: 0; display: block; width: 425px; font-size: 115%; text-align: right; color: #A3B6C2; font-weight: normal; }
#sitebanner h1 a { font-weight: bold; color: #A3B6C2; }
#sitebanner h1 a:hover { font-weight: bold; color: #5F7C90; }

#sitebanner h1 small { font-size: 90%; color: #354E5F; }
#sitebanner h1 small a { font-weight: bold; color: #354E5F; text-decoration: underline; }
#sitebanner h1 small a:hover { font-weight: bold; color: #5F7C90; }

#sitebanner h2 { position: absolute; top: 15px; left: 0; display: block; width: 280px; height: 52px; }
#sitebanner h2 a { display: block; width: 280px; height: 52px; text-indent: -9999px; background: transparent url(../images/logo-slide.gif) no-repeat top left; }
#sitebanner h2 a:hover { background-position: bottom left; }

#sitebanner strong { position: absolute; top: 20px; right: 0; display: block; width: 425px; font-size: 115%; text-align: right; color: #A3B6C2; font-weight: normal; }
#sitebanner strong a { font-weight: bold; color: #A3B6C2; }
#sitebanner strong a:hover { font-weight: bold; color: #5F7C90; }

#sitebanner strong small { font-size: 90%; color: #354E5F; }
#sitebanner strong small a { font-weight: bold; color: #354E5F; }
#sitebanner strong small a:hover { font-weight: bold; color: #5F7C90; }


#frontimages a { border: 10px solid #567183; display: block; }
#frontimages a:hover { border-color: #354E5F; }

/* Only Display In Print */
.PlumeriaLogo { display: none; }

/* Footer */
#footercontainer {clear:both;background:#eee;position:relative;width:100%;}
#footer {width:820px;margin:0 auto;background: #eee url(../images/shadow-bg-footer.gif) no-repeat top center;}
#footerinner {padding:10px 0;margin: 0 10px;border-top: 1px solid #ddd;}
#footernavmenu {text-align:center;margin:0px;padding:10px 0;font-size:85%;}
#footer ul {list-style:none;margin:0;padding:0;}
#footer ul li {margin:0;padding:0 6px;}

#footer .sidemenu { float: left; margin: 0 5px 5px 15px; width: 200px; }
#footer .plumeriarecentproducts .sidemenu { width: auto; }
#footer h4 { padding: 0; }
#footerbar { clear:both; text-align:center; margin: 20px 0; }
#footerbox { margin: 5px auto; width: 752px; }
#footerbox-top { background: url(../images/footerbox-top.gif) no-repeat top center; height: 10px; margin-bottom: 4px; }
#footerbox-content { background: url(../images/footerbox-content.gif) repeat-y top center; }
#footerbox-content .left { float: left; width: 220px; border-right: 1px solid #ddd; padding: 16px 0; }
#footerbox-content .center { float: left; width: 310px; padding: 16px 0; }
#footerbox-content .right { float: right; width: 220px; border-left: 1px solid #ddd; }
#footerbox-bottom { clear: both; background: url(../images/footerbox-bottom.gif) no-repeat top center; height: 10px; }

/* User Menu */
#usernavmenu { background: #A3B6C2; padding: 12px 0; float: left; width: 800px; color: #fff; font-size: 100%; }
#usernavmenu a { color: #fff; text-decoration: none; }
#usernavmenu a:hover { color: #fff; text-decoration: underline; }
ul#usermenu {list-style:none;margin:0 12px 0 0;padding:0;float:right;}
ul#usermenu li {display:inline;margin:0;padding:0;}
#minicart { float:left; margin: 0 0 0 12px; background: transparent url(../images/carticon.png) no-repeat center left; }
#minicart a { display: block; padding: 0 0 0 25px; }

/* Columns */
#maincolumn {padding: 10px;float:left;width:780px;}
#mainstrip { background: #5F7C90; width: 100%; }
#mainstripcontent { color: #fff; width: 800px; margin: 0 auto; padding: 10px 0 40px 0;}
#mainstripcontent p { color: #fff; }
#mainstripcontent a {color: #fff; text-decoration: underline;}
#mainstripcontent a:hover {color: #A3B6C2;}
#mainstripcontent blockquote.textimonials { display: block; text-align: center; margin: 8px 0 0 0; padding: 0; width: 800px; height: 35px; background: url(../images/textimonials-bg.gif) no-repeat top center; }
#mainstripcontent blockquote.textimonials p { margin: 0; padding: 6px 10px 0 0; text-align: center; }
#mainstripcontent blockquote.textimonials a { text-decoration: none; }
#homepagecontent2 {width:385px;float:left;}
#homepagecontent3 {width:385px;float:right;}
#categoryleft, #contentleft { width: 175px; float: left; margin: 0 10px 0 0; }
#categorymain, #contentmain { width: 595px; float: left; }

/* Column Blocks */
.decoratedblock { border: 1px solid #eee; margin: 0 0 10px 0; padding: 0; }
.decoratedblock h4 { display: block; padding: 5px; color: #444; }
.decoratedblock ul, .decoratedblock ol { margin: 0; padding: 0; }
.decoratedblock li { margin: 0; padding: 0; }
.blockcontent { padding: 5px; }

.productgrid .decoratedblock { border: none; }
.productgrid a { text-decoration: none; font-weight: bold; }
.productgrid .productgridimage { margin: 10px 20px; }
.productgrid .productgridlink { margin: 5px 20px; }
.productgrid .productgridimage a img { border: 10px solid #EDF3FE !important; }
.productgrid .productgridimage a:hover img { border-color: #D1E4EF !important; }
.productgrid tr { text-align: center; vertical-align: top; padding: 10px; }

/* Column Menus */
#mainstripcontent .decoratedblock { border: none; text-align: right; }
#mainstripcontent .decoratedblock h4 { color: #fff; font-size: 180%; }
#mainstripcontent .sidemenu { color: #fff; }
#mainstripcontent .sidemenu { color: #fff; }

.sidemenu ul, .categorymenu ul {padding:0px;margin:5px 0px 5px 0px;}
.sidemenu li, .categorymenu li {padding: 2px 10px;list-style:none;}
.sidemenu li a, .categorymenu li a {text-decoration:none;}
.sidemenu li li, .categorymenu li li {border-left: 2px solid #ddd;}

li.current { font-weight: bold; }
li.current a { color: #000; }
li.current li { font-weight: normal; }
li.current li a { color: #354E5F; }
li.current li a:hover { color: #69c;  }

/* Column Search Box */
.searchboxform .forminput { width: 130px; }
.searchboxform input { vertical-align: middle; }
    
/* Bread Crumbs */
.breadcrumbs { padding: 0 0 10px 0; font-size: 90%;}
.breadcrumbs .links {}

/* Site Map Page */
#SiteMapColumns { margin-bottom: 10px; clear: both; }
.ColumnOne { width: 350px; float: left; border-right: 1px solid #eee; }
.ColumnTwo, .ColumnThree { width: 350px; float: right; margin-bottom: 15px; }

/* Cart Page */
.cartitemimage {width:140px;float:left; margin: 0 5px 0 0;}
.cartitemimage img {margin: 0 auto; border:10px solid #ddd !important;}
.cartitemdescription { margin: 5px; float: left; width: 320px;}
#cartcontainer tr td {border-top:solid 1px #ccc; padding: 6px; vertical-align:top;}
#cartcontainer, #carttitle, #cartactions {margin: 0;}
td.productquantitycolumn { background: #f5f5f5; }
#cartcontainer {border-bottom:solid 1px #ccc;}
#cartfooter {margin: 10px 20px 0 20px;}
#carttotals {width:200px;float:right;margin-bottom:10px;text-align:right; font-size: 110%; font-weight: bold;}
#carttotals table {float:right;}
#cartupdates {width:350px;margin-bottom:10px;text-align:right;float:right;}
#cartactions {clear:both;text-align:right;padding-bottom:12px;margin-top: 20px;}
#cartactioncontinue {float:left;width:120px;text-align:left;}
#cartactioncheckout {display:inline;}
#cartcoupons {border-left:solid 5px #ddd;padding:0 10px;margin: 10px 0; visibility: visible;}
.cartsku { display: none; }
.cartproductname { font-size: 110%; font-weight: bold; }

/* Checkout */
#checkoutpage3 #printthispage { display: none; }
#checkoutpage3 .shippingstatusfield { display: none; }
#checkoutcontrols { border-bottom: 1px solid #ddd; padding: 10px 0; clear: both; }
.checkoutleft, .checkoutright { width: 380px; }
.checkoutleft { float: left; }
.checkoutright { float: right; }
.creditcardinput { border:solid 1px #eee; background-color:#f5f5f5; padding:10px; margin: 5px 0;}
.checkoutsummary { margin: 20px; }

/* Begin QuickCheckout Styles */
#QuickCheckout fieldset { border: 2px solid #ccc; border-left: none; border-right: none; padding: 10px; }
#QuickCheckout legend { font-size: 1.2em; line-height: 1em; font-weight: bold; color: #222; margin: 0 5px; padding: 2px; }
#QuickCheckout input { vertical-align: middle; }
#QuickCheckout .forminput { width: 80%; padding: 4px 0 0 6px; height: 20px; color: #444; vertical-align: middle; border: 1px solid #ccc; border-bottom-width: 2px; background: #fff; }
#QuickCheckout .formtextarea { padding: 4px 0 0 6px; border: 1px solid #ccc; width: 90%; border-bottom-width: 2px; }
#QuickCheckout .short { width: 25%; }
#QuickCheckout .medium { width: 50%; }
#QuickCheckout label { color: #222; }
#QuickCheckout select { border: 1px solid #ccc; color: #222; vertical-align: middle; border-bottom-width: 2px; padding: 3px; }
#QuickCheckout h1 { font-size: 2em; line-height: 1em; margin-bottom: .5em; border: 1px solid #ddd; border-left: none; border-right: none; padding: 10px; }
#QuickCheckout h1 del { color: #ccc; text-decoration: none; }
#QuickCheckout h2 { font-size: 1.6em; line-height: 1.4em; margin-bottom: .5em; clear: both; padding: 1em 0 0 0; }
#QuickCheckout h2 a { text-decoration: none; }
#QuickCheckout h2 small { font-size: 50%; font-weight: normal; }
#QuickCheckout p.jumpmenu { padding: 5px; margin: 10px 0; font-size: 85%; color: #ccc; text-align: right; float: right; }
#QuickCheckout p.jumpmenu a, #QuickCheckout small a { padding: 3px; background: #eee; text-decoration: none; }
#QuickCheckout p.jumpmenu a:hover, #QuickCheckout small a:hover { background: #222; color: #fff; }
#QuickCheckout fieldset.shipaddress, #QuickCheckout fieldset.billaddress, #QuickCheckout fieldset.giftcertificates { width: 46%; float: left; margin: 0 1% 20px 1%; padding: 1%; display: inline; }
#QuickCheckout fieldset.shipmethod, #QuickCheckout fieldset.paymethod { width: 46%; float: right; margin: 0 1% 20px 1%; padding: 1%; display: inline; }
#QuickCheckout .paymethod label { font-weight: bold; color: #222; }
#QuickCheckout .paymethod td { border-top: 1px dotted #ddd; padding: 10px 0; }
#QuickCheckout .paymethod td td { border: none; padding: 5px; }
#QuickCheckout .inputvalue, #QuickCheckout .modifiervalue { list-style: square; display: list-item; color: #666; margin-left: 20px; }
#QuickCheckout .inputmodifiername { font-weight: bold; }
#QuickCheckout .inputmodifiervalue { font-style: italic; }
#QuickCheckout #ShippingTerms { margin: 0 15px; border-left: 1px dotted #666; padding-left:15px; }
#QuickCheckout .ProductName { font-weight: bold; }
#QuickCheckout #ReviewTable td { padding: 0; }
#QuickCheckout #ReviewTable td td { padding: 5px; }
#QuickCheckout .rowheader th { padding: 5px; text-transform: uppercase; }
#QuickCheckout .row, #QuickCheckout .altrow { background: #fcfcfc; border-bottom: 1px solid #ddd; }
#QuickCheckout .highlightrow { background: #ffc; border-bottom: 1px solid #ddd; }
#QuickCheckout .totals .row, #QuickCheckout .totals .altrow { border-bottom: 1px dotted #eee; }
#QuickCheckout .specialinstructions { margin: 10px 20px; }
#QuickCheckout .grandtotal { font-size: 120%;}
#QuickCheckout .alignleft { text-align: left; }
#QuickCheckout .alignright { text-align: right; }
#QuickCheckout .center { text-align: center; }
#QuickCheckout .addressbookpanel li { list-style: none; line-height: normal; padding: 0; }
#QuickCheckout .buttonrow { text-align: right; padding: 5px 20px; margin: 0 0 10px 0; }
/* End QuickCheckout Styles */


/* Checkout Addresses */
.addressbookpanel { padding: 5px; }
.addressbookpanel ul { margin: 0; }
.addressbookpanel li { list-style: none; }
.addressbookpanel table { border-collapse: collapse; border: solid 1px #fff; }
.addressbookpanel td { border: none; padding: 5px;}
.addressbookpanel .alt { background-color: #eee; }

/* Closed Store Message */
#closedcontent {width:300px;height:200px;margin:50px auto;padding:10px;background-color:#ff9;color:#333;}
#closedcontent h1 {color:#000;}

/* Address Book */
.addressbooktitle h1 { float: left; }
.addressbooktitle .newaddress { float: right; margin: 15px; }
.address { border: 1px solid #ddd; padding: 5px 10px; margin: 0 5px 15px 0; }
.address .buttonrow { margin: 5px 0; padding: 0; text-align: left; }
table.alladdresses, table.primaryaddresses { margin: 5px 0; width: 100%; }
table.alladdresses td, table.primaryaddresses td { vertical-align: top; }

/* Search Page */
fieldset#SearchForm {}
fieldset#SearchForm .forminput { border-color: #ccc; }
#SearchResultsPane { margin: 10px 0; }
.searchresultrecord { padding: 5px; margin: 5px; border-left: 5px solid #ccc; background-color: #f5f5f5; }

/* Notes */
.BVSmallText { font-size: 85%; }

/* Row Elements */
.rowheader, th { background: #eee; color: #354E5F; font-weight: bold; padding: 6px 20px 6px 6px; text-align: left; }
.rowheader { font-size: 90%; }
.row { background: #f6f6f6; }
.alternaterow { border-top: 1px solid #ddd; }

/* Form Fields */
fieldset { border: 1px solid #eee; margin: 0 0 15px 0; padding: 10px; }
fieldset table { margin: 15px auto; }
fieldset#CurrentUsers { width: 340px; float: left; }
fieldset#NewUsers { width: 380px; float: right; }
fieldset.contactform table { width: 510px; }
legend { font-size: 1.3em; line-height: 1em; font-weight: bold; color: #354E5F; margin: 0 5px; padding: 2px; }

/* Form Elements */
td.formlabel { text-align: right; width: 120px; white-space: nowrap; padding-right: 5px; }
td.formfield { text-align: left; white-space: nowrap; }
.forminput { padding: 4px 0 0 6px; height: 20px; width: 90%; color: #444; vertical-align: middle; border: 1px solid #ccc; }
.formtextarea { padding: 4px 0 0 6px; border: 1px solid #ccc; width: 90%; }
.short { width: 25%; }
.medium { width: 50%; }
label { color: #666; font-size: 90%; }
label.required { font-weight: bold; }
select { border: 1px solid #ccc; color: #444; vertical-align: middle; }
.forgot { background: #f5f5f5; padding: 5px; display: block; margin-top: 10px; font-size: .7em; }
.aligntop { vertical-align: top; }
.buttonrow { text-align: right; padding: 10px 20px; clear: both; }
.topbuttonrow { float: right;  padding: 0 20px 5px 20px; }

/* Affiliate Form */
fieldset#affiliateform table { width: 510px; }
fieldset#affiliateform table table { margin: 0; padding: 0; width: 100%; }
fieldset#affiliateform td.formlabel { width: 150px; }

/* Returns Form */
.returnitems table { width: 100%; }
.returnitem .formlabel, .returnitem .formfield { padding: 3px; }
.returnitem { margin: 5px; }
.returncontrols { margin: 5px 0 0 0; padding: 5px; border: 1px solid #ddd; background: #eee; }
.returnitems td.qtycolumn { vertical-align: top; }
.returnitems .qtyfield { background: #eee url(../images/lilarrow.gif) no-repeat center right; margin: 5px 0; padding: 5px;  }
.returnitems .qtyfield input { width: 25px; text-align: center; border: 1px solid #ccc; }
.rmaform { margin: 20px 0; }
.rmaform table tr td { padding: 3px; }
.rmaform .formtextarea { height: 100px; width: 400px; }

/* Messages */
.messagebox { border: 3px solid #eee; border-left: none; border-right: none; overflow: hidden; width: 100%; margin: 5px 0; }
.messagebox ul { margin: 0; padding: 0; }
.messagebox li { margin: 0; padding: 3px; }
.messagebox .icon { float: left; margin: 8px; }
.messagebox .errorline { color: #c00; }
.messagebox .message { margin: 15px 5px 5px 10px; font-size: 100%; line-height: 1em; }
.errormessage { color: #c00; line-height: 2em; padding: 0 5px; font-size: .8em; }
.errormessage li { color: #c00; list-style-type: circle; }
.SuccessMessage { color: #0c6; }

/* Modal Boxes */
#TB_window {line-height: 1.5em;font-weight: bold;color: #3B515F;}
#TB_overlay {position: absolute;z-index:100;top: 0px;left: 0px;background-color:#000;filter:alpha(opacity=0);-moz-opacity: 0;opacity: 0;}
#TB_window {position: absolute;background: #fff;z-index: 102;color:#000;border: 10px solid #ddd;text-align:left;filter:alpha(opacity=0);-moz-opacity: 0;opacity: 0;}
#TB_window img {display:block;margin: 15px 0 0 15px;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;border-top: 1px solid #666;border-left: 1px solid #666;}
#TB_caption{font-size:90%;padding:7px 30px 10px 25px;float:left;}
#TB_secondLine {font-size: 120%;font-weight:normal;color:#666;}
#TB_secondLine a {font-weight:bold;text-decoration:none;}
#TB_closeWindow{font-size: 120%;padding:25px 25px 10px 0;float:right;font-weight:normal;}
#TB_closeWindow a{text-decoration:none;}
#TB_closeAjaxWindow{padding:5px 10px 7px 0;margin-bottom:1px;text-align:right;float:right;}
#TB_ajaxWindowTitle{float:left;padding:7px 0 5px 10px;margin-bottom:1px;}
#TB_title{background-color:#e8e8e8;height:27px;}
#TB_ajaxContent{clear:both;padding:2px 15px 15px 15px;overflow:auto;text-align:left;line-height:1.4em;}
#TB_ajaxContent p{padding:5px 0px 5px 0px;}
#TB_load{position: absolute;display:none;height:32px;width:32px;z-index:101;}
#TB_HideSelect{z-index:99;position:absolute;top: 0;left: 0;background-color:#fff;border:none;filter:alpha(opacity=0);-moz-opacity: 0;opacity: 0;}
#TB_iframeContent{clear:both;border:none;margin-bottom:-1px;margin-top:1px;_margin-bottom:1px;}

/* Tooltips */
.tool-tip {color: #fff;width: 139px;z-index: 13000;} 
.tool-title {font-weight: bold;font-size: 13px;margin: 0;color: #9FD4FF;padding: 8px 8px 4px;background: url(../images/bubble.png) top left;}
.tool-text {font-size: 11px;padding: 0 8px 8px;background: url(../images/bubble.png) bottom right;}
.tool-text small {color:#fe9;font-size: 85%;font-weight:normal;display:block;text-transform: uppercase;}

/* Warmth Chart Table */
table.warmthchart { background: #fff; font-weight: normal; font-family: "Century Gothic",Arial,Helvetica,sans-serif; font-size: 13px; color: #222; }
table.warmthchart td { background: #eee; vertical-align: top; }
table.warmthchart th { background: #A3B6C2; text-align: center; }
table.warmthchart thead th { background: #5F7C90; color: #fff; }

/* Low Stock Notices */
.outofstockdisplay, a .lowstock { color: #c00; }
