@charset "utf-8";
/* CSS Document */

html {
 overflow-y: scroll !important;
}

body {
  background-color:#ececec;
  color:#58595b;
  font-family:Tahoma, Arial, Verdana;
  font-size:12px;
  line-height:normal;
  margin:0;
  padding:0;
}

#wrapper {
  width:1000px;
  margin:0 auto;
  background-color:#fff;
  padding:0;
}

#middlecontent {
  width:1000px;
  background-color:#fff;
  padding:0;
  margin:0 auto;
  height:100%;
  float:left;
}

.mainimage {
  width:1000px;
  height:416px;
  margin:0 auto;
  float:left;
  background:no-repeat center top;
}

#bgimg {
  width:1000px;
  height:416px;
  margin:0 auto;
  float:left;
  background:no-repeat center top;
}

#mainimageinner {
  width:1000px;
  margin:0 auto;
  float:left;
  background:url(../images/inner_left_menu.jpg) no-repeat center top;
}

#middlecontentleft {
  width:300px;
  float:left;
}

#middlecontentright {
  width:700px;
  float:left;
}

#middlecontentright .rightmaincontent {
  padding:20px 20px 0 20px;
  z-index:0;
  clear:both;
}

#middlecontentright .rightmaincontent h2 {
color:#000000;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:13px;
font-weight:normal;
line-height:normal;
margin:0 0 7px 5px;
padding:0;
}
#middlecontentright .rightmaincontent h1 {
color:#000000;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:13px;
font-weight:normal;
line-height:normal;
margin:0 0 7px 5px;
padding:0;
}

#middlecontentright .rightmaincontent strong {font-weight:normal;} 

#toprightmenu {
  float:right;
  margin:28px 25px 0 0;
}

#toprightmenu .menuinner{
  padding:0;
  margin:0;
  font-family:Arial, Helvetica, sans-serif;
  font-size:10px;
  height:25px;
  line-height:25px;
  display:block;
  font-weight:bold;
  color:#ccc;
  text-transform:uppercase;
}

#toprightmenu .menuinner a{
  color:#999;
  text-decoration:none;
  height:25px;
  line-height:25px;
}

#toprightmenu .menuinner a:hover{
  color:#000;
  text-decoration:none;
}

.carticon {
  background:url(../images/cart_icon.png) no-repeat left;
  padding:3px 0 3px 30px;
}

#toprightmenu .flag{
/*
  margin:4px 0 0 0;
  float:right;
  */
}

#toprightmenu .flag img{
/*
  border:none;
  margin:0 0 0 5px;
  */
}


#toprightmenu1 {
  float:right;
  margin:-54px 25px 0 0;
}

#toprightmenu1 .menuinner{
  padding:0;
  margin:0;
  font-family:Arial, Helvetica, sans-serif;
  font-size:10px;
  height:25px;
  line-height:25px;
  display:block;
  font-weight:bold;
  color:#ccc;
  text-transform:uppercase;
}

#toprightmenu1 .menuinner a{
  color:#999;
  text-decoration:none;
  height:25px;
  line-height:25px;
}

#toprightmenu1 .menuinner a:hover{
  color:#000;
  text-decoration:none;
}

.carticon {
  background:url(../images/cart_icon.png) no-repeat left;
  padding:3px 0 3px 30px;
}

#toprightmenu1 .flag{
/*
  margin:4px 0 0 0;
  float:right;
  */
}

#toprightmenu1 .flag img{
/*
  border:none;
  margin:0 0 0 5px;
  */
}

.logo {
  width:268px;
  height:53px;
  border:none;
  background:url(../images/rapunzel_logo.jpg) no-repeat left;
  margin:24px 0 0 21px;
  padding:0;
}
.logo h2 {
  display:none;
  margin:0;
  padding:0;
}

#menu {
  width:268px;
  margin:2px 0 0 22px;
  float:left;
}

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

#menu li{
  height:53px;
  display:block;
  font-weight:normal;
  position:relative;
  background:url(../images/menu_back.png) repeat-x left top;
}

#menu li div a{
  line-height:53px;
  height:53px;
  display:block;
  font-size:12px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#000;
  text-decoration:none;
  padding:0 0 0 24px;
  margin:0;
  width:267px;
}

#menu li div a:hover {
  color:#cc0202;
}

/* Home Menu */

#menu li div a.home{
  background:none;
}

#menu li div a:hover.home{
  background:url(../images/home_menu_over.gif) no-repeat left;
}

#menu li div ul {
  display: none;
}

#menu li:hover div ul {
  display:block; 
  margin-left:268px;
  margin-top:-53px;
  cursor:pointer;
  width:268px;
}

#menu li div ul li {
  display:block; 
  line-height:25.5px;
  z-index:10001;
  width:267px;
  height:25.5px;
  background:url(../images/opaque.png) repeat left top;
  margin:0;
  text-transform:none;
  font-weight:normal;
  border-bottom:1px solid #d6d6d4;
  border-left:1px solid #d6d6d4;
}

#menu li div ul li a {
  display:block; 
  color:#000;
  line-height:25.5px;
  height:25.5px;
  padding:0 0 0 20px;
  margin:0;
  width:267px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px; 
}
#menu li div ul li a:hover {
  background:#fff; 
  color:#cc0202;
  width:247px;
}

/* Home Menu */

/* Clip Menu */

#menu li div a.clip{
  background:url(../images/clipins_menu.png) no-repeat left;
  height:53px;
}

#menu li div a:hover.clip{
  background:url(../images/clipins_menu_over.jpg) no-repeat left;
  height:53px;
}

/* Clip Menu */

/* Wefts Menu */

#menu li div a.wefts{
  background:url(../images/wefts_menu.png) no-repeat left;
  height:53px;
}

#menu li div a:hover.wefts{
  background:url(../images/wefts_menu_over.jpg) no-repeat left;
  height:53px;
}

/* Wefts Menu */

/* prebonded Menu */

#menu li div a.prebonded{
  background:url(../images/prebonded_menu.png) no-repeat left;
  height:53px;
}

#menu li div a:hover.prebonded{
  background:url(../images/prebonded_menu_over.jpg) no-repeat left;
  height:53px;
}

/* prebonded Menu */

/* equipment Menu */

#menu li div a.equipment{
  background:url(../images/equipment_menu.png) no-repeat left;
  height:53px;
}

#menu li div a:hover.equipment{
  background:url(../images/equipment_menu_over.jpg) no-repeat left;
  height:53px;
}

/* equipment Menu */

/* faq Menu */

#menu li div a.faq{
  background:url(../images/faq_menu.png) no-repeat left;
  height:53px;
}

#menu li div a:hover.faq{
  background:url(../images/faq_menu_over.gif) no-repeat left;
  height:53px;
}

/* faq Menu */

/* contact Menu */

#menu li div a.contact{
  background:url(../images/contact_menu.png) no-repeat left;
  height:53px;
}

#menu li div a:hover.contact {
  background:url(../images/contact_menu_over.gif) no-repeat left;
  height:53px;
}

/* contact Menu */


/* Menu INner */
#menuinner {
  width:268px;
  margin:2px 0 11px 22px;
  float:left;
}

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

#menuinner li{
  height:53px;
  display:block;
  font-weight:normal;
  position:relative;
  background:url(../images/menu_back.png) repeat-x left top;
}

#menuinner li div a{
  line-height:53px;
  height:53px;
  display:block;
  font-size:12px;
  color:#000;
  text-decoration:none;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  padding:0 0 0 24px;
  margin:0;
  width:267px;
}

#menuinner li div a:hover {
  color:#cc0202;
}

/* Home Menu */

#menuinner li div a.home{
  background:none;
}

#menuinner li div a:hover.home{
  background:url(../images/home_menu_over.gif) no-repeat left;
}

#menuinner li div ul {
  display: none;
}

#menuinner li div:hover ul {
  display:block; 
  margin-left:268px;
  margin-top:-53px;
  cursor:pointer;
  width:268px;
}

#menuinner li div ul li {
  display:block; 
  line-height:25.5px;
  z-index:10001;
  width:267px;
  height:25.5px;
  background:#eee;
  margin:0;
  text-transform:none;
  font-weight:normal;
  border-bottom:1px solid #d6d6d4;
  border-left:1px solid #d6d6d4;
}

#menuinner li div ul li a {
  display:block; 
  color:#000;
  line-height:25.5px;
  height:25.5px;
  padding:0 0 0 20px;
  margin:0;
  width:267px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px; 
}
#menuinner li div ul li a:hover {
  background:#fff; 
  color:#cc0202;
  width:247px;
}


/* Home Menu */

/* Clip Menu */

#menuinner li div a.clip{
  background:url(../images/clipins_menu.png) no-repeat left;
  height:53px;
}

#menuinner li div a:hover.clip{
  background:url(../images/clipins_menu_over.jpg) no-repeat left;
  height:53px;
}

/* Clip Menu */

/* Wefts Menu */

#menuinner li div a.wefts{
  background:url(../images/wefts_menu.png) no-repeat left;
  height:53px;
}

#menuinner li div a:hover.wefts{
  background:url(../images/wefts_menu_over.jpg) no-repeat left;
  height:53px;
}

/* Wefts Menu */

/* prebonded Menu */

#menuinner li div a.prebonded{
  background:url(../images/prebonded_menu.png) no-repeat left;
  height:53px;
}

#menuinner li div a:hover.prebonded{
  background:url(../images/prebonded_menu_over.jpg) no-repeat left;
  height:53px;
}

/* prebonded Menu */

/* equipment Menu */

#menuinner li div a.equipment{
  background:url(../images/equipment_menu.png) no-repeat left;
  height:53px;
}

#menuinner li div a:hover.equipment{
  background:url(../images/equipment_menu_over.jpg) no-repeat left;
  height:53px;
}

/* equipment Menu */

/* faq Menu */

#menuinner li div a.faq{
  background:url(../images/faq_menu.png) no-repeat left;
  height:53px;
}

#menuinner li div a:hover.faq{
  background:url(../images/faq_menu_over.gif) no-repeat left;
  height:53px;
}

/* faq Menu */

/* contact Menu */

#menuinner li div a.contact{
  background:url(../images/contact_menu.png) no-repeat left;
  height:53px;
}

#menuinner li div a:hover.contact {
  background:url(../images/contact_menu_over.gif) no-repeat left;
  height:53px;
}

/* contact Menu */

/* Menu INner */

#lowermiddle {
  width:976px;
  margin:0 auto;
  background-color:#ececec;
  min-height:188px;
  clear:both;
}

#lowermiddle .lowermiddleinner{
  padding:10px 11px;
  margin:0;
}

#lowermiddle .prof-fitting{
  width:485px;
  background-color:#fff;
  float:left;
  margin:0;
  padding:0;
  min-height:168px;
}

#lowermiddle .prof-fittinginner{
  padding:5px;
}

#lowermiddle .img-panel{
  width:144px;
  height:154px;
  margin:0 6px 0 5px;
  float:left;
  padding:0;
  border:2px solid #ECECEC;
}

#lowermiddle .cont-panel{
  width:326px;
  height:158px;
  float:left;
  margin:0;
  padding:0;
}

#lowermiddle .cont-panel p {
  font-size:11px;
  line-height:14px;
  padding:0;
  margin:0 0 3px 0;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}

#lowermiddle .cont-panel p a{ 
  color:#58595b;
  text-decoration:underline;
}

#lowermiddle .cont-panel .arrows{
  float:right;
  padding:0;
  margin:0;
}

#lowermiddle .cont-panel .arrows img{
  margin:0 0 0 1px;
  border:none;
}

#lowermiddle .site-news{
  width:281px;
  background-color:#fff;
  float:left;
  margin:0 10px;
  padding:0;
  min-height:168px;
}

#lowermiddle .site-newsinner{
  padding:5px;
}

#lowermiddle .site-newsinner ul{
  padding:0;
  margin:21px 0 0 10px;
  list-style-type:none;
}

#lowermiddle .site-newsinner li{
  font-size:11px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  line-height:14px;
  padding:0 0 0 13px;
  margin:0 0 6px 0;
  background:url(../images/arrow_left.gif) no-repeat left 3px;
}

#lowermiddle .site-newsinner li a{
  color:#58595b;
  text-decoration:none;
}

#lowermiddle .site-newsinner li a:hover{
  color:#000;
  text-decoration:none;
}

#lowermiddle .salon{
  width:168px;
  background-color:#fff;
  float:left;
  margin:0;
  padding:0;
  min-height:168px;
}

#lowermiddle .saloninner{
  padding:5px;
}

#lowermiddle .saloninner img{
  padding:0;
  margin:-6px 0 0 0;
}

#lowermiddle1 {
  width:505px;
  margin:8px 0 -2px 12px;
  background-color:#ececec;
  min-height:78px;
  padding:0;
  clear:both;
}

#lowermiddle1 .lowermiddleinner1{
  padding:10px 11px;
  margin:0;
}

#lowermiddle1 .scroller{
  width:486px;
  background:#fff;
  margin:0;
  padding:0;
  min-height:58px;
}

#lowermiddle1 .scrollerinner{
  padding:5px;
  margin:0;
  height:45px;
  overflow:auto;
}

#lowermiddle1 .scrollerinner p {
  font-size:11px;
  line-height:13px;
  padding:0;
  margin:0 0 3px 0;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}

#lowermiddle1 .scrollerinner p a{ 
  color:#58595b;
  text-decoration:underline;
}


#lowermiddlemenu {
  width:286px;
  margin:8px 0 0 12px;
  background-color:#ececec;
  min-height:188px;
  float:left;
}

#lowermiddlemenu .lowermiddleinner{
  padding:10px 11px;
  margin:0;
}

#lowermiddlemenu .contentpart{
  width:262px;
  background-color:#fff;
  float:left;
  margin:0;
  padding:0 5px;
  min-height:168px;
}

#lowermiddlemenu .contentpart p {
  font-size:11px;
  line-height:14px;
  padding:0 5px;
  margin:0 0 3px 0;
  /*font-family:Arial, Helvetica, sans-serif; */
  font-family:Verdana, Arial, Helvetica, sans-serif;
}

#lowermiddlemenu .contentpart p a{  
  color:#58595b;
  text-decoration:underline;
}

#lowerright {
  margin:-30px 20px 0 0;
  float:right;
}

h2 {
	font-size:11px;
	color:#000;
	line-height:normal;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0;
	margin:0 0 7px 0;
}
h2 a{
	font-size:11px;
	color:#000;
	line-height:normal;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0;
	margin:0 0 7px 0;
}
h2.bloghead {
	font-size:11px;
	color:#000;
	line-height:normal;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0;
	margin:0 0 0 0;
}

h2.producthead {
	font-size:13px;
	color:#000;
	line-height:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding:0;
	margin:0 0 7px 0;
}

h3 {
	font-weight:normal;
}

h4 {
	font-size:11px;
	color:#000;
	line-height:normal;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0;
	margin:5px 0 0 10px;
}
/* Footer */

#footer {
  width:1000px;
  margin:0 auto;
  padding:20px 0;
  clear:both;
}

#footer .footerinner {
  text-align:center;
  font-size:11px;
  color:#919191;
  padding:0;
  margin:0 0 20px 0;
}

#footer .footerinner a{
  color:#919191;
  text-decoration:none;
  padding:0 20px;
}

#footer .footerinner a:hover{
  color:#666666;
  text-decoration:none;
}

.floatr {
  float:right;
}

p {
  font-size:11px;
  line-height:16px;
  padding:0 5px;
  color:#58595b;
  margin:0 0 10px 0;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}

p.verdanafont {
  font-family:Verdana, Arial, Helvetica, sans-serif;
}

p a{  
  color:#58595b;
  text-decoration:underline;
}

.style1 {
  font-family: arial, verdana, helvetica,sans-serif; font-size: 10px;
  font-weight: bold;
  color: #333333;
}
.style2, .main {font-family: arial, verdana, helvetica,sans-serif; font-size: 11px; color: #666666;}

.style4 {font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333;}

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }
/*
.flag {
    filter: alpha(opacity=50);
  -moz-opacity: .3;
}
.flag:hover {
    filter: alpha(opacity=100);
  -moz-opacity: 1.0;
}
.flag-current {
    filter: alpha(opacity=100);
  -moz-opacity: 1.0;
}
*/
#pImage {
  border: 0px none;
}

h1#prodTitle, h1.prodName {
  font-size:14px;
  color:#333;
  font-weight:bold;

  padding-top:0px;
  padding-bottom:0px;
  margin-bottom:0px;
  margin-top:0px;
  padding-left:5px;
}

p#prodColor, p#xProdColor, p.prodColorCtn {
  font-weight:bold;
  margin-top:2px;
/*  margin-bottom:2px;*/
  color:#6d6d6d;
  font-size: 11px;
  height:14px;

  padding-top:2px;
  padding-bottom:2px;
  margin-bottom:0px;
  margin-top:0px;
}


p#prodPrice, p#xProdPrice, p.prodPrice {
  font-size:11px;
  color:#6d6d6d;
  font-weight:bold;

  padding-top:0px;
  padding-bottom:5px;
  margin-bottom:0px;
  margin-top:0px;
}


p#prodText, p#xProdText {
  margin-top:0px;
  padding-bottom:0px;
  color:#6d6d6d;
  width:360px;
  /* width:255px; */
}

.colour {
  float:left;
  border: 0px none;
  margin-right: 4px;
  margin-bottom: 6px;
  width:25px;
  height:25px
}

.colour_sel {
  float:left;
  border: 0px none;
  margin-right: 4px;
  margin-bottom: 6px;
  width:25px;
  height:25px
}

#flags { height: 20px; text-align: right; float: right; }
#flags img { border: 0px none; display: inline; margin-left:1px; margin-right:1px; margin-top:1px; margin-bottom:-1px; }


/*div, p, a, input, select, label, textarea { font-family: arial, verdana, sans-serif; font-size: 10px; }
a { color: #000; } */

.productlinks {
  font-size:11px;
  line-height:16px;
  padding:0 0 0 14px;
  color:#58595b;
  background:url(../images/grey_dot.gif) no-repeat left;
  margin:0 0 3px 0;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}

.productlinks a{  
  color:#58595b;
  text-decoration:none;
}

.thickbox {
  font-size:11px;
  line-height:16px;
  padding:0 0 0 14px;
  color:#58595b;
  background:url(../images/grey_dot.gif) no-repeat left;
  margin:0 0 3px 0;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}

.thickbox a{  
  color:#58595b;
  text-decoration:none;
}

#lowermiddlemenu2 {
  width:286px;
  margin:8px 0 0 12px;
  background-color:#ececec;
  min-height:188px;
  float:left;
}

#lowermiddlemenu2 .lowermiddleinner2{
  padding:10px 11px;
  margin:0;
}


#lowermiddlemenu2 .site-news1{
  background-color:#fff;
  margin:0;
  width:264px;
  padding:0;
  min-height:168px;
}

#lowermiddlemenu2 .site-newsinner1{
  padding:5px;
}

#lowermiddlemenu2 .site-newsinner1 ul{
  padding:0;
  margin:15px 0 0 10px;
  list-style-type:none;
}

#lowermiddlemenu2 .site-newsinner1 li{
  font-size:11px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  line-height:14px;
  padding:0 0 0 13px;
  margin:0 0 6px 0;
  background:url(../images/arrow_left.gif) no-repeat left 3px;
}

#lowermiddlemenu2 .site-newsinner1 li a{
  color:#58595b;
  text-decoration:none;
}

#lowermiddlemenu2 .site-newsinner1 li a:hover{
  color:#000;
  text-decoration:none;
}

#lowermiddlemenu3 {
  width:286px;
  margin:8px 0 0 12px;
  background-color:#ececec;
  min-height:168px;
  float:left;
}

#lowermiddlemenu3 .lowermiddleinner3{
  padding:10px 11px;
  margin:0;
}


#lowermiddlemenu3 .site-news1{
  background-color:#fff;
  margin:0;
  width:264px;
  padding:0;
  min-height:148px;
}

#lowermiddlemenu3 .site-newsinner1{
  padding:5px;
}

#lowermiddlemenu3 .site-newsinner1 ul{
  padding:0;
  margin:15px 0 0 10px;
  list-style-type:none;
}

#lowermiddlemenu3 .site-newsinner1 li{
  font-size:11px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  line-height:14px;
  padding:0 0 0 13px;
  margin:0 0 6px 0;
  background:url(../images/arrow_left.gif) no-repeat left 3px;
}

#lowermiddlemenu3 .site-newsinner1 li a{
  color:#58595b;
  text-decoration:none;
}

#lowermiddlemenu3 .site-newsinner1 li a:hover{
  color:#000;
  text-decoration:none;
}
#vcc { width: 8px; height: 8px; border: 4px solid #555555; position: absolute; left: -999px; top: -999px; }
#vcci { width: 564px; height: 572px; margin: 0 auto; background: #ffffff url('http://www.rapunzelrapunzel.co.uk/colourchart.gif') no-repeat center;; padding-left:0; padding-right:0; padding-top:20px; padding-bottom:20px }
#vccc { width: 564px; height: 30px; line-height: 30px; font-family: verdana, sans-serif; font-size: 14px; font-weight: 700; text-align: right; background-color: #555555; color: #ffffff; cursor: pointer; }
#vcclink { font-family: arial,sans-serif; font-size: 10px; color: #6d6d6d; }

table td{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:3px 0;
}

table td a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	text-decoration:none;
}

.xheadfont {
	font-size:12px;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.headfont {
	font-size:11px;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.medfont {
	font-size:10px;
	color:#333;
}

.smallfont {
	font-size:9px;
	color:#333;
}

select {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333;
}

.medfont, .smallfont {
	color:#333;
	text-decoration:none;
	font-size:10px;
}

.lightgrey {
	color:#6d6d6d;
	text-decoration:none;
	font-size:10px;
	line-height:13px;
}

.lightred {
	color:#FF0000;
	text-decoration:none;
	font-size:10px;
	line-height:13px;
}

input {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333;
}
textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333;
}