/* ===================================================================== */
/* =======================       CSS RESET       ======================= */
/* ===================================================================== */
* { padding: 0; margin: 0; }
img { border: none; }
a { text-decoration: none; color: #444444; }
a:hover { text-decoration: underline; color: #ca0000; }
.clearall { clear: both; }
.alignLeft { float: left; }
.alignRight { float: right; }
.alignCenter { text-align: center; }
/* ===================================================================== */
/* ===================================================================== */
/* ===================================================================== */
html { height: 100%; }

body {
	height: 100%;
	background: url('../images/backgrounds/header.jpg') repeat-x #fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #333333;
}

#wrapper { width: 960px; min-height: 100%; height: auto !important;	height: 100%; margin: 0 auto -115px; padding-bottom: 50px; }

#wrapper #header { width: 100%; height: 75px; }
#wrapper #header #logo { float: left; width: 289px; height: 75px; }
#wrapper #header #search { float: right; width: 167px; height: 30px; margin: 0 20px 0 0; background: url('../images/backgrounds/search.png') no-repeat; color: #754c24; font-weight: bold; font-size: 1.1em; line-height: 20px; text-indent: 50px; }
#wrapper #header #basket { float: right; margin: 0 10px 0 0; width: 165px; height: 30px; background: url('../images/backgrounds/basket.png') no-repeat; color: #754c24; font-weight: bold; font-size: 1.1em; letter-spacing: 1px; line-height: 20px; text-indent: 55px; }
#wrapper #header ul#menu { float: right; width: 500px; height: 42px; margin: 25px 10px 0 0; padding: 0 0 0 15px; background: url('../images/backgrounds/menu.png') no-repeat; list-style-type: none; }
#wrapper #header ul#menu li { line-height: 40px; display: inline; }
#wrapper #header ul#menu li a { color: #fff; font-size: 1.1em; padding: 0 5px; margin: 0 6px; }
#wrapper #header ul#menu li a:hover { text-decoration: none; font-style: italic; padding-bottom: 23px; }
#wrapper #header ul#menu li a.dropdownmenu:hover { background: url('../images/arrow.jpg') 20px 23px no-repeat; }
#wrapper #header ul#menu li a.dropped { background: url('../images/arrow.jpg') 20px 23px no-repeat; }
#wrapper #header ul#menu ul.submenu { position: relative; width: 740px; left: -250px; float: left; background: url('../images/backgrounds/dropdown.jpg') 10px repeat-x; margin-left: 10px; }
#wrapper #header ul#menu ul.submenu li { height: 20px; line-height: 20px; }
#wrapper #header ul#menu ul.submenu li a { color: #999; }
#wrapper #header ul#menu ul.submenu li a:hover { background: none; }

#wrapper #content { padding: 80px 0 0 0; }
#wrapper #content ul#sub_categories { width: 100%; list-style-type: none; margin-bottom: 20px; }
#wrapper #content ul#sub_categories li { display: inline; height: 20px; line-height: 23px; font-weight: bold; color: #999; }
#wrapper #content ul#sub_categories li.sub_cat_header { float: left; width: 100px; font-size: 1.2em; }
#wrapper #content ul#sub_categories li.line_break { margin-left: 100px; }
#wrapper #content ul#sub_categories li a { color: #666; font-size: 1.1em; margin: 0 6px; padding: 0 5px; }

#wrapper #content #product-list { float: left; width: 360px; }
#wrapper #content #product-list ul { list-style-type: none; }
#wrapper #content #product-list ul li { float: left; width: 100px; height: 100px; padding: 5px; margin: 0 10px 10px 0; }
#wrapper #content #product-list ul li.active { background: url('../images/photo-surround.png') no-repeat; }
#wrapper #content #product-list ul li img { width: 101px; height: 100px; }
#wrapper #content #product-list ul li a {}
#wrapper #content #product-list ul li a:hover {}
#wrapper #content #product-list ul li.active a {}
#wrapper #content #product-list ul li.active a:hover {}
#wrapper #content #product-list #pagination { float: left; width: 100%; font-size: 1.1em; color: #666; }

#wrapper #content #product-details { float: right; width: 580px; }
	#wrapper #content #product-details #product_photos { float: right; width: 150px; height: 65px; }
	#wrapper #content #product-details #product_photos img { float: right; margin: 0 5px; width: 65px; height: 65px; }
	#wrapper #content #product-details h2 { width: 400px; color: #775432; font-weight: bold; }
	#wrapper #content #product-details #photos { width: 100%; height: 460px; text-align: center; padding-bottom: 10px; margin-top: 5px; }
	#wrapper #content #product-details #photos img { width: 580px; height: 460px; }
	#wrapper #content #product-details #details { text-align: left; padding: 0 10px; }
	#wrapper #content #product-details #details p { font-size: 1.2em; color: #666; line-height: 20px; padding: 5px 0; }
	#wrapper #content #product-details #addtobasket { padding: 10px; text-align: left; }
	#wrapper #content #product-details #product_options_div { float: left; width: 100%; }
	#wrapper #content #product-details #product_buy_button { float: left; width: 100%; }
	#wrapper #content #product-details #addtobasket #product_buy_button label { width: 150px; padding: 0 10px 0 0; text-align: right; margin-bottom: 10px; }
	#wrapper #content #product-details #addtobasket #product_buy_button input { float: left; width: 80px; padding: 3px 0; margin: 0 10px 10px 0; border: 2px solid #999; font-weight: bold; font-size: 1.1em; }
	#wrapper #content #product-details #addtobasket #product_buy_button input { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
	#wrapper #content #product-details #addtobasket #product_buy_button input#add_to_cart { clear: both; width: 200px; margin-left: 160px; background: #775432; color: #fff; border-color: #775432; }
	#wrapper #content #product-details #addtobasket #product_options_div label { width: 150px; padding-right: 10px; line-height: 20px; }
	#wrapper #content #product-details #addtobasket #product_options_div select { float: left; width: 250px; border: 2px solid #999; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 3px 5px; }

#wrapper #content #related_products { clear: left; margin-top: 90px; float: left; width: 350px; background: #e8e2dc; }
	#wrapper #content #related_products h3 { background: #775432; color: #fff; padding: 5px; }
	#wrapper #content #related_products .related_item { margin: 10px; height: 60px; }
		#wrapper #content #related_products .related_item img { float: left; margin-right: 10px; height: 60px; }
		#wrapper #content #related_products .related_item p { color: #775432; }
		#wrapper #content #related_products .related_item a { color: #775432; }

#wrapper #content #gallery-details { float: right; width: 580px; }
#wrapper #content #gallery-details #photos { height: 460px; text-align: center; padding-bottom: 10px; overflow: hidden; }
#wrapper #content #gallery-details #photos img { height: 460px; text-align: center; margin: 0 auto; }
#wrapper #content #gallery-details #details { text-align: right; padding: 0 10px; }

#wrapper #content table#shoppingcart { }
#wrapper #content table#shoppingcart tr { }
#wrapper #content table#shoppingcart tr th { color: #8F0F24; border-bottom: 2px solid #8F0F24; padding: 5px 0; background: #f9f9f9; }
#wrapper #content table#shoppingcart tr td { padding: 10px 5px; background: #fff; } 
#wrapper #content table#shoppingcart tr td input { float: none; width: 30px; text-align: center; }
#wrapper #content table#shoppingcart tr td input#update_cart { width: 100px; }
#wrapper #content table#shoppingcart tr td input#checkout { width: 100px; }
#wrapper #content table#shoppingcart tr td a { color: #8F0F24; font-weight: bold; }
#wrapper #content table#shoppingcart tr.cart_summary td { border-top: 2px solid #ddd; padding: 5px 5px; }
#wrapper #content table#shoppingcart tr.cart_summary_2 td { padding: 5px 5px; }

#shoppingPageBottom input { float: none; }

#introFrame { padding: 20px; text-align: center; }
#introFrame ul#introslideshow { height: 400px; width: 600px; margin: 0 auto; overflow: hidden; list-style-type: none; }

.push { height: 115px; }
#footer { background: url('../images/backgrounds/footer.jpg') repeat-x; width: 100%; height: 115px; position: relative; z-index:1000; }
#footer_inner { width: 960px; margin: 0 auto; }
#footer_inner p { line-height: 20px; color: #999; padding-top: 8px; font-size: 1.1em; }
#footer_inner p.alignLeft { padding-right: 80px; }
#footer_inner p.alignRight { text-align: right; }
#footer_inner p a { color: #999; }

#contact_p { float: left; width: 400px; }

#searchResults { border: 1px solid #ccc; background: #fcfcfc; padding: 10px; font-size: 1.2em; margin-top: 20px; }
#searchResults ul { list-style-type: none; }
#searchResults ul li { float: left; width: 100px; height: 100px; padding: 5px; margin: 0 24px 15px 0; }
#searchResults ul li.active { background: url('../images/photo-surround.png') no-repeat; }
#searchResults ul li img { width: 101px; height: 100px; }

table#cart { width: 96%; margin: 20px auto; font-size: 1.2em; }
table#cart tr {}
table#cart tr th { padding: 3px 5px; border-bottom: 1px solid #999; }
table#cart tr td { border-bottom: 1px solid #ccc; padding: 3px 5px; }
table#cart tr td.subtotal { border-bottom: 0; border-bottom: none; border-top: 1px solid #ccc; padding-top: 10px; }
table#cart tr td.noborder { border-bottom: 0; border-bottom: none; }

form { font-size: 1.1em; }
form label { float: left; width: 220px; padding-right: 20px; font-weight: bold; text-align: right; }
form input { float: right; width: 50px; border: 1px solid #999; padding: 2px 5px; text-align: center; }
form input#addbutton { padding: 1px 5px; margin-left: 10px; }
form input#update_shipping { float: none; width: 150px; }
form select { float: right; border: 1px solid #999; padding: 1px 5px; width: 300px; margin: 0 0 5px 0; }
form textarea { float: right; text-align: left; border: 1px solid #999; padding: 1px 5px; width: 288px; margin: 0 0 5px 0; }

form#searchProducts { padding: 10px; background: #f6f6f6; height: 42px; }
form#searchProducts input { float: left; width: 89%; padding: 11px 0; text-align: left; text-indent: 10px; border-right: 0; font-size: 1.3em; }
form#searchProducts input#submit { float: left; width: 10%; text-align: center; padding: 10px 0; margin: 0; text-indent: 0; border-left: 0; border-right: 1px solid #999; }

form#contactform { width: 500px; float: right; padding: 10px; background: #f9f9f9; border: 1px solid #f2f2f2; }
form#contactform label { width: 150px; text-align: right; }
form#contactform input { float: left; width: 300px; margin-bottom: 10px; text-align: left; }
form#contactform input#submit { float: right; width: 100px; margin-top: 10px; text-align: right; }
form#contactform textarea { float: left; width: 300px; height: 100px;  }

form#continueform { width: 700px; margin-left: 0; }
form#continueform label { float: left; width: 260px; line-height: 24px; margin-bottom: 5px; }
form#continueform input { float: left; width: 400px; text-align: left; padding: 4px 5px; margin-bottom: 5px; }
form#continueform select { float: left; width: 400px; text-align: left; padding: 4px 5px; margin-bottom: 5px; }
form#continueform input#submit { float: right; margin-right: 8px; text-align: right; }
form#continueform span { font-weight: bold; line-height: 20px; }

h1 { font-weight: normal; color: #999; letter-spacing: 1px; font-family: Georgia, Times, Serif; padding-bottom: 10px; }
h2 { font-weight: normal; color: #888; }
h2 span.price { color: #555; }
h4 { padding: 5px; margin-bottom: 10px; }
h4.error-msg { border: 1px solid #CC9999; color:#FFFFFF; background: #CC0000; }
h4.success { border:1px solid #99CC99; color:#006600; background: #e2f9e3; }

p { font-size: 1.2em; color: #777; padding: 10px 20px; }