/* CSS for Spectrum Print Direct website at spectrumprint.uk.com
Contains main styling for entire site
Copyright Spectrum Print Direct Ltd 2008 */

/* Generic Redefined HTML tags */
* {margin:0;padding:0;border:0;}
html {font-size: 62.5%; height:100%;}
body { background-color:#FFF; height:100%;background-image:url('http://www.spectrumbirches.co.uk/spectrumprint.uk.com/images/static/bg_runner.gif');
background-repeat:repeat-y; background-position:50% 50%;
font-family: arial, helvetica, sans-serif; color:#000000; text-align:center;}
ul {list-style:none;}
a {text-decoration:none; color:#000; cursor:pointer;}
a:hover {text-decoration:underline; color:#000;}
h1 {font-size:3em; padding:0.5em 0em 0.3em 0em;}
h2 {font-size:2.6em; padding:0.5em 0em 0.3em 0em;}
h3 {font-size:2.2em; padding:0.5em 0em 0.3em 0em;}
h4 {font-size:1.4em; padding:0.6em 0em 0.4em 0em;}
h5 {font-size:1.6em; padding:0.4em 0em 0.2em 0em;}

input,textarea {border:solid 1px #cccccc; background-color:#eeeeee;}
select {font-size: 1em; border:solid 1px #cccccc; background-color:#eeeeee;}

/* Generic Class Styles */
.bold {font-weight:bold;}
.noDisplay {display:none;}
.colour1 {color:#FFF;}
.colour2 {color:#000;}
.colour3 {color:#FF0000;}

/* Site Layout */

#outerContainer {width:100%; float:left; height:auto;background-image:url('http://www.spectrumbirches.co.uk/spectrumprint.uk.com/images/static/bg_fade.jpg');
background-repeat:repeat-x; background-color:#fff;
}/* Level 1 */
#innerContainer {width:740px; height:100%; margin: 0 auto 0 auto; text-align: left;
}
#containerOne {float:left; width:128px; padding:0px 22px 0px 0px;}
#containerTwo {float:right; width:128px;}
#containerThree {float:left; width:400px; background-color:#FFF; min-height:1000px;
position:relative; }

#right_bg {width:400px;float:left; height:100%;
background-image:url('http://www.spectrumbirches.co.uk/spectrumprint.uk.com/images/static/fade_right.png');
background-repeat:repeat-y;padding-right:20px;
background-position: top right;}
#left_bg {width:400px;float:left; height:100%;
background-image:url('http://www.spectrumbirches.co.uk/spectrumprint.uk.com/images/static/fade_left.png');
background-repeat:repeat-y;padding-left:20px;
background-position: top left;}

.menuItem {padding:20px 0px 10px 0px; margin:20px 0px 0px 0px;
float:left; width:128px;}
.menuItem h2 {color:#333; font-weight:bold; font-size:2em;
font-family:eurostile, verdana, arial, helvetica, sans-serif;
width:128px;}
.menuItem p {font-size:1.2em;}
.menuItem li {font-size:1.1em;width:128px;}

p.menuLast {background-repeat:repeat-x; background-position:left bottom;
padding:12px 0px 30px 0px; width:128px; text-align:right; font-weight:bold;}
p.menuLast a {color:#666666; border-left: double 1px #666; 
padding:0px 0px 0px 5px;text-decoration:none;}
p.menuLast a:hover {color:#000; border-left: double 3px #000;}

#menu0 {
background-image:url('http://www.spectrumbirches.co.uk/spectrumprint.uk.com/images/static/strips.gif');
background-repeat:repeat-x;
}
#menu0 p.menuLast {background-image:url('http://www.spectrumbirches.co.uk/spectrumprint.uk.com/images/static/strips.gif');}

#menu0:hover {
background-image:url('http://www.spectrumbirches.co.uk/spectrumprint.uk.com/images/static/strips.gif');
background-repeat:repeat-x;
}
#menu0:hover p.menuLast {background-image:url('http://www.spectrumbirches.co.uk/spectrumprint.uk.com/images/static/strips.gif');}



#menu1 {
background-image:url('http://www.spectrumbirches.co.uk/spectrumprint.uk.com/images/static/strips_violet.gif');
background-repeat:repeat-x;
}
#menu1 p.menuLast {background-image:url('http://www.spectrumbirches.co.uk/spectrumprint.uk.com/images/static/strips_violet.gif');}

#menu1:hover {
background-image:url('http://www.spectrumbirches.co.uk/spectrumprint.uk.com/images/static/strips.gif');
background-repeat:repeat-x;
}
#menu1:hover p.menuLast {background-image:url('http://www.spectrumbirches.co.uk/spectrumprint.uk.com/images/static/strips.gif');}


#menu2 {
background-image:url('http://www.spectrumbirches.co.uk/spectrumprint.uk.com/images/static/strips_indigo.gif');
background-repeat:repeat-x;
}
#menu2 p.menuLast {background-image:url('http://www.spectrumbirches.co.uk/spectrumprint.uk.com/images/static/strips_indigo.gif');}

#menu2:hover {
background-image:url('http://www.spectrumbirches.co.uk/spectrumprint.uk.com/images/static/strips.gif');
background-repeat:repeat-x;
}
#menu2:hover p.menuLast {background-image:url('http://www.spectrumbirches.co.uk/spectrumprint.uk.com/images/static/strips.gif');}



#menu3 {
background-image:url('http://www.spectrumbirches.co.uk/spectrumprint.uk.com/images/static/strips_yellow.gif');
background-repeat:repeat-x;
}
#menu3 p.menuLast {background-image:url('http://www.spectrumbirches.co.uk/spectrumprint.uk.com/images/static/strips_yellow.gif');}

#menu3:hover {
background-image:url('http://www.spectrumbirches.co.uk/spectrumprint.uk.com/images/static/strips.gif');
background-repeat:repeat-x;
}
#menu3:hover p.menuLast {background-image:url('http://www.spectrumbirches.co.uk/spectrumprint.uk.com/images/static/strips.gif');}


#menu4 {
background-image:url('http://www.spectrumbirches.co.uk/spectrumprint.uk.com/images/static/strips_green.gif');
background-repeat:repeat-x;
}
#menu4 p.menuLast {background-image:url('http://www.spectrumbirches.co.uk/spectrumprint.uk.com/images/static/strips_green.gif');}

#menu4:hover {
background-image:url('http://www.spectrumbirches.co.uk/spectrumprint.uk.com/images/static/strips.gif');
background-repeat:repeat-x;
}
#menu4:hover p.menuLast {background-image:url('http://www.spectrumbirches.co.uk/spectrumprint.uk.com/images/static/strips.gif');}


#menu5 {
background-image:url('http://www.spectrumbirches.co.uk/spectrumprint.uk.com/images/static/strips_orange.gif');
background-repeat:repeat-x;
}
#menu5 p.menuLast {background-image:url('http://www.spectrumbirches.co.uk/spectrumprint.uk.com/images/static/strips_orange.gif');}

#menu5:hover {
background-image:url('http://www.spectrumbirches.co.uk/spectrumprint.uk.com/images/static/strips.gif');
background-repeat:repeat-x;
}
#menu5:hover p.menuLast {background-image:url('http://www.spectrumbirches.co.uk/spectrumprint.uk.com/images/static/strips.gif');}


#menu6 {
background-image:url('http://www.spectrumbirches.co.uk/spectrumprint.uk.com/images/static/strips_red.gif');
background-repeat:repeat-x;
}
#menu6 p.menuLast {background-image:url('http://www.spectrumbirches.co.uk/spectrumprint.uk.com/images/static/strips_red.gif');}

#menu6:hover {
background-image:url('http://www.spectrumbirches.co.uk/spectrumprint.uk.com/images/static/strips.gif');
background-repeat:repeat-x;
}
#menu6:hover p.menuLast {background-image:url('http://www.spectrumbirches.co.uk/spectrumprint.uk.com/images/static/strips.gif');}

#menu7 {
background-image:url('http://www.spectrumbirches.co.uk/spectrumprint.uk.com/images/static/strips.gif');
background-repeat:repeat-x;
}
#menu7 p.menuLast {background-image:url('http://www.spectrumbirches.co.uk/spectrumprint.uk.com/images/static/strips.gif');}

#menu7:hover {
background-image:url('http://www.spectrumbirches.co.uk/spectrumprint.uk.com/images/static/strips.gif');
background-repeat:repeat-x;
}
#menu7:hover p.menuLast {background-image:url('http://www.spectrumbirches.co.uk/spectrumprint.uk.com/images/static/strips.gif');}




#header {float:left; width:400px;}
#header #contact {float:left; font-weight:bold; color:#666; font-size:1.3em;
padding:20px 10px 0px 10px;}
span.red {color:#F00;font-size:1.2em;}
span.green {color:green;font-size:1.2em; padding:0px 0px 0px 12px;}
span.blue {color:#0066ff;font-size:1.2em;}
#header #contact a {color:#666;}
#header #contact a:hover {color:#000;}
#header #logo {float:right; padding:10px;}
#header h2.breadcrumb {color:#555;width:220px;font-size:1em; padding:20px 0px 0px 5px;}


#containerThree {padding:0px;}
#containerThree h1 {font-family:georgia, Times New Roman, serif;;
color:#666666; font-size:3em; padding:20px 0px 10px 0px; float:left; width:380px;}
#offer {margin:9px 0px 10px 10px; float:left;}
#offer h1 {padding:20px 0px 10px 20px;}
#containerThree h2 {color:#666; font-size:1.6em; 
padding:20px 10px 10px 0px; float:left; width:360px;}

#central {float:left; padding:0px 0px 170px 0px;}



#mainPanel {float:left; padding:0px 0px 20px 20px;}
#mainPanel p {font-size:1.2em; padding:3px 0px 6px 0px;width:308px;}
#homePage #mainPanel li {font-size:2em; font-weight:bold; padding:2px 0px 3px 0px;width:128px;}
#mainPanel ul {padding:5px 0px 15px 10px; float:left;}
#mainPanel li {font-size:1.2em; margin:5px 20px 7px 0px;border-left: double 4px #ccc; 
padding:2px 10px 2px 10px;border-right: double 4px #fff; width:330px;}
#mainPanel li a{font-size:1.2em; font-weight:bold; width:228px;
}
#mainPanel li:hover {border-left: double 4px #ff2200; padding:2px 10px 2px 10px;
border-right: double 4px #ff2200; background-color:#eee;}

#mainPanel h3 {font-size:1.4em; font-weight:bold; color:#333;}


#newsletter {background-image:url('http://www.spectrumbirches.co.uk/spectrumprint.uk.com/images/static/email_back.jpg');
background-repeat:repeat-x; float:left; width:360px;padding:5px 20px 10px 20px;
border-top:1px #ddd solid; border-bottom:solid #ddd 2px;}

#newsletter #nl_intro {float:left; width:380px;}
#newsletter #nl_intro h2 {font-family:eurostile; font-weight:bold; font-size:2em;
padding:3px 0px 3px 0px;}
#newsletter #nl_intro p {font-weight:bold; font-size:1.2em;
padding:6px 0px 16px 0px; color:#666;}

input.textfield {width:14em; font-family: eurostile; color:#999; font-weight:bold;
padding:1px 3px 1px 4px;margin:5px 20px 5px 0px; font-size:1.4em;}
input.textfield:hover {border-color:#000; color:#000;}
#newsletter #nl_form {float:left; width:240px;}

#nl_submit {width:100px; float:right;text-align:right;} 
#nl_submit input.submit {background-color:#FFF; padding:4px 10px 4px 10px;
margin:5px 0px 3px 0px; font-weight:bold;font-family: eurostile; font-size:1.8em;
color:#666;}
#nl_submit input.submit:hover {background-color:#FFF; color:#000; border-color:#000;
cursor:pointer;}
#nl_submit a {font-size:1.2em; color:#666;}
#nl_submit a:hover {color:#000;}

.display_image {text-align:center; width:350px;}

#footer {float:left; position:absolute; width:400px; bottom:0px; left:0px;}
#companies {float:left; padding:0px 20px 10px 20px;;position:absolute; bottom:0px; left:0px;}
#companies h4 {font-size:1.2em; padding:0px 0px 8px 0px;color:#666;}
#companies h5 {font-size:1.2em; padding:10px 0px 0px 0px;color:#666;}
#companies p.euro {font-family:eurostile; font-size:1.4em; padding:0px 0px 10px 0px;}
#footerLogo {float:right; padding:20px 10px 0px 0px;
position:absolute; bottom:0px; right:0px;}


.label {font-weight:bold; font-size:1.2em; padding:12px 0px 2px 0px; width:350px;}
.input input{padding:1px 2px 2px 2px;}
.input textarea {width:20em;}
.submit input.submit {margin:10px 0px 30px 0px; background-color:#FFF; padding:4px 10px 4px 10px;
 font-weight:bold;font-family: eurostile; font-size:1.8em;
color:#666;}
.submit input.submit:hover {background-color:#FFF; color:#000; border-color:#000;
cursor:pointer;}



#tabs {margin:20px 0px 0px 0px; float:left; width:400px;}

.tabberlive .tabbertabhide {
 display:none;
}

.tabber { margin-top:3em;
}
.tabberlive {
 margin-top:3em;
}


ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #666;
 font: bold 1.2em Arial, Verdana, sans-serif;
 
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-right: 10px;
 border: 1px solid #666;
 border-bottom: none;
 background: #ddd;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #666; }
ul.tabbernav li a:visited { color: #666; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #eee;
 border-color: #333;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}


.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #666;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

height:400px;

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 overflow:auto; 
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

#lc_banner {float:left; width:400px; margin:20px 0px 0px 20px;}