<!--
body {
   color:#6E6E70;
   font-family:Arial, Helvetica, sans-serif;
   text-align:center; font-size:12px; }

h2 {font:Verdana, Arial, Helvetica, sans-serif; font-size:18px; font-weight:500; color:#6E6E70; margin-top:0px; margin-bottom:0px; }
h3 {font-size:36px; font-weight:500; color:#FF0000; line-height:2px;}
p {font-size:12px; text-align:justify;}


/*.mainbox  {
    position:relative;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFFFF;
	border:#0000CC 1px;
	top:6px;
	height:4000px;
	text-align:left;
	width:950px;
	padding-top:8px;
	padding-left:40px;
	padding-right:12px;		
}
*/


.subtitlebox {
	position:absolute;
	left:251px;
	top:112px;
	height:21px;
	width:714px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	border-bottom: 1px #616161 solid;
	color:#0099FF;
	letter-spacing:4px;
	text-align:left;
	z-index: 5;
}

.insetbox {
	position:absolute;
	left:376px;
	top:329px;
	height:221px;
	width:228px;
	background-color:#FFFFFF;
	color:#FF0000;
	border:#000099 1px solid;
	padding:10px;
	z-index: 3;
}
.titlebox5 {
    position:absolute;
	left:40px;
	top:47px;
	height:211px;
	width:923px;
	text-align:left;
	z-index:6;
}


.float-right {float: right; padding-left:16px; padding-bottom:16px;}
.float-right-full {float:right;  width:100%; margin-bottom:10px;}
.float-left {float: left; padding-right: 6px; padding-bottom: 10px; padding-top: 0px}
.float-right5 {float: right; padding-left:16px; padding-bottom:16px; color:#616161;}
.listpadstyle ul {font-style:oblique; list-style:circle;}
.padleft2 {font-size:18px; font-weight:400; color:#FF0000;font-style:oblique; padding-left:28px;}
.paddingRight {padding-right:270px;}
.bold {font-style:oblique; font-weight:400; font-size:10px;}
.emphasise {font-size:13px; font-weight:700; color:#616161;}
.emphasise2 {font-size:17px; font-weight:900;}
.redtext {color:#FF0000;}
.bluetext {color:#0000CC;}
.whitetext {color:#616161;}
.admin {color:#CCFFFF;}

.padleft { padding-left:40px; }
.padleft3 { padding-left:10px; }


.rightbox {
	position:absolute;
	left:40px;
	top:768px;
	width:940px;
	height:3680px;
	border: 1px #9999FF solid;
	text-align:left;
	background-color:#FFFFFF;
	background-position:top left;
	padding-left:16px;
	padding-right:16px;
	padding-top:16px;
	z-index: 2;
	font-size:10px;
}
.fade1  {
	opacity: 0.7;
}
.fade2  {
	opacity: 1;
}


a:link {
	color: #666666;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: none;
	color:#33CCFF;
}
a:active {
	text-decoration: none;
	color: #FFFFFF;
}
.currency {
	
	font-size:9px;
	color:#000000;
}
#dhtmltooltip{
position: absolute;
width: 170px;
height: 170px;
/*border: 1px solid black;*/
padding: 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
/*background-image:url(../back/currency.png);
background-repeat:no-repeat;*/
visibility: hidden;
z-index: 100;
text-align:left;
color:#FFFFFF;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}
.newshead a:link{
	color: #FDAE04;
	text-decoration: underline;
}
.newshead a:visited{
	color: #FDAE04;
	text-decoration: underline;
}
.newshead a:hover{
	color: #FF0000;
	text-decoration: underline
}
h2 {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 28px;
    font-weight: 600;
	vertical-align:top;
}
.style3 {color: #333333}
.displaybox1x {
    float:left;
	background-color:#FFFFFF;
	left:20px;
	top:100px;
	width:415px;
	height:200px;
	border:#333300 2px solid; 
	font-size:10px;
	margin-left:35px;
	margin-top:15px;
	
}
.thlefttop {
    vertical-align:top;
}
.th5 {
    vertical-align:top;
	float:right;
}

/* new below */

h1 {font-size:3em; font-weight:700; color:#6E6E70; }
#mainbox  {
    position:relative;
	margin-left:auto;
	margin-right:auto;
	height:auto;
	text-align:left;
	width:80%;
	margin-top:1%;	
}
.header-container {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6E6E70;
}
.logo {
    color:#727884;
	font-size:36px;
	font-weight:600;
	
}
.dateandinshop {
    float:right;	
}
#designerinfo {
    position:relative;
	width:100%;
	height:auto;
	margin-top:0%;
}
#navigation {
    position:relative;
	width:100%;
	height:auto;
	margin-top:.5%;
	text-align:right;
}
#navigation a {
	height:auto;
	width:auto;
	margin-left:.75%;
	margin-right:.75%;
	color:#727884;
	font-size:16px;
}
#product-display  {
    position:relative;
    float:left;
	/*left:2%;*/
	height:auto;
	width:105%;
	margin-top:1%;
	padding-bottom:1%;	
}
.productbox {
    position:relative;
    float:left;
	background-color:#FFFFFF;
	/*width:28%;*/
	width:295px;
	height:210px;
	border:#999999 1px solid; 
	font-size:.9em;
	margin-left:2%;
	margin-top:2%;
	padding:1%;
	
}


.imagebox {
    position:relative;
	float:left;
	width:48%;
	height:auto;
	margin-right:4%;   
}
.productdescription {
    position:relative;
	float:left;
	width:48%;
	height:auto;
}
.producttitle {
    position:relative;
	float:left;
	width:100%;
	height:auto;
	margin-right:1%;
	font-size:1em;
	font-weight:400;   
}
.productprice {
    position:relative;
	float:left;
	width:100%;
	height:auto;
	margin-top:3%;
	margin-right:1%;
	font-size:1em;
	font-weight:300;   
}
.saleprice {
    position:relative;
	float:left;
	width:100%;
	height:auto;
	margin-top:2%;
	margin-right:1%;
	font-size:.9em;
	font-weight:300; 
	color:#FF0000;  
}
.itemenquiry {
    position:relative;
	float:left;
	width:100%;
	height:auto;
	margin-top:1%;
	font-size:1em;
	font-weight:300; 
	font-style:italic;   
}
.itemenquiry a:link{
	color:#454343;
	text-decoration: underline;
}
.itemenquiry a:visited{
	color: #454343;
	text-decoration: underline;
}
.itemenquiry a:active{
	color: #454343;
	text-decoration: underline;
}
.itemenquiry a:hover{
	color: #FF0000;
	text-decoration: underline
}

.sizeandbasket {
    position:relative;
	float:left;
	width:100%;
	height:auto;
	margin-top:2%;
	font-size:1em;
	font-weight:300;   
}
.productenquiries {
    position:relative;
	float:right;
	width:30%;
	height:auto;  
}
#verge {
    position:relative;
	clear: both;
	width:100%;
}
#footerbox {
    position:relative;
	float:left;
	clear: both;
	width:100%;
	height:auto;
	background-color:#6E6E70;
	margin-top:10%;
	padding-bottom:2%;
}
#footerbox a:link {
    color:#FFFFFF;
}
#footerlayoutblock {
    position:relative;
	margin-left:auto;
	margin-right:auto;
	height:auto;
	text-align:left;
	width:80%;
	margin-top:1%;
}
.footerblocks {
    position:relative;
    float:left;
	color:#FFFFFF;
	width:46%;
	height:auto;
	font-size:.9em;
	margin-left:2%;
	margin-top:2%;
	padding:1%;
	

}
.txtalignright {text-align:right; }
.soldout {
    position:absolute;
	width:140px;
	height:200px;
	left:156px;
	top:0px;
	background-image:url(../images/soldout.jpg);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
}
.imagefull {width:100%;}
.imagehalf {width:50%;}

.mainimage {
   position:relative;
   float:left;
   width:100%;
   margin-top:6px;
}
.left-image {
   position:relative;
   float:left;
   width:50%;
}
.newsletterbox form {
   float: right;
   margin-right: 0;
   margin-top: 0%;
   width: 30%;
   padding:20px;
   padding-top:8px;
   background-color:#CCCCCC;
   -webkit-box-shadow: 2px 2px 4px #333333;
    box-shadow:  2px 2px 4px #333333;
}
p, pre {
    margin: 0.5em 0;
}
.newsletterbox input {
    font-size: 12px;
    height: 15%;
    margin-bottom: 1%;
    padding: 2px 2px 2px 2%;
    width: 90%;
}
.btn input {
    background-color: #5B6F78;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 12px;
    height: 14%;
    margin-bottom: 1%;
    padding: 2px 2px 2px 2%;
    text-align: left;
    width: 90%;
}


h1 {font-size:18px;}
h2 {font-size:16px;}
.newsletterbox {
    position:absolute;
    top:10px;
    right:40%;
    margin-top: 0;
    width: 65%;
	padding-bottom:1%;
}
.register-title {
    color:#FFFFFF;
	font-size:18px; 
}
.drawtext {
    color:#FF3300;
	font-size:14px;
}
.centered {
    color:#FFFFFF;
	text-align:center;
	font-size:16px;
}
.breadcrumb {
   position:relative;
   float:left;
   width:40%;
   color:#727884;
   font-size:16px;
   text-align:left;
}
.breadcrumb a {
   color:#727884;
}
.breadcrumb a:visited {
   color:#727884;
}
.breadcrumb a:active {
   color:#727884;
}
.breadcrumb a:hover {
   color:#333333;
}
.fb-like {
   float:right;
}
.outsideeu {
   font-size:.9em;
   color:#333333;
}
.vatfree {
   font-size:.5em;
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
body { font-size:70%;}
.newsletterbox form {
   width: 80%;

}
.newsletterbox {
    width: 90%;
	right: 5%;
	margin-top:-130px;
}
.mobile-hide {
    display:none;
}
.productbox {
    width:290px;
	margin-left:-10px;
}
.soldout {
	width:160px;

}
.imagefull {width:100%;}
.imagehalf {width:50%;}

}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
body { font-size:70%;}
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
body { font-size:70%;}
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
body { font-size:90%;}
.newsletterbox form {
   width: 50%;
}
.newsletterbox {
    width: 75%;
	right: 28%;
	margin-top:-8%;
}
.productbox {
    width:280px;
}
.soldout {
	width:160px;

}
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
body { font-size:90%;}
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
body { font-size:80%;}}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
body { font-size:90%;}
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
body { font-size:100%;}
}

-->