/* Tags */
html { 
	font-size: 100%; /* IE Win */
}

body {
	font-size: 62.5%;
	font-family: Verdana, Arial, sans-serif;
  	line-height: 1.6;
	margin: 0;
	padding: 0;
	background-color: #f8faf5;
	text-align: center; /* IE 5.5 */
}

body * {
	font-size: 1em;
}

li li, td p, blockquote p, td td {
	font-size: 1em;
}

h1 { /* Main heading */
	font-size: 2em;
	line-height: 1.3;
	color: #808080;
	margin: 0 0 1.3em 0;
	padding: 0 0 1em 0;
	border-bottom: 1px dotted #808080;
}
/* Not for IE 5 Mac, only for IE Win \*/
h1 {
	height: 100%;
}
/* IE Mac 5 sees the end of this comment as the end of the previous one. */

h3 { /* Small heading */
	font-size: 1.4em;
	line-height: 1.0;
	color: #696969;
	margin: 2.5em 0 1em 0;
	padding: 0 0 1em 0;
	border-bottom: 1px dotted #808080;
}

hr {
	width: 100%;
	clear: both;
	border: none;
	color: #808080;
	background-color: #808080;
	height: 1px;
}

strong, b {
	color: #696969;
}

p {
	font-size: 1.1em;
	margin: 0 0 0.5em 0;
	padding: 0;
}

img {
	border:0;
}

a {
	color: #000000;
	text-decoration: none;
}

a:hover, a:hover strong, a:hover b {
	color: #b2081c;
	text-decoration: underline;
}

table {
	border: 0;
	padding: 0;
	border-spacing: 0;
	width: 100%;
	border-collapse: collapse; /* IE Win */
}

th, td {
	font-size: 1.1em;
	vertical-align: top;
}


/* Forms */
input, select {
	background-color: #ffffff;
	font-size: 1em;
}

input {
	background-color: transparent; /* IE Win */
}

fieldset {
	border: solid 1px #b2081c;
	margin: 0 0 10px 0;
	padding: 5px 10px;
	text-align: left;
}

legend {
	font-size: 1.1em;
	font-weight: bold;
	padding: 8px;
	color: #b2081c;
	text-align: left;
}

fieldset th {
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}

label {
	padding-right: 5px;
}

fieldset textarea { /* a patch for hard-coded textarea width */
	width: 25em;
}

blockquote {
	font-size: 1em;
}

.textarea textarea {
	width: 98%; /* IE Win */
	font-size: 1.1em;
}

/* Layout */
#wrapper {
	position: relative;
	width: 92em;
	margin: 1em auto;
	text-align: left;
	border: 1px solid #808080;
	background-color: #ffffff;
}

#banner {
	height: 8em;
	background-color: #efefef;
	/* border-bottom: 1px solid #dcdcdc; */ 
}
#banner img {
	padding-left: 1.5em;
}
#main {
	position: relative;
	width: 92em;
	border: 0;
	margin: 0;
}
#mainLeft {
	float: left;
	width: 16em;
	margin-left: 1.2em;
	display: inline /* Hack for IE Win, see http://www.positioniseverything.net/explorer/doubled-margin.html */
}

/* For IE Mac 5 only */
#mainCenter {
	margin: 0 19em 1.2em 19em;
}
/* IE Mac 5 misses the end-of-comment because of the backslash. \*/
#mainCenter {
	width: 52em;
	margin: 0 auto 1.2em auto;
}
/* IE Mac 5 sees the end of this comment as the end of the previous one. */

#mainRight {
	float: right;
	width: 16em;
	margin-right: 1.2em;
	display: inline /* Hack for IE Win, see http://www.positioniseverything.net/explorer/doubled-margin.html */
}
#content {
	font-size: 1.1em;
}

div.clear {
	clear: both;
	background-color: #ffffff}

  
/* Top Navigation */
#topNav {
	position: relative;
	margin-top: -2px; /* IE Win */
	background-color: #808080;
	color: #ffffff; 
	text-decoration: none;
	font-size: 1.1em;
}
#topNav-left {
	padding: 6px 10px 5px 10px;
	position: relative;
	top: 0;
	left: 0;
}
#topNav-right {
	text-align: right;
	padding: 6px 10px 5px 10px;
	position: absolute;
	top: 0;
	right: 0;
}

#topNav a:link {
	color: #ffffff;
	text-decoration: none;
}
#topNav a:active {
	color: #ffffff;
	text-decoration: none;
}
#topNav a:visited {
	color: #ffffff;
	text-decoration: none;
}
#topNav a:hover {
	color: #ffffff;
	text-decoration: underline;
}


/* leftNav (Categories) */
#leftNav {
}
#leftNav ul.cat-level-0 {
	margin: 0 0 -3px 0;
	padding: 0;
}
#leftNav ul.cat-level-0 li {
	list-style-type: none;
	padding: 1px 0 2px 0;
}
#leftNav ul.cat-level-1 {
	margin: 0;
	padding: 1px 0 0 10px;
}
#leftNav ul.cat-level-1 li {
	list-style-type: none;
	padding: 1px 0 2px 0;
}
#leftNav li.cat-current a {
	font-weight: bold;
}


/* rightNav (Other labels) */
#rightNav {
}
#rightNav ul.cat-level-0 {
	margin: 0 0 -3px 0;
	padding: 0;
}

#rightNav ul.cat-level-0 li {
	list-style-type: none;
	padding: 1px 0 2px 0;
}
#rightNav li.cat-current {
	font-weight: bold;
}


/* Images */
.image-thumb {
	float: left; 
	margin: 0 10px 1px 0; 
	border: 1px solid #a9a9a9;
}
.image-thumb-no-float {
	margin: 0 2px 5px 0; 
	border: 1px solid #a9a9a9;
}

.image-medium {
	float: left; 
	margin: 3px 15px 3px 0; 
	border: 1px solid #a9a9a9;
}

.image-big {
	border: 1px solid #a9a9a9;
}


/* Typography */
.smallText {
	font-size: 1em;
}

.navigator {
	font-size: 1em;
	color: #a9a9a9;
	text-align: center;
	border-top: 1px dotted #808080;
	padding-top: 10px;
	margin-top: 15px;
}
.navigator a {
	text-decoration: none;
}

.listing {
	font-size: 1.1em;
}
.listing .listing {
	font-size: 1em;
}
ul.listing {
	list-style-image: url(img/arrow-1.gif);
}
ul.listing li.fd a {
    font-weight: bold;
	color: #696969;
}
ul.listing li.fd a {
    font-weight: bold;
	color: #696969;
}
ul.listing li.fd a:hover {
	color: #b2081c;
}

ol.listing {
}

.nowrap, .nobr {
	white-space: nowrap;
	font-size: 1em;
}

.inputRequirement {
	font-weight: normal;
	color: #000000;
}

.productOldPrice {
    text-decoration: line-through;
}
.productNewPrice {
    color: #b2081c;
}

/* Products & Categories */
.product-list {
	border: 1px solid #a9a9a9;
	padding: 8px;
	margin-bottom: 10px;
}

.product-name {
	font-weight: bold;
	font-size: 120%;
	line-height: 140%;
	color: #b2081c;
}

.product-price {
	font-weight: bold;
	color: #808080;
}

.product-info {
	margin-bottom: 5px;
}

.product-model {
	color: #696969;
	font-weight: bold;
}

.product-spec {
	font-size: 1.1em;
}

.author {
 text-align: right;
 font-style: italic;
 margin-bottom: 0;
}

.author a {
    text-decoration: underline;
	/* text-decoration: none; */
	/* padding-bottom: 2px; */
	/* border-bottom: 1px dashed #808080; */
}
.author a:hover {
	text-decoration: none;
	border: 0;
}

p.toWebsite a {
	color: #b2081c;
}


.category-description {
	font-style: italic;
}


/* Attributes */
.dvd-info {
	margin: 30px 0 15px 0;
}
.dvd-info th, .dvd-info td {
	padding: 3px;
	text-align: center;
	vertical-align: middle;
	font-size: 0.9em;
	line-height: 1.4;
	border: 1px solid #ffffff;
}
.dvd-info th {
	background-color: #dcdcdc;
	line-height: 1.4;
	white-space: nowrap;
}
.dvd-info td {
	background-color: #efefef;
}


/* Cart & Orders */
#cart {
	border: 1px solid #a9a9a9;
	padding: 0;
	margin-bottom: 10px;
}

table.voucher {
 	border: 1px solid #a9a9a9;
	padding: 0;
	margin-top: 20px;   
}
table.voucher th {
	vertical-align: top;
	background: #808080;
	color: #ffffff;
	text-align: left;
	font-weight: bold;
	padding: 3px 7px;    
}
table.voucher td {
	vertical-align: top;
	padding: 3px 7px;    
}

table.orderdetails {
	padding: 0;
}
table.orderdetails th {
	vertical-align: top;
	background: #b2081c;
	color: #ffffff;
	font-weight: bold;
	padding: 3px 7px;
}
table.orderdetails td {
	vertical-align: top;
	border-bottom: 1px solid #dcdcdc;
	padding: 5px 7px;
}
table.orderdetails td.ordersubtotal {
	text-align: right;
	border: 0;
	background: #efefef;
	padding: 3px 7px;
	color: #696969;
	font-weight: bold;
	white-space: nowrap;
}

div.orderhistory, div.orderhistoryinfo {
	border: 1px solid #dcdcdc;
	border-bottom: 0;
	margin-top: 1.5em;
}

/* The following to style hard coded embedded info in account_history_info */
.orderblockProducts table td,
.orderblockTotal table td,
.historyblock table td { 
	border: 0;
	padding: 0;
	font-size: 1em;
}


/* Adresses */
table.addressbook {
	padding: 8px 0 10px 0;	
}
table.addressbook td {
	vertical-align: top;
}
hr.addressbook {
	clear: none;
	width: 100%;
	margin: 1em 0;
	border: none;
	color: #dcdcdc;
	background-color: #dcdcdc;
	height: 1px;

}
table.addressList {
	margin: 10px 0;
	border: 1px solid #dcdcdc;
}
table.addressList td {
	padding: 5px 7px;
}


/* Info Box */
.infoBox {
	width: 99%;
  	background-color: #efefef;
  	margin-bottom: 15px;
	padding: 0;
	border: 1px solid #b2081c;
	line-height: 1.2;
}

.infoBox ul {
	margin: 0;
	padding: 0;
}

.infoBox ul li {
	list-style-type: none;
	padding: 2px 0 2px 0;
}

.infoBox ol {
	margin: 0;
	padding: 0 0 0 22px;
}

.infoBox ol li {
	padding: 2px 0 2px 0;
}

.infoBoxHeading {
	font-size: 1.1em;
  	font-weight: bold;
  	color: #ffffff;
  	border-bottom: 1px solid #b2081c;
  	background-color: #b2081c;
  	padding: 4px 5px 3px 5px;
}

.infoBoxHeading a {
  	color: #ffffff;
}

.infoBoxContent {
	font-size: 1.1em;
	padding: 6px 6px 6px 6px;
	line-height: 1.4;
}
.infoBoxContentSmall {
	font-size: 1em;
	padding: 6px 6px 6px 6px;
	line-height: 1.4;
}
.infoBoxContent form {
	display: inline;
}
.infoBoxContent input[type="text"] {
	width: 10em;
	display: inline;
}


/* Checkout */
table.checkoutbar {
	border: 1px solid #b2081c;
	background-color: #efefef;
	margin-top: 20px;
	border-collapse: separate;
}
table.checkoutbar td {
	border: 1px solid #ffffff;
	text-align: center;
	font-size: 1em;
}
.checkoutbarFrom, .checkoutbarTo {
	color: #808080;
}
.checkoutbarCurrent {
	background-color: #b2081c;
	color: #ffffff;
	font-weight: bold;
}
div.shipping {
	margin-top: 10px;
	border: 1px solid #dcdcdc;
	padding: 4px 8px;
	font-size: 1.1em;
}
table.shipping {
	border: 1px solid #dcdcdc;
	margin-top: 10px;
	padding: 0;
	border-spacing: 0;
}
table.shipping th {
	vertical-align: top;
	background: #b2081c;
	color: #ffffff;
	font-weight: bold;
	padding: 0;
	font-size: 1em;
}
table.shipping td {
	vertical-align: top;
	padding: 4px 6px;
}

table.payment {
	margin-top: 10px;
	border: 1px solid #dcdcdc;
}
table.payment th {
	vertical-align: top;
	text-align: left;
	background: #b2081c;
	color: #ffffff;
	font-weight: bold;
	padding: 2px 6px;
}

table.payment td {
	vertical-align: top;
	padding: 4px 6px;
}
table.payment td td {
	padding: 0;
}

.checkoutEditLink, .checkoutEditLink a {
	padding-left: 10px;
	text-align: right;
	color: #b2081c;
	text-decoration: none;
}
.checkoutEditLink a:hover {
	text-decoration: underline;
}

table.checkoutPaymentDetails, table.checkoutPaymentDetails td {
	padding: 0;
	font-size: 1em;
}
table.checkoutProductsInfo, table.checkoutProductsInfo td {
	padding: 0;
}
table.checkoutOrderTotal, table.checkoutOrderTotal td {
	padding: 0;
}


/* Title listing */
table.titles {
	margin: 10px 0 20px 15px;
}
table.titles td {
	padding: 2px 0;
	vertical-align: top;
}
table.titles td.titlenumber {
	width: 25px;
	font-style: italic;
}


/* Errors & messages */
.error {
	border: 1px solid #cc0000;
	font-weight: bold;
	color: #cc0000;
	padding: 6px;
	background-color: #efefef;
	margin-bottom: 10px;
}
.message {
	border: 1px solid #b2081c;
	padding: 6px;
	background-color: #ffffe0;
	margin-bottom: 10px;
	font-weight: bold;
	color: #696969;
}
.important {
	border: 1px solid #a9a9a9;
	padding: 6px;
	margin-bottom: 10px;
}

.important-append {
	border: 1px solid #a9a9a9;
	border-top: 0;
	padding: 6px;
	margin: -10px 0 10px 0;
}

.legal, .legal a, .legal a:hover {
	text-align: center; 
	font-size: 9px;
	line-height: 12px;
	text-decoration: none;
	cursor: default;
	color: #a9a9a9;
	padding: 3px 0 10px 0;
}


/* input requirement */



/* Measurements */
.width1 {
	width: 5em;
}

.width2 {
	width: 7em;
}

.width3 {
	width: 11em;
}

.width4 {
	width: 18em;
}

.width5 {
	width: 25em;
}

.width6 {
	width: 30em;
}

.width7 {
	width: 35em;
}

.width8 {
	width: 40em;
}

.width9 {
	width: 45em;
}

.width10 {
	width: 50em;
}