/*******************************************



    Carbonic.co.uk - All Rights Reserved 



*********************************************/

html {
height : 100%;
}
body {
margin-top : 0;
font-family : "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
font-size : 11px;
text-align : left;
line-height : 1.8em;
height : 100%;
margin : 0;
padding : 0;
voice-family : inherit;
background : #c2cc22 url(/old_design/images/bg.jpg) repeat-x 0 0;
color : #333;
}
* {
margin : 0;
padding : 0;
outline : 0;
}
p {
margin-bottom : 0;
line-height : inherit;
}
ul, ol {
line-height : inherit;
list-style : none;
margin : 0;
}
img, fieldset, abbr, acronym {
border : 0;
}
.img2 {
margin-right:10px;
}
.imagea {
border : 2px solid #ffffff;
}
.imageb {
border : 5px solid #333333;
}
.imagec {
border : 1px solid #000000;
}
.dottedspacer {
background : url(/old_design/images/dotted-blue-line.jpg) left repeat-x;
margin : 10px 0 10px -10px;
}
h1, h2, h3, h4, h5, h6 {
line-height : 1.33em;
font-weight : bold;
}
h1 {
font-size : 2em;
color : #3f5872;
}
h3 {
font-size : 1.33em;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
line-height : 1em;
margin : 24px 0 16px 0;
}
.notop {
margin-top : 0;
color : #990000;
font-size : 18px;
font-weight : bold;
font-family : Geneva, Arial, Helvetica, sans-serif;
}
.hd1 {
color : #083461;
margin-bottom : 0.9em;
}
a, a:link, a:active, a:visited {
color : #003366;
text-decoration : none;
font-weight : bold;
}
a:hover {
text-decoration : underline;
}
a.get-gift {
background-image : url(/old_design/images/bt_get-gift.gif);
width : 163px;
height : 34px;
margin-left : -3px;
}
#wrap {
margin : auto;
margin-top:70px;
text-align : left;
width : 794px;
}
#header {
background : url(/old_design/images/bg_header.gif) repeat-x center 0;
height : 228px;
width : 794px;
position : relative;
}
#logo a {
background-image : url(/old_design/images/logo.jpg);
height : 166px;
width : 132px;
position : absolute;
left : 39px;
top : 31px;
}
#viplogin a {
background : transparent url(/old_design/images/login.gif) no-repeat 0 0;
height : 31px;
width : 155px;
position : absolute;
right : 43px;
top : 0;
}
#body {
width : 794px;
}
#col-l {
float : left;
width : 223px;
}
#gifts {
float : left;
display : inline;
background : #062c53 url(/old_design/images/bg_gifts.gif) no-repeat 0 0;
margin-bottom : 5px;
padding : 100px 18px 10px 18px;
width : 187px;
}
.news-block {
background : #d1db2e;
color : #666600;
float : left;
font-size : 0.92em;
padding : 15px 15px 0 15px;
width : 193px;
}
.news-block a {
color : #666600;
}
.news-block .news {
margin-bottom : 1.5em;
}
#col-r {
background : url(/old_design/images/bg_body.gif) no-repeat right 0;
float : left;
width : 571px;
}
#main-content {
float : left;
background : #fff;
padding : 0 29px 29px 29px;
width : 505px;
}
#main-content .fullwidth {
float : left;
width : 505px;
}
.fullwidth2 {
float : left;
width : 505px;
border-bottom-color : #999999;
padding-bottom : 9px;
}
#main-content .col-l {
display : inline;
margin-bottom : -21px;
width : 500px;
}
.copytext {
font-size : 12px;
font-family : Verdana, Arial, Helvetica, sans-serif;
}
.testimonial {
float : left;
background : url(/old_design/images/testim_bg.gif) repeat-y 0 0;
margin : 0 -9px;
width : 523px;
}
.testimonial .content {
float : left;
width : 355px;
padding : 0 0 15px 0;
}
.testimonial .top {
float : left;
background : url(/old_design/images/testim_top.gif) no-repeat 0 0;
height : 28px;
width : 100%;
}
.testimonial .bottom {
float : left;
background : url(/old_design/images/testim_bottom.gif) no-repeat 0 0;
height : 16px;
width : 100%;
}
.testimonial .img-l {
float : left;
display : inline;
margin : 0 1.2em 0 35px;
}
.testimonial .signature {
background : #ccc;
display : block;
margin-top : 1em;
padding : 5px;
}
#footer {
background : #174169 url(/old_design/images/bg_footer.gif) repeat-x 0 0;
float : left;
color : #fff;
text-align : center;
padding : 12px 0;
height : 36px;
width : 563px;
line-height : normal;
}
#nav {
float : left;
background : url(/old_design/images/bg_nav.gif) repeat-y right 0;
width : 223px;
}
#nav h3.hd-menu {
background : url(/old_design/images/tt_nav.gif) no-repeat 0 0;
height : 10px;
width : 180px;
margin : 15px 0 9px 34px;
}
#nav ul.nav {
margin-bottom : 10px;
}
#nav ul.nav li {
height : 31px;
margin-left : 14px;
}
#nav ul.nav li a {
background : no-repeat 0 bottom;
display : block;
height : 30px;
}
#nav ul.nav li a span {
display : none;
}
#nav ul.nav li#nav01 a {
background-image : url(/old_design/images/nav_01.gif);
}
#nav ul.nav li#nav02 a {
background-image : url(/old_design/images/nav_02.gif);
}
#nav ul.nav li#nav03 a {
background-image : url(/old_design/images/nav_03.gif);
}
#nav ul.nav li#nav04 a {
background-image : url(/old_design/images/nav_04.gif);
}
#nav ul.nav li#nav05 a {
background-image : url(/old_design/images/nav_05.gif);
}
#nav ul.nav li#nav06 a {
background-image : url(/old_design/images/nav_06.gif);
}
#nav ul.nav li#nav07 a {
background-image : url(/old_design/images/nav_07.gif);
}
ul.sub-nav {
background : url(/old_design/images/bg_dotted.gif) repeat-x 0 bottom;
float : left;
font-size : 0.83em;
height : 25px;
width : 505px;
margin-bottom : 20px;
text-transform : uppercase;
text-align : center;
}
ul.sub-nav li {
display : inline;
margin-left : 12px;
}
ul.sub-nav li.first {
margin-left : 0;
}
ul.sub-nav li a, ul.sub-nav li a:link, ul.sub-nav li a:visited {
color : #666;
}
#footer ul.nav, #footer ul.nav2 {
color : #5d80a1;
text-align : center;
}
#footer ul.nav li, #footer ul.nav2 li {
display : inline;
font : 0.83em Arial, sans-serif;
}
#footer ul.nav li a, #footer ul.nav2 li a {
color : #5d80a1;
margin-left : 4px;
text-transform : uppercase;
}
#footer ul.nav li a:hover, #footer ul.nav2 li a:hover {
color : #c2cc22;
text-decoration : none;
}
#footer ul.nav li:before, #footer ul.nav2 li:before {
content : "|";
}
#footer ul.nav li.first:before, #footer ul.nav2 li.first:before {
content : "";
}
input.button {
border : 1px solid #000;
background-color : #ddd;
}
input.image, input.radio, input.check {
border : none;
width : auto;
height : auto;
}
#gifts .field {
margin-bottom : 5px;
}
#gifts input.text0 {
border : 2px solid #427cb8;
padding-left : 10px;
padding-right : 10px;
width : 161px;
}
.inputFull {
float : left;
width : 180px;
padding : 10px 10px 10px 10px;
margin : 5px 5px 5px 5px;
color : #383d44;
font-size : 1.1em;
height : 25px;
border : 1px solid #dcd8d3;
font-weight : normal;
background-image : url(/old_design/images/standard.gif);
background-repeat : repeat-x;
}
.textArea {
width : 180px;
display : block;
float : left;
height : 100px;
color : #383d44;
padding : 6px 8px 6px 8px;
margin-top : 5px;
font-size : 1.1em;
font-family : Arial, Helvetica, sans-serif;
border : 1px solid #dcd8d3;
background-image : url(/old_design/images/standard.gif);
background-repeat : repeat-x;
}
.contactForm {
background-color : #e7eef7;
border : 1px solid #ccdcf2;
padding : 20px 20px 20px 20px;
}
.fatbutton {
float : left;
padding : 8px;
margin-left : 3px;
margin-top : 5px;
}
.required {
color : red;
font-size : 14px;
}
.hidden {
display : none;
}
.replace {
display : block;
text-indent : -10000px;
line-height : 0;
}
.nomargin {
margin-bottom : 0;
}
.col-l, .float {
float : left;
}
.float {
display : inline;
}
.col-r {
float : right;
}
.c {
text-align : center;
}
.r {
text-align : right;
}
#map {
float : right;
margin-right : 0;
margin-top : 1px;
}
a.button {
background-image : url(/old_design/images/button.gif);
width : 163px;
height : 34px;
margin-left : -3px;
}
.white {
color : #ffffff;
text-align : center;
}
.testimonial {
float : left;
background : url(/old_design/images/testim_bg.gif) repeat-y 0 0;
margin : 0 -9px;
width : 523px;
}
.testimonial .content {
float : left;
width : 355px;
padding : 0 0 15px 0;
}
.testimonial .top {
float : left;
background : url(/old_design/images/testim_top.gif) no-repeat 0 0;
height : 28px;
width : 100%;
}
.testimonial .bottom {
float : left;
background : url(/old_design/images/testim_bottom.gif) no-repeat 0 0;
height : 16px;
width : 100%;
}
.testimonial .img-l {
float : left;
display : inline;
margin : 0 1.2em 0 35px;
}
.testimonial .signature {
background : #ccc;
display : block;
margin-top : 1em;
padding : 5px;
}


/*************** PORTFOLIO **********************************/

a.thumbs:hover img {filter: gray; margin:0; opacity: 0.7;}


