/*Unstyle*/
html {
	overflow-y: auto;
}

body {
	margin: 0px;
	padding: 0px;
	border: none;
	font-size: 90%;
	font-family: Arial;
}

div {
	position: relative;
}

a, p, h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
	border: none;
	font-size: 100%;
	line-height: 1em;
}

div:after {
	clear: both;
	display: block;
	content: ".";
	visibility: hidden;
	height: 0px;
	line-height: 0px;
	overflow: hidden;
}

a img{
	border:none;
}

/*HTML styling*/
body {
	background: white url("../images/body_bg.gif") center top repeat;
	text-align: center;
}

p {
	line-height: 1.3em;
}

a {
	outline: none 0px;
}

/*Common classes*/
.float_center {
	width: 100%;
	text-align: center;
}

.failed {
	color: red;
}

.success {
	color: green;
}

.fake_link {
	text-decoration: underline;
}

.coming_soon {
	background-image: url("../images/black_sixty.png");
	display: block;
	float: left;
	margin: 0px;
	padding: 10px;
}

/*Layout*/
#container {
	text-align: left;
	width: 900px;
	height: 848px;
	margin-left: auto;
	margin-right: auto;
	background: transparent url("../images/bg.jpg") center top no-repeat;
	color: white;
}

#header {
	width: 100%;
	height: 140px;
	clear: both;
	overflow: visible;
}

#main_navigation {
	background-image: url("../images/black_eighty.png");
	width: auto;
	margin: 10px;
	padding: 10px;
	position: absolute;
	top: 150px;
	left: 10px;
}

#content {
	background-image: url("../images/black_eighty.png");
	width: 610px;
	padding: 10px;
	height: auto !important;
	height: 560px;
	max-height: 560px;
	overflow: auto;
	position: absolute;
	top: 160px;
	bottom: auto;
	right: 20px;
	overflow-x: hidden;
}

.small_content,
#content.small_content {
	top: auto;
	height: auto;
	bottom: 100px;
	width: 400px;
	right: 20px;
	padding: 5px;
}

.small_content label,
#content .small_content label {
	max-width: 100px !important;
}

.no_backing,
#content.no_backing {
	background-image: none;
	margin: 0px;
	padding: 0px;
}

#footer {
	position: absolute;
	top: 768px;
	height: 80px;
	width: 100%;
	margin: 5px;
	color: black;
}

/*Header*/
#header #title {
	position: absolute;
	top: 0px;
	left: 0px;
}

#header #title h1 {
	font-size: 440%;
}

#header #subtitle {
	position: absolute;
	top: 90px;
	left: 80px;
}

#header #subtitle h2 {
	font-size: 190%;
	color: black;
}

#header #title h1 a,
#header #subtitle h2 a {
	text-decoration: none;
	color: black;
}

#header #top_controls {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 180px;
	height: 60px;
	text-align: right;
}

#header #top_controls #search {
	float: right;
}

#header #top_controls #search fieldset {
	margin: 0px;
	padding: 0px;
	border: none 0px;
}

#header #top_controls #search fieldset input {
	vertical-align: middle;
	display: inline-block;
}

#header #top_controls #search #search_text {
	border: 1px solid black;
	font-size: 80%;
	height: 18px;
	line-height: 18px;
	padding: 0px;
	margin: 0px;
	width: 113px;
}

#header #top_controls #shopping_basket_button {
	width: 171px;
	height: 26px;
	overflow: hidden;
	display: block;
	margin-top: 5px;
	float: right;
	position: relative;
	outline: none;
}

#header #top_controls #shopping_basket_button img {
	clip: rect(0px, 171px, 26px, 0px);
	position: absolute;
	overflow: hidden;
	top: 0px;
	left: 0px;
}

#header #top_controls #shopping_basket_button:hover img {
	top: -26px;
	clip: rect(26px, 171px, 52px, 0px);
}

#header #top_controls #shopping_basket_button:active img {
	top: -52px;
	clip: rect(52px, 171px, 78px, 0px);
}

/*Navigation*/
#main_navigation ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#main_navigation ul li {
	float: left;
	clear: both;
}

#main_navigation ul li a {
	color: white;
	text-decoration: none;
	padding: 5px;
	display: block;
	font-weight: normal;
	font-size: 110%;
}

#main_navigation ul li a:hover {
	color: #CCC;
}

#main_navigation ul li.selected a {
	color: white;
	text-decoration: underline;
}

/*Back Button*/
#back_button {
	position: absolute;
	top: auto;
	bottom: 95px;
	left: 15px;
	background-image: url("../images/black_sixty.png");
	padding: 5px;
}

#back_button a {
	color: white;
	padding-left: 26px;
	display: block;
	float: left;
	line-height: 1.3em;
	text-decoration: none;
	background: transparent url("../images/back_button.png") left center no-repeat;
}

#back_button a:hover {
	text-decoration: underline;
}

/*Content*/
#content p, #content address {
	margin: 10px;
}

#content a {
	color: white;
}

#content h3 {
	margin: 10px;
	font-size: 110%;
}

#content h4 {
	margin: 10px;
	margin-top: 15px;
	font-size: 100%;
	text-decoration: underline;
}

#content label {
	width: 200px;
	float: left;
	clear: left;
	line-height: 1.3em;
	height: 1.3em;
	margin-top: 3px;
	margin-bottom: 3px;
	vertical-align: middle;
}

#content input, #content textarea, #content select {
	width: 200px;
	float: left;
	line-height: 1.3em;
	margin: 3px;
	display: block;
}

#content input.checkbox {
	width: auto;
}

.date_fields {
	width: 200px;
	float: left;
	vertical-align: middle;
}

#content select {
	width: auto;
	height: 22px;
}

#content fieldset {
	border: none 0px;
	margin: 10px;
}

#content input.submit_button {
	width: auto;
}

#content input.inline_input {
	width: auto;
	vertical-align: middle;
}

#content .shopping_gift_wrap_wrapper {
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
}

#content input#year {
	width: 40px;
}

#content .wide_tablet {
	background-color: black;
	display: block;
	margin: 5px;
	padding: 5px;
	border: 1px solid #75110F;
	outline: 1px solid black;
	text-decoration: none;
	clear: both;
	cursor: pointer;
	zoom: 1; /* Give 'layout' to blocks in ie6/7 */
}

#content .small_tablet {
	float: left;
	width: 141px;
	overflow: hidden;
	background-image: url("../images/black_sixty.png");
	display: block;
	margin: 7px;
	padding: 5px;
	border: 1px solid #75110F;
	outline: 1px solid black;
	text-decoration: none;
	width: 115px;
	float: left;
	cursor: pointer;
}

#content .wide_tablet a,
#content .small_tablet a {
	line-height: 1.3em;
	text-decoration: none;
}

#content .wide_tablet:after,
#content .small_tablet:after {
	clear: both;
	display: block;
	content: ".";
	height: 0px;
	line-height: 0px;
	visibility: hidden;
	overflow: hidden;
}

#content .wide_tablet:hover,
#content .small_tablet:hover {
	border: 1px solid #FEE216;
}

#content .wide_tablet:active,
#content .small_tablet:active {
	border: 1px solid #FD8B0F;
}

#content .wide_tablet img {
	float: left;
	margin-right: 10px;
	height: 92px;
	width: 115px;
	display: block;
	cursor: pointer;
}

#content .small_tablet h3 {
	font-size: 80%;
	text-align: center;
	margin: 0px;
	margin-top: 5px;
	line-height: 1.3em;
	margin-bottom: 2.6em;
	cursor: pointer;
}

#content .small_tablet p {
	text-align: center;
	font-weight: bold;
	position: absolute;
	bottom: 15px;
	top: auto;
	left: 10px;
	width: 115px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	line-height: 1.3em;
}

#content .tablet_row {
	clear: both;
	float: left;
	width: 100%;
}

#content_title {
	width: auto;
	position: absolute;
	left: 400px;
	top: 130px;
	text-align: center;
	padding: 5px;
	font-size: 90%;
	font-weight: bold;
	background-image: url("../images/black_sixty.png");
}

#content #product {
	height: 560px;
	width: 610px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}

#content #product_image {
	overflow: hidden;
	position: absolute;
	top: -10px;
	left: -55px;
	width: auto;
	height: auto;
	clip: rect(10px, 665px, 570px, 55px);
}

#content #product_info {
	position: absolute;
	bottom: 15px;
	right: 15px;
	margin: 0px;
	padding: 10px;
	background-image: url("../images/black_sixty.png");
	padding-right: 120px;
	padding-bottom: 20px;
	width: 300px;
}

#content #main_product_info {
	position: static;
	height: auto !important;
	height: 100px;
	min-height: 100px;
}

#content #product_info #product_title {
	font-size: 110%;
	margin: 5px;
	padding: 0px;
}

#content #product_info #product_extra_info {
	background-color: #333;
	padding: 5px;
	margin: 5px;
	text-align: center;
	font-style: italic;
	border: 1px solid #999;
	font-size: 80%;
}

#content #product_info #product_description {
	font-size: 80%;
	line-height: 1.5em;
	margin: 5px;
}

#content #product_info #product_controls {
	overflow: hidden;
	position: absolute;
	right: 10px;
	height: 90px;
	margin: 0px;
	padding: 0px;
	margin-top: -50px;
	top: 50%;
	text-align: center;
	width: 100px;
}

#content #product_form,
#content #product_form fieldset {
	margin: 0px;
	padding: 0px;
	text-align: center;
}

#content #product_info #product_price {
	font-size: 130%;
	text-align: center;
	margin: 0px;
	padding: 0px;
	height: auto;
}

#content #product_info label {
	font-size: 80%;
	width: auto;
	margin-right: 5px;
	display: inline;
}

#content #product_info #quantity_container {
	line-height: 1.3em;
	padding: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
	clear: both;
}

#content #product_info #quantity_container input#quantity {
	width: 20px;
	border: 1px solid black;
	text-align: center;
	display: inline;
}

#content #product_info .small_button {
	position: absolute;
	bottom: 4px;
	left: 4px;
	width: 15px;
	height: 12px;
	line-height: 10px;
	overflow: hidden;
	border: 1px solid #75110F;
	outline: 1px solid black;
	background-color: black;
	color: white;
	cursor: pointer;
	text-align: center;
}

#content #product_info .small_button:hover {
	border: 1px solid #FEE216;
}

#content #product_info .small_button:active {
	border: 1px solid #FD8B0F;
}

#content #product_info #maximize_button {
	display: none;
}

#content #buy {
	clear: both;
}

#content #stages {
	clear: both;
	width: 100%;
}

#content #stages div {
	float: left;
	margin: 3px;
	padding: 4px;
	font-size: 80%;
	border: 1px solid black;
	background-image: url("../images/black_eighty.png");
	white-space: nowrap;
}

#content #stages div.highlight {
	border: 1px solid orange;
	outline: 1px solid black;
}

#content table {
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
	border-collapse: collapse;
	font-size: 90%;
}

#content table label {
	width: auto;
}

#content table input {
	width: auto;
}

#content table th {
	white-space: nowrap;
	padding: 5px;
	text-align: left;
}

#content table .num {
	text-align: center;
}

#content table thead th {
	border-bottom: 1px solid green;
}

#content #shopping_basket_checkout,
#content #proceed_button_container,
#content #confirm_order_container {
	float: right;
	text-align: right;
}

#content #shopping_basket_checkout fieldset,
#content #proceed_button_container fieldset {
	float: left;
}

#content .payment_method_logo {
	float: left;
	margin: 5px;
}

#content #send_email fieldset {
	width: 420px;
}

#content #wedding_form fieldset {
	width: 430px;
}

/*Footer*/
#footer {
	color: #666;
	font-size: 90%;
}	

#footer a {
	color: #666;
}

#footer #credit {
	width: 200px;
	position: absolute;
	top: auto;
	bottom: 20px;
	left: 0px;
}

#footer #credit #copyright_notice {
	margin: 10px;
}

#footer #credit #credit_link {
	font-size: 80%;
	margin: 10px;
}

#footer #contact_details {
	width: 500px;
	position: absolute;
	text-align: center;
	top: auto;
	bottom: 10px;
	left: 200px;
}

#footer #contact_details address {
	font-style: normal;
}

#footer #contact_details b {
	font-weight: normal;
}

#footer #contact_details div {
	margin: 5px;
}

#footer #site_navigation {
	width: 200px;
	position: absolute;
	text-align: right;
	top: auto;
	bottom: 10px;
	right: 5px;
}

#footer #site_navigation ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#footer #site_navigation ul li {
	padding: 5px;
	line-height: 1em;
}