/* Layout rules */

html, body {
	margin: 0px;
	padding: 0px;
	text-align: center;
}

body {
	background: #9D9A8C url(../img/body.jpg) repeat-x;
}

div#page {
	background: url(../img/page.gif) top center repeat-y;
	overflow: hidden;
}

div#main {
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	background: #FFFFFF url(../img/main.jpg) top center no-repeat;
	overflow: hidden;
	text-align: left;
}

h1 {
	float: left;
	width: 550px;
	text-align: left;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	height: 25px;
	line-height: 25px;
}

div#lang {
	float: right;
	width: 210px;
	text-align: right;
	height: 25px;
	line-height: 25px;
}

div#header {
	clear: both;
	width: 760px;
	height: 125px;
	overflow: hidden;
}

div#logo {
	float: left;
	width: 210px;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 55px;
}

div#tools {
	float: right;
	width: 550px;
	text-align: right;
	padding-top: 10px;
	height: 115px;
}

div#content {
	clear: both;
	float: left;
	width: 540px;
	text-align: left;
	margin-right: 10px;
	/*overflow: hidden;*/
}

div#context {
	float: right;
	width: 180px;
	margin-left: 30px;
	text-align: left;
	/*overflow: hidden;*/
}

div#widecontent {
	width: 760px;
	text-align: left;
	/*overflow: hidden;*/
}

div#menu {
	overflow: hidden;
	margin-bottom: 10px;
}

div#footer {
	clear: both;
	text-align: left;
	padding-top: 5px;
	background: url(../img/line.gif) top repeat-x;
	padding-bottom: 10px;
	margin-top: 20px;
	overflow: hidden;
}

div#address, div#credits {
	padding-top: 5px;
	background: url(../img/line.gif) top repeat-x;
	clear: both;
}

/* Page's box model */

div.topwindow {
	width: 350px;
	padding-right: 10px;
	float: left;
}

div#zoomwindow {
	width: 540px;
	position: absolute;
	top: 150px;
}

div.sidethumbnails {
	width: 170px;
	height: 200px;
	padding-right: 10px;
	float: right;
}

div#product {
	width: 170px;
	padding-right: 10px;
	float: right;
}

div.thumbnail {
	width:  170px;
	height: 200px;
	float: left;
	padding-right: 10px;
}

div.gender {
	padding-top: 5px;
	padding-bottom: 5px;
	float: right;
}

div.set {
	width: auto;
	padding-right: 5px;
	clear: both;
}

div.paging {  
  width: 100%;
  text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

div.paging span {
	text-align: center;
}

div.paging span.numbers {
  font-size:15px;
  color: #B29C35;
  text-decoration: none;
}


div.cartfooter {
	padding-top: 20px;
}

div.borderok {
	padding: 5px;
	margin-bottom: 10px;
	display: block;
	background: url(../img/lineok.gif);
}

div.borderko, div#advice {
	padding: 5px;
	margin-bottom: 10px;
	display: block;
	background: url(../img/lineko.gif);
}

div.borderok div, div.borderko div, div#advice div {
	background: #FFFFFF;
	padding: 5px;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

div.left {
	float: left;
	width: 50%;
	background: #FFFFFF;
}

div.right {
	float: right;
	width: 50%;
	background: #FFFFFF;
	text-align: left;
}

.clear {
    clear: both; 
    float: none;
    height: 0px; 
    width: 0px;
    overflow: hidden;
}

/* Text Elements */

h1, h2, h3, h4, div#header ul, div#context ul, div#footer ul, img, p {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

ul {
	margin-top: 0px;
	margin-bottom: 0px;
}

p.center {
	text-align: center;
}

p.right, p.price {
	text-align: right;
}

h2, h3, h4, div#content p, div#context p, ul {
	padding-bottom: 10px;
}

table h3, div#product p.mini {
	padding-bottom: 0px;
}

table.order {
	background: #CCCCCC;
}

td.left {
	width: 100%;
}

td.total {
	background: #CCCCCC;
}

div#product h3, div#customizetool p.right {
	padding-bottom: 0px;
}

div#customize h4 {
	background: url(../img/linebox.gif) bottom repeat-x;
	margin-bottom: 5px;
}

div#viewall {
	background: url(../img/linebox.gif) bottom repeat-x;
	margin-bottom: 20px;
}

img {
	border: 0px;
}

img.right {
	padding-left: 5px;
	padding-bottom: 5px;
	float: right;
}

img.left {
	padding-right: 5px;
	padding-bottom: 5px;
	float: left;
}

div#logo img {
	display: block;
}

caption {
	display: none;
}

th, td {
	vertical-align: top;
	background: #FFFFFF;
	text-align: right;
}

div#gallery {
	padding: 0px;
	margin: -50px 8px 10px 8px;
	display: block;
	overflow: hidden;
}

div#gallery div {
	float: left;
	padding: 0px 5px 0px 0px;
	overflow: hidden;
}

div#gallery a img {
	margin: 0px;
	padding: 2px;
	border: 1px solid #FFFFFF;
	background: #FFFFFF;
	display: block;
}

div#gallery a:hover img {
	border: 1px solid #B29C35;
	display: block;
}

div.topwindow a, div.sidethumbnails a, div.thumbnail a, div#zoomwindow a, div.form {
	padding: 5px;
	margin-bottom: 10px;
	display: block;
	background: url(../img/line.gif);
}

div.topwindow a:hover, div.sidethumbnails a:hover, div.topwindow div.thumbnail a:hover, div#zoomwindow a:hover {
	padding: 5px;
	background: url(../img/linehover.gif);
	margin-bottom: 10px;
	display: block;
}

div.topwindow span.desc, div#zoomwindow span.desc {
	background: #FFFFFF;
	display: block;
	height: 40px;
	line-height: 40px;
	/*padding-left: 10px;
	padding-right: 10px;*/
}

div.topwindow span.mini, div#zoomwindow span.mini {
	display: block;
	position: absolute;
	background: transparent;
}

div.sidethumbnails span.desc, div.thumbnail span.desc {
	background: #FFFFFF;
	display: block;
	height: 20px;
	line-height: 20px;
	/*padding-left: 10px;
	padding-right: 10px;*/
}

div.topwindow span.thumbprice, div.sidethumbnails span.thumbprice, div.thumbnail span.thumbprice {
	float: right;
}

div.topwindow span.flag {
	display: block;
	background: transparent;
	position: absolute;
	width: 60px;
	height: 30px;
	/*padding-top: 0px;
	padding-bottom: 310px;*/
	padding-left: 280px;
	padding-right: 0px;
}

div.sidethumbnails span.flag, div.thumbnail span.flag {
	display: block;
	background: transparent;
	position: absolute;
	width: 60px;
	height: 30px;
	/*padding-top: 0px;
	padding-bottom: 130px;*/
	padding-left: 100px;
	padding-right: 0px;
}

div#zoomwindow span.flag {
	display: block;
	background: transparent;
	position: absolute;
	width: 60px;
	height: 30px;
	/*padding-top: 0px;
	padding-bottom: 500px;*/
	padding-left: 470px;
	padding-right: 0px;
}

div.topwindow div.microthumbnail a {
	width: 60px;
	height: 60px;
	float: left;
	padding: 5px;
}

div.topwindow div.microthumbnail a span {
	background: #FFFFFF;
	display: block;
	position: absolute;
	width: 60px;
	height: 60px;
	padding: 0px;
}

div.topwindow div.microthumbnail a:hover span {
	display: none;
}

p.center {
	clear: both;
}

div#tools ul li, div#menu ul li,  div#collections ul li, div#categories ul li, div#gender ul li {
	list-style: none;
}

div#menu ul, div#collections ul, div#categories ul, div#gender ul {
	padding-bottom: 10px;
}

div#menu ul {
	display: inline;
}

div#menu ul li {
	list-style: none;
	float: left;
}

div#menu ul li a {
	display: block;
	text-align: center;
	white-space: nowrap;
	padding-top: 10px;
	padding-bottom: 10px;
	background: url(../img/menu.gif) top;
	float: left;
	width: 60px;
}

div#menu ul li a:hover {
	background: url(../img/menuhover.gif) top;
}


div#menu ul li.active a, div#menu ul li.active a:hover {
	background: url(../img/menuactive.gif) top;
}

div#collections ul li a, div#categories ul li a {
	width: 180px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
}

div#collections ul li a:hover, div#categories ul li a:hover {
	background: url(../img/linehover.gif) bottom left repeat-x;
}

div#collections ul li.active a, div#collections ul li.active a:hover, div#categories ul li.active a, div#categories ul li.active a:hover {
	background: url(../img/line.gif) bottom left repeat-x;
}

div.gender a {
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}

div.gender a:hover {
	background: url(../img/linehover.gif) bottom left repeat-x;
}

div.gender span.selected {
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	background: url(../img/linehover.gif) bottom left repeat-x;
}

div#footer ul {
	padding: 10px;
	text-align: center;
}

div#footer ul li {
	list-style: none;
	display: inline;
	padding-left: 15px;
	padding-right: 15px;
}

div#footer p {
	padding-top: 10px;
}

/* Visual order */

div#zoomwindow span.flag {
	z-index: 110;
}

div#zoomwindow span.mini {
	z-index: 100;
}

div#zoomwindow div.wraptocenter {
	z-index: 90;
}

div#zoomwindow img {
	z-index: 80;
}

div#zoomwindow {
	z-index: 70;
}

div.topwindow span.flag {
	z-index: 60;
}

div.topwindow span.mini {
	z-index: 50;
}

div.topwindow div.wraptocenter {
	z-index: 40;
}

div.topwindow div.microthumbnail a span {
	z-index: 30;
}

div.topwindow div.microthumbnail a img {
	z-index: 20;
}

div.topwindow {
	z-index: 15;
}

div.sidethumbnails {
	z-index: 13;
}

div.thumbnail {
	z-index: 12;
}

div.microthumbnail {
	z-index: 11;
}

div#product {
	z-index: 10;
}