/******************************************************\
* J4J Shopping Cart Style File                       *
*                                                    *
* Name:Java.css                                      *
* Author:Richard Strucke // http://strucke.com		 *
* Id:$Id$                                            *
\*****************************************************/

/* Color:Java */
body {color:#feeecf; background:#300 url(../images/java/BodyBg6.png) repeat-x top center}
input {outline-color:#f1e6ce}

hr {background:#630}

a,
.Content a,
.Left li a,
.Right a{color:#f90; font-weight:normal}

a:hover,
.Left li a:hover,
.Right a:hover, 
.Right a:hover strong{color:#fed08b}

h2, h3 {color:#fef9ed}
.Content h2,
.TitleHeading 	{color:#fff1d5; margin:0 0 3px}
.Left h2  {margin-bottom:6px}

#PageContent h2,
#PageContent h3 {font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal}

#PageContent h2 {font-size:2.8em; line-height:2}
#PageContent h3 {font-size:1.4em; line-height:1.5; text-align:justify; margin-bottom:1.5em}
#PageContent h4 {font-size:1.15em; line-height:1.5; color:#ceec85; text-transform:uppercase; margin-top:2em}
#PageContent p {font-size:1.15em; line-height:1.65; text-align:justify}

#FRupsell h2 {margin-top:2em}

.SortBox {color:#fef9ed !important}
.Meta {color:#cfef7e}
.Right .SideCart p {color:#fff}

#TopMenu li a,
#TopMenu li div {border-left:1px solid #ffb765; color:#fef0d2}
#TopMenu li div a {border-left:0}
#TopMenu li a:hover {color:#fff}

#siteLogo{width:184px; height:137px; float:right; overflow:hidden}
#siteLogo a {background:url(../images/java/logo_j4j_5.png) 0 0 no-repeat; text-indent:-9999px; overflow:hidden; width:184px; height:137px; display:block}

.Left li {border-bottom:1px solid #492d11}
.Left li a {text-transform:uppercase}

/* -- Select / Display A Fundraiser in the Header -- */
/* #Header is the search area */
#Header {float:right; overflow:hidden}
#frLogo {background:#fff url(../images/java/frLogo_na.png) 0 0 no-repeat; text-indent:-9999px; overflow:hidden; width:183px; height:100px; display:block}

#frAdminOrgHeader,
#frHeader {margin:0 0 10px 10px; padding:0 10px 0 0; width:700px; position:absolute; top:40px}
#frAdminOrgHeader {margin-bottom:30px}

#frHeader div#frOrgLogoWrapper {background:url(../images/java/frImageNA.png) 0 0 no-repeat !important; margin-right:12px; float:left; overflow:hidden}
#frHeader div#frOrgLogoWrapper,
#frHeader div#frOrgLogo {width:160px; height:160px; background-image:none; background-position:center center; background-attachment:scroll; background-repeat:no-repeat;
-webkit-border-radius: .7em; -moz-border-radius: .7em; -khtml-border-radius: .7em; border-radius: .7em
}

#frHeader h2 {margin:27px 0 .25em; height:22px; overflow:hidden; font-size:1.6em; font-weight:normal; font-family:Georgia, "Palatino Linotype", "Book Antiqua", Palatino, serif; text-transform:uppercase; color:#fff}

#frHeader div#frGoal {overflow:hidden; height:90px}
#frHeader div#frGoal p.frNote {position:absolute; top:150px; margin-left:0; padding:0; color:#c4b18d; font-size:10px}

.frAccount fieldset {background: url(http://java4juice.com/shop/templates/java/images/java/frLeaderCP_bg.jpg) 0 0 repeat-x scroll}
.frAccount label {color:#fdd784 !important; text-transform:uppercase; font-size:11px}

/* #FRColumn2 is the right column in the frCp */
#FRColumn2 {width:180px; padding:10px 10px 0; margin-top:16px}
#FRColumn2 h2 {text-transform:uppercase; font-size:1em; font-weight:bold}

ul#tabs {margin:8px 0 0 172px; padding:0; z-index:50; position:absolute; width:280px}
ul#tabs ul {display:block; position:absolute; z-index:100; margin:0; max-height:300px; overflow:auto}
ul#tabs ul.children {margin:0; padding:0; z-index:100; visibility:hidden}  

ul#tabs li {display:block; clear:left; float:left; overflow:hidden; white-space:nowrap; height:auto; margin:0; padding:0; width:280px}  
ul#tabs li li {border:0; margin:0; display:block; clear:left !important; float:left; background:#fff}

ul#tabs a {text-decoration:none; margin:0; color:#fff; display:block; font-weight:normal; height:auto; font-size:.8em; text-transform:uppercase; line-height:20px; text-align:left; width:183px}  
ul#tabs a:hover, 
ul#tabs a.selected {background:#f90 ; color:#fff; text-decoration:none} 

ul#tabs ul a {display:block; border-top:1px solid #fff; padding:2px 10px; color:#fff; font-size:10px; font-weight:normal; width:auto; margin:0}  
ul#tabs ul a:hover, #tabs ul a.selected {background:#ffae00; color:#f90} 

ul#tabs li:hover li a{color:#d17a00; line-height:1.3}
ul#tabs li li:hover {background-color:#FFC}
ul#tabs li:hover ul, 
ul#tabs li.sf ul {visibility:visible}  
ul#tabs li:hover ul ul, #tabs li.sf ul ul {visibility:hidden}  
ul#tabs li:hover ul, #tabs li li:hover ul, #tabs li.sf ul, #tabs li li.sf ul {visibility:visible}  

ul#tabs li#first {width:280px}
ul#tabs li#first #topTabText {display:block !important; width:280px !important}
ul#tabs li#first #topTabText,
ul#tabs li#first #topTabText a {text-transform:none !important; line-height:1.2; font-size:11px; display:inline}
ul#tabs li#first:hover {background:none !important}
ul#tabs li#first:hover a{background:none !important}
ul#tabs li#first:hover div#last{clear:left; color:#fff} 


#Menu li a {background:url(../images/java/PagesMenuBg.gif) 0 8px no-repeat; color:#fff}
#Menu li ul li a {background:#f90}
#Menu li ul li a:hover {background-color:#f90; color:#fff}
#Menu li:hover a, #Menu li.over a{background-color:#65b2cb}


#Outer {padding-top:40px; /* background:url(../images/java/outerBgFull.png) no-repeat top center */}

#Logo h1 {color:#fff; background:url(../images/java/Logo.png) top left no-repeat}

#Logo h1 a,
#SearchForm,
#SearchForm,
#SearchForm a,
#SearchForm a:hover {color:#fff}
input.Textbox {background-color:#fff1d5; -webkit-border-radius: .3em; -moz-border-radius: .3em; -khtml-border-radius: .3em; border-radius: .3em; border:0; padding-top:3px; padding-bottom:4px;}
#SearchForm input.Textbox {-webkit-border-radius: .3em; -moz-border-radius: .3em; -khtml-border-radius: .3em; border-radius: .3em;}
#ContactForm input.Textbox,
.FormContainer input.Textbox {background-color:#fff; -webkit-border-radius:0; -moz-border-radius:0; -khtml-border-radius:0; border-radius:0}
.ExpressCheckout input.Textbox {-webkit-border-radius:0; -moz-border-radius:0; -khtml-border-radius:0; border-radius:0}


#SearchForm #searchFormLabel {visibility:hidden}
#SearchForm p.advLinks {text-align:left; padding-left:2px}
#SearchForm p.advLinks a {font-size:x-small}

.ISSelect li {color:#9a6900}


.CreateAccount {border-right-color:#6e4924}
#Footer {border-top:1px solid #6e4924}
#Footer li a {border-left:1px solid #208db5}

.Content .ProductList li {border:1px solid #300}
.Content .FeaturedProducts .ProductList li {background:#630}

.Content .FeaturedProducts .ProductList li:hover, 
.Content .FeaturedProducts .ProductList li.Over,
.Content .ProductList li:hover, 
.Content .ProductList li.Over {border:1px solid #6e4924}


.Content .ProductList li,
.Left .TopSellers li.TopSeller1, 
.Right .TopSellers li.TopSeller1{-webkit-border-radius: .7em; -moz-border-radius: .7em; -khtml-border-radius: .7em; border-radius: .7em;}

.ProductList .ProductImage,
.ProductList .ProductImage img,
.ProductThumb img				{-webkit-border-radius: .5em; -moz-border-radius: .5em; -khtml-border-radius: .5em; border-radius: .5em;}


.ProductList .ProductImage {background:#fff}
.ProductList strong, .ProductList strong a {color:#f90}
.ProductPrice, .ProductList em {color:#feebb0; font-weight:normal}
.ProductList .Rating {color:#797979}
.Right li {border-color:#6e4924}
.Right .ProductList li {border-bottom:1px solid #6e4924}
.Left .TopSellers li .TopSellerNumber, .Right .TopSellers li .TopSellerNumber {background:url(../images/java/TopSellerNumberBg.gif) 0 4px no-repeat; color:#f90}
.Left .TopSellers li.TopSeller1, .Right .TopSellers li.TopSeller1 {border:1px solid #6e4924; background:#fff}
.Left .TopSellers li.TopSeller1 .TopSellerNumber, .Right .TopSellers li.TopSeller1 .TopSellerNumber {background:url(../images/java/TopSellerNumber1Bg.png) 0 0 no-repeat; color:#f90}
.Breadcrumb {border-bottom:1px solid #6e4924; padding:3px 0 6px}
.Breadcrumb a{text-decoration:none}
.CompareItem {width:200px; border-left:solid 1px #CACACA}
.CompareFieldName {font-weight:bold; border-bottom:1px solid #EFF8FA}
.CompareFieldTop {border-bottom:solid 1px #85BADF}
.CompareFieldTop a:hover {color:red}
.CompareCenter {border-left:solid 1px #85BADF; border-bottom:solid 1px #F2F2F2}
.CompareLeft {border-left:solid 1px #85BADF; border-bottom:solid 1px #F2F2F2}
.ProductDescriptionContainer {line-height:1.5; font-weight:normal}
.TopSeller1 .ProductDetails em{color:#630}

.ViewCartLink {background:url(../images/java/Cart.gif) no-repeat 3px 0}
table.CartContents, table.General {border:1px solid #6e4924; background-color:#290000}
.CartContents thead tr th, table.General thead tr th {background:#663200; color:#f3f1ed; border-bottom:1px solid #6e4924}
.CartContents tbody .SubTotal td {border-top:1px solid #6e4924; color:#f90}
.MiniCart .SubTotal {color:#f90}
.JustAddedProduct {border:1px solid #6e4924; background:#fff}
.JustAddedProduct strong, 
.JustAddedProduct a, 
.JustAddedProduct .ProductPrice,
.TopSeller1 {text-align:center}
.TopSeller1 .ProductDetails a {color:#491616}
.TopSeller1 .ProductDetails {text-align:center; width:130px !important}
.CategoryPagination {color:#f90; background:#f4fbfc; border:1px solid #6e4924}
.CheckoutRedeemCoupon {background:#663200; padding:10px; width:300px; border:1px solid #6e4924; margin-bottom:10px}
.SubCategoryList, .SubBrandList {background:#630}
.InfoMessage {background:#EFF8FA url(../images/InfoMessage.gif) no-repeat 5px 8px; color:#555}
.SuccessMessage {background:#E8FFDF url(../images/SuccessMessage.gif) no-repeat 5px 8px; color:#555}
.ErrorMessage {background:#FFECEC url(../images/ErrorMessage.gif) no-repeat 5px 8px; color:#555}
.ComparisonTable tr:hover td, .ComparisonTable tr.Over td {background:#EFF8FA}


/* Shipping Estimation on Cart Contents Page */
.EstimateShipping {border:1px solid #6e4924; background:#f3f1ed}

/* Express Checkout */
.ExpressCheckoutBlock .ExpressCheckoutTitle {background:#9d4d00; border:1px solid #9c7752}
.ExpressCheckoutBlockCollapsed .ExpressCheckoutTitle {background:#5f2f00; border:1px solid #71563b; color:#e8b17a}
.ExpressCheckoutBlockCompleted .ExpressCheckoutCompletedContent {color:#888}

/* Tabbed Navigation */
.TabNav {border-bottom:1px solid #3d9abe}
.TabNav li a {border:1px solid #3d9abe;background:#ddf0f6}
.TabNav li a:hover {background-color:#c8e6ed}
.TabNav li.Active a {border-bottom:1px solid #fff; background:#fff}

/* General Tables */
table.General tbody tr td {border-top:1px solid #6e4924}


/* Calc Savings */
#calcSavings {background:#300 url(../images/java/calc.png) top center no-repeat; position:relative; width:297px; height:349px; color:#fff; padding:0 0 10px; margin-left:10px; float:right; overflow:hidden; clear:right}
#calcSavings h2, 
#calcSavings h3 {text-align:center; text-indent:-999em; overflow:hidden}
#calcSavings fieldset {border:0; width:260px; display:block; margin:0 auto}
#calcSavings fieldset input {font:bold 12px/1 Arial, Helvetica, sans-serif; vertical-align:middle; background:none; border:0; width:70px}

#calcSavings h2, 
#calcSavings h3,
#calcEarnings {text-indent:-999em; overflow:hidden}
#calcSavings label {display:none}

#calcSavings #participants {position:absolute; top:102px; right:21px; padding:4px}
#calcSavings #orders {position:absolute; top:128px; right:21px; padding:4px}
#calcSavings #average {position:absolute; top:155px; right:21px; padding:4px}
#calcSavings #earnings {position:absolute; top:263px; right:20px; padding:4px}
#calcEarnings {position:absolute; top:216px; width:197px !important; height:34px; margin:0 auto 0 33px; background: url(../images/java/calcButton.png) 0 0 no-repeat !important; border:none; cursor:pointer}

#createAccountToday {float:right; overflow:hidden; clear:right; margin-left:20px}

#howItWorks {float:right; overflow: hidden; margin:0 0 10px 20px}
#whyJ4j {float:right; overflow: hidden; margin:0 0 40px 20px}

#howItWorks img {border: medium none ; width: 283px; height: 387px}
#whyJ4j img {border: medium none ; width: 283px; height: 500px}