/* ========== CSS file introduction ========== 
css elements are laid out as you would read the page left to right top to bottom. 
elements that are wrapped within another will be written below the element 
that is the parent etc. ================================= */

/* global elements ============================= */

.hidden {
	display: none;
}

.float_left_cleared {
	float: left;
	clear: left;
}

form {
	float: left;
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	background: #fff;
	text-align: center;
	font-family: arial,helvetica,sans serif;
	font-size: 0.86em;
}

#wrapper {
	width: 950px;
	margin: 0 auto;
	padding: 0;
}

#header_section {
	width: 950px;
	height: 46px;
	margin: 0;
	padding: 0;
	background: #fff;
}

#header_section h1 {
	float: left;
	margin: 0;
	padding: 0;
	width: 250px;
	height: 46px;
	background: url(images/head_logo.jpg) no-repeat 0 0 #7d0158;
	text-indent: -6000px;
}

#header_section_right {
	float: left;
	width: 700px;
	height: 46px;
	background: url(images/head_nav_bg.jpg) no-repeat 0 0 #7d0158;
}

/* top navigation elements ================================== */

#header_nav {
	float: left;
	width: 620px;
	height: 46px;
	text-align: left;
}

#header_nav ul {
	margin: 10px 0 0 0;
	padding: 0;
	width: 620px;
	height: 30px;
	list-style: none;
}

#header_nav ul li {
	float: left;
	display: inline;
	margin: 0;
	padding: 0 10px 0 32px;
	background: url(images/header_link_deco_left.gif) no-repeat 0 50%;
}

#header_nav ul li a {
	float: left;
	text-align: center;
	margin: 0;
	padding: 5px 32px 5px 0;
	color: #fff;
	text-decoration: none;
	background: url(images/header_link_deco_right.gif) no-repeat 100% 50%;	
}

#header_nav ul li a:hover {
	color: #ef7db8;
	text-decoration: underline;
}

/* end of page top elements ===================================== */

#main_content_cols {
	width: 950px;
	clear: left;
	float: left;
	min-height: 300px;
	text-align: left;
	background: url(images/content_cols_bg.gif) repeat-y 0 0;
}

#left_column {
	float: left;
	width: 190px;
	min-height: 300px;
	background: url(images/main_left_edge_detail.gif) no-repeat 0 0;
}

#right_column {
	float: left;
	width: 760px;
	min-height: 300px;
	background: url(images/content_right_top_drappery.gif) no-repeat 0 0 #fff;
}


/* left column elements ====================================== */


#search_box {
	float: left;
	width: 176px;
	height: 128px;
	margin: 0 0 0 14px;
	padding: 0;
	background: url(images/left_column_search_bg.jpg) no-repeat 0 0;
}

input.search_box_field {
	float: left;
	width: 90px;
	margin: 72px 0 0 40px;
	font-size: 12px;
	padding: 9px 0 2px 0;
	font-family: times,garamond,serif;
	color: #666;
	background: none;
	border: 0;
}

input.search_box_button {
	float: left;
	clear: left;
	width: 59px;
	height: 20px;
	background: none;
	border: 0;
	margin: 7px 0 0 60px;
}

#left_nav {
	float: left;
	margin: 0 0 0 14px;
	padding: 20px 0 10px 0;
	width: 176px;
	min-height: 270px;
	background: url(images/left_column_nav_bg.jpg) no-repeat 0 0;
	font-family: times new roman,garamond,serif;
	color: #fff;
}

#left_nav ul {
	float: left;
	margin: 0;
	padding: 0;
	width: 176px;
	list-style: none;
}

#left_nav ul li {
	float: left;
	margin: 0 0 15px 0;
	padding: 0;
	clear: left;
}

#left_nav ul li a {
	float: left;
	clear: left;	
	width: 138px;
	padding: 2px 0 2px 38px;
	font-family: times new roman,garamond,serif;
	font-size: 21px;
	color: #fff;
	text-decoration: none;
	background: url(images/left_nav_primary_marker.gif) no-repeat 5px 0;
}

#left_nav ul li a:hover {
	color: #fff;
	text-decoration: underline;
}

#left_nav ul li ul {
	float: left;
	margin: 0;
	padding: 0 0 0 10px;
	width: 166px;
	list-style: none;
}

#left_nav ul li ul li {
	float: left;
	margin: 0;
	padding: 0;
	clear: left;
}

#left_nav ul li ul li a {
	float: left;
	clear: left;	
	width: 132px;
	padding: 0 0 0 34px;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	background: none;
}

#left_nav ul li ul li a:hover {
	color: #fff;
	text-decoration: underline;
}

ul#left_nav_static {
	float: left;
	margin: 0;
	padding: 0;
	width: 176px;
	list-style: none;
}

ul#left_nav_static li {
	float: left;
	margin: 0 0 7px 0;
	padding: 0;
	clear: left;
}

ul#left_nav_static li a {
	float: left;
	clear: left;	
	width: 140px;
	padding: 2px 0 2px 36px;
	font-family: times new roman,garamond,serif;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	background: url(images/left_col_staticlinks.gif) no-repeat 4px 2px;
}

ul#left_nav_static li a:hover {
	color: #fff;
	text-decoration: underline;
}


/* mailing list elements ================================ */

#mailing_list_box {
	float: left;
	clear: left;
	width: 176px;
	margin: 0 0 0 14px;
	border-top: 1px solid #ef7db8;
}

#mailing_list_box h5 {
	margin: 0;
	padding: 8px 0 4px 0;
	font-family: times new roman,garamond,serif;
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	width: 176px;
	text-align: center;
}

#mailing_list_input_elements p {
	float: left;
	clear: left;
	width: 176px;
	margin: 0;
}

#mailing_list_input_elements p label {
	float: left;
	width: 53px;
	padding: 0 8px 0 0;
	line-height: 23px;
	text-align: right;
	margin: 0;
	font-family: times new roman,garamond,serif;
	font-size: 11px;	
	color: #ef7db8	
}

.mailing_list_input {
	float: left;
	display: inline;
	width: 90px;
	border: 1px solid #666;
}

.mailing_list_button {
	float: left;
	width: 72px;
	height: 19px;
	margin: 6px 0 9px 60px;
}

/* right column ==================================== */

#right_column a {
	text-decoration: underline;
	color: #883072;
}

#right_column a:hover {
	text-decoration: underline;
	color: #d14aaF;
}

#right_column h1 {
	float: left;
	width: 670px;
	font-size: 58px;
	font-weight: 500;
	color: #490634;
	padding: 28px 0 20px 30px;
	margin: 0;
	font-family: new time roman,garamond,serif;
	background: url(images/rightcol_h1_flourish_bg.gif) no-repeat 0 100%;
}

#right_column h2 {
	float: left;
	clear: left;
	font-size: 21px;
	font-weight: 500;
	color: #333;
	padding: 10px 0 15px 0;
	margin: 0;
	width: 600px;
}

#right_column h3 {
	float: left;
	clear: left;
	width: 500px;
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 18px;
	font-weight: 500;
	color: #444;
}

#right_column h4 {
	float: left;
	clear: left;
	font-size: 21px;
	font-weight: 500;
	color: #490634;
	font-family: new time roman,garamond,serif;
	width: 560px;
	padding: 20px 0 14px 90px;
	margin: 0;
	background: url(images/rightcol_h4_flourish_bg.gif) no-repeat 0 100%;
}

#right_column p {
	clear: left;
	margin-top: 10px;
	text-align: left;
	font-size: 12px;
}

#right_column ul {
	float: left;
	clear: left;
	margin: 0;
}

#right_column ul li {
	float: left;
	clear: left;
	padding: 0 0 7px 15px;
	color: #666;
}

#right_column ol {
	float: left;
	clear: left;
}

#right_column ol li {
	float: left;
	clear: left;
	padding: 0 0 7px 15px;
	color: #666;	
}


/* news page items ======================================*/

.news_item {
	float: left;
	display: block;
	width: 545px;
	margin: 0;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ccc;
}

.news_item h4 {
	float: left;
	display: block;
	text-align: left;
	font-size: 16px;
	font-weight: 700;
	margin: 20px 0 0 0;
	padding: 0;
	color: #888;	
}

.news_item p {
	float: left;
	clear: left;
	width: 545px !important;
	font-size: 12px;
	line-height: 19px;
}

.search_result {
	margin: 5px 0 0 0;
	padding: 0;
}

#search_button {
	border: 0;
	width: 90px;
	height: 19px;
	background: url("images/button_search.gif") no-repeat 0 0;
	color: #fff;
	cursor: pointer;
}

/* the footer elements ==================================== */

#footer {
	float: left;
	clear: left;
	width: 950px;
	color: #fff;
	text-align: left;
}

#footer_gradient {
	float: left;
	width: 950px;
	height: 34px;
	margin: 0;
	background: url(images/footer_nav_gradient.jpg) no-repeat 0 0;
}

#footer p {
	float: left;
	clear: left;
	display: block;
	width: 922px;
	margin: 0 9px;
	background: #7b0055;
	padding: 8px 10px 4px 10px;
	font-family: times new roman, garamond, serif;
	font-size: 13px;
	text-align: center;
}

#bflink {
	float: left;
	clear: left;
	width: 950px;
	text-align: right;
	color: #bfc0ba;
	font-size: 11px;
	padding: 8px 0 4px 0;
	font-family: Frutiger,Arial,Helvetica,Sans serif;
}

#bflink a {
	color: #bfc0ba;
	text-decoration: none;
}

#bflink a:hover {
	color: #555;
	text-decoration: none;
}


/* static page elements =================================================================== */


#main_written_content_box {
	float: left;
	clear: left;
	width: 700px;
	padding: 20px 0 0 30px;
}

#main_written_content_box p {
	float: left;
	clear: left;
	width: 600px;
	color: #666;
	line-height: 23px;
}

.table_data {
	color: #666;
	font-size: 12px;
}

#map {
	float: left;
	width: 300px;
	height: 300px;
	border: 1px solid #ccc;
}

/* mailing form elements =================================================================== */

fieldset {
	border: 0;
	padding: 0;
	margin: 0;
}

.form_tidy {
	width: 500px;
	float: left;
	clear: left;
	margin: 0;
	padding-top: 10px;
	padding-bottom: 30px;
}

.form_tidy p {
	clear: left;
	float: left;
	margin: 8px 0 0 0;
}

.form_tidy p label {
	float: left;
	width: 150px;
	text-align: right;
	font-size: 12px;
	font-weight: 600;
	padding: 2px 8px 3px 0;
	color: #333;
}

.textfield {
	float: left;
	width: 200px;
	border: 1px solid #ccc;
	padding: 3px;
}

.form_tidy p textarea {
	float: left;
	width: 200px;
	border: 1px solid #ccc;
	padding: 3px;
}

.form_tidy .button {
	text-align: center;
	width: 65px;
	height: 24px;
	border: 0;
	margin: 5px 0 10px 156px;
	color: #fff;
	background: url(images/button_submit.gif) 0 0 no-repeat #4080C1;
	cursor: pointer;
}

.formbutton {
	border: 1px solid #333;
	background-color: #999;
	cursor: pointer;
}

#checkout_button {
	margin-left: 156px;
}

.tickbox {
	width: 13px;
	border: 1px solid #ccc;
}


/* size chart =============================== */

.size_table {
	float: left; 
	clear: left;
	color: #000000; 
	padding: 5px; 
	margin-top: 20px;
	width: 260px;
}

.size_table dl {
	float: left;
	clear: left;
	width: 260px;
	margin: 0;
	padding: 0;
}

.size_table dt {
	float: left;
	width: 70px;
	font-weight: 500;
	padding: 4px 0;
	display: block;
	color: #000;
	font-size: 12px;
	line-height: 12px;
	text-align: right;
	/*border: 1px solid #cccccc;*/
	margin: 1px 0 0 0;
}

.size_table dd {
	float: left;
	width: 20px;
	height: 20px;
	border: 1px solid #ccc;	
	font-size: 12px;
	font-weight: 500;
	font-size: 10px;
	margin: 1px 0 0 1px;
	text-align: center;
	padding: 0;
	color: #666;
	line-height: 20px;
}

.yes {
	background: url(images/availability_instock_yes.gif) no-repeat 0 0 #74FF61;
}

.no {
	background: url(images/availability_instock_no.gif) no-repeat 0 0 #FF8975;
}