/******* TAN CHILDS ******/

/* COMPANY: Deelicious Web Design */
/* TITLE: Tan Childs */
/* DESCRIPTION: CSS stylesheet for screen use. Includes horizontal navigation, two-column body, and 100% width header. */
/* UPDATED: 12/6/06 */


/* BASIC STYLES --------------------------------------------------------------*/

body {
	padding: 0px; 
	margin: 0px 0px 15px 0px;
	font: 13px/21px "trebuchet ms", georgia, verdana, sans-serif; 
	color: #111; 
	background: url(images/bg.jpg) repeat top left #595e8b;
}

a:link { color: #CA122A; }

a:visited { color: #358745; }

a:hover { color: #090990; }

acronym {
	cursor: help;
	border-bottom: 1px dotted #1F2E37;
}

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

h1 { 
	font-size: 24px; 
	margin: 16px 0px;
	}

h2 { 
	font-size: 20px; 
	margin: 14px 0px;
}

h3 { 
	font-size: 16px;
	margin: 12px 0px; 
}

h4 { 
	font-size: 13px;
	margin: 10px 0px; 
}

hr {
	position: relative;
	width: 100%;
	height:1px;
	border: 0px;
	border-top: 1px dotted #8384BF;
}

img { border: 0px; }

input, select, textarea {
	font: 13px/21px "trebuchet ms", georgia, verdana, sans-serif;
	color: #333;
}

p { 
	position: relative;
	margin: 13px 0px; 
}


/*---- CLASS STYLES ----------------------------------------------------------*/

/* ALIGNMENT ******************************************************************/

.alignRight { text-align: right; }

.alignCenter { text-align: center; }

/* CART ***********************************************************************/
	
.prodimage {
	padding: 14px 10px 0px 0px; }
	
.prodimage img, .detailimage img { 
	border: 1px solid #090990;
}

.proddescription, .prodoptions, .prodprice { 
	margin: 0px 0px 10px 0px; }

.prodoptions td { 
	text-align: left;
	padding-bottom: 4px;
}

select.prodoption, .cartForm select {
	border-left: 1px solid #090990; border-top: 1px solid #090990;
	border-right: 1px solid #8384BF; border-bottom: 1px solid #8384BF;
}

.detailTitle { padding: 10px 0px 0px 0px; }

.detailimage {
	padding: 16px 16px 10px 0px;
}

.detailprice, .prodprice {
	color: #CA122A;
	font-size: 14px;
}

.cartForm td, .cartForm th {
	vertical-align: top;
	text-align: left;
	padding-bottom: 4px;
}

.cartForm input, .cartForm textarea {
	padding: 2px 0px;
	border-left: 1px solid #090990; border-top: 1px solid #090990;
	border-right: 1px solid #8384BF; border-bottom: 1px solid #8384BF;
}

.cobtbl {
	border-top: 1px solid #CBCAF2;
	border-left: 1px solid #CBCAF2; 
}
	
.cobtbl td, .cobtbl th {
	padding: 3px;
	border-right: 1px solid #CBCAF2;
	border-bottom: 1px solid #CBCAF2;
}

.cobtbl td .cobll { border: 0; }
	
.cobhl { background: #E9EDF9; }

/* CLEAR **********************************************************************/

.clear { 
	position: relative;
	clear: both; 
}

.clearLeft { 
	position: relative;
	clear: left; 
}

.clearRight { 
	position: relative; 
	clear: right; 
}

/* FLOAT **********************************************************************/

.floatRight {
	position:relative;
	float: right;
}

.floatLeft {
	position:relative;
	float: left;
	font-style: italic;
}

/* LINES **********************************************************************/

.line {
	position: relative;
	border-top: 1px solid #8384BF;
}

.dashedLine {
	position: relative;
	border-top: 1px dashed #8384BF;
}

.dottedLine {
	position: relative;
	border-top: 1px dotted #8384BF;
}

.titleLine {
	position: relative;
	border-top: 1px solid #090990;
}

/* MARGIN *********************************************************************/

.noMarg { margin: 0px; }

.noMargTop { margin-top: 0px; }

.noMargBot { margin-bottom: 0px; }

/* MISC ***********************************************************************/

.error {
	color: #fff;
	padding: 1px 10px;
	background: #CA122A;
}

.formField {
	padding: 2px 0px;
	border-left: 1px solid #090990; border-top: 1px solid #090990;
	border-right: 1px solid #8384BF; border-bottom: 1px solid #8384BF;
}

textarea.formField { width: 100%; }

.hidden { display: none; }

.red { color: #CA122A; }

.submit {
	padding: 3px;
	border-left: 1px solid #8384BF; border-top: 1px solid #8384BF;
	border-right: 1px solid #090990; border-bottom: 1px solid #090990;
}

.success {
	color: #fff;
	padding: 1px 10px;
	background: #2F7F40;
}


/* ID STYLES -----------------------------------------------------------------*/

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

#blueberries {
	position: relative;
	width: 100%;
	height: 108px;
	background: url(images/blueberries.jpg) repeat-x top left;
}

#stripe {
	position: relative;
	width: 100%;
	height: 52px;
	background: #740F1C;
	border-top: 1px solid #090990;
	border-bottom: 1px solid #090990;
}

#berryFade {
	position: relative;
	width: 100%;
	height: 31px;
	background: url(images/berry-fade.jpg) repeat-x top left;
}

#container {
	position: relative;
	margin: -176px auto 0px auto;
	width: 848px;
	text-align: center;
}

/* HEADER *********************************************************************/

#header {
	position: relative;
	width: 848px;
}

#nav { 
	position: relative;
	margin: 0px auto;
	padding: 5px 20px 5px 20px;
	height: 20px;
	width: 718px; 
	font-size: 13px;
	text-transform: uppercase;
	background: url(images/nav-bg.gif) repeat-x top left #C4CFFB;
	border: 1px solid #090990;
	border-bottom: 0;
	text-align:left;
}

#nav ul { 
	margin: 0px;
	padding: 0px;
}

#nav li {
	display: inline; 
	padding: 0px 4px 0px 17px;
	background: url(images/berry.gif) no-repeat center left;
}

#nav #firstLink {
	padding-left: 0px;
	background: none;
}

#nav a { text-decoration: none; }

#logo {
	position: relative;
	display: block;
}

#main {
	position: relative;
	margin: 0px auto;
	text-align: center;
	width: 758px;
	background: url(images/main-bg.jpg) repeat-x top left #fff;
	border: 1px solid #090990;
	border-top: 0;
}

#bgImage { background: url(../images/bgimage.jpg) no-repeat top left;
	padding-bottom:1px; }

/* SIDE R *********************************************************************/

#sideL {
	margin: 340px 20px 10px 20px;
	_margin:340px 10px 10px 10px;
	padding: 0px 10px;
	width: 206px;
	color: #444;
	background: #E9EDF9;
	text-align:left;
}

#sideR {
	width: 460px;
	padding: 0px 20px 10px 10px;
	text-align:left;
}

#pageTitle {
	padding: 20px 20px 0px 208px;
}	

/* FOOTER *********************************************************************/

#footer {
	color: #fff;
	background: #740F1C;
	font-size:11px;
	width: 748px;
	padding: 0px 5px;
	text-align:left;
}

#footer a, #footer a:visited, #footer a:hover { color: #fff; }