html { overflow: -moz-scrollbars-vertical; overflow-y: scroll; }
body{ margin:0 auto; background:white; font-family: arial, verdana; font-size: 9.5pt; }
.left{ float:left}
.right{ float:right}
.clear{ clear:both; font-size:1px; height:1px; line-height:1px; width:100%;}
a { text-decoration:none; color: #ede1c9; }
a img{ border:none}
ul, a, form{ margin:0; padding:0}
ul li{ list-style-type:none}
.content{ width:1115px; margin:0 auto}
.center{ margin: 0 auto}
.text-center{ text-align:center !important}
h1, h2, h3, h4, h5{ margin:0; padding:0; font-family:arial, verdana}
h1{padding-bottom:16px; line-height:28px; font-size: 18pt;}
h2{font-size:24px; padding-bottom:20px; font-size: 16pt;}
h3{font-size:19px; font-weight:normal; padding:5px 0 15px 0; font-size: 14pt;}
h4{ line-height:24px; color:#5f4024; font-size:16px; padding:0 0 10px 0; font-weight:normal; font-size: 12pt;}
h5{ color:#fff; font-size:14px; color:#000; font-weight:normal; font-family:arial, verdana; padding-bottom:14px; font-size: 10pt;}
table { color: white; }
.white{ color:#fff;}
.red{ color:#ed1217}
p{ margin:0; padding:0 0 8px 0; font-size:14px; font-family:arial, verdana; color:white; line-height:21px}
p a, a{}
p a:hover{ text-decoration: underline; }
table { border-collapse: collapse; }
/*top rules*/
.developmentNoticeBlock { background-color: red; color: black; padding: 2px; text-align: center; font-weight: bold; }
.developmentNoticeBlock em { color: white; }
.head{ width:100%; height:312px; background:url(/images/head_bg_2.png) left top repeat-x}
.home_head{width:100%; height:520px; background:url(/images/home_head_bg_2.jpg) left top repeat-x}
.internal_head{ width:100%; }
a.logo{ background:url(/images/logo.jpg) top left no-repeat; width:117px; height:151px; float:left; margin:10px 11px 0 0}
a.internal_logo { width:150px; height:155px; float:left; margin: 7px 0 10px 0; }
.head_logos{ width:528px; height:78px; _height: 72px; background:url(/images/internal_head_banner.png) right top no-repeat; float:right; margin-top:2px; }
.head_logos a{ float:left; height:56px; margin-right:11px }
.head_logos a.first_href{ width:185px;}
.head_logos a.second_href{ width:160px}
.head_logos a.third_href{ width:142px}
/*navigation*/
div.internal_head ul.nav{ float:right; margin-top: 106px;}
div.internal_head ul.nav li{ display: block; float: left; }
div.internal_head ul.nav li a{ display: inline-block; height: 30px; line-height: 36px; margin: 0 0 0 10px; padding: 0 10px; color: black; font-size: 14pt; font-family: absolut_pro_reducedmedium, verdana; border: 2px solid transparent; }
div.internal_head ul.nav li a:hover, div.internal_head ul.nav li a.active { color: #a9854b; border: 2px dashed #a9854b; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
/*logged in section*/
div.internal_head div.content { position: relative; }
div.internal_head div.loggedIn { margin: 10px 0 0; position: absolute; right: 0; }
div.internal_head div.loggedIn img { float: left; margin-top: 8px; }
div.internal_head div.loggedIn div.name { float: left; margin: 12px 0 0 5px; }
div.internal_head div.loggedIn a.button { display: inline-block; }
div.internal_head div.loggedOut { margin: 23px 0 0; position: absolute; right: 0; }
a.formLinkNoLabel { margin-left: 5px; }
/*bottom rules*/
.footer { width:100%; font-family: absolut_pro_reducedlight, verdana, sans-serif; padding: 20px 0 10px; }
.footer .content {padding:0; width:1115px;}
.footer img.children {float: left;}
.footer img.startHere {float: right; margin-top: 5px; }
.footer ul.nav { display: block; font-size: 9pt; }
.footer ul.nav li { float: left; margin: 0 13px 0 0; padding: 0 11px 0 0; border: 1px solid black; border-width: 0 1px 0 0; line-height: 15px; }
.footer ul.nav li.rhs { border-width: 0; }
.footer ul.nav li a { color: black; font-weight: normal; }
/*content */
.internal_holder{ background:#2f1c18 url(/images2/design/backgrounds/HowItWorksBg.jpeg) top center no-repeat; min-width: 1115px; }
body.cupBeansTable .internal_holder { background-image: url(/images2/design/backgrounds/HomePageBG.jpeg); }
body.handsCup .internal_holder { background-image: url(/images2/design/backgrounds/OurStoryBg.jpeg); }
body.children .internal_holder { background-image: url(/images2/design/backgrounds/OurCauseBg.jpeg); }
body.beansTable .internal_holder { background-image: url(/images2/design/backgrounds/ContactUs.jpeg); }
body.beansTableMat .internal_holder { background-image: url(/images2/design/backgrounds/Shop.jpeg); }
body.beansLeavesTable .internal_holder { background-image: url(/images2/design/backgrounds/OurCoffeeBg.jpeg); }
body.handsBeansTable .internal_holder { background-image: url(/images2/design/backgrounds/HowItWorksBg.jpeg); }
.internal_body { width: 1115px; margin: auto; min-height: 750px; position: relative; color: white; font-size: 12pt; }
.internal_body a:hover{ text-decoration: underline; }
.internal_body a.button:hover { text-decoration: none; }
.internal_body ul { list-style-type: disc; padding-left: 20px; }
.internal_body ul li { list-style-type: disc; padding: 0; font-size: 14px; }
/* home page */
body.home div.dollarsRaised, body.home div.mealsProvided, body.home div.equation, body.home div.buyOurCoffee { position: absolute; top: 100px; font-family: bebas_neueregular, verdana; font-size: 34pt; color: white; white-space: nowrap; }
body.home div.dollarsRaised img, body.home div.mealsProvided img { float: left; position: absolute; }
body.home div.dollarsRaised { left: 150px; border: 2px solid white; border-width: 0 2px 0 0; }
body.home div.dollarsRaised div { margin: 6px 75px 0 115px; }
body.home div.mealsProvided { left: 640px; }
body.home div.mealsProvided div { margin: 6px 0 0 160px; }
body.home div.equation { top: 265px !important; }
div.equation { left: 450px; !important; line-height: 166px; font-size: 34pt; font-family: bebas_neueregular, verdana; }
div.equation>img, div.equation>div { float: left; padding: 0 7px; }
body.home div.buyOurCoffee { left: 463px; top: 475px; font-family: absolut_pro_reducedlight, verdana; }
body.home div.buyOurCoffee div.top { font-size: 55.5pt; }
body.home div.buyOurCoffee div.mid { font-size: 33pt; }
body.home div.buyOurCoffee div.bot { font-size: 20pt; margin-top: 10px; }
body.home div.buyOurCoffee a.button { display: inline-block; background-color: #9e835b; color: #ede1c9; padding: 5px 30px; border: 1px solid white; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-family: absolut_pro_reducedlight, verdana; font-size: 16pt; font-weight: bold; opacity: 0.9; height: auto; }
/* shop categories */
body.shopList div.internal_body { padding: 50px 0; }
body.shopList h1 { margin-bottom: 0px; font-size: 26pt; font-weight: normal; }
body.shopList div.internal_body div.catDesc { color: white; }
body.shopList div.cartSummary { float: left; width: 290px; }
body.shopList div.cartSummary h2 { float: left; font-size: 13pt; margin: 12px 10px 0 0; }
body.shopList div.cartSummary ul.products { display: block; padding: 0; margin: 0; }
body.shopList div.cartSummary>.inner { padding: 5px 10px; }
body.shopList div.cartSummary>.inner>.inner2 { padding: 0 5px; }
body.shopList div.cartSummary ul.products>li { display: block; padding: 10px; margin: 0 0 20px 0; list-style-type: none; background-color: #dfd7c0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
body.shopList div.cartSummary ul.products>li .name { font-size: 12pt; }
body.shopList div.cartSummary ul.products>li .productDetails { height: 64px; font-size: 9pt; }
body.shopList div.cartSummary ul.products>li .thumb { float: left; margin: 0 10px 0 0; }
body.shopList div.cartSummary ul.products>li .thumb img { }
body.shopList div.cartSummary ul.products>li .price { text-align: right; font-size: 9pt; }
body.shopList div.cartSummary ul.products>li .totalProdPrice { text-align: right; }
body.shopList div.cartSummary ul.products>li .totalProdPrice span { font-size: 9pt; }
body.shopList div.cartSummary div.cartTotalArea { float: right; }
body.shopList div.cartSummary div.cartTotal { text-align: right; margin-top: 5px; }
body.shopList div.cartSummary div.cartTotal .title { text-align: right; font-size: 10pt; }
body.shopList div.cartSummary div.cartTotal .total { text-align: right; font-size: 13pt; font-weight: bold; }
body.shopList ul.productList>li { float: right; list-style-type: none; width: 800px; margin: 0 0 20px; background-color: #dfd7c0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 5px 5px 86px -14px rgba(0,0,0,0.75); -moz-box-shadow: 5px 5px 86px -14px rgba(0,0,0,0.75); box-shadow: 5px 5px 86px -14px rgba(0,0,0,0.75); }
body.shopList ul.productList>li>.inner { margin-top: 10px; padding: 10px 10px 10px 15px; border: 2px dashed #a9854b; border-width: 2px 0 0; }
body.shopList ul.productList, body.shopList div.internal_body ul.productList p, body.shopList div.internal_body ul.productList label { color: #361e17; }
body.shopList ul.productList a.photo { display: block; float: left; margin: 0 20px 0 5px; }
body.shopList ul.productList a.photo img { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
body.shopList ul.productList img.thumb { float: left; margin: 10px 27px 0 10px; }
body.shopList ul.productList div.info { float: left; margin: 0 10px 0 0; max-width: 280px; }
body.shopList ul.productList h4 { margin: 0; padding: 0; font-weight: bold; color: #361e17; }
body.shopList ul.productList label { display: block; margin-bottom: 5px; }
body.shopList ul.productList div.price { height: 20px; margin-top: 10px; padding: 3px 0 0; text-align: right; font-weight: bold; }
body.shopList ul.productList div.purchase { float: right; max-width: 300px; padding: 3px 0 0 0; }
body.shopList div.cartSummary a.button { float: left; margin: 0; }
body.shopList ul.productList div.purchase button {
margin: 10px 0 0;
float: right;
}
.mainPhoneNumber{ width:269px; float:left; margin:17px 0 0 18px; _margin-left: 22px; }
.cart{ margin-bottom:23px; }
.cart .button{ background:url(/images/btn_bg.jpg) top left no-repeat; background-attachment: scroll; width:212px; height:26px; color:#ffffff; font-size:14px; font-style: italic; font-family:arial, verdana; display:block; padding:9px 15px 0 13px; margin-bottom:18px}
.cart .button span.s_cart{ width:135px; float:left; display:block; color:#FFFFFF; font-weight:normal}
.cart p, .cart span{ font-family:arial, verdana; font-size:14px; color:#000}
.cart span{ font-weight:bold}
.cart .separator{ border-bottom:1px solid #f0ddcd; line-height:1px; font-size:1px; height:1px; margin:0px 0 8px 0}
a.checkout{ width:93px; height:32px; background:url(/images/checkout.png) left top no-repeat;float:left}
a.checkout:hover{ background:url(/images/checkout.png) 0 -32px no-repeat; }
/*accordeon menu*/
ul.left_menu{ }
ul.left_menu li a.first_href{ background:url(/images/btn_bg.jpg) top left no-repeat; width:212px; height:26px; color:#ffffff; font-size:14px; font-style: italic; font-family:arial, verdana; display:block; padding:9px 15px 0 13px; margin-bottom:3px;}
ul.left_menu li{ margin-bottom: 20px; }
ul.left_menu li ul li{ background:url(/images/arrow.gif) left 9px no-repeat; padding:7px 0 7px 20px; border-bottom:1px solid #f3e0cf; margin-bottom: 0;}
ul.left_menu li ul li.last{ border-bottom: none}
ul.left_menu li.separator{ border-top:1px solid #f0ddcd; height:1px; line-height:1px; font-size:1px; width:100%; margin:3px 0px}
ul.left_menu li ul li a{ font-family:arial, verdana; font-size:12px; color:#000; display:block; width:200px;}
ul.left_menu li ul li a:hover{ color:#a51515}
#sidebar_charities { position: relative; padding: 0 15px; margin-bottom: 40px; }
#charities_slider { margin-bottom: 15px; height: auto !important }
#slider_next a { background: url(/images/slide_next.jpg) top left no-repeat; display: block; font-size: 0; height: 45px; width: 13px; position: absolute; top: 55px; right:0; z-index: 5000;}
#slider_prev a { background: url(/images/slide_prev.jpg) top left no-repeat; display: block; font-size: 0; height: 45px; width: 13px; position: absolute; top: 55px; left:0; z-index: 5000;}
#sidebar_charities h3 { margin-top: 10px; text-align: center; color: #4c2b0b;}
#sidebar_charities ul { height: 72px; margin: 0; padding: 0;}
#sidebar_charities ul li { width: 211px;}
#sidebar_charities ul li img { margin: 0 auto; display: block}
a.br_charities { font-family: arial, verdana; text-decoration: underline; font-size: 14px; color: #a80e0e; width: 211px; text-align: center; display: block;}
a.br_charities:hover { text-decoration: none;}
.tst{ width:241px; }
.tst .tst_holder{ width:219px}
.tst h3{ font-size:19px; color:#000; padding-bottom:10px;}
.tst p{ font-family:arial, verdana; color:#44270a; font-size:14px; line-height:24px; font-style:italic;}
.tst p.signature{ color:#000; font-weight:bold; font-style:italic; text-align:right; float:right}
.tst p.signature span{ display:block; float:right; font-weight:normal}
.right_sidebar{ width:650px; _width: 650px; float:left; _float: right; border-left:1px solid #f0ddcd; padding-left:28px;}
.left_sidebar{ width:241px; float:left; padding:0 29px 0 0; }
#main_slide_1 h1 { color: #bb0706; font-size: 40px; font-weight: normal; line-height: 54px; margin: 0; max-width: 380px;}
#main_slide_1 { background: url(/images/slider/1.jpg) top left no-repeat;height: 213px; width: 623px; padding:20px 0 0 30px; margin-bottom:30px}
a.find_more { display: block; font-size: 0; width: 162px; height: 36px; background: url(/images/find_more.png) top left no-repeat; margin: 15px 0 0 0px;}
a.find_more:hover { background-position: bottom left;}
/** .product_wrap { float: left; margin: 10px 20px; }
.product_wrap { width: 202px; height: 148px; background: url(/images/product_wrap.jpg) top left no-repeat; padding: 26px 6px 6px 6px; margin-left: -4px; position: relative; margin-top:15px;}
.product_wrap img { margin: 0 auto; display: block}
.product_wrap a { width: 96px; height: 41px; background: url(/images/shopping_btn.png) no-repeat; font-family: arial, verdana; font-size: 12px; text-transform: uppercase; color: #fff; text-align: center; line-height: 40px; margin-top: -20px; position: relative}
.product_wrap a.details { background-position: bottom left; position: absolute; left: 12px; bottom: -16px;}
.product_wrap a.details:hover { background-position: top left;}
.product_wrap a.buy_now { background-position: top left; position: absolute; right: 10px; bottom: -16px;}
.product_wrap a.buy_now:hover { background-position: bottom left;}
/**/
.products_separator { clear: both; background: url(/images/products_separator.jpg) top left repeat-x; height: 1px; width: 100%; margin: 50px 0 30px; float: left }
.right_sidebar h3 {color:#a71515; font-size:24px; padding-top:0}
.product-description { width:310px; float:left}
.product-description label {color:#5f4024; width:112px; float:left; font-size:14px; font-weight:bold; font-family:arial, verdana; line-height:28px; margin-bottom:5px;}
.product-description .input-select { background:url(/images/select-bg.jpg) no-repeat; width:189px; height:28px; line-height:28px; float:left; position:relative }
.product-description .input-select select.select { width:189px; height:28px; position:relative; font-size:14px; font-family:arial, verdana; line-height:28px; color:#000; font-weight:bold; }
.product-description .input-select span.select { position:absolute; top:0; left:0; width:175px; height:28px; background: url(/images/select-arrow.png) no-repeat right 13px; font-weight:bold; padding:0 7px;font-size:14px; font-family:arial, verdana; line-height:28px; color:#000}
.input-small { width:68px; height:28px; float:left; margin:0 0 5px 0; }
.input-small input { width:48px; padding:0 10px; line-height:28px;font-size:14px; font-family:arial, verdana; line-height:28px; color:#000; font-weight:bold; text-align:right; background:none; border:none; height:28px;}
.product-description p { color:#5f4024; font-size:14px; line-height:20px; margin:0 0 15px 0; font-family:arial, verdana;}
.product-description p.price { font-size:24px; font-weight:bold; color:#a71515; margin:0; padding:5px 0 0 0; }
.product-description p.brown{font-family: arial, verdana; font-size: 14px; line-height: 20px; margin: 0; padding: 0;color: #5F4024; text-decoration: line-through;}
.product-description p.red {color: #A71515;}
.product-image { width:315px; float:right; text-align:center;}
.product-image .view-large-image {background:url(/images/view-large-image-btn.jpg) no-repeat; width:110px; height:33px; display:block; padding:0 33px 0 0; line-height:33px; font-family:arial, verdana; font-size:12px; color:#4e4e4e; text-align:right; margin:0 auto}
.product-image .view-large-image:hover {color:#898989}
.separator {background: url("/images/products_separator.jpg") repeat-x scroll left top transparent; clear: both; height: 1px; margin: 20px 0 20px; width: 100%;}
.order-now { background:url(/images/order-now-btn.png) no-repeat; font-size:0; line-height:0; width:158px; height:40px; cursor:pointer; border: none;}
.order-now:hover { background:url(/images/order-now-btn.png) no-repeat 0 -45px;}
.longDesc ul { margin:0 0 20px 0; padding:0 }
ul.half.last {margin-right:0; padding:0; background:none}
.longDesc li {background:url(/images/ul-half-li-bg.png) no-repeat 0 5px; padding:0 0 0 23px; margin-bottom:10px; line-height:19px; color:#5f4024; font-size:14px; font-family:arial, verdana;}
.goes-to-charity {background: url(/images/goes-to-charity-banner.png) no-repeat; width:653px; height:91px; margin:20px 0 40px;}
.goes-to-charity h1 {color: #BB0706; font-size: 24px; font-weight: normal; line-height: 30px; margin: 0px 0 0 15px; padding:7px 0 0 0 }
.goes-to-charity a.find_more {margin:7px 0 0 18px}
table.shopping-cart {}
table.shopping-cart tr.header th { height:43px; line-height:43px; color:#5f4024;font-size:14px; font-family:arial, verdana; font-weight:bold; text-align:left;}
table.shopping-cart tr td {height:53px; color:#5f4024; font-size:14px;font-family:arial, verdana;}
table.shopping-cart tr td .red {color:#a71515}
table.shopping-cart tr td a {color:#a71515}
table.shopping-cart tr td a:hover {text-decoration:underline}
table.shopping-cart tr.price td {border-bottom:1px dotted #d4b598; height:36px;}
span.price {color:#a71515; font-size:20px; font-weight:bold}
table.shopping-cart tr td p { padding:0}
table.shopping-cart a.checkout-big { background:url(/images/checkout.jpg) no-repeat; width:160px; height:44px; display:block; float:left; font-size:0; line-height:0; text-indent:-9999px; margin:20px 0px 0 0;}
table.shopping-cart a.checkout-big:hover { background:url(/images/checkout.jpg) no-repeat 0 -45px;}
table.shopping-cart tr.last td {line-height:76px; }
table.shopping-cart tr.last td span {padding:0 15px; color:#000}
h3 span { color:#5f4024; font-size:14px;}
.req {color:#b41313}
.long_heading h3 { height:43px; line-height:43px; color:#5f4024;font-size:18px; font-family:arial, verdana; font-weight:normal; text-transform:uppercase; padding: 0 0 0 5px; margin-bottom:10px;}
table.checkout tr td {height:34px; color:#5f4024; font-size:14px;font-family:arial, verdana;}
table.checkout tr.space td { height:20px}
table.checkout tr td a {color:#a71515; line-height:28px;}
.input-big{ background:url(/images/input-text-big.png) no-repeat; width:403px; height:28px; float:left; margin:0 0 5px 0; }
.input-big input { width:393px; padding:0 5px; line-height:28px;font-size:12px; font-family:arial, verdana; line-height:28px; color:#5f4024; font-weight:bold; background:none; border:none; height:28px;}
.input-middle{ background:url(/images/input-text-middle.jpg) no-repeat; width:207px; height:28px; float:left; margin:0 0 5px 0; }
.input-middle input { width:197px; padding:0 5px; line-height:28px;font-size:12px; font-family:arial, verdana; line-height:28px; color:#5f4024; font-weight:bold; background:none; border:none; height:28px;}
table.checkout .input-middle {margin-right:20px;}
.select-big { background:url(/images/input-text-big.png) no-repeat; width:403px; height:28px; line-height:28px; position:relative }
.select-big select { width:403px; height:28px; position:relative; font-size:12px; font-family:arial, verdana; line-height:28px; color:#5f4024; font-weight:bold; }
.select-big span.select { position:absolute; top:0; left:0; width:393px; height:28px; background: url(/images/select-arrow.png) no-repeat right 13px; font-weight:bold; padding:0 7px;font-size:12px; font-family:arial, verdana; line-height:28px; color:#5f4024}
.next-step { float: right; }
/**
.next-step { background:url(/images/next-step-btn.png) no-repeat; width:148px; height:44px; font-size:0; line-height:0; text-indent:-9999px; display:block; margin-top:15px; float:right; border: none;}
.next-step:hover { background:url(/images/next-step-btn.png) no-repeat 0 -44px;}
/**/
.place-order { background:url(/images/place-order-btn.jpg) no-repeat; width:178px; height:44px; font-size:0; line-height:0; text-indent:-9999px; display:block; margin-top:15px;}
.place-order:hover { background:url(/images/place-order-btn.jpg) no-repeat 0 -44px;}
/**
.prev-step { background:url(/images/prev-step-btn.png) no-repeat; width:148px; height:44px; font-size:0; line-height:0; text-indent:-9999px; display:block; margin-top:15px; float:left; border: none;}
.prev-step:hover { background:url(/images/prev-step-btn.png) no-repeat 0 -44px;}
/**/
.prev-step { margin-left: 0; }
.old_price_box { height: 30px; }
/**
button.cartCheckout{ width:116px; height:27px; background:url(/images_new/checkout2.jpg) left top no-repeat;float:right; border:none}
button.cartCheckout:hover{ height:26px; background:url(/images_new/checkout2.jpg) no-repeat; border:none }
button.cartUpdate{ width:116px; height:27px; background:url(/images_new/update_cart.jpg) left top no-repeat;float:right; border:none}
button.cartUpdate:hover{ background:url(/images_new/update_cart.jpg) no-repeat; border:none }
/**/
div.pleaseWaitBlock { display: block; height: 20px; background-image: url('/images/ajax_loading.gif'); background-repeat: no-repeat; margin: 2px 10px 0 0; padding: 6px 0 0 33px; font-family: arial, verdana; font-size: 9.5pt; }
fieldset div.pleaseWaitBlock { float: right; margin: 7px 0px 0 0; }
.submitBlock div.requiredFields { float: left; }
fieldset
{
margin: 0;
border: none;
padding: 0;
}
label { cursor: pointer; color: #ede1c9; font-family: arial, verdana; font-size: 14px; }
label.nonClickable { cursor: auto; }
label.fieldTitle {
color: #5f4024;
font-family: arial, verdana;
font-size: 11pt;
/**
font-family: arial, verdana;
font-size: 12px;
font-weight: bold;
/**/
float: left;
width: 217px;
padding: 5px 5px 1px;
margin: 0 0 5px 0;
text-align: left;
}
label.medium1 { width: 215px; }
label.auto { width: auto; color: #5F4024; font-family: arial, verdana; font-size: 14px; }
div.field {
clear: left;
display: block;
height: expression('1%');
margin: 0 0 6px 0;
padding: 1px 0;
}
label.forRadio, label.forCheckbox {
margin-top: 3px;
}
.field, .addressList
{
font-family:arial, verdana;
}
.plainTextPadded, .addressList
{
/*height:28px;*/
float:left;
margin:0 0 5px 0;
padding:0 5px;
/*line-height:28px;*/
font-size:12px;
font-weight:bold;
}
input[type=text], input[type=password], textarea, select {
font-family: arial, verdana;
font-weight: normal;
color:#5f4024;
background-color: #ede1cb;
border: 1px solid #d7c6b6;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
padding: 0 5px;
line-height:31px;
height:28px;
font-size: 11pt;
}
textarea {
line-height: 20px;
padding-top: 5px !important;
padding-bottom: 5px !important;
}
input[type=checkbox], input[type=radio] {
margin: 0;
display: inline-block;
cursor: pointer;
}
.field input.max
{
width:393px;
float:left;
margin:0 0 5px 0;
}
.field input.middle
{
width:207px;
float:left;
margin:0 0 5px 0;
}
.field textarea
{
padding: 0 5px;
font-family:arial, verdana;
width: 397px;
height: 60px;
}
.field select.smallSelect { width: 100px; }
.formMessage
{
color: red;
font-family:arial, verdana;
font-size: 14px;
margin-left: 5px;
}
.smallText { font-size: 9px; }
.invoicer_details{ background:url(/images_new/invoicer_details_2.jpg) top left no-repeat; width:237px; height:34px; display:block; float:left; color: white; }
.invoicer_details:hover{ background:url(/images_new/invoicer_details_2.jpg) left -34px no-repeat; border:medium none;}
div.contentEnd {
clear: both;
overflow: hidden;
height: 0;
margin: 0;
}
.popoverElement { position: absolute; }
div.popoverTypeSimple {
background-color: #eee;
border: 2px solid #D93939;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
/** background-image: url('/images/logos/small_popover.png');
background-position: right bottom;
background-repeat: no-repeat; /**/
color: #D93939;
line-height: 19px;
}
div.popoverTypeSimple div.padding { padding: 5px 10px 5px 10px; }
div.popoverTypeSimple div.titleBlock { padding: 5px; margin: 0; height: 20px; background-color: #666666; }
div.popoverTypeSimple div.contentBlock { margin: 2px 0 0 0; }
div.popoverTypeSimple h2 { display: block; float: left; margin: 0; color: white; font-size: 18px !important; text-transform: none !important; }
div.popoverTypeSimple div.close { width: 20px; height: 20px; display: block; background-image: url('/images/icons/cancel.png'); background-repeat: no-repeat; cursor: pointer; float: right; margin: 1px 2px 0 0; }
div.popoverTypeSimple div.close:hover { background-position-y: -20px; }
/** popover type 2 /**/
div.popoverTypeSimple2 {
background-color: #EEEEEE;
border: 2px solid #008000;;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
/** background-image: url('/images/logos/small_popover.png');
background-position: right bottom;
background-repeat: no-repeat; /**/
color: #008000;
line-height: 19px;
}
div.popoverTypeSimple2 div.padding { padding: 5px 10px 5px 10px; }
div.popoverTypeSimple2 div.titleBlock { padding: 5px; margin: 0; height: 20px; background-color: #666666; }
div.popoverTypeSimple2 div.contentBlock { margin: 2px 0 0 0; }
div.popoverTypeSimple2 h2 { display: block; float: left; margin: 0; color: white; font-size: 18px !important; text-transform: none !important; }
div.popoverTypeSimple2 div.close { width: 20px; height: 20px; display: block; background-image: url('/images/icons/cancel.png'); background-repeat: no-repeat; cursor: pointer; float: right; margin: 1px 2px 0 0; }
div.popoverTypeSimple2 div.close:hover { background-position-y: -20px; }
div.template { display:none; }
div.charityBlockSmall div.thumb { margin: 0; }
div.charityBlockSmall { width: 615px; padding-top: 1px; margin: 0 0 15px 0; }
div.charityBlockSmall div.leftColumn { float: left; width: 260px; margin: 0 20px 0 0; }
div.charityBlockSmall h1 { display: block; margin: 36px 0 0 0; font-size: 20px; color: #D00707; font-weight: bold; text-decoration: none; }
div.charityBlockSmall a { text-decoration: none; }
div.charityBlock div.infoColumn2 { margin-top: 10px; }
div.charityBlock { margin-bottom: 20px; padding-bottom: 20px; border-bottom: dotted 1px #E3D2C0; }
form.formBlock {
border: none;
}
.required { color: red; }
div.extraText p {
font-family: arial, verdana;
font-size: 14px;
color: #5F4024;
/*padding: 0 0 0 10px;*/
}
.message { font-weight: bold; }
.success { color: #0a0; }
/* all pages */
div.internal_body>div.paddingSml { padding: 100px 150px 100px 250px; }
div.internal_body>div.paddingSml>h1 { margin-bottom: 20px; font-size: 26pt; font-weight: normal; }
div.internal_body>div.paddingSml>div.contentBody { padding: 0 0 0 50px; }
div.internal_body>div.padding { padding: 100px 150px 100px 250px; }
div.internal_body>div.padding>h1 { margin-bottom: 20px; font-size: 26pt; font-weight: normal; }
div.internal_body>div.padding>div.contentBody { padding: 0 0 0 50px; }
/* contact-us page */
body.contactUs div.contactUsContainer div.lhs { float: left; width: 300px; }
body.contactUs div.contactUsContainer div.lhs p { color: #f0e1cc; }
body.contactUs div.contactUsContainer div.rhs { float: left; width: 750px; }
body.contactUs div.contactUsContainer>div.inner1 { background-color: #361d18; padding: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 5px 5px 86px -14px rgba(0,0,0,0.75); -moz-box-shadow: 5px 5px 86px -14px rgba(0,0,0,0.75); box-shadow: 5px 5px 86px -14px rgba(0,0,0,0.75); }
body.contactUs div.contactUsContainer>div.inner1>div.inner2 { border: 2px dashed #f0e1cc; padding: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; min-height: 707px; }
body.contactUs h1 { font-size: 18pt !important; color: #ede1c9; }
body.contactUs h2 { font-size: 18pt !important; color: #ede1c9; margin-bottom: 21px; }
body.contactUs label.fieldTitle { color: #ede1c9; }
body.contactUs p.generalEnq { margin: 0 0 7px; padding: 0; }
body.contactUs p.phoneNumber { background-color: #ede1cb; color: #361d18 !important; width: 220px; padding: 6px 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin: 0 0 20px 0; }
body.contactUs #requestSample { margin-bottom: 10px; }
body.contactUs div.contactUsContainer { padding: 50px 0; color: #ede1c9; arial, verdana; }
body.contactUs div.contactUsContainer { padding: 50px 0; }
body.contactUs div.introBlock h1 { font-family: arial, verdana; color:#ede1c9; font-weight: normal; }
body.contactUs div.introBlock h2 { font-family: arial, verdana; color:#ede1c9; font-weight: normal; }
body.contactUs div.contactUsContainer form input[type=text], body.contactUs div.contactUsContainer form textarea { width: 740px; }
body.contactUs div.contactUsContainer form label { width: auto; font-weight: normal; clear: left; }
body.contactUs div.contactUsContainer div#deliveryAddress input[type=text] { width: 152px; }
body.contactUs div.contactUsContainer div#deliveryAddress label { width: 61px; text-align: right; padding-left: 0; }
body.contactUs div.contactUsContainer div#deliveryAddress .formMessage { margin: 0 0 5px; }
body.contactUs .submitBlock button { float: right; }
body.contactUs .submitBlock div.pleaseWaitBlock { margin-top: 10px; }
#captchaPic { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin: 15px 0 5px; }
div.captchaGenNew { font-size: 8pt; }
div.captchaGenNew a { text-decoration: underline; }
body.contactUs button {
background-color: transparent;
border: 2px solid #ede1c9;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
color: #ede1c9;
cursor: pointer;
font-size: 12pt;
margin: 5px 0 1px 15px;
padding: 9px 30px 7px;
text-align: center;
font-family: arial, verdana;
}
/* content page */
body.contentPage div.internal_body p { font-size: 12pt; font-weight: normal; text-align: justify; line-height: 23px; padding-bottom: 20px; }
/* */
@font-face {
font-family: 'absolut_pro_reducedmedium';
src: url('/fonts/absolut_pro_medium/absolut_pro_medium_reduced-webfont.eot');
src: url('/fonts/absolut_pro_medium/absolut_pro_medium_reduced-webfont.eot?#iefix') format('embedded-opentype'),
url('/fonts/absolut_pro_medium/absolut_pro_medium_reduced-webfont.woff2') format('woff2'),
url('/fonts/absolut_pro_medium/absolut_pro_medium_reduced-webfont.woff') format('woff'),
url('/fonts/absolut_pro_medium/absolut_pro_medium_reduced-webfont.ttf') format('truetype'),
url('/fonts/absolut_pro_medium/absolut_pro_medium_reduced-webfont.svg#absolut_pro_reducedmedium') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'bebas_neueregular';
src: url('/fonts/bebas_neue/bebasneue-webfont.eot');
src: url('/fonts/bebas_neue/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
url('/fonts/bebas_neue/bebasneue-webfont.woff2') format('woff2'),
url('/fonts/bebas_neue/bebasneue-webfont.woff') format('woff'),
url('/fonts/bebas_neue/bebasneue-webfont.ttf') format('truetype'),
url('/fonts/bebas_neue/bebasneue-webfont.svg#bebas_neueregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'absolut_pro_reducedlight';
src: url('/fonts/absolut_pro_light/absolut_pro_light_reduced-webfont.eot');
src: url('/fonts/absolut_pro_light/absolut_pro_light_reduced-webfont.eot?#iefix') format('embedded-opentype'),
url('/fonts/absolut_pro_light/absolut_pro_light_reduced-webfont.woff2') format('woff2'),
url('/fonts/absolut_pro_light/absolut_pro_light_reduced-webfont.woff') format('woff'),
url('/fonts/absolut_pro_light/absolut_pro_light_reduced-webfont.ttf') format('truetype'),
url('/fonts/absolut_pro_light/absolut_pro_light_reduced-webfont.svg#absolut_pro_reducedlight') format('svg');
font-weight: normal;
font-style: normal;
}
.brownBox { background-color: #dfd7c0; color: #361e17; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 10px 0; -webkit-box-shadow: 5px 5px 86px -14px rgba(0,0,0,0.75); -moz-box-shadow: 5px 5px 86px -14px rgba(0,0,0,0.75); box-shadow: 5px 5px 86px -14px rgba(0,0,0,0.75); }
.brownBox>.inner { margin: 0; padding: 10px 15px; border: 2px dashed #a9854b; border-width: 2px 0 0; }
.brownBox p { color: #5F4024; }
.brownBox a { color: #5F4024; }
.brownBox a.button { color: #361e17; }
.clickable { cursor: pointer; }
div.popoverType1 {
background-color: #dfd7c0;
border: 2px solid #a9854b;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
/** background-image: url('/images/logos/small_popover.png');
background-position: right bottom;
background-repeat: no-repeat; /**/
color: #5f4024;
-webkit-box-shadow: 5px 5px 37px 2px rgba(0,0,0,0.36);
-moz-box-shadow: 5px 5px 37px 2px rgba(0,0,0,0.36);
box-shadow: 5px 5px 37px 2px rgba(0,0,0,0.36);s
}
div.popoverType1 div.padding { padding: 15px 20px 15px 20px; }
div.popoverType1 div.titleBlock { padding: 5px; margin: 0; height: 20px; background-color: #5f4024; }
div.popoverType1 div.contentBlock { padding: 10px 0 5px 0; margin: 2px 0 0 0; }
div.popoverType1 h2 { display: block; float: left; margin: 0; color: white; font-size: 18px !important; text-transform: none !important; }
div.popoverType1 div.close { width: 20px; height: 20px; display: block; background-image: url('/images/icons/cancel.png'); background-repeat: no-repeat; cursor: pointer; float: right; margin: 1px 2px 0 0; }
div.popoverType1 div.close:hover { background-position-y: -20px; }
div.popoverType1 a { font-size: 11pt; color: #5F4024; text-decoration: none; }
div.popoverType1 a:hover { text-decoration: underline; }
div.popoverType1 p { color: #5f4024; }
div.popoverType1 label { color: #5f4024 !important; }
.ui-autocomplete { z-index: 10000; }
button, .button, div.popoverType1 button {
background-color: transparent;
border: 2px solid #361e17;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
color: #361e17;
cursor: pointer;
font-size: 12pt;
margin: 5px 0 1px 15px;
padding: 6px 15px 2px;
text-align: center;
font-family: absolut_pro_reducedmedium, verdana;
}
.button:hover { }
.button.smallButton {
font-size: 10pt;
padding: 3px 5px 0px;
border-width: 1px;
}