/* CSS - tagnum.co.uk */
* { padding: 0; margin: 0; } .separator{ clear: both; } .skipper{ display: none; } .none{ display: none; } .hide{ visibility: hidden; } .bold{ font-weight: bold; color: red; } .normal{ font-weight: normal; }
.floatLeft{ display: block; float: left; margin-right: 10px; margin-bottom: 2px; border: 1px solid #CCC; } .floatRight{ display: block; float: right; margin-left: 10px; margin-bottom: 2px; border: 1px solid #CCC; } html{ overflow: scroll; } .clear{ clear: both; height: 300px; }
strong{ font-weight: normal; } strong.str{ font-weight: bold; } a{color: #FF6600; text-decoration: none;} a:hover{color: #FF0000; text-decoration: underline;} p {line-height: 1.3em;} img, fieldset { border: 0; }
h1, h2, h3, h4, h5 {color: #C82024; font-family: "Trebuchet MS", "Verdana", "Arial", sans-serif;}
body{ background: #FFF url(../img/bg-body.jpg) top left repeat; color: #000; font-family: Verdana, Arial, sans-serif; font-size: 0.8125em; text-align: left; position: relative; }
body, div, p, th, td, li, dd { font-size: x-small; voice-family: "\"}\""; voice-family: inherit; font-size: small }
html>body, html>div, html>p, html>th, html>td, html>li, html>dd { font-size: small }

#wrapper{ width: 968px; margin: auto; background: #FFF url("../img/bg-wrapper.jpg") top left no-repeat; }
#header{ width: 968px; height: 155px; background: transparent; margin: auto; position: relative; z-index: 9; }
#header div#christmas_card_design{ position: absolute; top: 110px; left: 100px; font-size: 10px; color: #FFF; width: 300px; text-align: right; }
#header div#christmas_card_design a{ color: #FFF; }
#header div#christmas_card_design h1{ font-family: "Trebuchet MS", "Verdana", "Arial", sans-serif; font-size: 11px; font-weight: normal; display: inline; color: #FFF; }
#header div#logo{ width: 392px; height: 63px; position: absolute; top: 53px; left: 50px; }
#header div#logo a{ display: block; width: 392px; height: 63px; }
#header div#count_down{ position: absolute; top: 90px; left: 778px; color: #D31E27; font-size: 26px; font-weight: bold;}

#navbar{ width: 968px; height: 160px; margin-bottom: 5px; }
#navbar ul{ list-style: none; width: 968px; height: 160px; position: relative; }
#xmas_card1, #xmas_card2, #xmas_card3, #xmas_card4, #xmas_card5, #xmas_card6{ position: absolute; height: 115px; width: 115px; }
#xmas_card1 a, #xmas_card2 a, #xmas_card3 a, #xmas_card4 a, #xmas_card5 a, #xmas_card6 a{ display: block; height: 115px; width: 115px; }
#xmas_card1 a:hover, #xmas_card2 a:hover, #xmas_card3 a:hover, #xmas_card4 a:hover, #xmas_card5 a:hover, #xmas_card6 a:hover{ background: url("../img/over.png") center center no-repeat;}
#xmas_card1 a.on, #xmas_card2 a.on, #xmas_card3 a.on, #xmas_card4 a.on, #xmas_card5 a.on, #xmas_card6 a.on{ background: url("../img/over.png") center center no-repeat;}
#navbar ul #xmas_card1{ top: 31px; left: 17px; }
#navbar ul #xmas_card2{ top: 12px; left: 200px; }
#navbar ul #xmas_card3{ top: 40px; left: 364px; }
#navbar ul #xmas_card4{ top: 0px; left: 540px; }
#navbar ul #xmas_card5{ top: 43px; left: 679px; }
#navbar ul #xmas_card6{ top: 30px; left: 833px; }

#content #slideshow{ margin-bottom: 10px; }
#content #slideshow h2{ margin-bottom: 0; padding-left: 20px; }

#content{ width: 968px; }
#content p{ padding-left: 10px; font-size: 11px; margin-bottom: 10px; }
#content h2{ font-size: 15px; padding: 3px; padding-left: 10px; background: #EEE url("../img/bg-h2.jpg") top left repeat-x; border-top: 1px dotted #DDD; border-bottom: 1px dotted #DDD; margin-bottom: 5px; }
#content h4{ color: #A51B1E; padding-left: 10px; margin-bottom: 5px; }
#content ol{ margin-left: 30px; font-size: 11px; }
#content ol li{ font-size: 11px; margin-bottom: 5px; }
#content .box{ width: 465px; background: #FFF url("../img/side-box.jpg") top left repeat-y; margin-bottom: 10px; float: left; margin-right: 0; margin-left: 12px; }
#content .inner_box{ width: 455px; background: #FFF url("../img/bg-box.jpg") bottom left repeat-x; }
#content .box2{ width: 930px; background: #FFF url("../img/side-box.jpg") top right repeat-y; margin-bottom: 10px; float: left; margin-right: 0; margin-left: 12px; }
#content .inner_box2{ width: 920px; background: #FFF url("../img/bg-box.jpg") bottom left repeat-x; }
#content .xmascard{ display: block; margin-right: 5px; margin-bottom: 8px;  float: left; border: 5px solid #EEE; }
#content .xmascard img{ display: block; }
#content .xmascard:hover{ border: 5px solid #CCC; }

#footer{ width: 968px; margin: auto; overflow: hidden; position: relative; padding-top: 15px; padding-bottom: 15px; }
span#copyright{ float: right; font-size: 10px; color: #888; padding-right: 10px; display: block; }
#footer ul#footer_links{ padding-left: 10px; width: 600px; list-style: none; float: left; margin-bottom: 5px; }
#footer ul#footer_links li{ display: inline; color: #888; font-size: 10px; } 
#footer ul#footer_links li a{ display: inline; font-size: 10px; color: #888; }

#footer ul#seo_links{ padding-left: 10px; list-style: none; width: 600px; }
#footer ul#seo_links li{ display: inline; font-size: 10px; color: #888; }
#footer ul#seo_links li span{ font-size: 10px; color: #888; }
#footer ul#seo_links li a{ display: inline; font-size: 10px; color: #888; }

#enquiry_form label{ width: 180px; float: left; display: block; }
#enquiry_form input.text{ width: 400px; }
#enquiry_form textarea{ width: 400px; height: 120px; }
#content p.closer{ margin-bottom: 3px; }
#content hr { color: #EEE; margin-bottom: 10px; }

#content p#price{ padding-left: 22px; font-size: 12px; font-weight: bold; font-family: "Arial", sans-serif; }
#content p#price span{ font-size: 26px; color: #C9252C; font-weight: bold; }
#content p#buy{ padding-left: 22px; font-size: 20px; font-weight: bold; font-family: "Arial", sans-serif; }