html,body{margin:0;padding:0}
body{font: normal 76% Arial,Verdana,sans-serif;text-align:center}
a{color:#494c51;text-decoration:underline;}
a:hover {text-decoration:none;}
p {margin:12px 0;padding:0;}
img{border:0;}
.left {float:left;}
.right {float:right;}
.bold {font-weight:bold;}
.red {color:red;}
img.left{float:left;margin:0 10px 5px 0;}
img.right{float:right;margin:0 0 10px 5px;}
.text-right{text-align:right;}
div.clear{clear:both;width:0;height:0;padding:0;margin:0;}

/* Where the main div layout widths are defined */
div#container{width:938px;margin:20px auto}
div#wrapper{float:left;width:100%}
div#content{font-size:14px; margin: 0 263px 0 228px}
div#navigation{float:left;width:196px;margin-left:-938px}
div#extra{float:left;width:215px;margin-left:-215px}
div#footer{clear:left;width:100%}


/* Some default entity styles to be overridden as necessary */
ul {padding-left:40px;list-style: disc outside;}
ul li {padding:2px 0;}
ul li ul {list-style:circle;}

/* Main header container */
div#site_header {color: #333;padding: 0; margin:0;text-align:left;}
.full_width_wrapper {width:938px;margin:0 auto;padding:0;}

/* Splash stuff */
div#splash
{
	background: url(/squirrelcart/themes/curtainrod/images/splash-bg.jpg) left top repeat;
	min-height:194px;
	height:auto !important;
	height: 194px;
}
#splash h2 {margin:0;padding:0;}
#splash h2, #splash a {display:block;}
#splash a {outline:0;text-indent:-9999px;}
#splash h2, #splash h2 a {height:194px;}
#splash h2 {background:url(/squirrelcart/themes/curtainrod/images/splash-h2-bg.jpg) left top no-repeat;}
a#splash_a1, a#splash_a2 {float:left;width:358px;height:136px;margin:0;padding:0;}
a#splash_a1 {background: url(/squirrelcart/themes/curtainrod/images/splash_a1.gif) left top no-repeat;}
a#splash_a2 {background: url(/squirrelcart/themes/curtainrod/images/splash_a2.gif) left top no-repeat;}

/* The site header NOTE: There is a class everywhere in squirrelcart called "header" so we use site_header here */
#site_header ul
{
	margin:0;padding:0;
	list-style:none;display:block;
	min-height: 36px;
	height: auto !important;
	height: 36px;
}
#site_header ul li {display:block;float:left;text-transform:uppercase;padding:10px 31px;margin:0;}
#site_header ul li a {text-decoration:none;color:#fbb196;margin:0;padding:0;}
#site_header ul li a:hover {text-decoration:underline;}
#site_header ul li#search_form {width:262px;padding:0;margin:0;}

/* Search box in the nav */
#search_form form {margin:0;padding:5px;border:0;background:#571310;}
#search_form input {vertical-align:middle;}
#search_form div {margin-top:2px;}

/* Other stuff in the header */
#site_header p
{
	text-align:right;
	color:#7c1b15;
	font-weight:bold;
	position: absolute;
	top: 10px; left: 600px;
	width: 300px;
	text-align: center;
	font-size:110%;
	display: none;
}
#site_header h1 {height:93px;background: url(/squirrelcart/themes/curtainrod/images/h1-bg-2.jpg) left top no-repeat;margin-top:10px;margin-bottom:0;}
#site_header h1 a {display:block;height:93px;outline:0;text-indent:-9999px;}


/* Main container.  The full 938px width */
div#container{text-align:left;background:#fff;}

/* Styles for main content */
div#content p {line-height:1.4;margin-top:0;}
div#content h2, div#content h3 {margin-top:0;}
div#content div, .checkout_progress {margin-bottom:20px;}

/* Menu styles.  This is the main navigation */
div#menu {background: #ffc;margin:0;padding:0;width:170px;margin:0 0 10px 10px;}
div#menu ul { border:1px solid #999; padding:0;margin:0;}
div#menu ul {list-style:none;}
div#menu ul li {font-weight:bold; margin:0 3px; padding:0;}
div#menu ul li a { color:#000; text-decoration:none;}
div#menu ul li a:hover { background:#9cf;}
div#menu ul li ul { list-style: disc inside; padding:0; margin:0 0 10px 0; border-bottom:0;}
div#menu ul li ul li { font-weight:normal; padding:1px 0; margin:0; border-bottom:1px solid #999;}
div#menu ul li ul li:hover { background:#9cf;}


/* The navigation column */
div#navigation {background:#fff;padding:0;}


/* The extra column */
div#extra{background:#fff;padding:0;}


/* Nav boxes */
div.outlined {border:1px solid #d6d6d6;padding:5px;margin:0 0 20px 0;}
div.outlined h3 {background: transparent url(/squirrelcart/themes/curtainrod/images/h3_bg.gif) left top repeat-x;text-transform:uppercase;padding:10px;margin:0;color:#fff;font-size:12px;}

div.dull_green {background:#e2ebe8;padding:5px;margin:0 0 20px 0;}
div.dull_green h3 {text-transform:uppercase;background:#f1f7f7;color:#000;padding:10px;margin:0;font-size:12px;}

div.outlined p, div.dull_green p {margin:12px;}

.ul_1, .ul_2, .ol_1
{
	list-style: none;
	margin:0;
	padding:10px 0;
}
.ul_2 {list-style:square inside none;}
.ol_1 {list-style:decimal inside none;}
.ul_1 li, .ul_2 li, .ol_1 li
{
	border-bottom: 1px dotted #bfbfbf;
	padding: 10px;
	color:#4f4d52;
}
.ul_1 li
{
	background: transparent url(/squirrelcart/themes/curtainrod/images/ul_1_bullet.gif) 5px 15px no-repeat;
	padding-left: 15px;
}

.ul_1 ul {padding-left:0;list-style:none;}
.ul_1 ul li {border-bottom:0;}


/* Product display stuff */
table.product_single h3 {font-size:90%;}
.product_price, .product_sale_price {font-size:120%;font-weight:bold;color:#494C51;}
.product_sale_price {color:green;}
div.bread_crumb_nav {margin-bottom:20px;}

/* Product detail page */
.product_section {border-bottom:1px dotted #666;}
.product_name {font-size:150%; font-family:arial,verdana,sans-serif;}
.product_section_name {font-size:120%; color:#7F1C16;}
.product_detail_price {font-size:120%;font-weight:bold;color:#494C51;}
td.instruction {font-weight:bold;vertical-align:top;}
td.field {vertical-align:top;}
.valign_middle {vertical-align:middle;}

.subcategory_table {margin-bottom:20px;}
.subcategory_table td {padding:5px;text-align:center;}


/* for messages that are informational (with Balloon image to left of text) */
.cart_info_msg {
	margin-top: 5px;
	font-weight: bold;
}

.cart_info_msg img {
	vertical-align: middle;
}


/* Cart checkout stuff */
tr.header_row td {font-weight:bold;}

/******************************************************************
	Styles below are for the Checkout
******************************************************************/

/* table that surrounds the items and other info */
.checkout_table {
	width: 100%;
	border: black solid 1px;
}

/* address blocks (table) */
.address_block {
	border: black solid 1px;
	height: 75px;
	width: 130px;
}

/* address block TDs */
.address_block td{
	text-align: left;
	white-space: nowrap;
}

/* tracking number DIV inside address block */
.address_block .tracking_number {
	margin-top: 4px;
	text-align: center;
}

/* row that contains the column labels */
.checkout_table .header_row,
.address_block .header_row
 {
	font-weight: bold;
 	height: 22px;
 	background-color: #E2EBE8;
}

/* row that contains an item */
.checkout_table .item_row td {
	vertical-align: top;
}

/* td inside top row */
.checkout_table .header_row td,
.address_block .header_row td
{
 	border-bottom: black solid 1px;
}


/* 1st td in top row - "Description" */
.checkout_table .header_row .td_1{
	text-align: left;
	padding-left: 4px;
}

/* 2nd, 3rd, and 4th td in top row - Options, Unit Price, Total" */
.checkout_table .header_row .td_2,
.checkout_table .header_row .td_3,
.checkout_table .header_row .td_4
{
	text-align: right;
	padding-right: 4px;
}

/* 1st column in table */
.checkout_table .header_row .td_1,
.checkout_table .item_row .td_1 
{
	width: 50%;
}

/* 2nd column in table */
.checkout_table .header_row .td_2,
.checkout_table .item_row .td_2 
{
	width: %30;
	text-align:right;
	line-height: 150%;
}

.checkout_table .item_row .td_2W {
line-height: 175%;	
font-size: 7pt;
}

/* 3rd column in table */
.checkout_table .header_row .td_3,
.checkout_table .item_row .td_3 
{
	width: 12%;
	text-align:right;
	line-height: 150%;
}

/* 4th column in table */
.checkout_table .header_row .td_4,
.checkout_table .item_row .td_4 
{
	width: 8%;
	text-align:right;
}


/* 1st td in item row */
.checkout_table .item_row .td_1 {
	height: 100px;
}

/* vertical border on certain cells */
.checkout_table .item_row .td_1,
.checkout_table .item_row .td_2,
.checkout_table .item_row .td_3,
.checkout_table .qty_row .td_1,
.checkout_table .qty_row .td_2
{
	border-right: silver solid 1px;
}

/* right padding for all td's in rows other than the first one */
.checkout_table .item_row td,
.checkout_table .qty_row td,
.checkout_table .footer_row td
{
	padding-right: 4px;
}

/* td inside qty row */
.checkout_table .qty_row td{
 	border-bottom: silver solid 1px;
 	border-top: silver solid 1px;
 	text-align: right;
	background-color: #f1f3f9;
}

/* payment method TD in footer row */
.checkout_table .footer_row .pay_method {
	vertical-align: bottom;
	padding: 4px;
}

/* quantity field & label */
.qty_row input,
.qty_row span
{
 	vertical-align: middle;
}

/* div containing thumbnail of product */
.checkout_table .product {
	margin: 4px 0px 4px 4px;
	width: 100%;
}

/* all tds in product table */
.checkout_table td {
	text-align: left;
}

/* td for product name */
.checkout_table .prod_name {
	margin-bottom: 5px;
	padding: 2px;
}

/* div for product image */
.checkout_table .product .prod_img {
	margin: 4px;
	float: left;
}


/* td for product buttons - modify, remove */
.checkout_table .prod_btns {
	padding-top: 4px;
}

/* div for savings info for item */
.checkout_table .savings_info {
	margin-top: 4px;
	margin-bottom: 4px;
	font-style: italic;
	clear: left;
}

/* div for option detail */
.checkout_table .order_option_detail {
	padding: 3px;
	margin-top: 5px;
}

/* div for each option line */
.checkout_table .order_option_detail_line,
.checkout_table .order_option_detail_line_alt {
	padding: 2px 2px 4px 2px;
	border-bottom: silver solid 1px;
}

/* div for alternating option lines */
.checkout_table .order_option_detail_line_alt {
	background-color: #f7f7f7;	
}

/* label for option name */
.checkout_table .order_option_detail_line .label,
.checkout_table .order_option_detail_line_alt .label {
	font-weight: bold;
	margin-right: 4px;
	color: #515151;
}

/* alternating color for label of option name */
.checkout_table .order_option_detail_line_alt .label {
	color: green;
}

.checkout_table .opt_detail_btn {
	border: 0px;
	cursor: pointer;
}

/***************************************************************
	Styles below are for the checkout progress indicator
	above checkout form..."Step 1, Step 2, etc..."
***************************************************************/
/* table that contains the progress links */
.checkout_progress {
}

/* checkout progress links */
.checkout_progress a,
.checkout_progress a:visited {
	color: green;
	text-decoration: none;
	vertical-align: middle;
}
.checkout_progress a:hover {
	color: green;	
	text-decoration: underline;
}

.checkout_step_pending {
	color: silver;
	font-size: 10pt;
}
.checkout_step_active {
	font-size: 10pt;	
	color: blue;
	font-weight: bold;
	font-style: italic;
}
.checkout_step_done {
	color: green;
	font-size: 10pt;
}
.checkout_step_pending,
.checkout_step_active,
.checkout_step_done {
	width: 20%;
	text-align: left;
	font-family: "Trebuchet MS", Verdana, Arial;
}
.checkout_step_active .checkout_step_num {
	font-style: italic;
}
.checkout_buttons_row1,
.checkout_buttons_row2 {
	text-align: center;
}
.checkout_buttons_row2 {
	margin-top: 15px;
}
.checkout_buttons_row1 img,
.checkout_buttons_row2 img {
	border: 0px;
}
#checkout_button_w_gc {
	margin-bottom: 17px;
	border: 0px;
}
#checkout_or {
	margin: 0px 4px 17px 6px;
}


/* Footer stuff */
div#footer{background: #a1a1a1;color: #e3e3e3; text-align:right;padding:15px 0;}
div#footer a {color: #e3e3e3;padding-left:10px;}
div#footer p{margin:0;padding:5px 0;line-height:2.0;}
div#footer ul
{
	list-style:none;
	width:75%;
	padding:0;
	margin:0;
}
div#footer ul li
{
	float:left;
	padding:3px 10px;
}