/* BASICS */

body
{  font-size: 8pt;
   font-family: tahoma;
   color: #000000; 
   font-weight: normal;
   text-align: center;
background : url("http://candydreams.co.uk/!/layout/bg4.png") repeat-x;
   background-color: #80bec8;
   }

   b {color: #ef8203;}
   u {color: #BD4767;}
   i {color: #BD4767; letter-spacing: 0px;}
   s {color: #c7d106;}
   li { color: #F9E04A;}
   li span { color: #666666; margin-bottom:1ex;}
   q {color: #FFFFFF; font-size: 8pt; font-weight:normal;text-align: center; letter-spacing: 1px;}

pre {
font-weight: bold;
   padding-left: 20px;
width-absolute: 652px;
   text-align: left;
background-color: #ebebeb; 
}

/* INPUTS */

input, table {}
input, table.affies { font-family: tahoma; font-weight: bold; font-size: 11px; color: #000000; background-color: transparent; border: 0px solid #A4A4A4;}
input, table.tutorial { font-family: tahoma; font-weight: normal; font-size: 11px; color: #000000; background-color: transparent; border: 0px solid #A4A4A4;}
input, table.icon { font-family: tahoma; font-weight: normal; font-size: 10px; background-color: #FFFFFF; border: 1px solid #A4A4A4;}
input, table.backgrounds { font-family: tahoma; font-weight: bold; font-size: 11px; color: #000000; width: 600px; height: 200px; border: 1px solid #A4A4A4;}
input, button { text-align: center; font-family: tahoma; font-weight: bold; font-size: 11px; color: #000000; border: 2px;}
input, textarea { font-family : small fonts; font-weight: normal; text-transform: uppercase; font-size: 7px; color: #000000; width: 100px; height: 29px; background-color: #a34b63; border: 1px solid #88344b;}
textarea.code { overflow:hidden; width: 170px; height: 29px;}
textarea.icon { overflow:hidden; width: 100px; height: 25px;} 
textarea.glitter  { width: 350px; height: 50px;}
textarea.background { width: 295px; height: 50px;}
textarea.button { overflow:hidden; width: 88px; height: 15px;} 
textarea.button1 { overflow:hidden; width: 150px; height: 25px;} 
textarea.banner { width: 468px; height: 40px;} 
textarea.signature { width: 135px; height: 50px;} 
textarea.tutorial { width: 500px; height: 100px;} 
blockquote { font-size: 10px; padding: 3px; float: left; font-family:  tahoma; font-weight: normal; padding-top: 0px; margin: 4px; margin-top: 0px; background-color: #ebebeb; border-left: 1px solid #a9a9a9; border-right: 1px solid #a9a9a9; border-bottom: 1px solid #a9a9a9; width: 222px;}
.border { text-align: right; font-size: 8pt; padding: 0px; float: center; font-family:  tahoma; font-weight: normal; margin: 4px; background-color: #FFFFFF; border: 0px solid #a9a9a9;}
.border1 { width : 225px; text-align: right; font-size: 8pt; padding: 0px; float: center; font-family:  tahoma; font-weight: normal; margin: 4px; background-color: #FFFFFF; border: 0px solid #a9a9a9;}

/* LAYOUT */


#container 
{
width : 908px;
margin : 0 auto;
padding : 0;
background-color: #ffffff;
border-bottom : 0 solid #131313;}

#header {
background-color: #transparent;
padding-top: -10px;
width : 908px;
float : left;
margin: 0 auto;
height : 276px;
text-align : center;
font-size : 10px;
text-transform : lowercase;
color : #000000;
}


#banner
{
   width: 908px;
align: left;
margin: 0px auto;}

#top
{ width: 904px;
  text-align: center; 
background-color: #transparent; 
  height: 276px; 
  line-height: 40px;}

#menu
{
   float: left;
   width: 238px;
   padding-left: 2px;}

#main
{
   float: left;
   width: 590px;
   padding-left: 0px;
   padding-right: 0px;}


#menu2
{
   float: left;
   width: 300px;
   text-align: left;
   padding-left: 16px;}

#menu3
{
   float: right;
   width: 140px;
   text-align: left;
   padding-right: 8px;}

#footer
{
   width: 908px;}


/* HEADERS */

h1 
{     margin: 0px; margin-top: 0px; padding-top: 0px; 
   font-family: arial; 
   height: 28px;
   font-weight: normal;  
   font-size: 15px; 
   text-align: right; 
   color: #7e7d7d;
   text-transform: uppercase;
   letter-spacing: 5px;}

h1:first-letter
{}

h2 
{     margin: 0px; margin-top: 0px; padding-top: 0px; 
   font-family: arial; 
   height: 28px;
   font-weight: normal;  
   font-size: 20px; 
   text-align: right; 
   color: #ef8203;
   text-transform: uppercase;
   letter-spacing: 5px;}

h3 
{     margin: 0px; margin-top: 0px; padding-top: 0px; 
   font-family: arial; 
   height: 28px;
   font-weight: normal;  
   font-size: 15px; 
   text-align: left; 
   color: #7e7d7d;
   text-transform: uppercase;
   letter-spacing: 5px;}

h4	
{  color: #F9E04A;
   font: 13pt arial;
   font-weight:bold;
   text-align: left;
   margin-top: -10px;
   padding-left: 300px;
   letter-spacing: -1px;}

h5	
{  background-image:url('/!/layout2/h1.png');
   margin: 0px; margin-top: 11px; 
   font-family: arial; 
   height: 28px;
   font-weight: normal;  
   font-size: 15px; 
   text-align: center; 
   color: #7e7d7d;
   text-transform: uppercase;
   letter-spacing: 5px;}

/* LINKS */

A:link, A:visited, A:active {  background-color: transparent; letter-spacing: 3px; text-decoration: none; color: #48c4a9; font-weight: bold; font-family: tahoma; font-size: 11px; }
A:hover { letter-spacing: 3px; border-bottom: 0px dashed #be0047; text-decoration: none; color: #F8DE47; font-weight: bold; font-family: tahoma; font-size: 11px; }

A.menulink1, A.menulink1:visited, A.menulink1:active {  background-color: transparent; letter-spacing: 3px; text-decoration: none; color: #ef8203; font-weight: bold; font-family: tahoma; font-size: 13px; }
A.menulink1:hover { letter-spacing: 3px; border-bottom: 0px dashed #be0047; text-decoration: none; color: #F8DE47; font-weight: bold; font-family: tahoma; font-size: 13px; }

A.menulink2, A.menulink2:visited, A.menulink2:active {  background-color: transparent; letter-spacing: 2px; text-decoration: none; color: #6ea3af; font-weight: bold; font-family: tahoma; font-size: 11px; }
A.menulink2:hover { letter-spacing: 2px; border--dbottom: 0px dashed #be0047; textecoration: none; color: #c7d106; font-weight: bold; font-family: tahoma; font-size: 11px; }

A.menulink3, A.menulink3:visited, A.menulink3:active {  background-color: transparent; letter-spacing: 2px; text-decoration: none; color: #7e7d7d; font-weight: bold; font-family: tahoma; font-size: 9px; }
A.menulink3:hover { letter-spacing: 2px; border--dbottom: 0px dashed #be0047; textecoration: none; color: #c7d106; font-weight: bold; font-family: tahoma; font-size: 9px; }

A.menulink4, A.menulink4:visited, A.menulink4:active { display: block; width: 62px; text-align: left; color: #7F7F7F; font-weight: normal; font-size: 10px; letter-spacing:1pt; border-bottom: 1px solid #F4F4F4; border-top: 1px solid #F7F7F7;  border-left: 7px solid #FFAE2F; padding: 0px; border-bottom: 1px solid #D3D3D3; background-color: #E0E0E0; padding-left: 3px; }
A.menulink4:hover { display: block; width: 62px; text-align: left; color: #FFFFFF; font-weight: bold; font-size: 10px; letter-spacing:1pt; border-bottom: 1px solid #F4F4F4; border-top: 1px solid #F7F7F7;  border-left: 7px solid #FFFFFF; border-bottom: 1px solid #D3D3D3; padding: 0px; background-image: url(/!/layout/yellowstripe.bmp); padding-left: 3px; }

A.menulink5, A.menulink5:visited, A.menulink5:active { display: block; width: 50px; text-align: left; color: #7F7F7F; font-weight: normal; font-size: 10px; letter-spacing:1pt; border-bottom: 1px solid #C8C8C8; border-top: 1px solid #F4F4F4; border-left: 7px solid #D22860; padding: 0px; background-color:#E0E0E0; padding-left: 3px; }
A.menulink5:hover { display: block; width: 50px; text-align: left; color: #FFFFFF; font-weight: bold; font-size: 10px; letter-spacing:1pt; border-bottom: 1px solid #F4F4F4; border-top: 1px solid #F7F7F7;  border-left: 7px solid #FFFFFF; border-bottom: 1px solid #D3D3D3; padding: 0px; background-image: url(/!/layout/pinkstripe.bmp); padding-left: 3px; }

A.menulink6, A.menulink6:visited, A.menulink6:active { display: block; width: 50px; text-align: left; color: #7F7F7F; font-weight: normal; font-size: 10px; letter-spacing:1pt; border-bottom: 1px solid #C8C8C8; border-top: 1px solid #F4F4F4; border-left: 7px solid #C3E978; padding: 0px; background-color:#E0E0E0; padding-left: 3px; }
A.menulink6:hover { display: block; width: 50px; text-align: left; color: #FFFFFF; font-weight: bold; font-size: 10px; letter-spacing:1pt; border-bottom: 1px solid #F4F4F4; border-top: 1px solid #F7F7F7;  border-left: 7px solid #FFFFFF; border-bottom: 1px solid #D3D3D3; padding: 0px; background-image: url(/!/layout/greenstripe.bmp); padding-left: 3px; }

A.menulink7, A.menulink7:visited, A.menulink7:active { display: block; text-align: left; color: #000000; font-weight: normal; font-size: 10px; letter-spacing:1pt; border-bottom: 0px solid #C8C8C8; border-top: 0px solid #F4F4F4; border-left: 0px solid #c062c6; padding: 0px; background-color: transparent; padding-left: 3px; }
A.menulink7:hover { display: block; text-align: left; color: #FFFFFF; font-weight: bold; font-size: 10px; letter-spacing:1pt; border-bottom: 0px solid #F4F4F4; border-top: 0px solid #F7F7F7;  border-left: 0px solid #FFFFFF; border-bottom: 0px solid #D3D3D3; padding: 0px; background-color: #707070; padding-left: 3px; }

A.menulink8, A.menulink8:visited, A.menulink8:active { display: block; text-align: left; color: #000000; font-weight: normal; font-size: 10px; letter-spacing:1pt; border-bottom: 0px solid #F4F4F4; border-top: 0px solid #F7F7F7;  border-left: 0px solid #86a729; padding: 0px; border-bottom: 0px solid #D3D3D3; background-color: transparent; padding-left: 3px; }
A.menulink8:hover { display: block; text-align: left; color: #FFFFFF; font-weight: bold; font-size: 10px; letter-spacing:1pt; border-bottom: 1px solid #F4F4F4; border-top: 0px solid #F7F7F7;  border-left: 0px solid #FFFFFF; border-bottom: 0px solid #D3D3D3; padding: 0px; background-color: #707070; padding-left: 3px; }

A.menulink9, A.menulink9:visited, A.menulink9:active { display: block; text-align: left; color: #000000; font-weight: normal; font-size: 10px; letter-spacing:1pt; border-bottom: 0px solid #C8C8C8; border-top: 0px solid #F4F4F4; border-left: 0px solid #b544bc; padding: 0px; background-color: transparent; padding-left: 3px; }
A.menulink9:hover { display: block; text-align: left; color: #FFFFFF; font-weight: bold; font-size: 10px; letter-spacing:1pt; border-bottom: 1px solid #F4F4F4; border-top: 0px solid #F7F7F7;  border-left: 0px solid #FFFFFF; border-bottom: 0px solid #D3D3D3; padding: 0px; background-color: #707070; padding-left: 3px; }

A.menulink10, A.menulink10:visited, A.menulink10:active { display: block; text-align: left; color: #d07e27; font-weight: bold; font-size: 10px; letter-spacing:1pt; border-bottom: 0px solid #C8C8C8; border-top: 0px solid #F4F4F4; border-left: 0px solid #c062c6; padding: 0px; padding-left: 3px; }
A.menulink10:hover { display: block; text-align: left; color: #FFFFFF; font-weight: bold; font-size: 10px; letter-spacing:1pt; border-bottom: 0px solid #F4F4F4; border-top: 0px solid #F7F7F7;  border-left: 0px solid #FFFFFF; border-bottom: 0px solid #D3D3D3; padding: 0px; background-color: #707070; padding-left: 3px; }


A.page:link, A.page:visited, A.page:active { letter-spacing:0px; border: 4px solid #ef8203; color: #FFFFFF; font-weight: normal; font-family: tahoma; font-size: 10px; background-color: #ef8203;}
A.page:hover { letter-spacing:0px; border: 4px solid #ef8203; color: #FFFFFF; font-weight: normal; font-family: tahoma; font-size: 10px; background-color: #ef8203;}

A.page1:link, A.page1:visited, A.page1:active { letter-spacing:0px; border: 4px solid #6ea3af; color: #FFFFFF; font-weight: normal; font-family: tahoma; font-size: 10px; background-color: #6ea3af;}
A.page1:hover { letter-spacing:0px; border: 4px solid #6ea3af; color: #FFFFFF; font-weight: normal; font-family: tahoma; font-size: 10px; background-color: #6ea3af;}

A.page2:link, A.page2:visited, A.page2:active { letter-spacing:0px; border: 4px solid #ef8203; color: #FFFFFF; font-weight: normal; font-family: tahoma; font-size: 10px; background-color: #ef8203;}
A.page2:hover { letter-spacing:0px; border: 4px solid #ef8203; color: #FFFFFF; font-weight: normal; font-family: tahoma; font-size: 10px; background-color: #ef8203;}

.side1 {
align-left;
font-size: 10px;
color: #666666;
padding: 3px; 
	text-align: justify;
font-family:  tahoma; 
font-weight: normal; 
padding-top: 0px; 
margin: 4px; 
margin-top: 0px; 
border-left: 0px solid #a9a9a9; 
border-right: 0px solid #a9a9a9; 
border-bottom: 0px solid #a9a9a9; 
width: 200px;}

.side2 {
font-size: 10px;
color: #666666;
padding: 3px; 
	text-align: justify;
font-family:  tahoma; 
font-weight: normal; 
padding-top: 0px; 
margin: 4px; 
margin-top: 0px; 
border-left: 0px solid #a9a9a9; 
border-right: 0px solid #a9a9a9; 
border-bottom: 0px solid #a9a9a9; 
width: 200px;}

.ne { background: url('sw.gif') bottom left no-repeat #6ea3af; width: 30%; text-align: center; width: 275px; color: #FFFFFF;}
.nw { background: url('se.gif') bottom right no-repeat; }
.se { background: url('nw.gif') top left no-repeat; }
.sw { background: url('ne.gif') top right no-repeat; padding: 10px; } 
.sp { padding: 0px 0px 0px 135px; color: #FFFFFF; background: url('sp.png') 10px top no-repeat; }