/* -----------------------------------------------------------------
	Contents of this file:
	-----------------------------------------------------------------
	1.	Global reset and site defaults
	    - Headings
		- Common Formatting
		- Links
	2.  Main Structure
		- Top Navigation
		- Wrapper + Background
		- Container
	3. Main Content
	4. Col-Left
		- Title
		- Accodian Menu
	5. Col-Center
		-Product
		-Product Detail
		-Product Control Button
	6. Col-Right
	7. Content
		- Benefit
		- Login
		- After Login
		- Transcation History
	8. Footer
	9. Form Elements
	10. Greetings

/* ------------------------------------------------------------
   1. Global reset and site defaults
---------------------------------------------------------------*/

html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, li, ol, dl, address, img {
	margin:0;
	padding:0;
	font-family: "Tahoma", Arial, Calibri, sans-serif;
}
html, body {
	height: 100%;
}
body {
	margin:0;
	font-size: 9pt;
	color:#666666;
	line-height: 1.4em;
	background:#ffffff;
}
a {
	outline:none;
}

/* Headings
---------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	font-family: "Tahoma", Arial, Calibri, sans-serif;
}
h1 {
	color:#571c1f;
	margin:0 0 10px 0;
	font:normal 16pt "Tahoma";
}
h2 {
	color:#571c1f;
	font:bold 9pt "Tahoma";
}

h3 {
	color:#571c1f;
	font:bold 10pt "Tahoma";
	padding:0 0 10px 0;		
}

h4 {
	color:#ea7f1e;
	font:bold 9pt "Tahoma";
	padding:8px 0 0 0;	
}

h5{
	color:#571c1f;
	font:bold 9pt "Tahoma";
	padding:8px 0 0 0;
}

h6 {
	color:#333333;
	font:normal 7pt "Tahoma"	
}

/* Common Formatting
---------------------------------------------------------------*/

p {
	margin:0;
}
hr {
	border: 0;
	color: #e0e0e0;
	height: 1px;
	width: 100%;
	background:#e0e0e0;
	margin:8px 0;
}
fieldset, img {
	border:0;
}
sup {
	position:relative;
	bottom:0.3em;
	vertical-align:baseline;
}
sub {
	position:relative;
	bottom:-0.2em;
	vertical-align:baseline;
}
#right {
	float:right;
}
#left {
	float:left;
}

.left{
	float:left;
	text-align:left;
}

.right {
	text-align:right;
	float:right;
}

#nomargin{
	margin:0!important;
}

.img-right{
	float:right;
	margin:0;
}

.nopadding{
	padding:0!important;
}

#clearfloat {
	clear:both;
}

/* Links
---------------------------------------------------------------*/ 
 
a:link, a:visited {
	text-decoration:none;
	color:#666666;
}
a:hover {
	text-decoration: underline;
}

a.brownB {
	color:#571c1f;
}
a.brownB:hover {
	color:#313131;
	text-decoration:underline;
}

.Dark-orangeB{
	color:#cc6600;
	font-size:9pt;
	font-weight:bold;
}

.Dark-Brown{
	color:#571c1f!important;
}

.White{
	color:#ffffff!important;
}

.brown7pt{
	font:normal 7pt "Tahoma";
	color:#bc813b;
}

a.brownB2 {
	font:normal 9pt "Times New Roman"!important;
	color:#571c1f;
}
a.brownB2:hover {
	color:#ff5b01;
	text-decoration:underline;
}

a.brownB2:focus {
	color:#ff5b01;
	text-decoration:underline;
}

.red-denote{
	font:normal 8pt "Tahoma"!important;
	color:#b20838;
}

.red{
	font:normal 9pt "Tahoma";
	color:#ff000d;
}

.goldB{
	font-weight:bold;
	color:#9c7e0f;
}

.goldB10{
	font:bold 10pt "Tahoma";
	color:#9c7e0f!important;
}

.brown-email{
	font:bold 10pt "Tahoma";
	color:#cf7010!important;
}

.tahoma12{
	font:bold 10pt "Tahoma";	
}

/* ------------------------------------------------------------
   2. Main Structure
---------------------------------------------------------------*/
/* Top Navigation */

#top-nav{
	width:960px;
	position:absolute;
	z-index:1000;
	padding:28px 0 0 0;
	text-align:right;
	top:0;
	left:0;
}

#top-nav p{
	float:right;
	padding:5px 0 0 0;
}

#top-nav p.welcometext{
	float:right;
	font-weight:bold;
	color:#571c1f;
	padding:1px 3px 0 3px!important;
}

/* Wrapper + Background */

#wrapper {
	width:100%;
	position:relative;
}

.bg{
	background:url(../i/bg.jpg) center top no-repeat;
}

/* Container */

#container {
	width:978px;
	position: relative;
	margin: 0px auto;
	overflow:hidden;/*hide it when you edit html by dreamweaver*/
}

/* Content WhiteBox */

#content-box{
	float:left;
	width:978px;
	margin:0;
}
.outer { margin: 0; width: 100%; position:relative; overflow:hidden; }
.outer_bg { display:inline; z-index:12; position:absolute; width:978px; height:8000px; left:0;top:0; }
#content-box-C{
	float:left;
	display:inline;
	position:relative;
	z-index:13;
	margin:0 0 0 9px;
	width:960px;
}
.inner { margin:0; width: 100%; height:13px; position:relative; display:block; clear:both; }
.inner_bg {
	display:inline;
	position:absolute;
	left:-9px;
	top:0;
	z-index:14;
	width:978px;
	height:13px;
}

#content-box-bottom{
	float:left;
	width:978px;
	position:relative;
}

/* ------------------------------------------------------------
   3. Main Content
---------------------------------------------------------------*/

#holder{
	width:960px;
	float:left;
}

#content{
	width:960px;
	float:left;
}

#col-left{
	width:220px;
	float:left;
}

#col-center{
	width:540px;
	float:left;
}

.center-space{
	padding:80px 0 0 0!important;
}

.border-left{
	border-left:0px solid #cccccc;
	width:200px!important;
}

#col-right{
	width:200px;
	float:left;
}

/* My Coffee Bean*/

.center-space2{
	width:500px!important;
	padding:20px!important;
}
/* ------------------------------------------------------------
   4. Col-Left
---------------------------------------------------------------*/
/* Title*/

#col-left .title{
	width:220px;
	float:left;
	padding:0 0 20px 0;
}

/* Accordian Menu*/

#sidenav {
	width:220px;
	float:left;
}
#sidenav ul {
	list-style:none;
}
#sidenav li {
	list-style:none;
	display:inline;
}
#sidenav li img {
	display:block;
}

/* 1st level expand*/

#sidenav li div {
	list-style:none;
	color:#666633;
	font:normal 10pt "Times New Roman", Times, serif;
	padding:0 0 5px 0;
}
#sidenav li a {
	font:normal 10pt "Times New Roman", Times, serif;
	color:#562b01;
}
#sidenav li a:hover {
	text-decoration:none;
	color:#ff5b01;
}
#sidenav li a.selected {
	text-decoration:underline;
}

/* Begin Header without submenu */

#sidenav li a.lv0 {
	line-height:2.6em;
	margin: 0 0 0 14px;
	color:#562b01;
}
#sidenav li a.lv0 p {
	padding:5px 0 5px 14px;
	margin-top:-15px;
}
#sidenav li a.lv0:hover {
	text-decoration:none;
	color:#ff5b01;
}

/* End Header without submenu */

/* Begin Header with submenu */

#sidenav li a.lv1 {
	line-height:2.6em;
	margin: 0 0 0 14px;
	color:#562b01;
}
#sidenav li a.lv1:hover {
	text-decoration:none;
	color:#ff5b01;
}

/* End Header with submenu */

/* Selected expanded link */

#sidenav li a.selected {
	color:#ff5b01;
}

/* Permanent link (actual page) */

#sidenav li a.perm {
	color:#ff5b01;
	text-decoration:underline;
}
.submenu {
	width:181px;
	overflow:hidden;
	padding:0 0 0 29px;
}

/* The Coffee Bean Card*/

ul.side-CBcard {
	list-style:none;
	width:190px;
	float:left;
	padding:11px 0 30px 30px;
}

ul.side-CBcard li{
	padding:4px 0;
}

/* The Coffee Bean Card-account info*/

#side-CBcard-info{
	width:201px;
	float:left;
	margin:0 0 0 15px;
	background:url(../i/p-cb-card-bg.gif) left top repeat-y;
}
#side-CBcard-info p{
	padding:0;
}

#side-CBcard-info .CBcardinfo{
	padding:23px 0 0 20px;
}
.table-CBcardinfo{
	padding:0 3px 5px 3px;
	color:#333333;
}

/* The col side pic*/

.sb{
	width:220px;
	float:left;
}

/* ------------------------------------------------------------
   5. Col-Center
---------------------------------------------------------------*/
/*Product*/

#product{
	float:left;
	width:540px;
	padding:0 0 40px 0;
}

#product2{
	float:left;
	width:540px;
	padding:0 0 40px 0;
}

#product-title{
	width:540px;
	padding:0 0 0 0;
}

#product ul{
	list-style:none;
	float:left;
}

#product2 ul{
	list-style:none;
	float:left;
}
/*to set row - when text is longer than normal in one row it still organize*/

#product div{
	width:100%;
	float:left;
}

#product li{
	list-style:none;
	float:left;
	padding:0 5px 10px 0;
	display:block;
	text-align:center;
}

#product li a:hover{
	text-decoration:underline;
}

#product li h5{
	color:#571c1f;
	font:bold 9pt "Tahoma";
	padding:8px 0 0 0;
}

#product li.5col{
	width:100px;
}

/*Cakes & Party Packs*/

#product2 div{
	width:100%;
	float:left;
}

#product2 li{
	list-style:none;
	float:left;
	padding:0 0 15px 15px;
	display:block;
	text-align:center;
}

#product2 li a:hover{
	text-decoration:underline;
}

#product2 li h5{
	color:#571c1f;
	font:bold 9pt "Tahoma";
	padding:8px 0 0 0;
}

#product2 li.4col{
	width:115px;
}

/*Product Detail*/

#product img.img-p-large{
	float:left;
	margin:0 0 0 0;
}

#product .description{
	float:left;
	width:300px;
	padding:50px 0 0 0;
}

#product .description2{
	float:left;
	width:230px;
	padding:40px 0 0 10px;
}

#product .description3{
	float:left;
	width:280px;
	padding:40px 0 0 10px;
}

/*Product Control Button*/

#product .controlbtn{
	float:left;
	width:300px;
	text-align:right;
	color:#999999;
	padding:20px 0 0 0;
}

#product .controlbtn2{
	float:left;
	width:240px;
	text-align:right;
	color:#999999;
	padding:20px 0 0 0;
}

#product .controlbtn3{
	float:left;
	width:290px;
	text-align:right;
	color:#999999;
	padding:20px 0 0 0;
}

.controlbtn{
	float:left;
	width:300px;
	text-align:right;
	color:#999999;
	padding:20px 0 0 0;
}

#product .controlbtn a{
	color:#999999;
}

#product .controlbtn a:hover{
	text-decoration:underline;
}

/*E-commerce - Add on*/

#p-suggestion{
	width:540px;
	padding:0 0 0 0;
	float:left;
}

.suggest-txt{
	width:540px;
	margin:10px 0;
	text-align:right;
}

.other-suggest2{
	width:150px!important;
	padding:0 0 10px 20px;
	text-align:center;
}


#ec{
	width:720px;
	float:left;
	padding:0 0 20px 0;
	color:#333333;
	background:url(../i/ec-y-bottom.gif) left bottom no-repeat #f8f2d8;
}

#ec .ec-top-corner{
	width:720px;
	float:left;
	padding:0 0 6px 0;
}

#ec .ec-shoppingbag{
	width:702px;
	float:left;
	padding:0 0 19px 18px;
}

#ec .ec-step{
	width:720px;
	float:left;
	padding:0 0 10px 0;
}

#ec .ec-shopinfo{
	width:680px;
	float:left;
	padding:0 20px;
	border-bottom:1px solid #e0c599;
}

#ec .ec-shopinfo2{
	width:680px;
	float:left;
	padding:20px;
}

ul.bean{
	list-style:none;
	padding:0 0 0 10px;
}

ul.bean li{
	background:url(../i/li-bean.gif) left center no-repeat;
	padding:5px 20px;
}

#ec .ec-table{
	width:700px;
	float:left;
	padding:0 10px;
}

#table-ec{	
	border-collapse: collapse;
	}	

#table-ec td.ec-leftline{
	padding:5px 10px;
	border-left:1px solid #dfd9c2;
	vertical-align:top;
	text-align:left;
}

#table-ec td.ec-rightline{
	border-right:1px solid #dfd9c2;
}

#table-ec td{
	padding:5px 10px;
	text-align:left;
	border-bottom:1px solid #e4cdb1;
	vertical-align:middle;
	background:#ffffff;
	text-align:center;
}

#table-ec td.ec-description{
	padding:5px 10px;
	text-align:left;
	border-bottom:1px solid #e4cdb1;
	vertical-align:top;
	background:#ffffff;
}

#table-ec th{
	padding:5px 10px;
	text-align:center;
	background:url(../i/ec-table-top-bg.gif) left top repeat-x #f0e5b9;
}

#table-ec th.tb1{
	padding:0;
	text-align:left!important;
}

#table-ec th.tb2{
	padding:0!important;
	text-align:right!important;
	background:url(../i/ec-table-top2.gif) right top no-repeat!important;
}

#table-ec th.tb4{
	padding:0!important;
	background:url(../i/ec-table-top4.gif) right top no-repeat!important;
	text-align:center;
}

#table-ec .btndel{
	margin:0 5px;
}

.space-ec-btn{
	margin:0 0 5px 0;
	float:left;
}

.input-ec{
	border:1px solid #969696;
	width: 20px;
	font:normal 8pt "Tahoma";
}
.td-empty{
	padding:0!important;
	border:0!important;	
	background:none!important;
}
#table-ec td.ec-totalprice{
	padding:5px 10px;
	border-left:1px solid #dfd9c2;
	border-right:1px solid #dfd9c2;
	vertical-align:top;
	background:#f0e5b9;
	border-bottom:0!important;
	text-align:left;	
}

.td-ec-totalprice{
	background:none!important;
	border-bottom:0!important;
	padding:0;
}

.td-ec-totalprice2{
	background:none!important;
	border-bottom:0!important;
	padding:0;
	text-align:right!important;
	font:bold 11pt "Times New Roman";
	color:#571c1f;
}

.td-ec-totalprice3{
	background:none!important;
	border-bottom:0!important;
	padding:0;
	text-align:left!important;
	font:bold 10pt "Tahoma";
	color:#571c1f;
}

.td-ec-subprice{
	background:none!important;
	border-bottom:0!important;
	text-align:left!important;

}

.ec-plus{
	color:#977257;
	font:bold 8pt "Times New Roman";
}

.ec-price1{
	font:bold 10pt "Arial";
	color:#000000;
}

#table-ec td.ec-yourorder{
	padding:5px 10px;
	border-left:1px solid #dfd9c2;
	border-right:1px solid #dfd9c2;
	vertical-align:top;
	background:url(../i/ec-bg-yourorder.gif) left bottom repeat-x #ecdda5;
	border-bottom:0!important;
	text-align:left;	
}

#table-ec td.ec-yourorder2{
	padding:3px 0;
	border-left:1px solid #dfd9c2;
	border-right:1px solid #dfd9c2;
	background:url(../i/ec-bg-yourorder2.gif) left bottom repeat-x #ecdda5;
	border-bottom:0!important;
	text-align:left;	
}


#ec-holder{
	width:700px;
	float:left;
	padding:0 0 0 10px;
}

#ec-holder .ec-holder-head{
	float:left;
	width:680px;
	background:url(../i/ec-table-top.gif) left top no-repeat;
	padding:8px 20px 4px 0;
	text-align:right;
}

#ec-holder .ec-holder-head2{
	float:left;
	width:680px;
	background:url(../i/ec-table-top.gif) left top no-repeat;
	padding:8px 0 4px 20px;
}

#ec-holder .ec-holder-head2 p.beanpoint{
	margin:0 15px 0 0;
	float:left;
}

#ec-holder .ec-holder-head2 p.beanpoint-darkbrown{
	margin:0 15px 0 0;
	float:left;
	color:#571c1f;
	font-weight:bold;
}

#ec-holder-content{
	width:658px;
	float:left;
	padding:20px 20px;
	background:#ffffff;
	border-left:1px solid #dfd9c2;
	border-right:1px solid #dfd9c2;
}

#ec-2col{
	width:310px;
	float:left;
	padding:0 30px 0 0;
}

.store-collect-notice{
	width:280px;
	float:left;
	padding:10px;
	border:1px solid #999999;
}


#ec-holder .ec-holder-btn{
	float:left;
	width:658px;
	background:#f0e5b9;
	border-left:1px solid #dfd9c2;
	border-right:1px solid #dfd9c2;
	padding:10px 20px 0 20px;
}

#ec-holder .ec-holder-bottom{
	float:left;
	width:700px;
}

#table-ec2{	
	border-collapse: collapse;
	}	

#table-ec2 td{
	padding:5px 0;
	text-align:left;
}
/* ------------------------------------------------------------
   6. Col-Right
---------------------------------------------------------------*/

#col-right .t-suggestion{
	float:left;
	width:200px;
}

#other-suggest{
	float:left;
	width:160px!important;
	padding:0 0 10px 20px;
	text-align:center;
}

#ec-shopbag{
	float:left;
	width:200px;
	background:url(../i/ec-checkout-bg1.gif) left top no-repeat #f8f2d8;
	padding:104px 0 0 0;
}

#ec-shopbag .shopbag-item{
	float:left;
	padding:0 0 5px 138px;
	font:normal 8pt "Tahoma";
	color:#571c1f;
}

#ec-shopbag .shopbag-tprice{
	float:left;
	padding:0 0 32px 142px;
	font:normal 8pt "Tahoma";
	color:#571c1f;
}

#ec-shopbag .shopbag-checkout{
	float:left;
	width:200px;
	text-align:center;
	padding:0 0 19px 0;
	border-bottom:1px solid #bc813b;
}

#ec-shopbag .shopbag-itemadd{
	float:left;
	width:162px;
	padding:24px 19px 0 19px;
}

#ec-shopbag .shopbag-dash{
	float:left;
	width:162px;
	margin:10px 0;
	background:url(../i/ec-dash.gif) left center repeat-x;
	height:1px;
}

#shopbag-plisting{
	float:left;
	text-align:center;
	width:140px;
	padding:10px 30px 10px 30px;
}

#ec-shopbag .shopbag-product{
	float:left;
	width:120px!important;
	padding:10px;
	text-align:center;
	background:url(../i/ec-shopbag-product.gif) left top no-repeat;
}

#ec-shopbag .shopbag-product img{
	margin:15px 0;
}

#ec-shopbag .shopbag-bottom{
	float:left;
	width:200px;
}



/* ------------------------------------------------------------
   7. Content
---------------------------------------------------------------*/
/*Benefit*/

.bg-login{
	width:960px;
	background:url(../i/bg-login.jpg) left top no-repeat;
}

#login-col-left{
	width:600px;
	float:left;
}

#login-col-left .benefit1{
	padding:117px 0 0 90px;
}

#login-col-left .benefit2{
	padding:26px 0 7px 17px;
}

#login-col-left .cbcard{
	float:left;
	width:189px;
	padding:0 4px 0 0;
}

#login-col-left .cbcard2{
	float:left;
	width:143px;
	padding:0 10px 5px 30px;
}

#login-col-left .benefit2 p{
	padding:27px 0 0 0;
}

#login-col-left .benefit2 p.space-benefit{
	padding:17px 0 0 5px;
}

/*Login Box*/

#login-col-right{
	width:335px;
	float:left;
}

.txt-mycb{
	margin:67px 0 13px 41px;
}

.txt-member{
	margin:0 0 12px 16px;
}

#login-box{
	width:251px;
	padding: 0 0 0 49px;
}

.input-login {
	border:1px solid #d4d4d4;
	width: 128px;
	font:normal 8pt "Tahoma";
}

#login-box .invalid{
	padding:19px 0 0 0;
	text-align:center;
	color:#ff0000;
}

#login-forgotpass{
	width:260px;
	padding:15px 0 0 40px;
}

#login-forgotpass p{
	padding:13px 0;
	border-top:1px solid #9c7e0f;
	border-bottom:1px solid #9c7e0f;
	text-align:center;
}


#txt-memberN{
	padding:48px 0 0 16px;
}

#txt-memberN p{
	padding: 5px 0 0 22px;
}

/*Forgot Password*/

#text-forgotpass{
	padding:0 0 12px 16px;
}

#text-forgotpass p{
	padding: 0 0 0 22px;
}


#btn-cancel{
 padding:50px 0 0 40px;
}

/*After Login*/

.txt-introCBcard{
	padding: 0 0 19px 0;
}

#afterlogin-side{
	width:220px;
	float:left;	
}

/*Register + Edit Profile*/

.bg-reg{
	width:960px;
	background:#e8d4a3;
}

#reg{
	width:868px;
	float:left;
	padding:7px 0 30px 60px;
	background:url(../i/p-reg-box-left.gif) left top repeat-y #ffffff;
}

#reg-right{
	width:32px;
	float:left;
}

#reg .reg-content{
	width:841px;
	float:left;
	padding:0 27px 0 0;
	background:url(../i/bg-coffeering.jpg) right bottom no-repeat;
}

.input-reg {
	border:1px solid #d4d4d4;
	width: 150px;
	font:normal 8pt "Tahoma";
	height:18px;
}

.input-reg2 {
	border:1px solid #d4d4d4;
	width: 200px;
	font:normal 8pt "Tahoma";
	height:18px;
}

.input-reg3 {
	border:1px solid #d4d4d4;
	width: 30px;
	font:normal 8pt "Tahoma";
	height:18px;
}

.table-reg-row{
	padding:0 0 8px 0;
	font-weight:bold;
	color:#333333;
}

.table-reg-row1{
	width:150px;
	padding:8px 0 8px 0;
	font-weight:bold;
	color:#333333;
}

.table-reg-row2{
	color:#333333;
}

.table-reg-row2 p{
	padding:0 0 3px 0
}

.space-reg1{
	padding:20px 0 0 0;
}

.space-reg2{
	padding:10px 0;
}

#linerow{
	width:840px;
	margin:8px 0;
	height:1px;
	background:#c5c4c4;
}

/*Transcation History*/

#bg-history{
	width:500px;
	padding:10px 0 0 0;
	background:url(../i/bg-table-historyT.jpg) left top no-repeat;
}

#table-history{
	width:500px;
	}	

#table-history tr.odd td{
	background:#fde1c2;
	padding:5px 10px;
	text-align:center;
	vertical-align:top;
}

#table-history td{
	background:url(../i/bg-table-history.gif) left top repeat-x;
	padding:5px 10px;
	text-align:center;
	vertical-align:top;
}

#table-history th {
	padding:10px 0 15px 0;
	color:#ffffff;
	font:bold 8pt "Tahoma";
	text-align:center;
	}

/*Coffee Bean Card*/

.bg-cbcard{
	width:960px;
	background:url(../i/bg-cb-card.jpg) left top no-repeat;
}

#cbcard-bookmark{
	padding:0 0 182px 734px;
}

/*About Us, Write To Us, Spill The Beans, FAQs, Contact Us, Coffee Careers*/

.bg-about{
	width:960px;
	background:url(../i/bg-about.gif) left top repeat-y;
}

#about-head{
	width:960px;
	background:url(../i/bg-about-head.jpg) left top no-repeat;
	overflow:hidden;
}

.height-100px{
	padding:100px 0 0 0;
}

#about-content{
	width:660px;
	float:left;
	padding:40px 20px 20px 40px;
	color:#333333;
}

.bg-spillbean{
	background:url(../i/p-spill.jpg) 450px 60px no-repeat;
}

.title-about{
	padding:13px 0 29px 0;
}

.title-about2{
	padding:13px 0 5px 0;
}

.title-times{
	font:bold 10pt "Times New Roman";
}

.title-times2{
	font:bold 11pt "Times New Roman";
	color:#571c1f;
}

.img-contact{
	float:right;
	margin:0 100px 0 0;
}

.table-spillbean{
	padding:0 0 8px 0;
}

.input-spillbean{
	border:1px solid #969696;
	width: 150px;
	font:normal 8pt "Arial";
}

.textarea-spillbean {
	width:250px;
	border:1px solid #969696;
	height:140px;
}

/*Promotions*/

.bg-promotions{
	width:960px;
	background:url(../i/bg-promotions.gif) left top repeat-y;
}

#promotions-head{
	width:960px;
	background:url(../i/bg-promotions-head.jpg) left top no-repeat;
	overflow:hidden;
}

#promotions-content{
	width:690px;
	float:left;
	padding:260px 30px 20px 20px;
	color:#333333;
}

.txt-visitstore{
	padding: 20px 0 30px 0;
}

#promotions{
	width:690px;
	float:left;
	color:#333333;
	padding:0 0 20px 0;
}

#promotions-tab-01{
	width:420px;
	background:url(../i/tab-promotions-01.png) left top no-repeat;
	overflow:hidden;
	color:#FFFFFF;
}

#promotions-tab-02{
	width:420px;
	background:url(../i/tab-promotions-02.png) left top no-repeat;
	overflow:hidden;
	color:#FFFFFF;
}

#promotions-tab-01 .promo-tab-01{
	width:380px;
	height:80px;
	float:left;
	padding:20px 20px 10px 20px;
}

#promotions-tab-02 .promo-tab-02{
	width:380px;
	height:100px;
	float:left;
	padding:15px 20px 10px 20px;
}

#promotions .promo-L{
	width:100px;
	float:left;
}

#promotions .promo-R{
	width:210px;
	float:left;
	padding:0 10px 0 20px;
}

.h4-space1{
	padding:0 0 8px 0;
}

/*Happenings*/

.bg-happenings{
	width:960px;
	background:url(../i/bg-happenings.jpg) left top no-repeat;
}

#happenings-col-left{
	width:480px;
	height:377px;
	float:left;
	padding:27px 0 0 0;
	vertical-align:bottom;
}

#happenings-col-right{
	width:480px;
	height:377px;
	float:right;
	padding:27px 0 0 0;
	vertical-align:bottom;
}

/*Store Finder*/

.bg-store{
	width:960px;
	background:url(../i/bg-store.gif) left top repeat-y;
}

#store-head{
	width:960px;
	background:url(../i/bg-store-head.jpg) left top no-repeat;
	overflow:hidden;
}

.txt-store{
	padding:0 0 20px 0;
}

#store-content{
	width:660px;
	float:left;
	padding:30px 30px 20px 30px;
	color:#333333;
}

#store-listing{
	width:660px;
	float:left;
}

#store-listing .store-list-L{
	width:160px;
	float:left;
}
#store-listing .store-list-R{
	width:480px;
	float:left;
	padding:0 0 0 20px;
}

.table-store{
	padding:0 0 10px 0;
	vertical-align:top;
}

/*Caring Cup*/

.bg-caringcup{
	width:960px;
	background:url(../i/bg-caringcup.gif) left top repeat-y;
}

#caringcup-head{
	width:960px;
	background:url(../i/bg-caringcup-head.jpg) left top no-repeat;
	overflow:hidden;
}

#caringcup-content{
	width:660px;
	float:left;
	padding:155px 20px 20px 40px;
	color:#333333;
}

.height-155px{
	padding:155px 0 0 0;
}

/* ------------------------------------------------------------
   8. Footer
---------------------------------------------------------------*/

#footer {
	width:100%;
	font:normal 7pt "Tahoma";
	Color:#333333;
	background:url(../i/bg-footer.gif) left bottom repeat-x;
	text-align:center;
	padding:20px 0 10px 0;
	bottom:0;
	z-index:10000;
}

#footer a {
	font:normal 7pt "Tahoma";
	Color:#333333;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}

#footer-flash{
	width:962px;
	position: relative;
	margin: 0px auto;
	padding:0 0 30px 0;
}

/* ------------------------------------------------------------
   9. Form Elements
---------------------------------------------------------------*/

#form {
	float:left;
	width:385px;
	padding:20px 0 0 100px;
}
#form label {
	display: block;
	float: left;
}
#form p.row {
	width:385px;
	float:left;
	margin:5px 0 10px 0;
}
#form p.row2 {
	float:left;
	margin:5px 0 10px 0;
	padding:0 0 0 115px;
}
#form label {
	width: 150px;
	padding: 0 5px 0 0;
	font-weight:bold;
}
#form span.txt-red2-invalid {
	color:#ff0600;
	font:bold 7pt "tahoma";
	float:left;
	display:block;
	clear:left;
	margin:10px 0 0 120px;
}
.textarea {
	width:200px;
	border:1px solid #969696;
	font:normal 8pt "Tahoma";
}
.textarea2 {
	width:250px;
	border:1px solid #969696;
	height: 100px;
	font:normal 8pt "Tahoma";
}

.textarea3 {
	border:1px solid #969696;
	font:normal 9pt "Tahoma";
}

.input {
	border:1px solid #969696;
	font:normal 9pt "Tahoma";
}
.input2 {
	border:1px solid #969696;
	width: 180px;
	font:normal 8pt "Tahoma";
}
.field {
	border:1px solid #969696;
	font:normal 8pt "Tahoma";
}
.select {
	border:1px solid #969696;
	font:normal 8pt "Tahoma";
}

.select2 {
	border:1px solid #969696;
	font:normal 9pt "Tahoma";
}
.button {
	border:none;
	font:bold 8pt "Tahoma";
	text-align:center;
	margin:0 10px 0 0;
	width:58px;
}

input.required {
	border:1px solid #e6e6e6;
	height:15px;
	font:normal 8pt "Tahoma";
	width: 180px;
}
input.required, textarea.required {
	border: 1px solid #d9d9d9;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #ff7f00;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}
.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #ff7f00;
	color : #FFF;
	font-weight: bold;
	text-align:center;
}
div#soul_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #666;
	opacity:0.2;
	filter: alpha(opacity=20);
	z-index: 30000;
}
div#soul_message {
	position:absolute;
	background-color:#cccccc;
	color:black;
	width:200px;
	padding:20px;
	height:100px;
	text-align:center;
	z-index:40000;
}

/* ------------------------------------------------------------
   10. Greetings
---------------------------------------------------------------*/

#greeting {
	position:relative;
	top: 85px;
	left: 30px;
	color:#5d2424;
	font:bold 16pt "tahoma";
}