﻿/* General */
body {
	background-image: url(../Images/bgTile.jpg);
	background-attachment: fixed;
	margin: 8px 0 0 0;
}

body, td, input, select {
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 12px;
}

body.clear {
	background-image: none;
	margin: 0px;
}

body.Secure {
	background-color: #f7f9e3;
	background-image: none;
}

.ClearBoth {
	clear: both;
}
div.clear {
	clear: both;
}

a {
	color: #774e0e;
}

a:Visited {
	color: #774e0e;
}

a.Discrete {
	color: #774e0e;
	text-decoration: none;
}

a.Discrete:Hover {
	color: Black;
	text-decoration: underline;
}

div.Block {
	padding: 15px 10px 0px 10px;
}

div.CancelBlock {
	margin: 0px -10px 0px -10px;
}

div.HorzLine {
	background-color: #d7ccb4;
	height: 1px;
	margin: 15px 0px 0px 0px;
	width: 555px;
}

div.HorzLineInBlock {
	background-color: #d7ccb4;
	height: 1px;
	margin: 15px 0px 10px 0px;
	width: 100%;
}

div.Splash {
	background-image: url(../Images/splash.gif);
	background-repeat: no-repeat;
	height: 320px;
	width: 629px;
}

div.CancelPadded {
	margin: -3px;
}

div.CancelPaddedBottom {
	margin-bottom: -3px;
}

div.CancelPaddedLeft {
	margin-left: -3px;
}

div.CancelPaddedRight {
	margin-right: -3px;
}

div.CancelPaddedTop {
	margin-top: -3px;
}

input.Text, textarea {
	border: solid 1px #c3b28f;
}

input.RequiredField {
	background-image: url(../Images/required-field.gif);
	background-position: right top;
	background-repeat: no-repeat;
}

input.ReadOnly {
	background-color: #f7f9e3;
}

input.Watermark {
	color: Gray;
	font-style: italic;
}

.top5 {
	padding-top: 5px;
}

.all10 {
	padding: 10px;
}

.h10 {
	height: 10px;
}

.Padded {
	padding: 3px;
}

.PaddedBottom {
	padding-bottom: 3px;
}

.PaddedLeft {
	padding-left: 3px;
}

.PaddedRight {
	padding-right: 3px;
}

.PaddedTop {
	padding-top: 3px;
}

.SpaceBefore {
	padding-top: 10px;
}

.SpaceLeft {
	padding-left: 10px;
}

th {
	background-color: #f7f9e3;
}

.FullHeight {
	height: 100%;
	margin: 0px;
}

.FullWidth {
	width: 100%;
}

ul, ol {
	margin-bottom: 6px;
	margin-top: 6px;
}

span.Highlight {
	background-color: Yellow;
}

/* Border classes */
.Border {
	border: solid 1px #774e0e;
}

.BorderBottom {
	border-bottom: solid 1px #774e0e;
}

.BorderLeft {
	border-left: solid 1px #774e0e;
}

.BorderRight {
	border-right: solid 1px #774e0e;
}

.BorderTop {
	border-top: solid 1px #774e0e;
}

.BorderLight {
	border: solid 1px #d7ccb4;
}

.BorderLightBottom {
	border-bottom: solid 1px #d7ccb4;
}

.BorderLightLeft {
	border-left: solid 1px #d7ccb4;
}

.BorderLightRight {
	border-right: solid 1px #d7ccb4;
}

.BorderLightTop {
	border-top: solid 1px #d7ccb4;
}

/* Text classes */
h1 {
	color: #774e0e;
	font-size: 1.4em;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
}

h2 {
	color: #774e0e;
	font-size: 1.1em;
	font-weight: bolder;
	margin: 0px 0px 0px 0px;
}

div.Conditions h1 {
	font-weight: bold;
}

div.Conditions h2 {
	font-size: 14px;
	font-weight: normal;
}

div.Conditions span {
	text-decoration: underline;
}

.ErrorText {
	color: Red;
}

.Hightlighted {
	color: #774e0e;
}

.SmallText {
	font-size: 11px;
}

.Spaced {
	letter-spacing: 2px;
}

div.ParagraphLargeSpacing {
	margin-bottom: 10px;
}

div.ParagraphSmallSpacing {
	margin-bottom: 5px;
}

div.Indented {
	padding-left: 10px;
}

/* Home */
td.RoundedBoxMainWhiteTop {
	background-image: url(../Images/bgRBoxLgWhiteTop.gif);
	height: 10px;
	width: 335px;
}

td.RoundedBoxMainWhiteContent {
	background-color: white;
	border-left: solid 3px #C3B28F;
	border-right: solid 3px #C3B28F;
	padding: 0px 5px 0px 5px;
}

td.RoundedBoxMainWhiteBottom {
	background-image: url(../Images/bgRBoxLgWhiteBottom.gif);
	height: 10px;
	width: 335px;
}

td.RoundedBoxHeadlineWhiteTop {
	background-image: url(../Images/bgRBoxSmWhTop.gif);
	height: 10px;
	width: 170px;
}

td.RoundedBoxHeadlineWhiteContent {
	background-color: white;
	border-left: solid 3px #C3B28F;
	border-right: solid 3px #C3B28F;
	color: #774e0e;
	padding: 0px 5px 0px 5px;
}

td.RoundedBoxHeadlineWhiteBottom {
	background-image: url(../Images/bgRBoxSmWhBottom.gif);
	height: 10px;
	width: 170px;
}

/* Box */
table.Box {
	border-left: solid 1px #e7eac9;
	border-top: solid 1px #e7eac9;
}

td.BoxContent {
	background-color: #f7f9e3;
	background-image: url(../Images/bgBoxContent.gif);
	background-repeat: repeat-x;
	border-bottom: solid 1px #e7eac9;
	border-right: solid 1px #e7eac9;
	border-left: solid 1px white;
	border-top: solid 1px white;
	padding: 5px;
}

td.BoxHeader, th.BoxHeader {
	background-color: #f6ecbf;
	background-image: url(../Images/bgBoxHeader.gif);
	background-repeat: repeat-x;
	border-bottom: solid 1px #d8b969;
	border-right: solid 1px #d8b969;
	border-left: solid 1px white;
	border-top: solid 1px white;
	font-weight: bold;
	height: 20px;
	padding: 0px 5px 0px 5px;
}

/* Wizard */
span.WizardActivePage {
	color: Black;
	text-decoration: underline;
}

span.WizardInactivePage {
	color: #774e0e;
	text-decoration: none;
}

/* Category */
div.category-page {
}

div.category-page h2 {
	border-bottom: 1px solid #C3B28F;
	clear: both;
	font-size: 1.5em;
	font-weight: normal;
	letter-spacing: 1px;
	margin: 0px;
	padding: 10px 10px 3px 10px;
}

div.category-page h4 {
	color: #774E0E;
	font-weight: normal;
	font-size: 1em;
	margin: 15px 10px 5px 10px;
}

div.category-page div.subcategory {
	border-bottom: 1px solid #C3B28F;
	clear: both;
	padding: 15px 10px 3px;
}

div.category-page div.subcategory h2 {
	border: none;
	color: #67ac2c;
	font-size: 1.5em;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 0;
	padding: 0;
}

div.category-page div.subcategory table {
	height: 100%;
}

div.category-page div.subcategory td {
	vertical-align: bottom;
}

div.category-page a.toc {
	clear: both;
	display: block;
}

/* Shop */
.ShopTitle {
	color: #774e0e;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 13px;
	font-weight: bolder;
	height: 25px;
	padding-left: 18px;
	text-transform: none;
}

.ShopHeaderTextSelected {
	text-decoration: underline;
}

/* Service links */
div.slc {
   padding-bottom: 10px;
}
div.slc div.title {
	background-image: url(../Images/servicelinkstop.png);
	height: 25px;
	width: 180px;
	display: none;
}
div.slc div.box {
	background-color: White;
	border-bottom: solid 2px #68ad2d;
	border-top: solid 2px #68ad2d;
	padding: 3px 0px 3px 0px;
}
div.slc div.link {
	background-position: left center;
	background-repeat: no-repeat;
	margin-left: 2px;
	padding: 3px 0px 3px 19px;
}
div.slc div.fc {
	background-image: url(../Images/icoFindClothes.gif);
}
div.slc div.gf {
	background-image: url(../Images/icoGiftFind.gif);
}
div.slc div.new {
	background-image: url(../Images/icoNews.gif);
}
div.slc div.mp {
	background-image: url(../Images/icoMostPopular.gif);
}
div.slc div.brands {
	background-image: url(../Images/icoBrands.gif);
}
div.slc div.so {
	background-image: url(../Images/icoSpecialOffers.gif);
}
div.slc div.wl {
	background-image: url(../Images/icoWishList2.gif);
}
div.slc a {
	color: Black;
	font-size: 13px;
	text-decoration: none;
}
div.slc a:visited {
	color: Black;
}

/* Basket Browser */
.BasketBrowser {
	background-color: White;
	border-bottom: solid 1px #a78c60;
}

.BasketIcon {
	border-bottom: solid 1px #a78c60;
	height: 25px;
	width: 22px;
}

.BasketTitle {
	border-bottom: solid 1px #a78c60;
	color: #774e0e;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 13px;
	font-weight: bolder;
	height: 25px;
	text-transform: none;
}

div#BasketBrowser {
	background-color: White;
	border-bottom: 1px solid #A78C60;
}
div#BasketBrowser div.item {
	clear: both;
}
div#BasketBrowser div.item div.thumb {
	float: left;
	text-align: center;
	width: 30px;
}
div#BasketBrowser div.item div.product {
	color: #774E0E;
	float: left;
	font-size: 10px;
	padding: 3px 0;
	width: 99px;
}
div#BasketBrowser div.item div.product span {
	display: block;
	font-weight: bold;
}
div#BasketBrowser div.item div.product span.amount {
	font-weight: normal;
}
div#BasketBrowser div.item div.price {
	color: #774E0E;
	float: left;
	font-size: 10px;
	padding: 3px;
	text-align: right;
	white-space: nowrap;
	width: 54px;
}
div#BasketBrowser div.empty {
	color: #774e0e;
	font-size: 10px;
	padding: 15px 0px 15px 22px;
	text-align: left;
}
div#BasketBrowser div.btn {
	clear: both;
	padding: 5px 0;
	text-align: center;
}


/* Product highlight */
div.ph-container {
	clear: both;
	height: 200px;
}

div.product-highlight li {
   float:none !important;
}

div.product-highlight, div.news-shuffler {
	border-top: solid 1px #d7ccb4;
	border-bottom: solid 1px #d7ccb4;
	clear: both;
	height: 200px;
	width: 555px;
}

/* Delivery Box */
div.delivery-box {
	padding-top: 10px;
}
div.delivery-box img {
	border-width: 0px;
	margin-right: 3px;
}

/* Most popular */
div.most-popular-container {
	border-right: dotted 1px #A78C60;
	float: left;
	width: 350px;
}
div.most-popular-container div.inner {
	padding: 10px;
}
div.most-popular {
	background-position: right bottom;
	background-repeat: no-repeat;
}
div.most-popular td.index {
	padding: 3px 3px 3px 0px;
	text-align: right;
	white-space: nowrap;
}
div.most-popular td.name {
	padding: 3px 0px 3px 0px;
	vertical-align: middle;
}
div.most-popular div.more {
	background-image: url(../Images/arrowRight.gif);
	background-position: left center;
	background-repeat: no-repeat;
	margin-top: 10px;
	padding-left: 12px;
}

/* Box: Fact */
div.boxFact {
	width: 200px;
}
div.boxFact div.top {
	background-image: url(../Images/pboxfact_top.gif);
	background-repeat: no-repeat;
	height: 8px;
}
div.boxFact div.body {
	background-image: url(../Images/pboxfact_bg.gif);
	background-repeat: repeat-y;
}
div.boxFact div.sep {
	background-image: url(../Images/pboxfact_sep.gif);
	background-repeat: no-repeat;
	height: 15px;
}
div.boxFact div.body div.content {
	padding: 0px 8px 0px 8px;
	text-align: left;
}
div.boxFact div.bottom {
	background-image: url(../Images/pboxfact_bottom.gif);
	background-repeat: no-repeat;
	height: 8px;
}
div.boxFact div.price1 {
	color: #68AD2D;
	float: left;
	font-size: 2.5em;
	margin-bottom: 15px;
	width: 110px;
}
div.boxFact div.price1 div.from {
	float: left;
	font-size: 10px;
}
div.boxFact div.price2 {
	color: Red;
	float: left;
	text-align: right;
	width: 70px;
}
div.boxFact div.stock-status {
}
div.boxFact div.stock-status span.in-stock {
	color: #774E0E;
}
div.boxFact div.stock-status span.in-stock-auto {
	color: #774E0E;
	cursor: pointer;
	text-decoration: underline;
}
div.boxFact div.stock-status span.not-in-stock {
	color: red;
}
div.boxFact div.free-delivery {
	padding-top: 3px;
}
div.boxFact div.variants {
	padding-top: 10px;
}
div.boxFact div.btn-container {
	padding-top: 10px;
}
div.boxFact div.btn-container img.button-add-to-basket {
   cursor: pointer;
}
div.boxFact div.btn-container div.notify-msg {
	padding: 2px 0px 2px 0px;
}
div.boxFact div.btn-container div.notify-btn {
	padding: 10px 0px 2px 0px;
}
div.boxFact div.products-links {
	text-align: left;
}
div.boxFact div.products-links a {
	background-image: url(../Images/arrowRight.gif);
	background-position: left center;
	background-repeat: no-repeat;
	display: block;
	padding: 2px 0px 2px 10px;
}
div.boxFact div.products-links div.service-btns {
   padding-top: 10px;
}
div.boxFact div.products-links div.service-btns a {
	background-image: none;
	display: block;
	padding: 5px 0 0 0;
}
div.boxFact div.image-header {
	padding-bottom: 3px;
}
div.boxFact div.image-box {
	border: 1px solid rgb(195, 178, 143);
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

/* Info boxes */
div.info-boxes {
	padding-top: 25px;
}
div.info-boxes div.sep {
	height: 15px;
}

/* Home */
div.home div.links {
	float: left;
	width: 202px;
}
div.home div.links div.add-fav {
	background-image: url(../Images/icoAddToFav.gif);
	background-position: left center;
	background-repeat: no-repeat;
	margin: 4px 0px 4px 0px;
	padding-left: 17px;
}
div.home div.delivery {
	float: left;
	margin-top: 12px;
	width: 202px;
}

/* Menu */
div.menu-container {
	padding-bottom: 20px;
}
div.menu-container div.title {
	background-image: url(../Images/menutop.png);
	height: 25px;
	width: 180px;
}

/* Search */
div.search-container {
	padding-bottom: 10px;
}
div.search-container div.input {
	float: left;
	padding: 0px 3px 3px 0;
}
div.search-container div.btn {
	float: left;
}

/* Brands */
div.brand-list {
	margin: 7px;
}
div.brand-list div.brand {
	background: transparent url(../Images/bbox.png) no-repeat scroll 0% 50%;
	cursor: pointer;
	float: left;
	height: 190px;
	margin: 5px;
	position: relative;
	width: 170px;
}
div.brand-list div.image {
	cursor: pointer;
	height: 100px;
	left: 7px;
	overflow: hidden;
	position: absolute;
	text-align: center;
	top: 15px;
	width: 157px;
}
div.brand-list div.links {
	cursor: pointer;
	font-size: 0.9em;
	left: 7px;
	position: absolute;
	top: 130px;
	width: 156px;
}
div.brand-list div.links div.link {
	color: #774E0E;
	text-align: center;
}
div.brand-page h2 {
	font-weight: normal;
	margin: 15px 10px 5px;
}

div.bestseller {
	background-image: url(../Images/bgPopularity.gif);
	background-repeat: no-repeat;
	height: 35px;
	width: 200px;
}
div.bestseller div {
	padding: 13px 0px 0px 42px;
	text-align: left;
}

/* TOC */
div.toc {
	padding: 10px;
}

div.toc td {
	color: #774E0E;
	padding-right: 5px;
	vertical-align: top;
	white-space: nowrap;
}

div.toc td a {
	background-image: url(../Images/panelRootCollapsed.gif);
	background-position: -2px -1px;
	background-repeat: no-repeat;
	display: block;
	padding-left: 15px;
}

