body,div,h1,p,form{
  margin:0;
  padding:0;
}

div.holdall{
  margin:0 auto;
  width:40em;
  max-width:100%;
  background:white;
  padding: 0 0 4px 0;
  font-size: 100%;
  font-family: Arial, verdana, sans-serif;
}

a:link, a:visited {
  color:black;
  text-decoration:underline;
}

a:hover {
 color:blue;
}

p.info{
  clear:both;
  text-align:left;
  background-color:#f6f6f6;
  border:1px solid #d1d1d1;
}

p{
  text-align:center;
  padding:0.5em;
  color:#686868;
}

h1{
  font-size: 150%;
  padding:0.5em;
  font-weight:normal;
}

div.header{
  position:relative;
  color:white;
  background:#919191;
  margin:0;
  border-bottom:4px solid white;
}

div.main{
  margin:0 0 4px 0 ;
  padding:1em;
  float:left;
  width:38em;
  border-top:2px solid #686868;
  border-bottom:2px solid #686868;
  background:#fff;
}

div.colour_picker{
  background:url(../images/control_panel/6_Custom_Colours/background.gif) center 2em no-repeat;
  width:24%;
  min-height:240px;
  float:left;
 }

* html div.colour_picker{
  background:url(../images/control_panel/6_Custom_Colours/background.gif) center 1.5em no-repeat;
  height:240px;
 }

div.colour_picker h3{
  text-align:center;
}

#background, #heading, #text{
  border-right:1px solid #6d6d6d;
}

div.colour_box{
  border:1px black solid;
  width:3em;
  height:1em;
  margin: 1em auto;
}

div.colour_box_container{
  /*background: url(../images/control_panel/6_Custom_Colours/background.gif) 0.5em 0 no-repeat;*/
  padding:1em;
  clear:both;
  float:left;
  width:15em;
}



div.colour_box_apply{
  float:left;
  height:1em;
  width:4em;
  margin: 0 3em 1em 1em;
  display:inline;
  clear:left;
}

div.colour_holder{
  float:left;
  padding:0;
  margin:0;
  cursor:pointer;
}

*html div.colour_holder{
  margin:0.3em 0;
}

div.colour_holder h3{
  float:left;
  padding:0;
  margin:0;
}

#bg_apply{
  top:1em;
  left:3em;
}

#header_apply{
  top:3em;
  left:3em;
}

#text_apply{
  top:5em;
  left:3em;
}

#link_apply{
  top:7em;
  left:3em;
}

div.footer{
  color:white;
  clear:both;
  background:#656565;
  font-size:70%;
  padding:1.5em;
}

p.stage{
  position:absolute;
  top:1em;
  right: 1em;
  display:block;
  overflow:hidden;
  float:right;
  color:white;
  font-weight:normal;
  font-size:105%;
}

p.copy{
  color:white;
  text-align:right;

}

span.back_button{
  float:left;
  clear:both;
  position:relative;
  left:1em;
  bottom: -2.5em;
}
span.use_colours{
  float:right;
  bottom: -5em;
  right:1em;
  position:relative;
}

* html span.use_colours{
  bottom: -2.5em;
}

#column1, #column2, #column3{
  float:left;
  width:12em;
  text-align:center;
}

#column1{
  margin:0;
}

#column2{
  margin: 0;
  border-right:1px solid #6D6D6D;
  border-left: 1px solid #6d6d6d;
}

#column3{
  margin: 0;
}

#column4, #column5{
  margin:0;
  width:15em;
  float:left;
  margin: 1em;
}

#column5{
  width:17em;
}

#column4 span.option_line, #column5 span.option_line{
  left:0;
}

h3{
  font-size:100%;
  color:#bbbbbb;
}

h2{
 color:#686868;
 text-align:center;
 font-size:104%;
 font-weight:bold;
}

span.option_line{
  float:left;
  clear:both;
  display:inline;
  position:relative;
  left:5em;
  width:100%;
}

span.option_line input{
  padding:1em;
  vertical-align:middle;
}

ul.options{
  list-style-type:none;
  list-style-position:inside;
  padding:0;
  margin:0 auto;
  width:100%;
}

ul.palette{
  list-style-type:none;
  list-style-position:inside;
  padding:0;
  margin:0 auto;
  width:5em;
}

ul.palette li{
  margin: 0 0 1em 0;
  display:inline;
}

ul.palette li a{
  display:block;
  overflow:hidden;
  text-indent:-9999px;
  height:20px;
  width:20px;
  padding:0;
  margin:0;
  text-decoration:none;
}

ul.palette li{
  width:20px;
  height:20px;
  border:1px solid black;
  float:left;
  margin: 0 4px 4px 0;
}

ul.palette li.magenta a{
  background-color:magenta;
}
ul.palette li.cyan a{
  background-color:cyan;
}
ul.palette li.ffc a{
  background-color:lightyellow;
}
ul.palette li.green a{
  background-color:lime;
}
ul.palette li.white a{
  background-color:white;
}
ul.palette li.red a{
  background-color:red;
}
ul.palette li.grey a{
  background-color:gray;
}
ul.palette li.black a{
  background-color:black;
}

ul.options li{
  margin: 0 0 1em 0;
  display:inline;
  vertical-align:middle;
}

ul.options li a{
  height:9em;
  display:block;
  overflow:hidden;
  padding: 0 0 0 120px;
}

#nav_footer{
  clear:both;
}

.hidden{
  display:none;
}

#on_1 a{
  background:url(../images/control_panel/1_Images/Images_on.gif) left center no-repeat;
  line-height:120px;
}

#off_1 a{
  background:url(../images/control_panel/1_Images/Images_off.gif) left center no-repeat;
  line-height:120px;
}

#font1_2, #font2_2, #font3_2, #font4_2, #font1_3, #font2_3, #font3_3, #font4_3, #font5_3{
  float:left;
  width:50%;
}

#font_7 a, #fontSize_7 a, #fontWeight_7 a{
  height:6em;
}

#fontlist_7{
  width: 15em;
}

#imageslist_7{
  width: 15em;
}

#high_contrast_5, #colour_coded_5, #custom_5{
  float:left;
  width:33%;
}

#high_contrast_5 h3, #colour_coded_5 h3, #custom_5 h3{
  text-align:center;
}

#high_contrast_5{
  border-right:1px solid #bbbbbb;
}

#colour_coded_5{
  border-right:1px solid #bbbbbb;
}

#apply, #back, #use{
  float:left;
  width:50%;
}

#apply a, #back a, #use a{
  display:block;
  overflow:hidden;
  padding:0;

}

#apply a{
  background:url(../images/control_panel/Shared/apply_03.gif) no-repeat;
  text-indent:-9999px;
  height:3em;
  text-decoration:none;
}

#back a{
  background:url(../images/control_panel/Shared/back.gif) left center no-repeat;
  height:3em;
  padding: 0 0 0 3em;
  line-height:3em;
}

#use a{
  background:url(../images/control_panel/Shared/custom_colours_03.gif) no-repeat;
  text-indent:-9999px;
  height:3em;
  text-decoration:none;
}

#high_contrast_5 a{
  background:url(../images/control_panel/5_Colours/colours_contrast.gif) top center no-repeat;
  height:13em;
  text-indent:-9999px;
   text-decoration:none;
}

#colour_coded_5 a{
  background:url(../images/control_panel/5_Colours/colours_theme.gif) top center no-repeat;
  height:13em;
  text-indent:-9999px;
   text-decoration:none;
}
#custom_5 a{
  background:url(../images/control_panel/5_Colours/colours_choose.gif) top center no-repeat;
  height:13em;
  text-indent:-9999px;
   text-decoration:none;
}

#font1_2 a{
  background:url(../images/control_panel/2_Font/times.gif) left center no-repeat;
  height:6em;
  line-height:6em;
}

#font2_2 a{
  background:url(../images/control_panel/2_Font/arial.gif) left center no-repeat;
  height:6em;
  line-height:6em;
}

#font3_2 a{
  background:url(../images/control_panel/2_Font/verdana.gif) left center no-repeat;
  height:6em;
  line-height:6em;
}

#font4_2 a{
  background:url(../images/control_panel/2_Font/courier.gif) left center no-repeat;
  height:6em;
  line-height:6em;
}

#font1_3 a{
  background:url(../images/control_panel/3_Text_Size/Small.gif) left center no-repeat;
  height:6em;
  line-height:6em;
}

#font2_3 a{
  background:url(../images/control_panel/3_Text_Size/Medium.gif) left center no-repeat;
 height:6em;
 line-height:6em;
}

#font3_3 a{
  background:url(../images/control_panel/3_Text_Size/Large.gif) left center no-repeat;
  height:6em;
  line-height:6em;
}

#font4_3 a{
  background:url(../images/control_panel/3_Text_Size/XL.gif) left center no-repeat;
  height:6em;
  line-height:6em;
}

#font5_3 a{
  background:url(../images/control_panel/3_Text_Size/XXL.gif) left center no-repeat;
  height:6em;
  line-height:6em;
}

#normal_4 a{
  background:url(../images/control_panel/4_Text_Weight/normal.gif) left center no-repeat;
  height:6em;
  line-height:6em;
}

#bold_4 a{
  background:url(../images/control_panel/4_Text_Weight/bold.gif) left center no-repeat;
  height:6em;
  line-height:6em;
}

.info {
  line-height:1.5em;
}
.info p {
  color:#000;
  text-align:left;
}
.info blockquote {
  background:#eee;
  font-style:italic;
  padding:.5em;
}
.info h1 {
  padding-left:0;
}