#headerimage, #footer, #topnav, #page, #bar {  
	background: url(../images/1.gif) no-repeat;        
}

body {
    margin: 0px;
    background: #e2e3df url(../images/1.gif) repeat-x; /* body.bg.gif */
    font-family: verdana, arial;
    font-size: small;
	color: #00454d;
}
.vishidden {
	visibility: hidden;
}
body.noselects select {
	display: none;
}
a {
	text-decoration: none;
	color: #ab106e; /*6d2362;*/ /*#5f2860;*/
}
a:hover { 
	color: #000;
}
.strong {
	font-weight: bold;
}
.ntg {
	margin-top: 0px;
}
.nbg {
	margin-bottom: 0px;
}
img {
	border: 0px;
}
input {
	color: #007482;
	font-family: verdana;
	font-size: x-small ! important;
}
textarea {
	font-family: verdana;
	font-size: small;
}
select {
	color: #6d2362;
	font-family: verdana;
	font-size: x-small;
}
h3 {
	font-size: 100%;
	margin: 0px;
}
h4, h4 a {
	font-size: 130%;	
	color: #417380;
	font-weight: bold;
	font-family: arial;
	margin: 0px 0px 5px 0px;	
}
h4 a {
	font-size: 100%;
}
th.left {
	text-align: left;	
}
.bold {
	font-weight: bold;
}
.errormsg, .error {
	color: #ff0000;
}
#breadcrumb {
	font-family: arial;
	font-weight: bold;
	font-size: 140%; 
	color: #00454d; 
}
#breadcrumb a {
	color: #6d2362;
}
ul.bullets {
	list-style-image: url(../images/bullet.gif);
	vertical-align: middle;
	margin: 5px 0px 0px 15px;
	padding: 0px;
}
ul.bullets li {
	margin: 0px 0px 5px 20px;
}

form, .nomargin {
	margin: 0px;
}
.fleft, .fl {
	float: left;
}
.fright, .fr {
	float: right;
}
#page {
    width: 954px;
    margin: auto;
    background-position: -954px 0px;
    background-repeat: repeat-y;
}
#content {
    width: 950px;
    margin: auto;
    padding-top: 144px;
	clear: both;
	font-size: x-small;
	background: #fff;
}
#header {
    width: 950px;
    margin: auto;
    position: absolute;
    top: 0px;
    padding-left: 2px;
}        

#headerimage {  
	background-position: -2px 0px;
	width: 950px;
	height: 102px;
}
#headerimage img {
	width: 950px;
	height: 102px;        	
}
#footer {
    background-position: 0px -200px;
    height: 46px;
    width: 954px;
    margin: auto;         
}
#topnav ul, #footer ul {
    margin: 0px;
    padding: 0px;
}
#footer ul {
	padding-top: 22px;
	text-align: center;
}
#footer ul li {
    display: inline;
    margin: 4px 2px 0px 2px;
    list-style-type: none;
}
#footer ul li, #footer ul li a {
    font-size: 85%;
    color: #301530;
    /*letter-spacing: -0.05em;*/
}
p.copyright a {
    font-size: 80%;
    color: #301530;	
}

#topnav {
	background-position: -2px -102px;
    height: 32px;	
}
#topnav ul li {
    float: left;
    margin: 8px 6px 2px 6px;
    list-style-type: none;
    color: #692560; 
}
#topnav ul li a, #sitesearch a {
    text-decoration: none;
    font-family: arial;
    font-size: 88%;
    font-weight: bold;
    color: #6d2362;    
    margin-left: 1px; /* fix w clipping bug in IE */
}

#sitesearch {
	float: right; 
	padding: 8px 10px 3px 0px;
}
#sitesearch, #sitesearch a {
    color: #692560; 	
}
#topnav ul li a:hover, #sitesearch a:hover {
    color: #000;    
}

#sitesearch strong {
	float: left;
	font-size: 88%;
	font-family: arial;
	padding-top: 1px;
}
#sitesearch a {
	padding-top: 1px;
	float: left;
}

#applesearch {
	float: left;
	margin: 0px 5px 0px 5px;
	width: 125px;
	height: 19px;
}

#applesearch .sbox_l  {
	/*default styling*/
}

#applesearch .sbox_r  {
	/*default styling*/
}

#applesearch .sbox input {
	/*default styling*/
	width: 80px;
	float: left;
}



h1 {
	color: #03434c;
	margin-top: 0px;
	font-size: 130%;
}

#left {
	float: left;
	width: 210px;
}
           
#right {
	float: left;
	width: 740px;
}

#titlebar {
	height: 42px;
}

#title {
	float: left;
	height: 35px;
	padding-top: 9px;
}

#bar {
	float: right;
	height: 35px;
	background-position: -596px -143px;
	margin-right: 8px;
	font-family: arial;
	color: #00424b;
}
#innerbar {
	padding: 10px 9px 9px 0px;
}
#innerbar div {
	float: left;
}
#bar, #bar a {
    font-weight: bold;
    color: #5f2860;
}
#maincontent {
	float: left;
	width: 540px; 
	margin-right: 28px;
	clear: both;
}


#content.twocols {
	margin-left: 22px;
	width: 928px;
}

#content.twocols #bar {
	margin-right: 8px;
}

#content.twocols #maincontent {
	width: 722px;
	margin: 15px 33px 20px 0px;
}
           
div.hpleft {
	float: left; 
	width: 596px;
}   
div.hpright {
	float: right; 
	width: 354px
}        
          
.clear {
	clear: both;
}

.cf:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	
}

.cf {
	display: inline-table;
	zoom:1; /* IE 7 fix */
}

/* Hides from IE-mac \*/
* html .cf {height: 1%;}
.cf {display: block;}
/* End hide from IE-mac */

/* category tabs */
#toptabs {
    position: absolute;
    z-index: 2;
    top: 72px;
    right: 8px;	
    padding: 0px;
    margin: 0px;
    display: block;
}
#toptabs li {
    list-style-type: none;
    height: 26px;
    margin-right: 2px;
    float: left;
}
#toptabs li a {
    height: 26px;
    display: block;
}
#toptabs img {
    height: 26px;
}
#perfectfitTab a, #lingerieTab a, #swimwearTab a, #clothingTab a, #nightwearTab a {
    background: url(../images/themes/default/tabs.gif);
}
#perfectfitTab img, #perfectfitTab a {
    width: 137px;
}
#perfectfitTab a {
    background-position: 0px 0px;
}
#perfectfitTab a:hover, #perfectfitTab.selected  a{
    background-position: 0px -26px;
}
#lingerieTab img, #lingerieTab a {
    width: 90px;
}
#lingerieTab a {
    background-position: -137px 0px;
}
#lingerieTab a:hover, #toptabs #lingerieTab.selected a {
    background-position: -137px -26px;
}
#swimwearTab img, #swimwearTab a {
    width: 96px;
}
#swimwearTab a {
    background-position: -227px 0px;
}
#swimwearTab a:hover, #toptabs #swimwearTab.selected a {
    background-position: -227px -26px;
}
#clothingTab img, #clothingTab a {
    width: 90px;
}
#clothingTab a, #clothingTab a:hover, #toptabs #clothingTab.selected a {
    background-position: -323px 0px;
}
#clothingTab a:hover, #toptabs #clothingTab.selected a {
    background-position: -323px -26px;
}
#nightwearTab img, #nightwearTab a {
    width: 98px;
}
#nightwearTab a {
    background-position: -413px 0px;
}
#nightwearTab a:hover, #toptabs #nightwearTab.selected a {
    background-position: -413px -26px;
}


/* Currencies */
#currencies {
	padding: 0px 15px 0px 15px;
	margin: 0px;
	display: block;
	float: left;
}
#currencies li {
    list-style-type: none;
    margin: 0px 1px 0px 1px;
    float: left;
}
#currencies li a {
    background: url(../images/pageelements/currencies.gif);
    display: block;
}
#currencies li, #currencies li a, #currencies li img {
    width: 21px;
    height: 13px;
}    
#currencies a {
    width: 21px;
    height: 13px;
	filter: alpha(opacity=40, style=0);
	-moz-opacity: 0.4;	
	opacity: 0.4;	    
}
    
#currencies a:hover, #currencies.gbp #currencyGBP a, #currencies.usd #currencyUSD a, #currencies.euro #currencyEUR a, #currencies.aud #currencyAUD a {
 	filter: alpha(opacity=100, style=0);
	-moz-opacity: 1.0;	
	opacity: 1.0;	
}

#currencies #currencyGBP a {
    background-position: 0px 0px;
}
#currencies #currencyUSD a {
    background-position: -21px 0px;
}
#currencies #currencyEUR a {
    background-position: -42px 0px;
}
#currencies #currencyAUD a {
    background-position: -63px 0px;
}

/* debug */
body.debug #left {
	background: yellow;
}
           
body.debug #right {
	background: orange;
		
}

body.debug #titlebar {
	background: green;
}	

body.debug #banners {
	background: #eee;
}
   
body.debug #maincontent {
	background: #ccc;
}

ul.fa {
    margin: 0px;
    padding: 0px;
}

ul.fa li {
	background: #e5e6e1 url(../images/pageelements/leftnav.bg.gif) no-repeat right;
	list-style-type: none;
	width: 158px;
	/*height: 18px;*/
	padding: 3px 0px 3px 0px;
	margin: 0px 0px 3px 8px;
}

ul.fa li.first {
	background: #e5e6e1 url(../images/pageelements/leftnav.bg.top.gif) no-repeat top;
}

ul.fa li.last {
	background: #e5e6e1 url(../images/pageelements/leftnav.bg.bottom.gif) no-repeat bottom;
}
ul.fa li a {
	display: inline-block; /* Firefox should just be block */
	padding: 2px 0px 2px 8px;
	font-size: 11px;
	font-weight: bold;
	font-family: arial;
	color: #6d2362;
}
ul.fa li a:hover {
	color: #000;
}
#shoppingbag {
	width: 164px;
	border: 2px solid #e9d5d3;
	border-collapse: collapse;
	margin-bottom: 10px ! important;
}
#shoppingbag th, #shoppingbag td {
	/*font-family: arial;*/
	font-weight: bold;	
	padding: 4px;
}
#shoppingbag th a {
	color: #5f2860;
}

#shoppingbag th {
	/*background: url(../images/pageelements/shopping-bag.bg.top.gif);*/
	background: url(../images/pageelements/pink.png);
}

#shoppingbag td {
	border-top: 1px solid #e9d5d3;
	color: #00454d;
}

#tabs {
    position: absolute;
    z-index: 2;
    top: 72px;
    right: 8px;
}
#tabs ul {
	padding: 0px;
	margin: 0px;
}
#tabs ul li {
	display: inline;
	list-style-type: none;	
	margin-right: 2px;
}




/* shops */
div.shopindexitem {
	background: #f8f2f1 url(../images/pageelements/shops.bg-top.gif) no-repeat top; 
	width: 120px ! important;
	float: left;
	margin: 10px;
	text-align: center;	
	padding-top: 10px;
}

div.shopindexitem strong {
	font-weight: normal;
}
div.shopindexitem strong {
	display: block;
	border-top: 4px solid #eeecea;
	height: 25px;
	margin-top: 10px;
	padding-top: 5px;
	
}
		
.fullwidth {
	width: 722px;
}



/* faqs */
.faqcontainer {
	display: none;
}

/* sitemap */
div.sitemapcol {
    width: 220px;
    margin-right: 0px;
	float: left;    
}



/* gift vouchers */
.gvcontainer * {
	float: left;
	margin-right: 10px;
}
.gvcontainer select {
	margin-top: 5px;
}
.gvcontainer option {
	float: none;
}
td.gvcode input {
	font-size: x-small;
}
td.gvamount {
	vertical-align: middle;
	text-align: left;
	width: 160px;
}
/* tooltips */
.tooltip {
    display: none;
    position: absolute;
}

.showInlineTooltip {
    display: block;
    position: absolute;
    width: 260px;
    /*height: 135px;*/
    text-align: left;
    z-index: 10;
    background: #f2daea;
    border: 1px solid #d71e79 ! important;	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	    
    padding: 3px;
    color: #d71e79 ! important;	
    /*margin: 1px;*/
}

.rounded5 {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
}
.rounded10 {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;	
}
a.tooltipLink {
	cursor: help;
}
#topnav ul a.selected, #footer ul a.selected, ul.fa li a.selected {
	color: #000;
	font-weight: bold;
}



/* delivery charges */
div.deliverycharges {
    width: 220px ! important;
    margin-left: 20px;
}
table.deliverycharges {
    width: 100%;
    margin-bottom: 10px;
}
table.deliverycharges tr th {
    background: #fff;
    padding: 5px 0px 0px 0px;
    border-bottom: 2px solid #dcdad2;
}
table.deliverycharges tr td {
    color: #6d2362;
    padding: 5px 10px 5px 10px;
    border-bottom: 1px solid #dcdad2;
}
table.deliverycharges tr.last td {
    border-bottom: 2px solid #dcdad2;
}
table.deliverycharges tr.odd td {
    background: #f9f4f3;
}

table.deliverycharges tr.even td {
    background: #f6eded;
}

table.deliverycharges tr td h4 {
    margin: 0px;
}

/* Forms */
td.notrequired {
	padding-left: 8px;		
}
td.required {
	border-left: 5px solid #ab106e;
	padding-left: 3px;	
}
table.nonuk #postcodetd {
    border-left: 0px;
    padding-left: 8px;	
}        
table.uk #postcodetd {
    border-left: 5px solid #ab106e;
	padding-left: 3px;	        
}
table.uk span.nonuk {
    display: none;
}
table.nonuk span.nonuk {
    display: inline;
}

#howheardrow td { /*, #mainhowheardrow td */
	visibility: hidden;
}
#howheardrow.show td { /* , #mainhowheardrow.show td */
	visibility: visible;			
}

.addresslookup div {
	float: left;
	margin-right: 10px;
}
.addresslookup input {
	display: block;
	margin-top: 5px;
}
.addresslookup {
	
	margin: 5px 0px 10px 0px;
}

ul.none, ol.none {
	margin: 0px;
	padding: 0px;
}

ul.none li, ol.none li {
	list-style-type: none;	
}

table.full {
	width: 100%;
}

input.imagebtn {
	/*width: auto ! important;*/
}

em.gbppaymentnotice, em.overseasdeliverynotice {
	display: block;
	margin: 10px 0px 10px 0px;
	clear: both;
}


table.addressbook tr td table {
	height: 170px; 
	background: #e9eae5;
	width: 100%;
}

form.paymentForm, form.paymentForm select, form.registrationForm input, select {
	color: #007482;
}

dl {
	margin: 0px;
	padding: 0px;
}

dt {
	font-size: 130%;	
	color: #417380;
	font-weight: bold;
	font-family: arial;
	margin: 0px 0px 5px 0px;
}

dd {
	margin: 0px 0px 20px 0px;
	padding: 0px;	
}



table.orderhistory tr td {
    background: #e9eae5;
    padding: 2px;
}

table.orderhistory tr td.ohspacer {
	background: #fff ! important;
	/*border-top: 1px solid #000 ! important;*/
	height: 10px;			
}

.errorinput {
	background-color: #f2daea;
	border: 1px solid #ec287e;
}



h1 {
	font-size: large;	
	color: #417380;
	font-weight: bold;
	font-family: arial;
	margin: 0px 0px 5px 0px;	
}
.print {
	display: none;
}
.screen {
	display: block;
}



.rating_container a {
    float:left;
    display:block;
    width:25px;
    height:25px;
    border:0;
    background-image:url("../images/rating2.gif");
}

.rating_container a.rating_off {
    background-position:0 0px;
}

.rating_container a.rating_half {
    background-position:0 -25px;
}

.rating_container a.rating_on {
    background-position:0 -50px;
}

.rating_container a.rating_selected {
    background-position:0 -75px;
}


.rating_container {
	display: inline-block;
	width: 75px;
}
.rating_container a {
    float:left;
    display:block;
    width: 15px;
    height: 13px;
    border:0;
    background-image:url("../images/rating3.gif");
}

.rating_container a.rating_off {
    background-position:0 0px;
}

.rating_container a.rating_half {
    background-position:0 -13px;
}

.rating_container a.rating_on {
    background-position:0 -26px;
}

.rating_container a.rating_selected {
    background-position:0 -39px;
}
.hidden {
	display: none;
}


/* banners */


#hpbanners {
	padding: 8px 0px 0px 4px; 
	clear: both; 
}
#rightcontent {
	float: left;
	width: 172px;
}
.banner img {
	display: block;
}

.bannercontainer {
	position: relative;
	width: 163px;
	height: 142px;		
	float: left;
	margin-left: 8px;
	margin-bottom: 6px;
}
.doublewidth {
	width: 333px;
	overflow: hidden;
}
.doubleheight {
	height: 291px;
	overflow: hidden;	
}

#banners .bannercontainer {
	margin-left: 0px;
}



.tl, .tr, .bl, .br, .trf, .brf {
	position: absolute;
	float: left;
	width: 326px;
	height: 284px;
	display: block;
	background: url(../images/banners/corners.png);
}

.tl {
	clip: rect(0px 163px 142px 0px);
	top: 0px;
}

.tr, .trf {
	clip: rect(0px 326px 142px 163px);
    left: -163px;    	    
	top: 0px;		
}	
.trf {
	float: right ! important;
	left: 8px;
}
.bl {
    clip: rect(142px 163px 284px 0px);
    top: -142px;	
}
.br, .brf {
    clip: rect(142px 326px 284px 163px);
    left: -163px;    	    
	top: -142px;
}
.brf {
	float: right ! important;
	left: 8px;	
}
.ajaxbutton {
	display: none;
}

body.opera .br, body.opera .bl, body.opera .tr, body.opera .tl {
	display: none;
}
#topnav ul li a.sale {
	font-weight: bold;
	color: #ff0000 ! important;	
}
#topnav ul li a:hover.sale {
	color: #000000 ! important;	
}

/* NEW TABS 123 89 95 89 98 */

#perfectfitTab img, #perfectfitTab a {
    width: 123px;
}
#perfectfitTab a {
    background-position: 0px 0px;
}
#perfectfitTab a:hover, #perfectfitTab.selected  a{
    background-position: 0px -26px;
}
#lingerieTab img, #lingerieTab a {
    width: 89px;
}
#lingerieTab a {
    background-position: -123px 0px;
}
#lingerieTab a:hover, #toptabs #lingerieTab.selected a {
    background-position: -123px -26px;
}
#swimwearTab img, #swimwearTab a {
    width: 95px;
}
#swimwearTab a {
    background-position: -212px 0px;
}
#swimwearTab a:hover, #toptabs #swimwearTab.selected a {
    background-position: -212px -26px;
}
#clothingTab img, #clothingTab a {
    width: 89px;
}
#clothingTab a, #clothingTab a:hover, #toptabs #clothingTab.selected a {
    background-position: -307px 0px;
}
#clothingTab a:hover, #toptabs #clothingTab.selected a {
    background-position: -307px -26px;
}
#nightwearTab img, #nightwearTab a {
    width: 98px;
}
#nightwearTab a {
    background-position: -396px 0px;
}
#nightwearTab a:hover, #toptabs #nightwearTab.selected a {
    background-position: -396px -26px;
}

p.userAlert {
	border: 1px solid #d71e79; 
	background: #f2daea; 
	padding: 5px; 
	color: #d71e79; 
	display: inline;	
	font-weight: bold;
}

.magazine-cover {
	display: inline-block;
	background: url(../images/1.gif) no-repeat;
	width: 156px;
	height: 216px;
}body {
    background: #d7aae3 url(../images/themes/wt09/body.bg.gif) repeat-x; /* dcf1f0 */
}

#headerimage, #footer, #topnav, #page, #bar {  
	background-image: url(../images/themes/wt09/skin.png);        
}

.magazine-cover {
	background-image: url(../images/cover.wt09.jpg);
}

#bar div.sctitle {
	color: #42080c ! important;
	font-family: arial ! important;
	font-size: 110%;	
}
#bar a {
	font-family: arial ! important;	
	font-size: 110%;
}

#topnav a, #currencies a, #innerbar a, #topnav #sitesearch {
	color: #5f2500 ! important;	
}
#topnav a:hover, #currencies a:hover, #innerbar a:hover {
	color: #000 ! important;	
}

#currencies {
	padding: 0px 10px 0px 10px;
}

#shoppingbag {
	border: 2px solid #f8f4f3;
}
#shoppingbag th a {
	color: #5f2860;
}
#shoppingbag th {
	color: #42080c
}
#shoppingbag td {
	border-top: 1px solid #f3e8e7;
	color: #00454d;
}

#perfectfitTab a, #lingerieTab a, #swimwearTab a, #clothingTab a, #nightwearTab a {
    background-image: url(../images/themes/wt09/tabs.gif);
}/*
	| liquidcorners.css; feel free to adapt the style!
	| ================================================
	| use: 4 corners with borderline outside a contentbox with class="inside"; 
	|      image  = upper half: top left corner, long borderline, top right corner
	|               under half: bottom left corner, long borderline, bottom right corner
	|      CHANGE = you have to change this for fitting to your image
	|      YCC    = You Can Change (or omit), if wanted
	|      DNC    = Do Not Change
	| credits: original by francky kleyneman, see article/tutorial in Francky's Developers Corner:
	|          http://home.tiscali.nl/developerscorner/liquidcorners/liquidcorners.htm
	| adapted
	| by.....: ... (your name and site?!)
	|
	| + please let this text & links intact for a next user +
*/
div.questions, div.answer {
	width: 722px;
	margin-bottom: 10px;
}
div.questions ol,  div.questions p {
	margin: 0px;
}
div.questions ol {
	/* padding: */
}

div.answer .top-left, div.answer .top-right, div.answer .bottom-left, div.answer .bottom-right, 
div.questions .top-left, div.questions .top-right, div.questions .bottom-left, div.questions .bottom-right, 
div.allcurved .top-left, div.allcurved .top-right, div.allcurved .bottom-left, div.allcurved .bottom-right { 
	background-image: url('../images/pageelements/curved-bg.grey.gif'); /* CHANGE: path and name of your image */
	height: 10px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	}
div.shopmap .top-left, div.shopmap .top-right, div.shopmap .bottom-left, div.shopmap .bottom-right { 
	background-image: url('../images/pageelements/curved-bg.darkgrey.gif'); /* CHANGE: path and name of your image */
	height: 10px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	}	
div.cl-sr .top-left, div.cl-sr .top-right, div.cl-sr .bottom-left, div.cl-sr .bottom-right { 
	background-image: url('../images/pageelements/curved-square-bg.grey.gif'); /* CHANGE: path and name of your image */
	height: 10px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	}

.top-left, .bottom-left { 
	margin-right: 10px; /* CHANGE: replace by the width of one of your corners */
	}
.top-right, .bottom-right { 
	margin-left: 10px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -10px;  /* CHANGE: replace by the height of one of your corners */
	}
.top-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.bottom-left  { 
	background-position: 0 -10px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
.bottom-right { 
	background-position: 100% -10px; /* CHANGE: replace second number by negative height of one of your corners */
	}
.inside {
	border-left: 1px solid #e9eae5 /*f0f0ee*/; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #e9eae5 /*f0f0ee*/;/* YCC: color & properties of the right-borderline */
	background: #e9eae5 /*f0f0ee*/;            /* YCC: background-color of the inside */
	color: #000000;                 /* YCC: default text-color of the inside */
	padding-left: 10px;             /* YCC: all texts at some distance of the left border */
	padding-right:10px;             /* YCC: all texts at some distance of the right border */
}
.notopgap    { margin-top: 0; }    /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: 0; } /* DNC: to avoid splitting of the box */

.shop .inside {
	border-left: 1px solid #f8f2f1; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #f8f2f1;/* YCC: color & properties of the right-borderline */
	background: #f8f2f1;            /* YCC: background-color of the inside */
	color: #000000;                 /* YCC: default text-color of the inside */
}
div.shopmap {
	/*display: inline-block;*/
	width: 370px;
	margin: 10px 0px 20px 0px;
}
div.shopmap .inside {
	border-left: 1px solid #dcdad2; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #dcdad2;/* YCC: color & properties of the right-borderline */
	background: #dcdad2;            /* YCC: background-color of the inside */
	color: #000000;                 /* YCC: default text-color of the inside */
}		
/*
implementation in the page:
	...
	<head>
	<link rel="stylesheet" type="text/css" href="liquidcorners.css">
	...
	</head>
	
	<body>
	...
	<div class="top-left"></div><div class="top-right"></div>
		<div class="inside">
		<p class="notopgap">Your text & other things inside</p>
		...
		<p class="nobottomgap">...</p>
		</div>
	<div class="bottom-left"></div><div class="bottom-right"></div>
	...
	</body>
*/



div.greycsss .topleft {
    background: url('../images/pageelements/curved-bg.grey.gif') top left no-repeat; 
    height: 10px;
}
div.greycsss .inside {
    background: #e9eae5;
    padding: 0px 10px 10px 10px;
}





/* LOGIN FORM */



div.loginform {
	width: 473px;
}
div.loginform .top-left, div.loginform .top-right, div.loginform .bottom-left, div.loginform .bottom-right { 
	background-image: url('../images/pageelements/login-bg.gif'); /* CHANGE: path and name of your image */
	height: 10px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
}
div.loginform .top-left, div.loginform .bottom-left { 
	margin-right: 10px; /* CHANGE: replace by the width of one of your corners */
}
div.loginform .top-right, div.loginform .bottom-right { 
	margin-left: 10px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -10px;  /* CHANGE: replace by the height of one of your corners */
}
div.loginform .top-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
}
div.loginform .bottom-left  { 
	background-position: 0 -10px;    /* CHANGE: replace second number by negative height of one of your corners */
}
div.loginform .bottom-right { 
	background-position: 100% -10px; /* CHANGE: replace second number by negative height of one of your corners */
}
div.loginform .inside {
	border-left: 2px solid #e9d5d3 /*f0f0ee*/; /* YCC: color & properties of the left-borderline */
	border-right: 2px solid #e9d5d3 /*f0f0ee*/;/* YCC: color & properties of the right-borderline */
	background: #e7dfdd /* ie = #e4dbd9*/;            /* YCC: background-color of the inside */
	color: #000000;                 /* YCC: default text-color of the inside */
	padding-left: 10px;             /* YCC: all texts at some distance of the left border */
	padding-right:10px;             /* YCC: all texts at some distance of the right border */
}

div.loginform .curvedtb {
	margin-top: 5px; 
	display: inline-block;
}

div.loginform div.fleft {
	margin-right: 10px;
}

div.loginform .curvedtb .sbox input {
	width: 150px;
}




div.pink-box {
	width: 100%;
}
div.pink-box .top-left, div.pink-box .top-right, div.pink-box .bottom-left, div.pink-box .bottom-right { 
	background-image: url('../images/pageelements/curved-bg.pink.gif');
	height: 10px;   
	font-size: 2px; 
}
div.pink-box .top-left, div.pink-box .bottom-left { 
	margin-right: 10px;
}
div.pink-box .top-right, div.pink-box .bottom-right { 
	margin-left: 10px; 
	margin-top: -10px; 
}
div.pink-box .top-right {
	background-position: 100% 0;   
}
div.pink-box .bottom-left  { 
	background-position: 0 -10px;  
}
div.pink-box .bottom-right { 
	background-position: 100% -10px; 
}
div.pink-box .inside {
	border-left: 2px solid #ede4e3;
	border-right: 2px solid #ede4e3;
	background: #ede4e3;
	color: #000000;     
	padding-left: 10px; 
	padding-right:10px; 
}

div.pink-box .curvedtb {
	margin-top: 5px; 
	display: inline-block;
}

div.pink-box div.fleft {
	margin-right: 10px;
}

div.pink-box .curvedtb .sbox input {
	width: 150px;
}
/* white */

div.rounded-white {
	width: 100%;
}
div.rounded-white .top-left, div.rounded-white .top-right, div.rounded-white .bottom-left, div.rounded-white .bottom-right { 
	background-image: url('../images/pageelements/curved-bg.white.gif');
	height: 10px;   
	font-size: 2px; 
}

div.rounded-white div.inside {
	border-left: 1px solid #fff; 
	border-right: 1px solid #fff;
	background: #fff;         
	color: #000000;              
}	

/* grey */

div.rounded-grey .top-left, div.rounded-grey .top-right, div.rounded-grey .bottom-left, div.rounded-grey .bottom-right { 
	background-image: url('../images/pageelements/curved-bg.grey.gif');
	height: 10px;   
	font-size: 2px; 
}

div.rounded-grey div.inside {
	border-left: 1px solid #e9eae5; 
	border-right: 1px solid #e9eae5;
	background: #e9eae5;
	color: #000000;              
}	
#applesearch .sbox_l, #quicksearch .sbox_l, div.curvedtb .sbox_l, #wlsearch .sbox_l   { 
	background: transparent url('../images/pageelements/srch.gif') no-repeat top left;
	float: left;
	width: 19px; height: 19px;
	background-position: -38px 0px;
}
#applesearch .sbox_r, #quicksearch .sbox_r, div.curvedtb .sbox_r, #wlsearch .sbox_r   {
	background: transparent url('../images/pageelements/srch.gif') no-repeat top right;
	float: left;
	width: 19px; height: 19px;
	background-position: -19px 0px;
}

#applesearch .sbox_r2, #quicksearch .sbox_r2  {
	background: transparent url('../images/pageelements/srch.gif') no-repeat top right;
	float: left;
	width: 19px; height: 19px;
	background-position: -57px 0px;
	cursor: pointer;
}

#applesearch .sbox input, #quicksearch .sbox input, div.curvedtb .sbox input {
	background: transparent url('../images/pageelements/srch.gif') repeat-x;
	background-position: 0px -19px;
	height: 19px;
	outline: none;
}

#applesearch .sbox input {
	float: left;
	border: 0;
	height: 19px; width: 80px;
	padding: 3px;
	font: 11px/13px arial;
	color: #000;
}

div.curvedtb {
	display: inline;
	white-space: nowrap;
}
div.curvedtb .sbox_l, div.curvedtb .sbox_r  {
	width: 9px; 
}
div.curvedtb .sbox_l, div.curvedtb .sbox_r  {
	background-position: -29px 0px;
}
div.curvedtb .sbox_l  { 
	background-position: 0px 0px;
}
div.curvedtb .sbox input {
	float: left;
	border: 0;
	height: 19px; /*width: 142px;*/
	padding: 3px;
	font: 11px/13px arial;
	outline: none;
}

#quicksearch .sbox input {
	float: left;
	border: 0;
	height: 19px; 
	width: 80px;
	padding: 3px;
	font: 11px/13px arial;
	color: #000;
}



#content {
	clear: both;
}



#applesearch.safari .sbox_l, #applesearch.safari .sbox_r, #applesearch.safari .sbox_r2,
#quicksearch.safari .sbox_l, #quicksearch.safari .sbox_r, #quicksearch.safari .sbox_r2 {
	/*display: none;*/
}
#applesearch.safari .sbox input, #quicksearch.safari #qsearch {
	border: 0;
	font-size: 13px ! important;
	float: left;
	/*width: 100%;*/
	margin-bottom: 3px;
}
span.smallframe {
	width: 150px;
	height: 192px;
	cursor: pointer;
	display: block;
	margin: auto;
	margin-top: 10px;
}

span.smallframe span.framebg {
	background: url(../images/products/frames/small.png);
	position: absolute;
	display: block;
	margin-top: -192px;
	width: 150px;
	height: 192px;
	cursor: pointer;
}

span.mediumframe {
	width: 250px;
	height: 320px;
	cursor: pointer;
	display: block;
	margin: auto;
	margin-top: 10px;
	clear: both;
}

span.mediumframe span.frame {
	position: relative;
	display: block;
	text-align: center;
}

span.mediumframe span.framebg {
	background: url(../images/products/frames/medium.png);
	position: absolute;
	display: block;
	margin-top: -320px;
	width: 250px;
	height: 320px;
}

span.shopframe {
	width: 100px;
	height: 150px;
	cursor: pointer;
	display: block;
	margin: auto;
}

span.shopframe span.framebg {
	background: url(../images/shops/frame.png);
	position: absolute;
	display: block;
	margin-top: -150px;
	width: 100px;
	height: 150px;
	cursor: pointer;
}

span.largethumbframe {
	width: 120px;
	height: 120px;
	display: block;
	margin: auto;	
}

span.largethumbframe span.framebg {
	background: url(../images/products/frames/thumb.120x120.png);
	position: absolute;
	display: block;
	margin-top: -120px;
	width: 120px;
	height: 120px;
}

div.rectthumb span.largethumbframe span.framebg {
	background: url(../images/products/frames/thumb.120x154.png) ! important;
	margin-top: -154px ! important;
	height: 154px ! important;
}

.framelink, .framelink  span.framebg {
	cursor: pointer;	
}






span.smallframe span.frame img {
	width: 150px;
	height: 192px;	
}

span.mediumframe span.frame img {
	width: 250px;
	height: 320px;
}
	
span.shopframe span.frame img {
	width: 100px;
	height: 150px;
}

span.largethumbframe span.frame img {
	width: 120px;
	height: 120px;	
}

div.rectthumb span.largethumbframe span.frame img {
	height: 154px;	
}

span.mediumframe span.frame img.zoom {
	width: 34px;
	height: 31px;
}