/*
Theme name: Bakery
Description: Custom Theme
*/

/* WordPress Default styles */
@import url('wp-default.css');

* { padding:0; margin:0; outline:0; }
body {
	background:#f3f5c7 url(images/body.jpg);
	font-family: Georgia, serif;
	font-size:16px;
	line-height:22px;
	color:#663300;
}

.notext { font-size:0; line-height:0; background-repeat:no-repeat; background-position:0 0; text-indent: -4000px; display:block; background-color:transparent;}

a.notext:hover,
input.notext:hover, input.js_hovered { background-position:0 bottom;}

input, textarea, select { font-family: Georgia, sans-serif; font-size:14px; color:#663300; }
textarea { overflow:auto; }

a img { border:0; }

a { color:#663300; text-decoration: underline; cursor:pointer; }
a:hover { text-decoration: none; }

.left, .alignleft { float:left; display:inline; }
.right, .alignright { float:right; display:inline; }

.cl { font-size:0; line-height:0; clear:both; display:block; height:0; }

.al { text-align: left; }
.ar { text-align: right; }
.ac { text-align: center; }

h2 { font-size:0; line-height:0; height:36px; text-indent: -4000px; background:url(images/hs.gif) no-repeat 0 0;}

h2.what-h { background-position:0 0; }
h2.how-much-h { background-position:0 -50px; }
h2.order-h { background-position:0 -100px; }
h2.summary-h { background-position:0 -150px; }
h2.samples-h { background-position:0 -200px; }
h2.faq-h { background-position:0 -250px; }
h2.contact-h { background-position:0 -300px; }
h2.privacy-h { background-position:0 -350px; }
h2.head-h { height:49px; background-image:url(images/head-h.gif);}

h3 { font-size:17px; line-height:21px; font-weight: normal; padding:10px 0 5px 0; }
h5 { font-size:11px; }


h1#logo { font-size:0; line-height:0; width:226px; height:65px; float:left; }
h1#logo a{ display:block; height:65px; text-indent: -4000px; background:url(images/logo.gif); }

.shell { width:900px; margin:0 auto; }

#top { height:69px; background:url(images/top.gif);}
#header { height:246px; background:url(images/header.jpg) repeat-x center 0;}
#header .shell{ position:relative; }
#header .slide{ width:650px; padding:40px 0 0 0; }

#navigation { float:left; display:inline; padding:9px 0 0 20px;}
#navigation ul{ list-style-type: none;}
#navigation ul li{ float:left; display:inline; margin-right:22px; }
#navigation ul li a{ float:left; height:43px; background:url(images/nav.gif) no-repeat 0 0; font-size:0; line-height:0; text-indent: -4000px; }

#navigation ul li a.home-link { width:56px; background-position:0 0; }
#navigation ul li a.home-link:hover,
#navigation ul li.active a.home-link { background-position:0 bottom; }

#navigation ul li a.samples-link { width:73px; background-position:-78px 0; }
#navigation ul li a.samples-link:hover,
#navigation ul li.active a.samples-link { background-position:-78px bottom; }

#navigation ul li a.order-now-link { width:87px; background-position:-172px 0; }
#navigation ul li a.order-now-link:hover,
#navigation ul li.active a.order-now-link { background-position:-172px bottom; }

#navigation ul li a.faq-link { width:43px; background-position:-281px 0; }
#navigation ul li a.faq-link:hover,
#navigation ul li.active a.faq-link { background-position:-281px bottom; }

#navigation ul li a.privacy-policy-link { width:107px; background-position:-346px 0; }
#navigation ul li a.privacy-policy-link:hover,
#navigation ul li.active a.privacy-policy-link { background-position:-346px bottom; }

#navigation ul li a.contact-us-link { width:88px; background-position:-474px 0; }
#navigation ul li a.contact-us-link:hover,
#navigation ul li.active a.contact-us-link { background-position:-474px bottom; }

#main { width:100%; background:url(images/main.jpg); border-top:solid 2px #fff; border-bottom:solid 2px #fff; }
#main-border-top { width:100%; background:url(images/main-border.jpg) repeat-x 0 0; padding-bottom:1px;}
#main-border-bottom { width:100%; background:url(images/main-border.jpg) repeat-x 0 bottom;}

#main .shell { padding:40px 0 60px 0;}

#footer { width:100%; background:url(images/footer-border.jpg) repeat-x 0 0; height:70px; font-size:11px; color:#a1814f; padding-top:20px; white-space:nowrap; }

.cc { padding-right:240px; background:url(images/cc.gif) no-repeat right 0; }

.text {}
.text p{ padding-bottom:15px; }
.text h2{ margin-bottom:3px; }
.text ul{ padding:0 0 11px 20px; }
.text ul li{ padding-bottom:4px; }

.girl { position:absolute; top:-17px; left:720px; width:200px; height:283px; background:url(images/girl.png);}

.supported { padding:10px 0 40px 0; }
.supported ul{ list-style-type: none; padding:0; }
.supported ul li{ background:url(images/supported-ico.gif) no-repeat 0 0; padding:0 0 0 35px; height:26px; line-height:26px; font-size:14px; float:left; display:inline; margin:0 0 7px 40px; width:150px;}

.supported ul li.outlook-ico { background-position:0 -1px;}
.supported ul li.gmail-ico { background-position:0 -43px;}
.supported ul li.apple-ico { background-position:0 -91px;}
.supported ul li.thunderbird-ico { background-position:0 -144px;}
.supported ul li.windows-ico { background-position:0 -194px;}
.supported ul li.hotmail-ico { background-position:0 -244px;}
.supported ul li.yahoo-ico { background-position:0 -293px;}
.supported ul li.lotus-ico { background-position:0 -336px;}

.nice-buttons { height:112px; padding-top:10px; }
.nice-buttons a{ height:112px; font-size:0; line-height:0; background-repeat:no-repeat; background-position:0 0; text-indent: -4000px; float:left; width:283px; margin-left:114px;}
.nice-buttons a:hover{ background-position:0 bottom; }
.nice-buttons a.two-days{ background-image:url(images/2-days.gif); }
.nice-buttons a.five-days{ background-image:url(images/5-days.gif); }

.samples { position:relative; width:100%; margin-bottom:-24px; }
.samples ul{ list-style-type: none; padding-top:10px; }
.samples ul li{ float:left; display:inline; font-size:0; line-height:0; width:284px; height:159px; text-align: center; background:url(images/sample.jpg); padding-top:5px; margin:0 24px 24px 0; }
.samples ul li.last{ margin-right:0; }

.order { padding-top:10px; }
.contact { padding-top:10px; width:430px; margin:0 auto;}

.order-form { width:430px; float:left; display:inline; }
.order-summary { width:340px; float:right; display:inline; background:url(images/summary.jpg) no-repeat 0 0; padding:35px 0 0 35px; font-size:11px; line-height:16px; margin-top:11px; }

.summary-info { padding:14px 0 10px 0; line-height:16px; font-size:14px;}
.summary-info ul{ list-style-type: none;}
.summary-info ul li{ height:28px; white-space:nowrap; }
.summary-info ul li span{ float:left; width:170px; text-align: right; }
.summary-info ul li strong{ float:left; width:163px; color:#a0131e; padding-left:7px;  }

.summary-button { text-align: center; padding-bottom:14px;  }
.summary-button small{ display:block; padding-top:5px;}

.order .supported { padding-top:16px; }
.order .supported h5{ padding-bottom:10px; }
.order .supported li{ width:130px; margin:0 0 5px 0; font-size:10px;}
.order-button { height:66px; width:181px; background-image:url(images/order-button.gif); display:block; margin:0 auto; border: 0}

.field { background:#f2eacc; border:solid 2px #dbcc9a; display:block; width:400px; padding:7px 5px; margin-bottom:20px;}
select.field { width:414px}
textarea.field { height:140px; }

label { font-weight: bold; display:block; padding-bottom:5px; }
small { font-size:10px; color:#a1814f; }

.additional { padding-bottom:12px;  }
.additional ul{ list-style-type: none; padding-left:10px; }
.additional ul li{ padding-bottom:3px; }
.additional ul label{ font-weight: normal; font-size:14px; display:inline; padding-left:6px; }
.checkbox { width:13px; height:13px; position:relative; top:4px; vertical-align:top;}

span.flash-upload-holder{ position:relative; float:left; white-space:nowrap; height:24px;}
#flash-upload-button{ position:absolute; font-size:0; line-height:0; top:-6px; right:-80px;}

.flash-upload {}
.flash-upload small{ display:block; padding-top:7px; }

.submit-button { width:71px; height:36px; background-image:url(images/submit-button.gif); border:0; cursor:pointer; display:block; }

.risk-free { font-size:0; line-height:0; position:absolute; top:0; right:0; width:136px; height:187px; background:url(images/risk-free.png); text-indent: -4000px;}

/** Roundeds **/
.field { -moz-border-radius:5px; -webkit-border-radius:5px; }

.uploadfield { width: 201px; float: left; }
.flash-upload-holder { float:left; margin: 0px 0 0 10px; }
.flash-upload-label { float: left; padding: 5px 10px 0 0}
.no-js .summary-info, .no-js .uploadfield { display: none; }
.summary-order-button { cursor: pointer; }

#progress {
	width: 336px;
	float: right;
	height: 20px;
	border: 2px solid #901116;
	text-align: center;
	padding-top: 0px;
	margin-bottom: 15px;
	background: #ad151a;
	color: #ffffe0;
	font-weight: bold;
	position: relative;
	font-size: 11px;
	display: none;
}
#progressbar-loader { width: 0%; background: #c22d33; color: #ffffe0; display: block; float: left; text-align: right; position: absolute; height: 20px; z-index: 1; left: 0}
#progressbar-message { z-index: 2; position: absolute; left: 125px; padding-top: 3px; }

.thanks, .err { font-weight: bold; text-align: center; padding-bottom:25px;}

.our-sites { font-size:10px; padding-top:0px; text-align: right; }
.our-sites a{ color:#a1814f;}
.our-sites span{ padding:0 3px 0 2px;}