/* Main CSS for Pandora's Pantry */

/* Many elements in this layout are floated for no apparent 
reason. This is because IE6 plays much better with these 
floats than if they are non-floated. */

/***XXXXXXXXXXXXXXXX Zeroing Rules XXXXXXXXXXXXXXXXX***/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	text-decoration: none;
	list-style: none; /* use "list-style-type: disc" to bring back the bullets! */
}
/* remember to define focus styles! 
:focus {
	outline: 0;
}*/

img {
	vertical-align: bottom;
} /* Avoids baseline spacing below img elements in IE6 */
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
/*** end of Zeroing Rules ***/

@font-face {
 font-family: 'Folks-LightRegular';
 src: url('http://www.pandoraspantry.com/assets/font/Folks-Light.eot');
 src: local('Folks-Light'), local('Folks-Light'), url('http://www.pandoraspantry.com/assets/font/Folks-Light.woff') format('woff'), url('http://www.pandoraspantry.com/assets/font/Folks-Light.ttf') format('truetype'), url('http://www.pandoraspantry.com/assets/font/Folks-Light.svg#Folks-Light') format('svg');
}
 @font-face {
 font-family: 'FolksRegular';
 src: url('http://www.pandoraspantry.com/assets/font/Folks-Normal.eot');
 src: local('Folks'), local('Folks-Normal'), url('http://www.pandoraspantry.com/assets/font/Folks-Normal.woff') format('woff'), url('http://www.pandoraspantry.com/assets/font/Folks-Normal.ttf') format('truetype'), url('http://www.pandoraspantry.com/assets/font/Folks-Normal.svg#Folks-Normal') format('svg');
}
 @font-face {
 font-family: 'FolksBold';
 src: url('http://www.pandoraspantry.com/assets/font/Folks-Bold.eot');
 src: local('Folks'), local('Folks-Bold'), url('http://www.pandoraspantry.com/assets/font/Folks-Bold.woff') format('woff'), url('http://www.pandoraspantry.com/assets/font/Folks-Bold.ttf') format('truetype'), url('http://www.pandoraspantry.com/assets/font/Folks-Bold.svg#Folks-Bold') format('svg');
}
/*@font-face {
	font-family: 'Folks-HeavyRegular';
	src: url('Folks-Heavy.eot');
	src: local('Folks-Heavy'), local('Folks-Heavy'), url('Folks-Heavy.woff') format('woff'), url('Folks-Heavy.ttf') format('truetype'), url('Folks-Heavy.svg#Folks-Heavy') format('svg');
}*/

/******* IN THESIS -- .bodyliner = #container / .wrapper = #page / .header = #header / .maincontent = #content_box  *******/

/*** Some Global rules ***/

body, body.custom {
	font: 90%/1.3 Arial, Helvetica, sans-serif;
	color: #555;
	background: #FFF url(http://www.pandoraspantry.com/assets/img/bodybg4.jpg) 0 204px repeat-x;
} /* default BG covers the non-home pages */
.bodyliner, .custom #container {
	background: url(http://www.pandoraspantry.com/assets/img/bodybg3.png) 50% 100% no-repeat;
	width: 100%; /* added for blog - check real site */
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'FolksRegular', Arial, sans-serif;
	color: #007990;
}
p {
	padding-bottom: 10px;
}
h1 {
	font-size: 155%;
	text-shadow:-1px 1px 1px rgba(51,51,51,.8);
}
h2 {
	font-size: 135%;
}

h4 {
	font-size: 150%;
	color: #398a9f;
	padding: 0 0 6px 0;
}
.ordercol h4 {
	font-size: 130%;
	}
.ordercol h5 {
	font-size: 100%;
	padding: 15px 0 4px 0;
}
h5 {
	font-size: 135%;
	padding-bottom: 10px;
	color: #398A9F;
}
.site h5 {
	padding-bottom: 2px;
	margin-top: 15px;
	font-size: 115%;
}
h6 {
	font-size: 105%;
}
#signUpPane ul li, .maincol ul li, #content ul li {
	list-style: disc;
	margin-left: 20px;
}
.maincol ul li {
	margin-bottom: 10px;
}
.site ul ul {
	margin-top: 10px;
}

/**** Link styles ****/

a {
	color: #007990;
	text-decoration: underline;
}
a:hover, a:active, a:focus {
	text-decoration: none;
	color: #005768;
}
h3 a {
	text-decoration: none;
}
.site ul ul a {
	color: #6AB;
}
/***XXXXXXXXXXXXXXXXXXXXX Main Structure Rules XXXXXXXXXXXXXXXXXXXXX***/

.wrapper, .custom #page {
	position: relative;
}
.header, .custom #header {
	position: relative;
	width: 900px;
	height: 200px;
	margin: 0 auto;
	clear: none;/* added for blog */
}
.header a.logolink, .custom #header a.logolink {
	position: absolute;
	left: 0;
	top: 20px;
}
.maincontent {
	clear: both;
	width: 900px;
	margin: 5px auto 0 auto;
	padding: 0 0 20px 0;
	position: relative; /* for the AP errror messages */
}

/* remove blog padding and neutralize other selectors */
.custom #header, .custom .sidebar ul.sidebar_list, .custom ul.sidebar_list, .custom .post_box {
	padding: 0;
}
.custom #sidebar_1 a {
	text-decoration: none;
}
.custom #header, .custom .footer, .custom .footer a {
	border: none;
}
.custom #page {
	background: none;
}
.custom .post_box, .custom .teasers_box {
	border-color: #97C5D0;
}
.custom .format_text p {
	margin: 0;
}
.custom .teasers_box {
	width:610px;
	margin: 0;
}
.custom .teaser {
	width: 290px;
}
.custom .teaser .format_teaser {
	margin-bottom: 0;
}
.custom .headline_home {
	margin: 25px 0 0;	
}
.custom #content .headline_home h2.entry-title {
	padding-bottom: 0;	
}

/**** Blog font styling & sizing ****/
.custom #content_box {
	font-size: 75%;
}
.custom #archive_info {
	color: #999;
}
.custom .headline_area h1 a, .custom .headline_area h2 a, .custom .post_tags, .custom .post_tags a, .custom .teaser a.teaser_link, .custom h3, .custom h4 {
	color:#398A9F;
}
.custom #content h2 a, .custom .headline_area h1, .custom .headline_area h2 {
	color:#398A9F;
	padding:0 0 15px;
	text-decoration: none;
}
.custom #content h2 a:hover, .custom #content h2 a:active, .custom #content h2 a:focus {
	color: #97C5D0;
}
.custom .prev_next {
	border-width: 1px 0 0;
}
.custom #feature_box, .custom #archive_info, .custom #comment_nav_2 {
	border-width:0 0 1px;
}
.custom .format_text h4 {
	margin-top: 25px;
}
.custom .format_text img {
	border: 1px solid #eaeaea;
	padding: 1px;
}
.custom .floatleft {
	margin-right: 10px !important;
}

/***XXXXXXXXXXXXXXXXXXXX home page elements XXXXXXXXXXXXXXXXXXXX***/
.col-main {
	float: left;
	width: 560px;
	padding: 0 20px 0 20px;
	color: #007990;
}
.col-side {
	float: right;
	width: 284px;
	margin-left: 10px;
}
.col-main ul {
	margin: 0 0 20px 20px;
	list-style: disc outside none;
}
.col-main ul li {
	list-style: disc outside none;
	margin: 0 0 10px 0;
}
.col-main h2 {
	margin: 15px 0 0 0;
}
.col-main blockquote {
	margin: 10px 20px;
	font-size: 120%;
	font-family: Georgia, sans-serif;
	color: #77A1AB;
}
.blogroll {
	font-size: .8em;
	padding: 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow:-1px 1px 3px rgba(149,149,150,.7);
	-moz-box-shadow:-1px 1px 3px rgba(149,149,150,.7);
	-o-box-shadow:-1px 1px 3px rgba(149,149,150,.7);
	box-shadow:-1px 1px 3px rgba(149,149,150,.7);
	width: 187px;
	margin: 20px 0 0 22px;
	background-color: #E5E5E5;
	background-image: -moz-linear-gradient(0% 0% 270deg,#D3E3EB, #F0F7FA, #FFFFFF 100%);
	background-image: -webkit-gradient(linear, 0% 5%, 0% 100%, from(#D3E3EB), to(#FFFFFF), color-stop(.4,#F0F7FA));
}
.blogroll h2 {
	color: #007990;	
	padding-bottom: 10px;
}
.blogroll p {
	color: #77A1AB;
}

/***XXXXXXXXXXXXXXXXXXXX Product page elements XXXXXXXXXXXXXXXXXXXX***/

.hasmenucol, .custom #content_box {
	float: left;
	width: 100%;
	padding-bottom: 3px;
	margin: 0 0 12px 0;
	background: url(http://www.pandoraspantry.com/assets/img/dropshadows/menucol1.png) left bottom no-repeat;
} /* This BG paints a faux column, must match up with .meuncol width. */
.custom #content_box {
	clear: both;
	padding: 0 0 20px 0;
	margin: 5px auto 0;
	float: none;
	background: none;
	width: 900px;
}
.custom #sidebars {
	background: url(http://www.pandoraspantry.com/assets/img/dropshadows/menucol1.png) left bottom no-repeat;
}
.hasmenucol .maincol, .custom #content {
	float: right;
	width: 610px;
	padding: 30px 0 0 0;
}
/*** .menucol may easily be given alternate widths and styles just by 
leaving out the .hasmenucol wrapper and writing a simple ".menucol"
selector for the rule. ***/

.product .maincol {
	width: 630px;
}
.maincol h3 {
	color: #999;
	padding: 0 0 15px 0;
}
.maincol h3 span {
	color: #6AB;
}
.maincol h3 a {
	color: #999;
}
ul.product-list {
	margin: 0 0 10px 0;
	padding: 0;
	border-bottom: 1px solid #398a9f;
	float: left;
	width: 100%;
}
.maincol .product-list li {
	float: left;
	list-style: none;
	margin-bottom: 0;
}
.product-list li a {
	color: #FFF;
	background: #398a9f;
	text-decoration: none;
	display: block;
	padding: 5px 8px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.product-list li a.current {
	background: #007990;	
}
.product-list li a:hover, .product-list li a:active, .product-list li a:focus {
	background: #00657c;
}
ul.col1, ul.col2 {
	float: left;
	width: 45%;
	list-style: none;
	padding: auto 0;
	margin: auto 0;
}
ul.col1 li, ul.col2 li {
	list-style: none;
	padding: 0;
	margin: 0 0 15px 0;
}
ul.col1 {
	margin-right: 30px;
}

/*** Rules for all content pages ***/

.about .maincol .cornerfloat-right, .how_you_can_help .maincol .cornerfloat-right/*, .what_we_do .maincol .cornerfloat-right*/ {
	border: 1px solid #ddd;
	padding: 1px;
}
/*** Rules for matched ordering columns in the product pages ***/

.ordercol {
	float: right;
	width: 375px;
	padding: 20px 0 0 0;
} /* This div describes an individual product and sits beside the image of that product (.productviewcol) */
.ordercol a {
	color: #95a859;/*text-decoration: underline;*/
}
.ordercol form {
	position: relative;
	display: block;
	margin: 20px 0 70px 0;
}
.ordercol form .productname {
	width: 300px;
	margin: 10px 0 0 0;
}
.ordercol form label {
	position: relative;
	top: -1px;
}
.ordercol form .productcount {
	position: absolute;
	width: auto;
	right: 0;
	top: -.4em;
   }
.ordercol form .productcount label {
	position: absolute;
	width: auto;
	left: -2.3em;
   top: 0;
	padding: 0 0 .2em .5em;
}
.ordercol form .productcount input {
	padding: .2em;
	width: 1.8em;
	background: #fff;
	border: 1px solid #aaa;
}
.ordercol .roundedtext {
	margin-top: 20px;
	padding: 10px 7px;
	background: #ef9b24;
}
.ordercol .roundedtext input {
	padding: 0;
	color: #fff;
	font-weight: bold;
	background: none;
	border: 0;
}
.productviewcol {
	float: left;
	width: 224px;
	padding: 20px 0 0 0;
} /* This div shows the image of an individual product and sits next to the description (.ordercol) */
.productviewcol img.productimg {
	display: block;
	margin-bottom: 10px;
	/*border: 1px solid #eaeaea;*/
	padding: 1px;
	width: 220px;
}
.productviewcol .roundedtext, #cartForm .roundedbox {
	background: #e4eef0;
	padding: 10px 7px;
	margin-right: 0px;
}
#cartForm .roundedbox {
	width: 240px;
	margin-bottom: 10px;
}
/* product listing rules */
.prdct_list li {
	position: relative;
	list-style: none !important;
	margin-left: 0 !important;
}
/*** This div is the small colored side col in the interior pages. ***/
.menucol, .custom #sidebars {
	float: left;
	width: 240px;
}
.custom li.widget {
	padding-left: 15px;
	padding-right: 15px;
	width: 210px;
}
.custom li#text-3 { /* overriding for the possible menu in the blog */
	width: 240px;
	padding-left: 0;
	padding-right: 0;
}
.sidemenu {
	padding: 20px 0 5px 0;
	background: #A1C0C9; /*#bed9e0;*/
	border-bottom: 1px solid #fff;
} /* Menu list within .menucol */
.sidemenu li {
	position: relative;
}
.sidemenu a {
	display: block;
	text-decoration: none;
	margin: 0 30px 0 0;
	padding: 10px 20px 8px 20px;
	color: #fff;
	font-weight: bold;
	border-bottom: 1px dashed #fff;
}
.sidemenu .noborder a {
	border-color: #A1C0C9;
}
.sidemenu li.current, .sidemenu li:hover, .sidemenu li:active, .sidemenu li:focus {
	background: #A1C0C9 url(http://www.pandoraspantry.com/assets/img/dropshadows/sidemenu1.png) 7px 50% no-repeat;
	padding-top: 1px;
	top: -1px; /* covers unwanted borders with a BG color */
	text-decoration: none; /* added for blog */
}
.sidemenu li.current a, .sidemenu li:hover a {
	color: #555;
	border-bottom: 0;
}
/*** div.suggestions contains multiple instances of .minibox in .menucol. 
Some styling defined elsewhere depends on this container to work properly. ***/

.banners {
	padding-left: 8px;	
}
.suggestions, .home .banners {
	padding: 20px 17px 0 17px;
}
.suggestions h3 {
	margin: 0 0 10px 10px;
	font-weight: bold;
}
.suggestions h3 a {
	color: #FFF;
}
/*** div.banners ***/

/*.banners {
	padding: 20px 0 0 7px;
}*/
/*** personalitea ***/
#personalitea {
	border: 1px solid #ccc;
}
/*XXXXXXXXXXXXXXXXXXXXXXX Minibox XXXXXXXXXXXXXXXXXXXXXXXXX*/

/*** div.minibox is a generic construct consisting of a rounded and shadowed 
box with a left-hand thumb image and various text elements to the right of
the thumb. ***/

.miniboxholder {
	padding: 3px 0;
} /* This makes room for the CSS shadows to show */
.minibox, /*** Check this for .infobtn ***/ .minibox div, .minibox a, .buybtn, .sharebtn, .nextbtn, .backbtn, .infobtn, .roundedtext, #cartForm .roundedbox, .choosebtn, input[type=text], input[type=password], .message p {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	display: block;
}
.who_we_support .minibox, .who_we_support .minibox div {
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
}
.minibox {
	-moz-box-shadow: 1px 1px 3px #ccc;
	-webkit-box-shadow: 1px 1px 3px #ccc;
	-o-box-shadow: 1px 1px 3px #ccc;
	box-shadow: 1px 1px 3px #ccc;
	position: relative;
	overflow: hidden;
}
.minibox form {
	overflow: hidden; /* watch this */
}
.minibox .picshow {
	background-repeat: no-repeat;
	min-height: 115px;
}
.minibox .dotshow {
	position: relative;
	overflow: hidden;
}
.minibox a.miniboxlink {
	float: none;
	font-weight: normal;
}
.over {
	cursor: pointer;
}
.minibox h3 {
	font-size: 110%;
	font-weight: normal;
	padding: 7px 10px 3px 85px;
}
.minibox p {
	font-size: 90%;
	padding: 0 10px 0 100px;
}
.minibox p strong {
	/* [disabled]padding-bottom: 25px;
*/
	display: block;
}
.minibox a {
	float: right;
	/*display: inline;  IE6 doubled margin bugfix */
	/*padding: 4px 12px;*/
	font-weight: bold;
	text-decoration: none;
}
.who_we_support .minibox form a { /* should only apply to "your chosen charity comment" */
	float: left;
	margin: 0 0 10px 110px;
	color: #ef9b24;
	font-size: 110%;
}
/*.products .minibox a {
	float: left;	
}*/
.sharebtn, .minibox .buybtn, .pledge .buybtn {
	margin: 8px 12px 8px 0;
	background: #ef9b24/* url(http://www.pandoraspantry.com/assets/img/buttons/orange.jpg)*/;
	color: #fff !important;
	font-weight: normal;
	font-size: 90%;
	padding: 5px 10px;
	clear: right; /* *** make sure this messes nothing else up *** */
}
.sharebtn {
	text-decoration: none;
	clear: both;
	background: #729532 url(http://www.pandoraspantry.com/assets/img/share.gif) 5px center no-repeat;
	padding-left: 25px;
}
.sharebtn span {
	display: none;
}
.minibox .buybtn input, .pledge .buybtn input {
	padding: 0;
	background: none;
	border: 0;
	cursor: pointer;
	/* [disabled]width: 25px;
*/
	color: #FFF;
	/* [disabled]float: right;
*/
	font-size: 90%;
}
.minibox .infobtn, .infobtn { /*** also this ***/
	margin: 8px 5px;
	background: #fff;
	font-weight: normal;
	padding: 5px 10px;
	font-size: 80%;
}
/*** div.tripleblock encloses three side-by-side minibox elements and defines
the unique styles that are meant for that application of .minibox elements. ***/
	
.tripleblock .minibox /*a.miniboxlink*/ {
	width: 294px;
	min-height: 116px;
	text-decoration: none;
}
.tripleblock .minibox h3 {
	font-size: 140%;
	font-weight: normal;
	color: #408a93;
	padding: 7px 10px 3px 20px;
}
.tripleblock .minibox p {
	color: #888;
	font-size: 90%;
	padding: 0 10px 20px 20px;
}
.tripleblock .minibox p strong {
	padding-bottom: 5px;
}
.tripleblock .minibox .moretext { /*fix this */
	position: absolute;
	right: 5px;
	bottom: 5px;
	font-size: 90%;
	font-weight: bold;
	color: #ff9933;
	text-decoration: underline;
	padding: 0;
}
/*** div.dominobox encloses two side-by-side minibox elements and defines
the unique styles that are meant for that application of .minibox elements,
primarily within the .maincol element. ***/

.dominobox {
	clear: both;
	float: left;
	width: 100%;
	padding: 25px 0 25px 0;
}
.dominobox .minibox {
	float: left;
	width: 265px;
	/*min-height: 75px;
	margin-left: 10px;*/
	/*display: inline;  IE6 doubled margin bugfix */
	background: #e4eef0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}
.category .picshow {
	min-height: 115px;
}
.dominobox .minibox h3 {
	font-size: 90%;
	font-weight: bold;
	color: #408a93;
	padding: 20px 10px 3px 100px;/*check whether this can stay or the top padding needs to be made more specific */
	cursor: pointer;
}
.dominobox .minibox h3 a {
	color: #408a93;
	float: left; /* make sure this doesn't mess other areas up - it's good for products page */
}
.dominobox .minibox h4 {
	font-size: 90%;
	font-weight: bold;
	color: #999;
	padding: 20px 10px 3px 100px;
	cursor: pointer;
}
.category .minibox h3 {
	font-size: 110%;	/* may have to adjust */
}
.dominobox .minibox p {
	color: #888;
	font-size: 90%;
	/* [disabled]padding: 0 10px 5px 100px;
*/
	clear: left; /* be sure this doesn't harm */
	/*width: 25px;*/
	/* [disabled]text-align: center;
*/
}
.dominobox .minibox p strong {
	padding-bottom: 5px;
	color: #444;
}
.dominobox .minibox .buybtn, .suggestions .minibox .buybtn {
	/* [disabled]margin-right: 65px;
*/
	/*margin: 0; 
	padding: 0;*/
	float: right;
	padding: 3px 8px 4px;
}
/* List, used on Charities page */
.listItem {
	clear: both;
	width: 100%;
	padding: 25px 0 25px 0;
	margin-bottom: 10px;
	/* [disabled]overflow: hidden;
*/
}
.listItem .minibox {
	float: left;
	width: 100%;
	/*margin-left: 10px;*/
	display: inline; /* IE6 doubled margin bugfix */
	border-bottom: 1px solid #E4EEF0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}
.listItem .minibox h3 {
	font-size: 90%;
	font-weight: bold;
	color: #408a93;
	padding: 7px 10px 3px 110px;
	cursor: pointer;
}
.listItem .minibox p {
	color: #888;
	font-size: 90%;
	padding: 0 10px 5px 110px;
}
.listItem .minibox p.roundedtext { /*targets the rounded buttons on the charity page*/
	padding: 3px 10px;
	/* [disabled]float: right;
*/
	/* [disabled]clear: both;
*/
	/* [disabled]margin-right: 0px;
*/
	margin-bottom: 5px;
	margin-left: 110px;
}
.listItem .minibox p strong {
	padding-bottom: 5px;
	color: #444;
}
.listItem .buybtn, .listItem .infoBtn {
	margin-right: 25px;
}
.who_we_support .listItem .buybtn {
	margin-right: 0;	/* for alignment on charity page - check other ramifications */
}
/*** div.suggestions encloses a vertical stack of minibox elements and defines
the unique styles that are meant for that application of .minibox elements,
primarily within the .menucol element. ***/

.suggestions .minibox {
	margin-bottom: 20px;
	background: #398a9f;
	color: #fff;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}
.suggestions .minibox h3 {
	font-size: 80%;
	font-weight: normal;
}
.suggestions h3 a {
	float: none;
}
/***XXXXXXXXXXXXXXXXXXXX Content elements on home page XXXXXXXXXXXXXXXXXX***/

.tripleblock {
	float: left;
	width: 100%;
	overflow: hidden;
}
.tripleblock div {
	float: left;
	width: 294px;
	margin: 0 9px 0 0;
}
.tripleblock div div {
	margin: 0;
}
.tripleblock div.lastfloat {
	margin: 0 -3px 0 0;
}
.halftext {
	float: left;
	width: 100%;
	margin-top: 10px;
	color: #77A1AB;
}
.halftext a {
	color: #77A1AB;
}
/*.halftext h1 {
	font-size: 1.3em;
	font-style: italic;
	font-weight: normal;
	padding-bottom: 5px;
	height: 27px;
	width: 539px;
	background: url(http://www.pandoraspantry.com/assets/img/hd_every_womanwh.gif) no-repeat;
}*/

.halftext p.leftside {
	float: left;
	display: inline; /* IE6 bugfix */
	width: 400px;
	margin-left: 20px;
}
.halftext p.rightside {
	float: right;
	display: inline; /* IE6 bugfix */
	width: 400px;
	margin-right: 20px;/* take the rest out if small text is required 
	font-size: 1.7em;
	font-style: italic;
	padding-top: 15px;*/
}
.tripleblock, .lineblock {
	margin: 20px 0;
} /* set all vertical gaps for home page center content blocks here; 
	visible gaps will be double this length value because all the blocks 
	are floats and so their margins don't collapse. */
/*** The group below sets permanent gradients and lower-right 
corner dot images for the home page variants of .minibox***/

.featuredproduct {
	background: white url(http://www.pandoraspantry.com/assets/img/dropshadows/yellowfade.png) repeat-x;
}
.featuredproduct .dotshow {
	background: url(http://www.pandoraspantry.com/assets/img/dropshadows/yellowdot.png) right bottom no-repeat;
}
.memberprofile {
	background: white url(http://www.pandoraspantry.com/assets/img/dropshadows/greenfade.png) repeat-x;
}
.memberprofile .dotshow {
	background: url(http://www.pandoraspantry.com/assets/img/dropshadows/greendot.png) right bottom no-repeat;
}
.charitymonth {
	background: white url(http://www.pandoraspantry.com/assets/img/dropshadows/purplefade.png) repeat-x;
}
.charitymonth .dotshow {
	background: url(http://www.pandoraspantry.com/assets/img/dropshadows/purpledot.png) right bottom no-repeat;
}
/*?????????????????????? DYNAMIC BG THUMB IMAGES ???????????????????????????????*/

/* Paths below must point to appropriate jpg thumbs for the boxes in question. 
IMG tags can't be used because the CSS corner rounding doesn't work well in 
that case. For production pages the .picshow divs should have style attributes 
written in that have background-image paths for each instance. */


/***XXXXXXXXX Lineblock (single-line colored textblock for special purposes) XXXXXXXXX***/

.lineblock {
	float: left;
	width: 100%;
	padding: 10px 0;
	background: #A1C0C9;
	-webkit-box-shadow:-1px 1px 3px rgba(149,149,150,.7);
	-moz-box-shadow:-1px 1px 3px rgba(149,149,150,.7);
	-o-box-shadow:-1px 1px 3px rgba(149,149,150,.7);
	box-shadow:-1px 1px 3px rgba(149,149,150,.7);
	font-size: 120%;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	overflow: hidden;
}
/*
	-moz-box-shadow: 1px 1px 3px #ccc;
	-webkit-box-shadow: 1px 1px 3px #ccc;
	-o-box-shadow: 1px 1px 3px #ccc;
	box-shadow: 1px 1px 3px #ccc;
	*/
	
/*.lineblock dl {
	overflow: hidden;  keep an eye on the quote box since changing the clearing method -- removing this did not help IE6/7	
}*/
.lineblock dt {
	float: left;
	padding: 2px 20px 1px 20px;
	border-right: 1px solid #888;
	color: #fff;
	font-family: FolksBold, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-shadow:-1px 1px 1px rgba(51,51,51,.8);
}
.lineblock dd {
	float: left;
	padding: 2px 10px 1px 20px;
	border-left: 1px solid #9ab;
	color: #fff;
	font-size: .9em;
	font-family: FolksRegular, Arial, Helvetica, sans-serif;
}
.lineblock .backbtn {
	float: left;
	margin-left: 10px;
	display: inline; /* IE6 doubled margin bugfix */
	color: #92afb7;
	padding: 2px 5px;
	font-weight: bold;
	background: #fff;
}
.lineblock .nextbtn {
	float: right;
	margin-right: 10px;
	display: inline; /* IE6 doubled margin bugfix */
	color: #92afb7;
	padding: 2px 5px;
	font-weight: bold;
	background: #fff;
}
.lineblock a {
	text-decoration: none;
}
.lineblock ul {
	text-align: center;
	padding: 4px 0 0 0;
}
.lineblock li {
	display: inline;
	color: #fff;
}
.lineblock li a {
	color: #fff;
	text-decoration: underline;
}
.lineblock li span {
	padding: 0 3px 0 5px;
}
/***XXXXXXXXXXXXXXXXXXXX Footer elements XXXXXXXXXXXXXXXXXXXX***/

.footer, .custom .footer {
	position: relative;
	clear: both;
	padding: 100px 0 0 0;
	min-height: 250px;
	font-size: 80%;
	text-align: left;
}
.custom .footer {
	width: 900px;
	margin: 0 auto;
	padding-top: 150px;
}
.footer *, .footer * {
	color: #888;
}
.floatleft {
	float: left;
}
.floatright {
	float: right;
}
.middots {
	background: url(http://www.pandoraspantry.com/assets/img/dot1.gif) 0 50px repeat-x;
	margin-right: 40px;
}
ul.floatleft {
	padding: 70px 30px 0 35px;
	background: url(http://www.pandoraspantry.com/assets/img/divider-graywhite.gif) no-repeat 0px 50px;
}
ul.floatright {
	padding: 70px 30px 0 35px;
	background: url(http://www.pandoraspantry.com/assets/img/divider-graywhite.gif) no-repeat 0px 50px;
}
ul.floatleft p {
	width: 250px;
	line-height: 1.6;
}
ul.footmid li {
	padding-bottom: 7px;
}
/*ul.wide {
	padding-right: 20px;	
}*/

ul.floatleft a {
	/*float: left;
	clear: both;IE6 needs the floating and clearing to work well */
	padding: 3px;
	text-decoration: none;
}
.footer ul.floatleft h6, .footer ul.floatleft h6 a {
	color: #007990;
}
.footer ul.floatleft h6 a, ul.floatleft p a {
	padding: 0;
	text-decoration: underline;
}
.iconlinks {
	float: left;
	padding-right: 4px;
} /* tweak this to prevent clipping the last dot... */
.iconlinks a {
	float: left;
	padding: 4px;
}
.icn_vcrd a {
	background: url(http://www.pandoraspantry.com/assets/img/icon-vcard.png) no-repeat left center;
	padding: 10px 0 10px 50px;
	display: block;
}
.copyright {
	clear: both;
	padding: 40px 0 0 0;
}
.reserved {
	font-size: 0.9em;
	color: #AEAEAE;
}
/***XXXXXXXXXXXXXXXXXXXX Pulldown elements XXXXXXXXXXXXXXXXXXXXX***/

#pullwrap {
	position: relative;
	float: left;
	width: 100%;
	padding-bottom: 3px;
	z-index: 100;
	border-top: 3px solid #007990;
	overflow: hidden;
}
#pulldown {
	background: #007990/* url(http://www.pandoraspantry.com/assets/img/buttons/dropin-blue.jpg)*/;
	width: 100%;
	color: #fff;
	-moz-box-shadow: 1px 1px 3px #ccc;
	-webkit-box-shadow: 1px 1px 3px #ccc;
	-o-box-shadow: 1px 1px 3px #ccc;
	box-shadow: 1px 1px 3px #ccc;
}
#pulldown a {
	color: #fff;
	text-decoration: none;
}
#pulldown .mark a {
	text-decoration: underline;
}
#pulldown a:hover, #pulldown a:active, #pulldown a:focus {
	text-decoration: underline;
}
#pulldown .mark a:hover, #pulldown .mark a:active, #pulldown .mark a:focus {
	text-decoration: none;
}
#pulldown, .slidepane {
	display: none;
}
.slidepane {
	width: 900px;
	margin: 0 auto;
	background: url(http://www.pandoraspantry.com/assets/img/logo-main-drop.gif) 0 20px no-repeat;
}
/*.slidepane p,*/
.slidepane h2 {
	position: relative;
}
.slidepane .padder {
	overflow: auto;
	padding: 10px 0 10px 200px; /*changed */
} /* Use div.padder to pad content generally in the 
dropdown. No dimensions allowed in this div! */
#tabboxholder {
	width: 900px;
	margin: 0 auto;
	overflow:hidden; /* this along with the padding cuts off any top shadow on #tabbox so it doesn't show there */
	padding: 0 3px 3px;
}
#tabbox {
	float: right;
	position: relative;
	background: #007990/*#398a9f url(http://www.pandoraspantry.com/assets/img/buttons/dropin-blue.jpg)*/;
	padding: 4px;
	cursor: pointer;
	border-radius: 0 0 12px 12px;
	-moz-border-radius: 0 0 12px 12px;
	-webkit-border-bottom-left-radius: 12px; /* Safari can't handle the shorthand rule... */
	-webkit-border-bottom-right-radius: 12px;
	-o-border-radius: 0 0 12px 12px;
	-moz-box-shadow: 1px 1px 3px #aaa;
	-webkit-box-shadow: 1px 1px 3px #aaa;
	-o-box-shadow: 1px 1px 3px #aaa;
	box-shadow: 1px 1px 3px #aaa;
}
#tabbox ul {
	float: left;
	padding: 0 5px;
}
#tabbox li {
	float: left;
}
#tabbox li a {
	float: left;
	padding: 4px 6px;
	font-size: 80%;
	text-decoration: none;
	color: #fff;
}
#tabbox a:hover, #tabbox a:active, #tabbox a:focus {
	color: #ef9b24;
}
#blocker, #blocker a {
	background: #007990/*#398a9f url(http://www.pandoraspantry.com/assets/img/buttons/dropin-blue.jpg)*/;
	border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	-webkit-border-bottom-left-radius: 4px; /* Safari can't handle the shorthand rule... */
	-webkit-border-bottom-right-radius: 4px;
	-o-border-radius: 0 0 4px 4px;
}
#blocker {
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	display: none;
}
#blocker a {
	display: block;
	width: 100%;
	padding: 4px 0;
	text-align: center;
	font-weight: bold;
	font-size: 80%;
	text-decoration: none;
	color: #fff;
}
/********************** Pulldown Variation Rules ********************************/

/*** Shopping Basket ***/

.basketcol {
	float: left;
	width: 345px;
	padding: 15px 0 40px 0;
}
.orderblock {
}
.orderblock li {
	float: left;
	width: 100%;
	padding: 5px 0;
}
.orderblock .titlebox {
	float: left;
	width: 65%;
	text-align: right;
	font-weight: bold;
}
.orderblock .title-qty {
	float: left;
	width: 14%;
	text-align: center;
}
.orderblock .title-price {
	float: left;
	width: 20%;
}
.basketcol .orders-total {
	clear: both;
	padding: 10px 0 0 20px;
	text-align: center;
	font-size: 130%;
}
.basketcol .orders-total span {
	border-top: 2px solid #fff
}
.choosecharcol {
	float: right;
	width: 280px;
	text-align: center;
	font-size: 110%;
	padding: 15px 0 50px 0;
}
.choosecharcol p {
	padding: 0 0 20px 0;
}
.choosecharcol p span {
	display: block;
	font-size: 140%;
	font-weight: bold;
}
.choosecharcol .roundedtext {
	background: #fff;
	display: inline;
	padding: 10px 10px 7px;
}
.standout {
	float: left;/* this must be here for shrinkwrap effect to allow for no width */
	margin-right: 10px; /* make sure this affects nothing else */
}
.standout a { /* this class can be put on either a p or a span since the rounding is done on the A element */
	font-weight:bold;
	background: #398A9F;
	text-decoration:none;
	color: #FFF;
	display: block;
	padding: 10px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
}
/*p.standout {
	margin: 20px; 
	line-height: 3;
}*/
span.standout {
	float: none;/*clear: none;	*/
}
.choosecharcol .roundedtext input {
	padding: 0;
	background: none;
	border: 0;
	color: #ef9b24;
	font-weight: bold;
	font-size: 130%;
}
/*** Account sign up ***/
#signUpPane .padder {
	padding-left: 10px;
}
#signUpPane .info {
	float:left;
	padding-top:160px;
	width:325px;
	font-size: .85em;
	line-height: 1.4;
}
#signUpPane .formbox {
	float: right;
	width: 500px;
}
/*** Forgot password ***/
#forgotPasswordPane .padder {
	padding-left: 200px;
}
/*** Contact form ***/
#contactPane .formbox {
	width: 600px;
	float: right;
}
/*** Shopping Basket ***/

.formbox {
	float: left;
	font-size: 90%;
	padding: 30px 0 20px 20px;
}
.formbox .login {
	padding-left: 150px;
}
/*.formbox */.fieldblock {
	position: relative;
	padding: 0 0 10px 0;
}
/*.formbox .right {
	float: right;
}*/
.formbox .fieldblock img { /* ?? */
	position: absolute;
	left: 275px;
	bottom: 28px;
}
/*.formbox */.fieldblock label {
	display: block;
	padding-bottom: 2px;
	width: 230px;
}
.newsletter {
	padding-top: 5px;
}
/*.formbox .fieldblock #newsletterOptIn {
	display: inline;
	width: 20px;
}*/

/*.formbox */.fieldblock input {
	display: block;
	width: 200px;
	padding: 5px;
	border: 0;
}
/*.formbox */.field {
	padding-bottom: 5px;
	position: relative;
}
/*.field label {
	width: 250px;	
}*/
/*.formbox .fieldblock input.check {
	display: inline;	
}*/
/*.formbox */.roundedtext {
	background: #fff;
	float: left;
	margin-right: 20px;
	padding: 5px 10px 7px;
}
.charity .roundedtext {
	background: #ef9b24;
}
/*.formbox */.roundedtext input {
	padding: 0;
	background: none;
	border: 0;
	color: #ef9b24;
	font-weight: bold;
	font-size: 130%;
	cursor: pointer;
}
.charity .roundedtext input {
	color: #FFF;
	font-size: 100%;
}
.custom .footer input {
	background: #FFF;
}
.custom .footer .roundedtext input {
	color: #ef9b24;
}
.custom #footer {
	display: none;
}
/* {
	background: #F2F2F2;
}*/
#tdomf_form1 input:focus, #tdomf_form1 textarea:focus, .home .footer input[type="text"], #tdomf_form2 input:focus, #tdomf_form2 textarea:focus {
	background: #F2F2F2;
}
#tdomf_form1, #tdomf_form2 {
	margin-top: 20px;
	padding-top: 20px;
	/* [disabled]padding-left: 20px; */
	border-top: 1px dotted #E4EEF0;
}
#tdomf_form1 label, #tdomf_form2 label {
	/* [disabled]font-size: 125%; */
	/* [disabled]font-weight: bold; */
	color: #007990;
}
.custom .format_text #tdomf_form1 ol/*, .custom .format_text #tdomf_form2 ol*/ {
	margin: 0;	
}
.formbox a {
	font-size: 90%;
	font-weight: bold;
	text-decoration: none;
}
.tdomf_form_message {
	font-size: 130%;
	color:	#CA1E59;
}
#tdomf_form1 input.form_submit, #tdomf_form2_preview, #tdomf_form2_send {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	font-weight: normal;
	width: 100%;
}
#tdomf_form1 input.form_submit:hover, #tdomf_form2 input.form_submit:hover {
	color: #007990;
}
#tdomf_form2 small {
	font-size: 80%;
	color: #666;	
}

/***** form errors ****/
label.error {
	position: absolute;
	left: 220px;
	top: 1.5em;
	/*background:#CA1E59 #C73D21 url(http://www.pandoraspantry.com/assets/img/tip_error1.gif) no-repeat left center*/;
	color: #FFF;
	padding: 5px 10px/* 4px 7px 40px*/;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	/*border-radius: 0 4px 4px 0;
	-moz-border-radius: 0 4px 4px 0;
	-webkit-border-top-right-radius: 4px;  Safari can't handle the shorthand rule... 
	-webkit-border-bottom-right-radius: 4px;
	-o-border-radius: 0 4px 4px 0;*/
	font-size: 90%;
}
/***XXXXXXXXXXXXXXXXXXXXX Mainnav elements XXXXXXXXXXXXXXXXXXXXX***/

#mainnav {
	position: absolute;
	width: 100%;
	height: 22px;
	left: -5px;
	bottom: 10px;
}
#mainnav li {
	position: relative;
	float: left;
	height: 22px;
	margin: 0; /*4px;  TEMPORARY - When Search button is enabled, remove all margins here */
	display: inline; /* IE6 bugfix */
	border-right: 1px solid #E4EEF0;
	padding-right: 7px;
}
#mainnav li li {
	float: none;
	height: auto;
	display: block;
	margin: 0;
}
#mainnav li.last, #mainnav li li {
	border: none;
}
#mainnav a {
	display: block;
	height: 100%;
	width: 100%;
}
#mainnav li li a {
	display: block;
	height: auto;
	width: auto;
}
#mainnav a span {
	position: absolute;
	left: -3000px;
}
li.btn1 {
	width: 116px;
	background: url(http://www.pandoraspantry.com/assets/img/buttons/btn1-about.png) no-repeat;
}
li.btn2 {
	width: 98px;
	background: url(http://www.pandoraspantry.com/assets/img/buttons/btn2-whatwedo.png) no-repeat;
}
li.btn3 {
	width: 125px;
	background: url(http://www.pandoraspantry.com/assets/img/buttons/btn3-support.png) no-repeat;
}
li.btn4 {
	width: 135px;
	background: url(http://www.pandoraspantry.com/assets/img/buttons/btn4-helpus.png) no-repeat;
}
li.btn-pledge {
	width: 115px;
	background: url(http://www.pandoraspantry.com/assets/img/buttons/btn-pledge.png) no-repeat;
}
li.btn5 {
	width: 78px;
	background: url(http://www.pandoraspantry.com/assets/img/buttons/btn5-products.png) no-repeat;
}
/*li.btn6 {
	width: 128px;
	background: url(http://www.pandoraspantry.com/assets/img/buttons/btn6-share.png) no-repeat;
}*/
li.btn-community {
	width: 95px;
	background: url(http://www.pandoraspantry.com/assets/img/buttons/btn-community.png) no-repeat;
}
li.btn7 {
	width: 42px;
	background: url(http://www.pandoraspantry.com/assets/img/buttons/btn7-blog.png) no-repeat;
}
li.btn8 {
	width: 89px;
	background: url(http://www.pandoraspantry.com/assets/img/buttons/btn-mall.png) no-repeat;
}
/*li.btn8 {
	width: 68px;
	background: url(http://www.pandoraspantry.com/assets/img/buttons/btn8-search.png) no-repeat;
	}*/

/*** Set the lower part of the binary link image on each specific 
LI dropdown. All dropdowns must be customized this way! ***/

#mainnav li.btn5 .tab-three a {
	width: 81px;
	background: white url(http://www.pandoraspantry.com/assets/img/buttons/btn5-products.png) 0 -20px no-repeat;
}
#mainnav li.btn7 .tab-three a {
	width: 50px;
	background: white url(http://www.pandoraspantry.com/assets/img/buttons/btn7-blog.png) 0 -20px no-repeat;
}
/***XXXXXXXXXXXXXXXXXX Dropdown elements XXXXXXXXXXXXXXXXXXXXXXX***/

#mainnav .tab-one {
	position: absolute;
	top: -31px;
	left: 0;
	padding: 0 0 8px 20px;
	z-index: 100;
}
#mainnav .tab-a {
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 100%;
	background: url(http://www.pandoraspantry.com/assets/img/dropshadows/dropshadow2.png) left top no-repeat;
}
#mainnav .tab-b {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 20px;
	height: 20px;
	background: url(http://www.pandoraspantry.com/assets/img/dropshadows/dropshadow2.png) right bottom no-repeat;
}
#mainnav .tab-two {
	background: url(http://www.pandoraspantry.com/assets/img/dropshadows/dropshadow2.png) right top;
}
#mainnav .tab-three {
	position: relative;
	left: -10px;
	padding-top: 6px;
}
#mainnav .tab-three a {
	display: block;
	height: 26px;
	padding: 4px 0 0 0 !important;
	margin-top: 0 !important;
	background-color: #fff;
}
#mainnav .shadow-one {
	position: absolute;
	width: 24em;
	top: -999em; /* keeps dropdown hidden */
	margin-top: 18px; /* sets vertical position of dropdown */
	margin-left: -11px; /* sets horizontal position of dropdown */
	left: 0;
	padding-top: 10px;
	padding-right: 20px;
} /* This is the dropdown div */
#mainnav li:hover, #mainnav li.sfhover {
	background-position: 0 -22px;
	z-index: 100;
}
#mainnav li:hover .shadow-one, #mainnav li.sfhover .shadow-one {
	top: 0; /* shows dropdown */
}
#mainnav .shadow-two {
	position: relative;
	padding-top: 1px;
	padding-bottom: 20px;
	background: url(http://www.pandoraspantry.com/assets/img/dropshadows/dropshadow2.png) left bottom;
}
#mainnav .shadow-three {
	position: relative;
	right: -20px;
	margin-top: -11px;
	background: url(http://www.pandoraspantry.com/assets/img/dropshadows/dropshadow2.png) right top;
}
#mainnav .shadow-four {
	position: relative;
	left: -10px;
	top: 10px;
	padding: 5px;
}
#mainnav a {
	display: block;
}
/***XXXXXXXXXXXXXX Dropdown elements - REVERSED XXXXXXXXXXXXXXXXXXX

To make the dropdown appear on the left side of the top level parent link,
put the "reversed" class on the top level LI, enabling the CSS below, which
reverses all the relevant styles in the dropdown. 
***/

#mainnav .reversedrop .tab-one {
	left: auto;
	right: 0;
	padding: 0 20px 8px 0;
}
#mainnav .reversedrop .tab-a {
	left: auto;
	right: 0;
	background-position: right top;
}
#mainnav .reversedrop .tab-b {
	left: 0;
	right: auto;
	background-position: left bottom;
}
#mainnav .reversedrop .tab-two {
	background-position: left top;
}
#mainnav .reversedrop .tab-three {
	left: auto;
	right: -10px;
}
#mainnav .reversedrop .shadow-one {
	margin-right: -11px; /* sets horizontal position of dropdown */
	padding-right: 0;
	padding-left: 20px;
	left: auto;
	right: 0;
}
#mainnav .reversedrop .shadow-two {
	background-position: right bottom;
}
#mainnav .reversedrop .shadow-three {
	right: auto;
	left: -20px;
	background-position: left top;
}
#mainnav .reversedrop .shadow-four {
	left: auto;
	right: -10px;
}
/***XXXXXXXXXXXXXXXXXXXX Internal dropdown element styling XXXXXXXXXXXXXXXXXXXXX***/

.droplist-dual {
	float: left;
	width: 49%;
	padding: 8px 0 13px 0;
}
.droplist-clearer {
	clear: both;
	border-top: 1px dotted #aaa;
	padding: 10px 0 2px 0;
}
#mainnav li li a {
	padding: .2em 0.3em .2em 0.3em;
	color: #aaa;
	font-size: 80%;
	font-weight: bold;
	text-decoration: none;
}
#mainnav li li a:hover, #mainnav li li a:active, #mainnav li li a:focus, .footer a:hover, .footer a:active, .footer a:focus/*, #footer a:hover, #footer a:active, #footer a:focus*/ {
	color: #6ab;
}
/*XXXXXXXXXXXXXXXXXXXX Special Rules XXXXXXXXXXXXXXXXXXX*/

.rightfloat {
	float: right !important;
	margin-left: 0 !important;
	margin-right: 10px;
}
.cornerfloat-left {
	float: left;
	display: inline; /* IE6 doubled margin bugfix */
	margin: 5px 20px 15px 10px;
}
.cornerfloat-right {
	float: right;
	display: inline; /* IE6 doubled margin bugfix */
	margin: 5px 10px 15px 20px;
}
/*.round-small {
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	}*/

.round-medium {
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
}
.round-large {
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-o-border-radius: 12px;
}
.shadow-small {
	-moz-box-shadow: 1px 1px 3px #ccc;
	-webkit-box-shadow: 1px 1px 3px #ccc;
	-o-box-shadow: 1px 1px 3px #ccc;
	box-shadow: 1px 1px 3px #ccc;
}
.shadow-medium {
	-moz-box-shadow: 3px 3px 6px #ccc;
	-webkit-box-shadow: 3px 3px 6px #ccc;
	-o-box-shadow: 3px 3px 6px #ccc;
	box-shadow: 3px 3px 6px #ccc;
}
.shadow-large {
	-moz-box-shadow: 5px 5px 9px #ccc;
	-webkit-box-shadow: 5px 5px 9px #ccc;
	-o-box-shadow: 5px 5px 9px #ccc;
	box-shadow: 5px 5px 9px #ccc;
}
/**** miscellaneous classes ****/
.block {
	display: block;
}
.callout {
	/*font-size: 130%;*/
	font-weight: bold;
	/* [disabled]color: #EF9B24;
*/
}
.bdr_top {
	border-top: 1px solid #333;
}
.offleft {
	/* [disabled]display: block;
	text-indent: -999em;
*/ 	position: absolute;
	left: -999em;
}
.offleft:focus {
	left: 0;
}
.smaller {
	font-size: 80%;
	padding-top: 20px;
	color: #666;
}
.final {
	padding-top: 10px;
}
.clear {
	clear: both;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
/*XXXXXXXXXXXXXXXXXXXX Cart Styling XXXXXXXXXXXXXXXXXXX*/

/*.checkout .header {
	height: 125px;	
}*/
.maincol .account li {
	list-style: none;
	margin-left: 0;
	overflow: hidden;
	/* [disabled]margin-bottom: 5px;
*/
}
.account p {
	padding-bottom: 5px;
}
.account .standout a {
	padding: 5px 10px;
	font-size: 90%;
}
.cart .smaller {
	padding-top: 0;
}
.cart table .roundedtext {
	margin-right: 0;
}
.cart .roundedtext a {
	font-size: 90%;
	font-weight: bold;
	text-decoration: none;
}
.checkout .roundedtext input, .cart table .roundedtext input {
	color: #007990;
}
.cart table .roundedtext input/*, .cart table p*/ {
	font-size: 90%;
}
.cart p.proceed {
	float: right;
}
.cart .proceed p {
}
.cart .proceed input {
	color: #FFF;
}
.checkout form {
	width: 600px;
}
.checkout table {
	margin-bottom: 10px;
}
.cart table {
	width: 600px;
	margin-top: 15px;
}
.cart table.total {
	margin-top: 0;
}
/*.cart table p {
	font-size: 90%;	
}*/
.checkout .comp {
	right: 5px;
	bottom: 5px;
	position: absolute;
	font: italic 1.5em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #999;
}
.altrow {
	background: #F7FAFA; /*#F1F6F7;*/
}
/*.checkout .maincol h3 {
	margin-left: 80px;
}*/
.checkout td, .cart td {
	vertical-align: top;
	/*padding: 5px;*/
	padding: 5px 10px 5px 0;
	font-size: 90%;
}
.checkout th, .cart th {
	font-weight: bold;
	padding-right: 10px;
	padding-bottom: 3px;
	vertical-align: bottom;
}
.checkout table label {
	text-align: right;
	display: block;
	padding-right: 5px;
	width: auto;
}
.checkout table input[type=text], .checkout table .roundedtext, .cart table .roundedtext {
	background: #E4EEF0;
	margin-bottom: 2px;
}
.checkout table .roundedtext {
	margin: 20px auto;
	float: none;
	text-align: center;
	width: 50%;
}
.checkout input.mini, .cart input.mini {
	width: 20px;
}
.checkout select {
	width: auto;
}
.checkout .center, .cart .center {
	width: 500px;
	margin: 20px auto;
}
.checkout .twothird, .cart .twothird {
	width: 66%;
}
.checkout .half {
	width: 280px;
	padding-right: 20px;
}
.checkout .mid, .cart .mid {
	text-align: center;
}
.checkout .right, .cart .right {
	text-align: right;
	padding-right: 8px;
}
.checkout .left, .cart .left {
	text-align: left;
}
.cart .bottom {
	vertical-align: middle;
}
.checkout .copyright {
	padding-top: 0;
	padding-right: 30px;
}
.checkout hr {
	clear: both;
	margin-top: 20px;
	width: 25%;
	background: #ccc;
}
.narrow {
	width: 100px;
}
/* success and failure styling */
.message {
	position: absolute;
	left: 290px;
	width: 610px;
}
.message p {
	padding: 5px 10px;
	color: #FFF;
}
.success {
	background: #95A859;
}
.warning {
	background: #F7911E;
}
.error {
	background: #CA1E59;
}
.success span {
	display: block;
}
/*#habla_window_div {
	position: fixed;
 	left: 0;
 	bottom:40%;	
 	z-index:5000;
}*/
#olark_tab {
	left:50%;
	top:0;
	position: absolute;
	z-index: -1;
}
#olark_tab div {
	height: 150px;
	width: 150px;
	float: left;/*  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
   -webkit-transform: rotate(-90deg); 
   -moz-transform: rotate(-90deg);*/
 }
#olark_tab a {
	/*Edit these to change the look of your tab*/
   background-color: #007990;
	color: white;
	display: block;
	text-decoration: none;
	text-align: center;
	padding: 8px 4px 7px;
	border-radius: 0 0 12px 12px;
	-moz-border-radius: 0 0 12px 12px;
	-webkit-border-bottom-left-radius: 12px; /* Safari can't handle the shorthand rule... */
	-webkit-border-bottom-right-radius: 12px;
	-o-border-radius: 0 0 12px 12px;
	-moz-box-shadow: 1px 1px 3px #aaa;
	-webkit-box-shadow: 1px 1px 3px #aaa;
	-o-box-shadow: 1px 1px 3px #aaa;
	box-shadow: 1px 1px 3px #aaa;/*   	   	
 	width: auto;
   height: 20px;border: 2px solid #363636;  
   font: bold 18px "century gothic", arial, sans-serif;
   -webkit-border-bottom-right-radius:9px;
   -webkit-border-bottom-left-radius:9px;
   -moz-border-radius-bottomleft:9px;
   -moz-border-radius-bottomright:9px;
 	border-top-style: none;   	
 	border-top-width: 0;*/
 	
   
 }
/* #olark_tab a:hover{
 	background-color: white;
 	color: black;
 }*/
 
 /*  PersonaliTEAS */
table.personaliteas {
	width: 400px;
}
table.personaliteas td {
	padding: 10px;
	vertical-align: top;
}
table.personaliteas td.labelImage {
	padding-left: 0px;
}
table.personaliteas td textarea {
	padding: 4px;
	width: 150px;
	height: 50px;
}
.countdown {
	font-size: 12px;
}
.labelMessages {
	width: 300px;
}

a.enhanced {
	-webkit-box-shadow:-1px 1px 3px rgba(149,149,150,.7);
	-moz-box-shadow:-1px 1px 3px rgba(149,149,150,.7);
	-o-box-shadow:-1px 1px 3px rgba(149,149,150,.7);
	box-shadow:-1px 1px 3px rgba(149,149,150,.7);
	background-image: -moz-linear-gradient(0% 0% 270deg, #ff9933, #ffffff, #ff9933 100%);
	background-image: -webkit-gradient(linear, 0% 10%, 0% 100%, from(#ff9933), to(#ffffff), color-stop(.4,#ff9933));
}

.membership-benefits {
	margin-bottom: 20px;
}
.membership-benefits th, 
.membership-benefits td {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 5px;
}
.membership-benefits td, 
.membership-benefits th.plan {
	text-align: center;
}