/*
Author: Steinruck Design 
Version & Date: v1.0 3/11/2008
For: Livengood Gifts Subpage Styles
----------------------------------------------------------------------------------------------------*/

/* Style imports */
@import url(/_inc/css/screen.css);
@import url(/_inc/css/christmas.css);
@import url(/_inc/css/pic.css);

/* Structure 
------------------------------------------*/
body { background: #fffbd9 url(/images/bkg_sub.gif) 0 0 repeat-x; }

#sub_container {
	background: url(/images/sub_shadow_side.png) 0 0 repeat-y;
	width: 909px;
	margin: 6px auto 0 auto;
}

#content_container {
	width: 841px;
	margin: 0 0 0 9px;
	background: #fffbd9;
	padding: 50px 25px;
	float: left;
}

#btm_shadow {
	background: url(/images/sub_shadow_btm.png) 0 0 no-repeat;
	width: 909px;
	height: 8px;
	margin: 0 auto;
}

#footer {
	background: #7a7146;
	width: 866px;
	margin: 0 0 0 9px;
	padding: 10px 0 3px 25px;
}

#col2 {
	width: 550px;
	float: left;
	margin: 0 0 0 50px;
}

#col2 h2 { margin-bottom: 10px;}

/* Suppliers Page */
#col_a, #col_b { width: 250px; }

#col_a { float: left;}

#col_b { margin-left: 300px;}

#suppliers_photo {
	float: left;
	margin: 30px 0 0 50px;
}

/* Banner 
----------------------------------------*/
#bnr_container {
	background: #fff;
	border: 1px solid #ede8bd;
	padding: 4px 4px 2px 4px;
	width: 188px;
	float: left;
}

#bnr_bkg {
	background: url(/images/bkg_banner.gif) 0 0 no-repeat;
	width: 166px;
	height: 155px;
	padding: 11px;
	color: #58502b;
	font-family: arial, helvetica, sans-serif;
}

#bnr_bkg p { line-height: 1.1; }

#bnr_photo { border: 1px solid #a19e72; }

#bnr_bkg h4 {
	background: url(/images/bnr_customize_box.gif) 0 0 no-repeat;
	width: 160px;
	height: 15px;
	text-indent: -9999px;
	margin: 10px 0 8px 0;
}

a#get_started, a#order_now {
	width: 119px;
	height: 28px;
	display: block;
	text-indent: -9999px;
	margin: 10px 0 0 22px;
}

a#get_started {	background: url(/images/btn_getstarted.gif) 0 0 no-repeat; }
a#order_now { background: url(/images/btn_order.gif) 0 0 no-repeat; }

/* Gift Boxes
----------------------------------------*/
.c_box strong { display: block;}

/* Order
----------------------------------------*/
#order .support #col2 {
	height: 400px;
}

#order #col2 { 
	margin: 0;
	width: 700px;
	}


#order_col1 {
	width: 310px;
	float: left;
	margin: 20px 0 0 0;
}

#order_col2 {
	width: 270px;
	margin: 0 0 0 410px;
	padding-top: 25px;
}

.contactfield {	margin-bottom: 10px; }

.required label { font-weight: bold;}

input, textarea {
	width: 305px;
	padding: 2px;
	border: 1px solid #ebe6b8;
	background: #fffef3;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
}

input#send {
	width: 92px;
	height: 28px;
	border: 0;
	background: none;
}

.checkbox input, .radio input {
	width: 13px;
	padding: 0;
	border: 0;
	background: none;
}

.radio input { margin: 0 4px 0 0;}

.radio label { margin: 0 8px 0 0;}

.radio p { margin: 0 0 4px 0;}

.radio, .checkbox { margin: 0 0 25px 0;}

.checkbox input { 
	float: left;
	margin: 0 4px 8px 0;
}

.checkbox label { 
	display: block;
	margin-bottom: 8px;
}

ul#product_list li {
	list-style: none;
	float: left;
	width: 270px;
}
 
select {
	border: 1px solid #ebe6b8;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
}

#order_submit {
	width: 700px;
	float: left;
	margin-top: 15px;
}

#pic_form {
	background: #f8f3cc;
	padding: 20px 0 20px 20px;
	width: 680px;
	border: 1px solid #e8e3ba;
	float: left;
	margin-bottom: 40px;
}

#pic_form h2 {
	font-size: 140%;
}

#pic_form strong { margin-bottom: 5px; display: block;}

#pic_form img {
	float:left;
	margin-right: 10px;
}

#pic_form label {
	font-size: 115%;
	display: block;
}

#pic_form #c_col1, #pic_form #c_col2 {
	float: left;
	width: 320px;
	margin-right: 20px;
}

#pic_form .contactfield { 
	float: left; 
	width: 320px;
	margin-bottom: 30px;
}

.right { 
	float: right;
	margin-left: 10px;
}

/* Validation Styles 
-----------------------*/
.validation-advice { 
	background: #973d26;
	color: #fffbd9; 
	font-family: arial, verdana, sans-serif;
	padding: 3px;
	display: block;
}	

input.validation-passed { 
	background-color: #fffef3; 
	background-image: url(/images/validation_confirm.gif);
	background-position: 290px center;
	background-repeat: no-repeat;
}
