/* MAIN *********************************************************************************************************************** MAIN *********/

body {
  margin: 20px;
  background-color: #ffffff;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 0.7em;
  color: black;
}
  
input,textarea,select {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 11px;
  color: black;
}

h1 {
  font-family: Georgia, serif;
  color: #d60d8c;
  font-size: 110%;
  margin: 0px;
  font-weight: normal;
}

h2 {
  font-family: Georgia, serif;
  color: #d60d8c;
  font-size: 100%;
  margin: 0px;
  font-weight: normal;
}

h3 {
  font-family: Georgia, serif;
  color: #d60d8c;
  font-size: 100%;
  margin: 0px;
  font-weight: normal;
}

h4 {
  font-family: Georgia, serif;
  color: white;
  font-size: 110%;
  margin: 0px;
  font-weight: normal;
}

form { 
  margin: 0; 
  padding: 0; 
}

img, table { 
  border: 0; 
}

input {
	margin: 0;
}

div.clear {
  clear: both;
}

table {
  border: 0;
}

th {
  font-weight: normal;
}



/* MAIN CONTAINERS ***************************************************************************************************** MAIN CONTAINERS *********/

#logo {
	position: absolute;
	top: 0;
}

#main-container {
  margin: auto;
  width: 930px;
	position: relative;
}

#left {
  float: left;
  width: 740px;
  margin: 26px 10px 0 0;
}

#right {
  float: left;
  width: 180px;
  margin: 1px 0 0 0;
}

#main-content-container {
  margin-left: 20px;
}

/* HEADER ********************************************************************************************************************* HEADER **********/

#header-strap {
  margin-left: 185px;
}

.banner {
  margin: 0 0 10px 154px;
}
  

/* ANCHORS ******************************************************************************************************************** ANCHORS **********/

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

a:hover { 
  color: #d60d8c; 
  text-decoration: none;
}


/* NAVIGATION ************************************************************************************************************ NAVIGATION ***********/

#nav {
  margin: 8px 0 16px 185px;
}

#nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#nav li {
  list-style: none;
  float: left;
  margin: 0 20px 0 0;
  padding: 0;
}

#nav li a {
  color: black;
  text-decoration: none;
  display: block;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}

#nav li a span {
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}

#nav a.girls-furniture {
  width: 32px;
  height: 17px;
}

#nav a.girls-furniture span {
  background-image: url(/images/nav_girls.gif);
  background-position: 0 0;
}

#nav a.boys-furniture {
  width: 32px;
  height: 16px;
}

#nav a.boys-furniture span {
  background-image: url(/images/nav_boys.gif);
  background-position: 0 0;
}

#nav a.gifts {
  width: 135px;
  height: 12px;
}

#nav a.gifts span {
  background-image: url(/images/nav_gifts.gif);
  background-position: 0 0;
}

#nav a.oriental-furniture {
  width: 123px;
  height: 12px;
}

#nav a.oriental-furniture span {
  background-image: url(/images/nav_furniture.gif);
  background-position: 0 0;
}

#nav a.offers-seconds {
  width: 120px;
  height: 12px;
}

#nav a.offers-seconds span {
  background-image: url(/images/nav_offers-seconds.gif);
  background-position: 0 0;
}


/* BREADCRUMB ********************************************************************************************************** BREADCRUMB *********/

#breadcrumb {
  border-top: 1px solid #53217e;
	padding: 0;
  color: #d60d8c;
  margin: 10px 0 0 0;
  font-size: 90%;
  width: 720px;
}

#breadcrumb ul {
  margin: 0;
  padding: 6px 10px 0 10px;
}

#breadcrumb li {
  list-style: none;
  float: left;
  margin: 0 6px 0 0;
  padding: 0;
}

#breadcrumb a {
  color: #532480;
  text-decoration: none;
}

#breadcrumb a:hover {
  color: #d60d8c;
}


/* FOOTER ******************************************************************************************************************* FOOTER *********/

#footer {
  width: 890px;
  border-top: 1px solid #53217e;
  margin: 20px 0 0 20px;
  padding: 10px;
  color: #d60d8c;
}

#footer ul {
  margin: 0;
  padding: 0;
}

#footer li {
  list-style: none;
  float: left;
  margin: 0 18px 0 0;
  padding: 0;
}

#footer a {
  color: #52237f;
  text-decoration: none;
}

#footer a:hover {
  color: #d60d8c;
  text-decoration: none;
}

#footer .content {
  float: left;
}

#footer .popcorn-link {
  float: right;
}


/* ACCOUNT BASKET **************************************************************************************************** ACCOUNT BASKET *********/

#account-basket {
  color: white;
  padding: 10px;
  margin-top: 18px;
  background: #52237f url(/images/account_basket_bg.gif) no-repeat right bottom;
  min-height: 330px;
}

#account-basket a {
  color: white;
  text-decoration: underline;
}

#account-basket a:hover {
  text-decoration: none;
}

#account-basket ol {
	margin: 8px 0 12px 22px;
	padding: 0;
}

#account-basket ol a {
	text-decoration: none;
}

#account-basket ul {
	list-style: none;
	margin: 12px 0 8px 0;
	padding: 0;
}

#account-basket .basket-links li {
	margin: 6px 0 0 0;
}

#account-basket .basket-links a.checkout {
	display: block;
	width: 100px;
	padding: 6px 4px 6px 4px;
	background: #d60d8c url(/images/button_icons/continue_white.gif) no-repeat 85px 3px;
	font-size: 110%;
	text-decoration: none;
}


/* RIGHT INFO *********************************************************************************************************** RIGHT INFO *********/

.popular { 
	border-top: 1px solid #53217e;
	margin-top: 10px;
	padding: 10px;
	color: black;
}

.popular ol {
	margin: 8px 0 12px 22px;
	padding: 0;
}

.popular ol a {
	color: #522481;
	text-decoration: none;
}

.popular ol a:hover {
	color: #572f08;
}

.popular li {
  margin-top: 4px;
}

.comment { 
	border-top: 1px solid #53217e;
	margin-top: 10px;
	padding: 10px;
	color: #572f08;
}



/* HOME *********************************************************************************************************************** HOME *********/

#home-links ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#home-links li {
  list-style: none;
  float: left;
  margin: 0;
  padding: 0;
}

#home-links li a {
  width: 355px;
  height: 170px;
  color: #83765e;
  text-decoration: none;
  display: block;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}

#home-links li a span {
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}

#home-links a.girls {
  margin: 0 10px 10px 0;
}

#home-links a.girls span {
  background-image: url(/images/home/girls.jpg);
}

#home-links a.boys {
  margin: 0 0 10px 0;
}

#home-links a.boys span {
  background-image: url(/images/home/boys.jpg);
}

#home-links a.gifts {
  margin: 0 10px 0px 0;
}

#home-links a.gifts span {
  background-image: url(/images/home/gifts.jpg);
}

#home-links a.oriental-furniture span {
  background-image: url(/images/home/oriental-furniture.jpg);
}

.welcome {
  float: left;
	width: 335px;
	padding: 14px 10px 10px 10px;
	margin: 10px 10px 0 0;
	border-top: 1px solid #53217e;
}

.tini-tiger {
  float: left;
	width: 695px;
	padding: 14px 10px 10px 10px;
	margin: 10px 0 0 0;
	border-top: 1px solid #53217e;
}

.homepage-links {
	float: left;
	width: 600px;
	padding: 14px 10px 10px 10px;
	margin: 10px 0 0 0;
}

h1.homepage,
h2.homepage {
  font-size: 16px;
  margin: 0px;
  padding: 0px;
  width: 100%;
  line-height: 8px;
  height: 22px;
}




/* CATEGORY HEADER *********************************************************************************************************** CATEGORY HEADER *********/

#category-header {
  width: 720px;
	height: 114px;
	background-color: #cccccc;
	background-repeat: no-repeat;
	position: relative;
}

#category-header .category-select {
  position: absolute;
	top: 80px;
	right: 10px;
	width: 200px;
}



/* CATEGORY LIST PAGE *************************************************************************************************************** CATEGORY *********/

/************************** OVERVIEW-FEATURED COLUMN */

#category {
	border-top: 1px solid #53217e;
	margin-top: 7px;
}

#category .title {
	padding: 16px 10px 10px 10px;
	border-bottom: 1px solid #53217e;
}

#category .title p {
	margin-right: 200px;
}

#category .item {
	float: left; 
	width: 233px; 
	margin: 10px 10px 0 0;
}

#category .third {
	margin: 10px 0 0 0;
}

#category .item .text-block {
	color: white;
	font-family: georgia, serif;
	font-size: 120%;
	background-color: #522481;
	padding: 8px; 
	min-height: 32px;
}

#category .item .text-block a {
	color: white;
	text-decoration: none;
}

#category img.subcat {
	border: 1px solid #cccccc;
}



/* PRODUCT LIST PAGE *************************************************************************************************************** LISTING *********/

#listing {
	border-top: 1px solid #53217e;
	margin-top: 7px;
}

#listing .title {
	padding: 16px 10px 16px 10px;
}

#listing .title p {
	margin-right: 200px;
}

#listing .paging {
	color: #d60d8c;
	border-top: 1px solid #53217e;
	padding: 7px 10px 7px 10px;
}

#listing .paging .current {
  margin-left: 4px;
}

#listing .paging a {
	color: #532480;
	text-decoration: none;
	margin-left: 4px;
}

#listing .paging a:hover {
	color: #d60d8c;
}

#listing .row {
	border-top: 1px solid #53217e;
}

#listing .product-item {
	float: left;
	margin: 7px 0px 7px 8px;
	padding: 10px 6px 10px 0px;
	width: 339px;
	border-right: 1px solid #cccccc;
}

#listing .right {
	border-right: 0;
}

#listing .product-item .img {
	width: 97px;
	float: left; 
	margin: 12px 14px 0 0;
}

#listing .product-item .img img {
	border: 1px solid #cccccc;
}

#listing .product-item .details {
	float: left; 
	margin: 12px 0 0 0; 
	width: 228px;
}

#listing .product-item .details p {
	font-size: 90%;
}

#listing .product-item h2 a {
  color: #572F08;
}

#listing .product-item .details .price {
	font-weight: bold;
	color: #d60d8c;
	font-size: 110%;
}

#listing .product-item .details .rrp {
	font-weight: bold;
	color: #d60d8c;
	font-size: 110%;
	text-decoration: line-through;
}

#listing .product-item .details a {
	display: block;
	width: 110px;
	height: 17px;
	color: #512481;
	text-decoration: none;
}

#listing .product-item .details a:hover {
	color: #572f08;
}

#listing .product-item .details a.view {
	background: url(/images/category/icon_view.gif) no-repeat 80px -1px;
}


/* PRODUCT DETAIL ******************************************************************************************************************* DETAIL *********/

#detail {
	border-top: 1px solid #522481;
	margin-top: 7px;
}

#detail .title-bar {
	padding: 10px 0 10px 10px;
}

#detail .title-bar .title {
	float: left;
	margin: 8px 0 10px 0;
}

#detail .title-bar .added {
	float: right; 
	width: 200px; 
	background-color: #522481; 
	padding: 6px;
	color: white;
}

#detail .img {
	float: left; 
	width: 297px; 
	margin: 0 10px 10px 10px;
}

#detail .img img {
	border: 1px solid #cccccc;
	float: left;
	margin: 10px 12px 0 0;
}

#detail .content {
	float: left; 
	width: 330px; 
	padding: 10px 20px 10px 12px;
	margin-top: 10px;
	border-left: 1px solid #53217e;
}

#detail .content p {
	margin: 0 0 14px 0;
	padding: 0;
}

#detail .content .price-box {
	background: white;
	width: 230px;
	padding: 0;
	margin: 24px 0 32px 0;
}

#detail .content .price-box .rrp {
	text-decoration: line-through;
	color: #d60d8c;
	font-size: 120%;
	font-weight: bold;
}

#detail .content .price-box .price {
	color: #d60d8c;
	font-size: 140%;
	font-weight: bold;
}

#detail .content .price-box a.add-main {
	display: block;
	width: 194px;
	padding: 8px;
	margin-top: 10px;
	background: #522481 url(/images/detail/icon_add.gif) no-repeat 184px 6px;
	font-size: 110%;
	text-decoration: none;
	color: white;
}

#detail .content .price-box a.add-main:hover {
	color: #d60d8c;
}

#detail .content .more-details th  {
	border-bottom: 1px solid #53217e;
	padding: 5px 22px 5px 0;
	text-align: left;
}

#detail .content .more-details td {
	border-bottom: 1px solid #53217e;
	padding: 5px 22px 5px 0;
}

#detail .content .related {
  width: 100%;
}

#detail .content .related td a img {
	border: solid 1px #cccccc;
}

#detail .content .related td {
	padding: 5px 22px 5px 0;
}


/* COMMON ******************************************************************************************************************* COMMON *********/

p.highlight {
  font-size: 110%;
	color: #83765e;
}

div.title-block {
	padding: 10px; 
	border-bottom: 1px solid #53217e;
	border-top: 1px solid #53217e;
	margin-top: 10px;
}


/* INFORMATION *************************************************************************************************************** INFORMATION *********/

#information {
	border-top: 1px solid #53217e;
	margin-top: 7px;
}

#information .title {
	padding: 16px 10px 10px 10px;
	border-bottom: 1px solid #53217e;
}

#information .title p {
	margin-right: 100px;
}

#information .content {
	margin: 10px;
}

#information .content p {
	margin-right: 100px;
}

#information .content h2 {
	margin-top: 20px;
}

#information .sitemap {
	margin: 10px;
	color: #572f08;
}

#information .sitemap a {
	color: #522481;
	text-decoration: none;
}

#information .sitemap a:hover {
	color: #d60d8c;
}

#information .sitemap li {
	list-style: none;
}



/* BASKET *************************************************************************************************************** BASKET *********/

#basket {
	border-top: 1px solid #53217e;
	margin-top: 7px;
}

#basket .title {
	padding: 16px 10px 16px 10px;
	border-bottom: 1px solid #53217e;
}

#basket .title p {
	margin-right: 100px;
}

#basket .basket-content {
	margin: 10px 10px 10px 4px;
}

#basket .basket-content a.update {
	display: block;
	width: 140px;
	padding: 8px;
	background: #532281 url(/images/button_icons/update.gif) no-repeat right 1px;
	color: white;
	text-decoration: none;
	font-size: 110%;
	margin-right: 12px;
}

#basket .basket-content a.update:hover {
	color: #d60d8c;
}

#basket .basket-content a.empty {
	display: block;
	width: 140px;
	padding: 8px;
	background: #532281 url(/images/button_icons/empty.gif) no-repeat right 1px;
	color: white;
	text-decoration: none;
	font-size: 110%;
}

#basket .basket-content a.empty:hover {
	color: #d60d8c;
}

#basket .basket-content a.checkout {
	display: block;
	width: 140px;
	padding: 8px;
	background: #d60d8c url(/images/button_icons/continue_white.gif) no-repeat 130px 5px;
	color: #ffffff;
	text-decoration: none;
	font-size: 110%;
}



/* ACCOUNT FORM ***************************************************************************************************** ACCOUNT FORM *******/

div.account-form {
	padding: 10px; 
	border-bottom: 1px solid #53217e;
}

table.account-form {
  width: 80%;
  border-collapse: collapse;
  padding: 0px;
  margin: 10px 0 0 10px;
}

table.account-form th {
  width: 120px;
  text-align: left;
  white-space: nowrap;
  padding: 5px 5px 5px 0;
}

table.account-form td {
  padding: 5px 0 5px 15px;
}

table.account-form td input {
  width: 250px;
}

table.account-form td.mandatory {
  background: url(/images/mandatory.png) no-repeat 4px 12px;
}