/* CSS Document */

* { margin:0; padding:0;}
html { font:100%;}
body { line-height:20px; background:#FFCCFF;  font-family: verdana, 'trebuchet ms', Helvetica, sans-serif; font-size:11px;  }

#wrap { width:800px; margin:0px auto; background:#fff; }
#logo { background:url(../images/logo.jpg) no-repeat; height:297px;}
#topnavigation { margin-left:335px;  padding-top: 103px; color:#FF0F95; font-weight:bold;}
#topnavigation li { display:inline; list-style:none; margin:2px; }
#topnavigation a { font-size:13px;color:#fff; text-decoration:none; font-weight:100; padding:5px;} 
#topnavigation a:hover { color:#FF0F95; }
#topnavigation a.active, #footer a.active  { color:#FF0F95;}
#banner {background:url(../images/banner.jpg) no-repeat; height:80px;}
#leftside {float:left; width:193px; background:#D41879;  height:600px; }
#leftside2{float:left; width:193px; background:#D41879;  height:857px; }
#leftside3{float:left; width:193px; background:#D41879;  height:6000px; }
#leftnavigation h3 { font-size:12px; font-weight:300; }
#leftnavigation strong {font-variant:small-caps; font-size:14px;}
#leftnavigation li {  display:block;background:#D41879; list-style:none;  }

 .spacer {border-top:1px solid #AF0A5E; } 
#content { float:left;width: 415px; color:#555;margin-top:-30px;padding: 0 15px 20px 15px; }
#content p { padding:8px 0 8px 0;}

 .error { color:#CC0000; font-weight:bold;}
 .sucess { color:#006600; font-weight:bold; }
 #content em { color:#000; text-transform:uppercase; font-variant:small-caps; font-weight:bold; font-style:normal;}
 #content legend, fieldset {padding: 5px 10px 5px 10px;}
 #content fieldset { border: 1px solid #FF0F95;}
#content hr {margin:5px 5px 5px 20px; width:380px;  border:1px  solid #FF0F95; }
#content h3 { font-size:14px; margin:4px 0 4px 0; color:#FF0088;}
#content h4 {font-size:14px; color:#FF0088;margin:4px 0 4px 0;}
#content h5 { font-size:13px; font-weight:normal;margin:8px 0 8px 0; color:#666;  }
#content h6 { margin:10px 0 0px 0;}
#content a { text-decoration:none; color:#BF1771; }
#content .nolink { color: #666; }

#content .contacttable { text-align:left;}
#content table  {text-align:center; }
#content img { border:0;}
#content a.enterbutton { float:right;color:#fff;width:60px;display:block;background:url(../images/arrow.gif) no-repeat 55px #FF0F95;  padding-left:15px;}
#content a.enterbutton:hover { background:url(../images/arrow_over.gif) no-repeat 55px #FF0F95; padding-left:15px; }
#content a.nextbutton { color:#fff;width:60px;display:inline;background:url(../images/arrow.gif) no-repeat 55px #FF0F95;  padding:5px 35px 5px 10px;}
#content a.nextbutton:hover { background:url(../images/arrow_over.gif) no-repeat 55px #FF0F95;  }
#content a.prevbutton { color:#fff;display:inline; padding:5px 10px 5px 35px;background:url(../images/prevarrow.gif) no-repeat 15px #FF0F95;  text-align:right;}
#content a.prevbutton:hover { background:url(../images/prevarrow_over.gif) no-repeat 15px #FF0F95;  }
#content dd {margin-bottom:10px; padding:25px; background:#DEDCDD; border:1px solid #FF0F95;}

#content td { width:85px; padding-bottom:10px; }
#content .nextbutton{ margin-left:250px;} 

#content ul { margin-left:20px; color:#555; }
#content ul a { color:#BF1771; }
#content ul a:hover { text-decoration:underline;}
#content li {list-style-type:circle;}
#content select { width:206px;}
#rightside { height:600px;width:159px;   float:right;background:#DEDCDD; }
#rightside2 { height:857px;width:159px;   float:right;background:#DEDCDD; }
#rightside3 { height:6000px;width:159px;   float:right;background:#DEDCDD; }

#rightside dl, #rightside2 dl, #rightside3 dl { margin-top:-50px; margin-bottom:10px;padding:10px; width:125px; background:#fff; margin-left:7px;}
#rightside dd a, #rightside2 dd a, #rightside3 dd a { color:#fff; text-decoration:None; padding:2px;}
#rightside p, #rightside2 p, #rightside3 p { margin-bottom:10px;}

#rightside a.enterbutton, #rightside2 a.enterbutton, #rightside3 a.enterbutton { display:block;background:url(../images/arrow.gif) no-repeat center #FF0F95;  padding-left:20px;}
#rightside h3, #rightside2 h3, #rightside3 h3{ font-size:14px; margin:4px 0 4px 0;}
#rightside a.enterbutton:hover, #rightside2 a.enterbutton:hover, #rightside3 a.enterbutton:hover { background:url(../images/arrow_over.gif) no-repeat center #FF0F95; padding-left:20px; }
#rightside .imagebanner, #rightside2 .imagebanner, #rightside3 .imagebanner { margin-top:-78px; }

#footer {clear:both; background:#000; color:#fff; padding:5px;}
#footer li { margin-left:10px; list-style-type:none;padding:0 20px 0 20px; display:inline;}

#footer a {color:#fff; text-decoration:none; } 
#footer a:hover { color:#FF0F95;}

.header { display:none;}

.closed div{display:none;}.open div{display:block;}

#nostyle { margin:0; padding:0; width:100%; border:1px solid #ccc;}
#nostyle td {margin:0;  width:0; text-align:justify; padding:5px;border:1px solid #ccc; }





/* TITLES */
.stockists a {
 text-decoration:none;
background:#9369FD;

	color:#000;


	display: block;

	border-top:1px solid #AF0A5E;

	line-height:35px;
	
	padding-left:40px;


}
.closed a,  .open a {


background:#BF1771;

	color:#fff;

	display: block;

	border-top:1px solid #AF0A5E;

	line-height:35px;
	
	padding-left:15px;


}


/* LINKS */

.closed a, .closed a:link, .closed a:visited, .open a, .open a:link, .open a:visited {

	text-decoration:none;

	color:#fff;
}


*html .closed a, *html .open a {height:30px}

/* SUB LINKS including the current *EM* element */

.open div a,.open div a:link,.open div a:visited,.closed div a,.closed div a:link,.closed div a:visited,

#leftnavigation em

  {

background:#FF0F95;

	color:#fff;

display:block;
	line-height:28px;

	padding-left:25px;


}

.open div a:hover,.closed div a:hover,

#leftnavigation em

  {
background:#DF0D87;
  color:#fff;
  }

#subfooter { width:800px; margin:0px auto; color:#555; font-size: 10px}
#subfooter2 { width:800px; margin:0px auto; color:#555; font-size: 9px}
.style1 {font-size: 12px}
.style2 {color:#555; font-size: 10px}