/******************************* standard stuff *************************************/

body{
  font-family: arial, helvetica, sans-serif;
  font-size:   11px;
  line-height: 18px;
  color: #000000;
  position:relative;
  height:100%;
  width:100%;
}



h1 { font-size: 200%; letter-spacing: -2px; margin-bottom: 20px; }

h2 { font-size: 180%; letter-spacing: -1px; margin-bottom: 20px; }

h3 { font-size: 150%; letter-spacing: -1px; margin-bottom: 20px; }

h4 { font-size: 120%; letter-spacing: -1px; margin-bottom: 20px; font-weight:bold;}

a { 
  outline:none;
  color: #DC0067;
  text-decoration: none;
  /*border-bottom: 1px dotted #78C042;*/
}
a:visited { color: #DC0067; }
a:hover { 
  /*color: #ffffff; 
  background-color:#ff5398;*/
  color: #000000;
  /*border-bottom: 1px solid; */
  text-decoration:underline;
}

strong {
  font-weight:bold;
}

em {
  font-style: italic;
}

p {
  margin: 0.5em 0;
  padding-bottom: 0.5em;
}

blockquote {
    color:#888888;
    text-indent:37px;
    padding-top:20px;
    background:transparent url(../Stat/generic/blockquote.png) top left no-repeat;
}

blockquote span.blockquoteEnd {
  height:20px;
  width:22px;
  float:right;
  display:block;
  margin:0 0 0 16px;
  border:0;
  padding:0;
  background:transparent url(../Stat/generic/blockquoteEnd.png) top left no-repeat;
}

cite {
  font-weight: bold;
}

pre {
  padding: 10px;
  font-size: 11px;
  background-color:#f7f7f7;
  padding:2%;
  border:1px solid #e3e3e3;
  margin:0;
  line-height:140%;
 
  /* make lines wrap in pre tag - browser specific so not valid css - lousy browsers */
  white-space: pre-wrap;       /* css-3 */
  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
  word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

code {
  font-family: monaco,"lucida console","courier new",courier,serif;
  font-size-adjust: none;    
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: normal;
}

hr {margin:10px 0 10px 0; }
/*********************************** forms *****************************************/

label { font-weight: bold; }

input, select {
  width:100px;
}

input, textarea, select {
  border:1px solid #aaaaaa;
  padding:2px;
  background:#ffffff url(../Stat/generic/inputBg.gif) top left no-repeat;
  margin-top:2px;
}

input.checkbox {
  width:15px;
  background:none;
  border:0;
}

input.radio_button {
  width:15px;
  background:none;
  border:0;
}

input.small, select.small {
  width:50px;
}

input.large, select.large {
  width:200px;
}

input.extra_large, select.extra_large {
  width:300px;
}

input:hover, textarea:hover, select:hover {
  border:1px solid #888888;
}

input:active, textarea:active, select:active {
  border:1px solid #888888;
}

input.submit {
  background:#ffffff url(../Stat/generic/submitBg.png) -20px 0 no-repeat;
  color:#ffffff;
}

input.submit:hover {
  
  cursor: pointer;
}

textarea {
  width:300px;
  height: 200px;
}

textarea.deep {
  height:350px;
}

textarea.shallow {
  height:50px;
}

fieldset {
  background:#f7f7f7;
  padding:2%;
  border:1px solid #e3e3e3;
  margin:0;
}

legend {
  font-weight:bold;
  font-size: 120%; 
  letter-spacing: -1px;
  color:#666666;
}

/******************************** images ****************************************/

img {
  padding:2px;
  border: 2px solid #cccccc;
  background-color: #eeeeee;
}

/******************************** tables ***************************************/

table {
  border: 1px solid #999999;
}

thead {
  color: #ffffff;
  background: #999999 url(../Stat/generic/theadBg.jpg) top left repeat-x;
  border-bottom: 1px solid #999999;
}

tr.odd { background-color: #eeeeee; }

tr.even { background-color: #ffffff; }

th, td {
  padding:3px;
  border-right: 1px solid #999999;
}

/********************************** lists **************************************/

ol li {
  list-style-type: decimal;
}

ul li {
  list-style-type: disc;
}

ol, ul, dl {
  padding-left: 30px;
}

dd {
  margin:0 0 4px 0;
  background-color: #eeeeee;
  padding:10px;
}

/********************************* LiveValidation *************************************/

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
	color:#CC0000;
}
	
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active,
.fieldWithErrors input.LV_valid_field,
.fieldWithErrors textarea.LV_valid_field {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active,
.fieldWithErrors input.LV_invalid_field,
.fieldWithErrors textarea.LV_invalid_field {
    border: 1px solid #CC0000;
}

/************************************ HELPERS ***************************************/		

.floatRight {
  float:right;
}

.floatLeft {
  float:left;
}

.floatNone {
  float:none;
}

.clearBoth {
  clear:both;
}

.clearLeft {
  clear:left;
}

.clearRight {
  clear:right;
}

.inline {
  display:inline;
}

.block {
  display:block;
}

.hidden {
  display:none;
}

.invisible {
  visibility:hidden;
}

.visible {
  visibility:visible;
}

/** margin helpers (useful for floated images) **/

.marginTop10 {
  margin-top:10px;
}

.marginRight10 {
  margin-right:10px;
}

.marginBottom10 {
  margin-bottom:10px;
}

.marginLeft10 {
  margin-left:10px;
}

.marginNone {
  margin:0;
}

.padding {
  padding: 5px;
}

.bold {
  font-weight:bold;
}

.marginRight4 {
  margin-right:4px;
}

#main #doc ul li.separator {
  clear:left;
  height:1px;
}

#main #doc ul li.galleryThumb {
  width:236px;
  margin-right:4px;
}

body {
  /*background-color: #ff99cc;*/
  /*border-top:7px solid #999999;*/
}



#bg {
background:transparent url(../Stat/bgs/headBg2.jpg) center top no-repeat;
  /*border:0;
  border-left:4px solid #000000;
  border-right:4px solid #000000;*/
  /*border-bottom:4px solid #000000;*/
}

.snow #bg {
background:transparent url(../Stat/bgs/headBg2Snow.jpg) center top no-repeat;
}

/********************* YAHOO USER INTERFACE GRIDS ELEMENTS *************************/

/* see http://developer.yahoo.com/yui/grids/ */

/* yui doc4 container
   (don't use any positioning stuff for this, just colors etc) */
#doc {
  background-color:transparent;
  
}

/* yui hd header container 
   (don't use any positioning stuff for this, just colors etc)
   use an inner container to add any padding as this will screw up layout*/
#hd { 
  
  height:140px;
}

/* yui ft footer container 
   (don't use any positioning stuff for this, just colors etc)
   use an inner container to add any padding as this will screw up layout*/
#ft { 
  background-color: transparent;
  text-align:right;
  padding:0px 8px 20px 8px;
}


/************************ MY ELEMENTS ******************************************/



/** header stuff *********************/







/** content stuff *********************/



ul#comments li {
   padding:10px;
   background:#fec8e1;
   margin-bottom:10px;
}

ul#comments li.odd {
  background:transparent;
}

.crumbs {
  margin:0 0 20px 0;
}


.date {
  color:#DC0067;
}

cite {
  color:#FF9422;
}

.last {
	margin-bottom:0;
}

/** forms *****/

input, select {
  padding:3px;
}

input.radio_button {
  margin-left:50px;
}

input.submit {
  width: inherit;
  background:#cccccc;
  border:0;
  border-bottom: 1px solid #999999;
  border-right: 1px solid #999999;
}

textarea {
  width:400px;
}

textarea.shallow {
  height:100px;
}

form label {
	display:block;
}

#doc #main fieldset {
  border: 1px solid #ff70b6;
  background:#fec8e1;
}

#doc #main legend {
  color:#DC0067;
}

/** pagination ***********************/

.pagination {
  float:right;
}

.pagination a {
  border: 1px solid #FFE2C4;
  color: #FF9422;
}

.pagination a:hover, .pagination a:active {
  border: 1px solid #FF9422;
  color: #000;
}

.pagination span.current {
  border: 1px solid #FF9422;
  background-color: #FF9422;
  color: #FFF;
}

.pagination span.disabled {

}



/* fix for lytebox when images have been given border and bg which ie doesnt like */
div#lbMain div#lbOuterImageContainer img { border:0; padding:0; background:transparent; }
div#lbMain a {
  border:0;
}




/** specific ************************/



ul.no_bullets {
  padding:0;
  margin:0;
}

ul.no_bullets li {
  list-style:none;
}








.map {
	border:3px solid #cccccc;
	
}

#main .map img {
	background:transparent;
	padding:0;
	border:0;
}




#main ul.gallery li {
	padding:0;
	margin:0;
}

#main ul.gallery li {
	list-style:none;
	width:300px;
	margin-right:20px;
} 

#main ul.gallery li a {
	border:0;
} 






.singlePic {
	border:0;
	padding:0;
	margin:0;
}



.caseStudyImageLarge {
  margin:5px 0 5px 0;
}

.caseStudyImageSmall {
  margin:8px 8px 5px 0;
}

.caseStudyImageSmall.lastImage {
  margin-right:0;
}

.newsImage {
  float:left;
  margin:5px 10px 5px 0;
}

.galleryImage {
  /*float:left;*/
  margin:5px 5px 5px 0;
}

.productImage {
  margin:5px 10px 10px 0;
  float:left;
}


.latestGalleryImage {
  /*float:left;*/
  margin:0 5px 5px 0;
}


/*//////////////////////////////////////////////////////////////////////////*/

/** fonts ***************************/

h1, h2, h3 {
  color: #DC0067;
}

#main h2 {
  font-size:160%;
}

h1, h2, h3, h4 {
  font-weight:bold;
}

a { 
  color: #DC0067;
  
}
a:visited { color: #DC0067; }
a:hover { 
  color: #000000;

}

/** layout ***************************/

#doc, #doc2, #doc3, #doc4, .yui-t1, .yui-t2, .yui-t3, .yui-t4, .yui-t5, .yui-t6, .yui-t7 { 
	width:749px;
}

body {


  background: #FFA1D1 url(../Stat/bgs/mainBg.jpg)  0 140px repeat-x;
}


#bgInner {
  width:1024px;
  margin:0 auto;
}




/*#docTop {
  padding-top:20px;
  background: #dddddd url(../Stat/bgs/topBg.jpg) 0 -2px no-repeat;
  height:119px;
  background-color: #587B1F
}*/

/*#docBottom {
  background: #ffffff url(../Stat/bgs/bottomBg.jpg) 0 0 no-repeat;
  margin:0 0 0 0;
  height:92px;
  background-color: #587B1F;
  padding-bottom:20px;
}*/

#ft #leftDocBottom {
  width:550px;
  color:#DC0067;
  font-size:9px;


  float:left;
}

#ft #rightDocBottom {
 font-weight:bold;
 color:#DC0067;
  font-size:9px;
  text-align:right;

  
	float:right;

  
}



/*
#topMain {
	clear:both;
	height:181px;
	
	padding:0;
}

*/




.container_with_padding {
  padding:8px;
}

.inner_container_with_padding {
  padding: 30px 10px 10px 10px;
  
}

#hd h1 {
  margin: 0 0 0 341px;
	
} 

#hd h1 a {
  text-indent:-5000px;
  width:320px;
  height:96px;
  margin: 0;
  display:block;
  border:0;
}




#main {
  margin:0;
  background: transparent;
  z-index:10000;
}

#main h4 {
	margin-bottom:10px;
}




#contentSpacer {
  float:left;
  height:350px;
  width:1px;
}


#main #leftPane {
	width:514px;
	float:left;
	margin:0;

  z-index:99999;
}

#main #leftPane h3 { 
  margin-bottom:10px;
  margin-top:20px;
  
}

#main #rightPane {
	width:219px;
float:left;
	margin:0 0 0 0;
z-index:99998;
}

#main #rightPane ul {

	margin:0;
	padding:0;
 margin-bottom:10px;
}

#main #rightPane ul li {

	list-style:none;
}

#main #rightPane dl {

	margin:0;
	padding:0;
 margin-bottom:10px;

}

#main #rightPane dl dt {
	font-weight:bold;
	font-size:110%;
  background:transparent;
	margin:0;
  border:0;


}

#main #rightPane dl dd {

	/*padding-bottom:30px;*/
	background:transparent;
	margin:0;
  border:0;
  padding:0;

}

#rightPane h4 {
  letter-spacing:normal;
  vertical-align:middle;
  font-size:16px;
  padding:0;
  margin:0;
  color:#000000;
}


#main #rightPane a.more {
	position:absolute;
	bottom:0;
	right:0;
	background-color:#587B1F;
	padding:0 4px 2px 4px;
	border:0;
	color:#ffffff;
	font-size:100%;
}

#main #rightPane a.more:hover {
	background-color:#A3C76A;
	color:#ffffff;
}




#main #rightPane ul#latest_news {
	margin:0;
	padding:0;
 
}

#main #rightPane ul#latest_news li {
	list-style:none;
  margin: 0;
  padding:0;
  display: inline;
  
}


#main #rightPane ul#latest_news li a {
  font-weight:bold;
	font-size:100%;
	padding:20px 10px;
	margin:0;
  border:0;
  background-color:#cccccc;
  color:#587B1F;
  display:block;

}

#main #rightPane ul#latest_news li a:hover {
  background-color:#aaaaaa;
  color:#ffffff;
}





/* footer nav */
ul#foot_nav {
  padding:0;
  margin:0;
}

ul#foot_nav li {
  width:auto;
  margin: 0 0 0 0;
  display: inline;
  list-style: none;
	float:left;
  border:0;
  padding:0;
}





#contentContainer {
  background:#ffffff;
  /*margin-top:-14px;*/
}








a#home_nav {
  width:93px;
  text-indent:-5000px;
}
a#home_nav {
  background:transparent url('../Stat/bgs/nav/home.gif') 0 0 no-repeat;
}
a#home_nav:hover, a#home_nav.current_nav {
  background:transparent url('../Stat/bgs/nav/home_over.gif') 0 0 no-repeat;
}


a#meet_us_nav {
  width:94px;
  text-indent:-5000px;
}
a#meet_us_nav {
  background:transparent url('../Stat/bgs/nav/meet_us.gif') 0 0 no-repeat;
}
a#meet_us_nav:hover, a#meet_us_nav.current_nav {
  background:transparent url('../Stat/bgs/nav/meet_us_over.gif') 0 0 no-repeat;
}


a#welly_boutique_nav {
  width:94px;
  text-indent:-5000px;
}
a#welly_boutique_nav {
  background:transparent url('../Stat/bgs/nav/welly_boutique.gif') 0 0 no-repeat;
}
a#welly_boutique_nav:hover, a#welly_boutique_nav.current_nav {
  background:transparent url('../Stat/bgs/nav/welly_boutique_over.gif') 0 0 no-repeat;
}


a#blog_nav {
  width:94px;
  text-indent:-5000px;
}
a#blog_nav {
  background:transparent url('../Stat/bgs/nav/blog.gif') 0 0 no-repeat;
}
a#blog_nav:hover, a#blog_nav.current_nav {
  background:transparent url('../Stat/bgs/nav/blog_over.gif') 0 0 no-repeat;
}


a#catwalk_nav {
  width:94px;
  text-indent:-5000px;
}
a#catwalk_nav {
  background:transparent url('../Stat/bgs/nav/catwalk.gif') 0 0 no-repeat;
}
a#catwalk_nav:hover, a#catwalk_nav.current_nav {
  background:transparent url('../Stat/bgs/nav/catwalk_over.gif') 0 0 no-repeat;
}


a#welly_club_nav {
  width:94px;
  text-indent:-5000px;
}
a#welly_club_nav {
  background:transparent url('../Stat/bgs/nav/welly_club.gif') 0 0 no-repeat;
}
a#welly_club_nav:hover, a#welly_club_nav.current_nav {
  background:transparent url('../Stat/bgs/nav/welly_club_over.gif') 0 0 no-repeat;
}


a#gallery_nav {
  width:94px;
  text-indent:-5000px;
}
a#gallery_nav {
  background:transparent url('../Stat/bgs/nav/gallery.gif') 0 0 no-repeat;
}
a#gallery_nav:hover, a#gallery_nav.current_nav {
  background:transparent url('../Stat/bgs/nav/gallery_over.gif') 0 0 no-repeat;
}


a#contact_us_nav {
  width:93px;
  text-indent:-5000px;
}
a#contact_us_nav {
  background:transparent url('../Stat/bgs/nav/contact_us.gif') 0 0 no-repeat;
}
a#contact_us_nav:hover, a#contact_us_nav.current_nav {
  background:transparent url('../Stat/bgs/nav/contact_us_over.gif') 0 0 no-repeat;
}



/*#main, #contentContainer, #content  { float:left; }*/

/* navigation for head (set up like tabs) */
ul#head_nav {
  text-align:center;
  padding:0;
  /*float:left;*/
  margin:10px 0 0 0;
  zoom:1;
  /*height: 47px;*/
  height: 33px;
  z-index:5;
  position:relative;
}

ul#head_nav li {
  margin: 0 0 0 0;
  display: inline;
  list-style: none;
	float:left;
  border:0;
  padding:0;
  height: 33px;
  position:relative;
  z-index:5;
}

ul#head_nav li a {
  display: block;
  /*padding:5px 9px;*/
  margin:0;
  text-align:center;
  vertical-align:middle;
  font-size:12px;
  text-decoration: none;
  border-bottom:0;
  float:left;
  /*font-weight: bold;*/
  color: #ffffff;
  height: 33px;
  /*background-color: #587B1F;*/
  z-index:5;
}

ul#head_nav li a:visited { }
ul#head_nav li a:hover { 
    /*background-color:#A3C76A;*/
}






/* secondary nav */


#leftPane form {
  z-index:1;
}

ul#head_nav ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  list-style: none;
  display: none;
  position: absolute;
  top: 30px;
  left: 0;

}



ul#head_nav   ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
  

}

ul#head_nav ul li {
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
  /*height:30px;*/
  
  width:100%;
  
}



ul#head_nav ul li a {
  padding-left:9px;
  padding-right:0;
  width:100%;
  border-top:1px solid #fff;
  height:auto;
  /*text-indent:9px;*/
  text-align:left;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#head_nav   li:hover ul ul,
ul#head_nav   li:hover ul ul ul,
ul#head_nav   li.iehover ul ul,
ul#head_nav   li.iehover ul ul ul {
  display: none;
}

ul#head_nav   li:hover ul,
ul#head_nav   ul li:hover ul,
ul#head_nav   ul ul li:hover ul,
ul#head_nav   li.iehover ul,
ul#head_nav   ul li.iehover ul,
ul#head_nav   ul ul li.iehover ul {
  display: block;
}


/***** slideshow ******/

/*
#slideShow{
	position:relative;
	border: 0;
	margin: 0;
	padding:0;
	left:0px;
	top:0px;
}

.placeholder {
  position:absolute;
  top:0px;
  left:0px;

}

#slideShow img {
	border:0;
	padding:0;
	margin:0;
}
*/

#slideShow{
	float:left;
   width:245px;
	margin: 0 10px 5px 0;
}

.placeholder {
  float:right;
  margin-left:-248px;
  top:0px;
  left:0px;
  width:238px;
}

#content img.placeholder {
  border:0;
}




.productImageSmall {
  margin:0px 7px 7px 0px;
  float:left;
}

.news_pagination {
  padding:5px;
  background:#cccccc;
  border-bottom:2px solid #ffffff;
  margin-top:0;
}

.news_pagination a {
  
}




.categoryPanel {
  width:80px;
  float:left;
  text-align:center;
  padding-bottom:15px;
  margin-right:7px;
}

.categoryPanel a {
  border:0;
  
}




hr.dash {
  border:0;
  background:transparent;
  padding:0;
  margin:0 0 10px 0;
  border-top:1px dotted #DC0067 ;
}

.error {
  padding: 7px;
  color:#990000;
  border:1px solid #990000;
  background-color:#FF7575;
}


div.hr {
  margin-top:10px;
  margin-bottom:10px;
  height:1px;
  border-top:1px dotted #DC0067 ;
}

div#hr_ww {
  height:18px;
  width:515px;
  background:transparent url('../Stat/bgs/hr_wwBg.gif') center top no-repeat;
}

#content {
  background:#ff99cc  url('../Stat/bgs/contentBg.jpg') top left no-repeat; 
  z-index:99997;
  zoom:1;
}

#contentBottom {
  height:40px;
  clear:left;
  z-index:99996;
  background:transparent url('../Stat/bgs/contentBottomBg.jpg') top left no-repeat; 
}

#doc #main img {
  border: 1px solid #ff70b6;
  background:#fec8e1;
  padding:3px;
}

#doc #main h1 img, #doc #main h2 img, #doc #main h3 img, #doc #main h4 img {
  border:0;
  background:transparent;
  padding:0;
}

h1.welcome {
  text-align:center;
}

strong {
  color:#DC0067 ;
}

#main li.outfit h4, #main div.boutique h4{
  margin-bottom:0;
}

#main li.outfit a:hover, #main div.boutique a:hover  {
  text-decoration:none;
}

#main li.outfit a:hover span, #main div.boutique a:hover span {
  text-decoration:underline;
}





#flashmusic {
  height:25px;
right:0pt;
position:absolute;
top:0pt;
width:50px;
z-index:1000;
}




#leftImages {
  float:left;
  width:240px;
}


a.catwalkLink  {
  width:130px;
  display:block;
}

a.catwalkLink span {
  float:left;
  margin-bottom:10px;
}

a.checkout_link {
  background: #ffffff url('../Stat/bgs/checkout_button.jpg') top left no-repeat; 
  height:35px;
  text-indent:70px;
  border:1px solid #000000;
  display:block;
  width:150px;
  padding-top:15px;
}


a.flag, 
a.flag:hover,
a.flag:visited {
  text-decoration:none;
  display:block;
  float:left;
  width:24px;
  height:17px;
  margin-right:10px;
  margin-top:5px;
  text-indent:-5000px;
  text-align:left;
}

a.us {
  background:transparent url('../Stat/bgs/flags/us_large.png') top left no-repeat; 
}
a.nl {
  background:transparent url('../Stat/bgs/flags/nl_large.png') top left no-repeat; 
}
a.ie {
  background:transparent url('../Stat/bgs/flags/ie_large.png') top left no-repeat; 
}
a.es {
  background:transparent url('../Stat/bgs/flags/es_large.png') top left no-repeat; 
}
a.be {
  background:transparent url('../Stat/bgs/flags/be_large.png') top left no-repeat; 
}
a.lu {
  background:transparent url('../Stat/bgs/flags/lu_large.png') top left no-repeat; 
}
a.ca {
  background:transparent url('../Stat/bgs/flags/ca_large.png') top left no-repeat; 
}
a.ru {
  background:transparent url('../Stat/bgs/flags/ru_large.png') top left no-repeat; 
}


#promos {
  margin:20px 0;
  overflow:hidden;
  width:495px;
  margin-left:-10px;
}

.promo {
  float:left; 
  margin-left:10px;
}

.promo a,
.promo a:hover {
  text-decoration:none;
  border:0;
}



.boutique {
	width:242px;
	overflow:hidden;
}


/*  COLOURS

#DC0067 - dark pink text
#ff99cc - light pink bg
#fec8e1 - extra light pink bg
#ff70b6 - pink inner borders
#FA3D8C - pink outer borders
#000000 - black text
#ffffcc - yellowy bg
*/