@charset "utf-8";
/* STANDARD CSS Only read by front end of website */
* { margin:0; padding:0;}
body { font:62.5% Arial, Helvetica, sans-serif !important; background: url(/images/header.jpg) top center no-repeat #fff !important; text-align:center; color:#fff;}
/* GENERAL LINK COLOURS fleft fright clear */
a:link {color:#e2a900; text-decoration:none; font-weight:bold;}
a:visited {color:#e2a900; text-decoration:none; font-weight:bold;}
a:hover {text-decoration:underline;}
a:active {color:#e2a900;}
a:focus {outline:none;}
/* FLOATING CLASSES */
.fleft{ float:left; }
.fright{ float:right;}
.clear { clear:both; height:0; line-height:0; font-size:1px;}
/* CONTENT AND CONTENT STRUCTURE STYLING FOR ALL PAGES */
.content{ background: url(/images/page_bg.jpg) top center no-repeat; padding: 10px 0; width: 980px; overflow:hidden; }
#left{ float: left; position:relative; width: 180px; }
#centre{ float: left; position:relative; width: 505px; margin: 0 10px; background:url(/images/centre_bg_rep.gif) repeat-x top #FFF; }
#centrewide{ float: left; position:relative; width: 780px; margin: 0 10px; }
#right{ float: right; position:relative; width: 275px; }
#centre .pagefooter{display:block; background: url(/images/centre_footer.gif) no-repeat; height:10px; margin-bottom:-10px}}
#right img{}
#right .quotes{ width: 205px; min-height:80px; position:relative; background:url(/images/quotes_bg.gif) bottom no-repeat; padding: 10px 35px 0; margin:-3px 0 10px 0;}
#right .quotes a{ display: block; color: #eee; font-size:1.1em; font-weight:normal;}
#right .quotes a:hover{ text-decoration: none; color: #fff; }
#right .exclam_tl, #right .exclam_br{ background: url(/images/icons.gif) no-repeat 0 0; margin: 5px; display: block; position:absolute; width: 26px; height: 24px; }
#right .exclam_tl{ top:0; left:0; }
#right .exclam_br{ bottom:0; right:0; background-position:0 -24px; }
#centre p{ padding: 0px 10px; line-height:17px; }
#centre img{ padding: 2px; border: 1px solid #999; background: #fff; margin: 5px; }
#featured_investment h1{ margin: 10px 0 0 0; }
/* SITEMAP STYLING */
/* STYLING FOR PAGES */
#sitemap_left{ float: left; position: relative; width: 230px; overflow:hidden; }
#sitemap{ list-style-type: none; margin: 0 0 0 20px; padding:0; }
#sitemap li{ margin: 5px 0; width: 200px; }
#sitemap ul{ list-style-type: none; margin: 0 0 0 20px; padding:0; }
#sitemap li ul li{ margin: 3px 0; }
#sitemap li ul li a{ font-weight: normal; }
/* STYLING FOR INVESTMENTS & LATEST NEWS */
#sitemap_right{ float: right; position: relative; width: 250px; overflow:hidden; }
#sitemap_right h2{ padding:0; }
#investments{ list-style-type: none; margin: 0 0 20px 10px; padding:0; }
#investments li{ margin: 5px 0; width: 200px; }
#investments ul{ list-style-type: none; margin: 0 0 0 0px; padding:0; }
#investments li ul li{ margin: 3px 0; }
#investments li ul li a{ font-weight: normal; }
#sitemap_news{ list-style-type: none; margin: 0 0 20px 10px; padding:0; }
#sitemap_news li{ margin: 8px 0; width: 200px; }
/* LATEST PROJECTS STYLING IN SHAREDCSS FOR BACKOFFICE VIEWING */
/* OUTTER SITE WRAPPER */
#wrapper{ width:100%; overflow:hidden; text-align:left; font-size: 1.2em; }
#container{ width:980px; margin:0px auto; position:relative;}
/* HEADER SECTION STYLING */
#header{ width: 980px; height: 77px; overflow:hidden; position:relative; }
#header a#header_logo{ width: 639px; height: 37px; top:17px; position:relative; background: url(/images/logo.jpg) no-repeat; display:block; text-indent:-9000px; }
#flashcontent{ position:absolute; top:0px; left:0px; z-index:10; height:77px;}
/* NAVIGATION SECTION STYLING */
#navigation{ width: 810px; position:relative; font-family:Georgia, "Times New Roman", Times, serif; z-index:8; margin: 0 0 0 180px; padding:0; }
#navigation ul{ list-style-type:none; margin: 0; padding:0; }
#navigation li{ float: left; position:relative; }
#navigation a{ display: block; padding: 0px 8px 8px; float:left; font-size: 1.1em; color: #fff; text-transform:capitalize; font-weight:normal; }
#navigation a:hover{ text-decoration:none; color: #f1bb1a;}
#navigation a.selected, #navigation a:active{ color: #f1bb1a; text-decoration:none; }
/* GLOBAL SIDEBOX STYLING */
.sidebox_title{ width: 170px; overflow:hidden; height:41px; text-indent:-9000px; background: url(/images/sidebox_titles.gif) repeat-x 0 0; }
.sidebox{ width: 180px; margin:0; overflow:hidden; padding: 0; }
#subpages ul{ margin:0; padding:0; }
#subpages li{ list-style-type:none; margin-bottom:10px; color: #333; background:url(/images/sideshadow.gif) no-repeat top left;}
#subpages .title{ display:block; background: url(/images/side_box.gif) no-repeat; color: #fff; width:160px; margin-left:10px; height:28px; line-height:28px; padding-left:10px}
#subpages .foot{ display:block; background: url(/images/side_box.gif) 0 -28px no-repeat; margin-left:10px; width:170px; height:10px;}
#subpages a:hover .title{ text-decoration: underline; }
#subpages a:hover .intro{ color: #000; }
#subpages .intro{ background: #fff; color: #333; font-weight: normal; display:block; margin-left:10px; padding: 2px 5px 5px 5px; line-height: 16px; }
#subpages a{ display: block; }
#subpages a:hover{ text-decoration: none; }
/* SUB PAGE STYLING */
#subpages_title{ background: url(/images/sidebox_titles.gif) no-repeat 0 -41px; }
#subpages{ }
/* INVESTMENTS STYLING */
#invest_title{ background: url(/images/featinvestlinks_bg.gif) no-repeat 0 0; height:30px; margin-left:10px; }
#invest{ width:170px; margin-left:10px; }
#invest .title{ display:block; background-color:#251B2C; padding-left:10px; color: #f1bb1a; width:160px; }
#invest .intro{ color: #eee; font-weight: normal; display:block; padding: 0px 10px 10px; line-height: 16px; }
#invest a:hover .title{ text-decoration: underline; }
#invest a:hover .intro{ color: #fff; }
#invest a{ background-color:#251B2C; display: block; }
#invest a:hover{ text-decoration: none; }
#invest_footer{ width:170px; height:10px; background:url(/images/featinvestlinks_bg.gif) no-repeat bottom;}
/* BANNER SECTION STYLING */
#extra_links_title{ background: url(/images/otherlinks_bg.gif) no-repeat 0 0; height:30px; margin-left:10px; }
#extra_links_title2{ background: url(/images/otherlinks_bg.gif) no-repeat 0 0; height:30px; margin-left:10px; }
#extra_links{ width:170px; margin-left:10px; }
#extra_links ul{ margin:0; padding:0; }
#extra_links li{ list-style-type:none; color: #333; background:url(/images/sideshadow.gif) no-repeat top left;}
#extra_links .title{ display:block; background-color:#251B2C; padding-left:10px; color: #f1bb1a; width:160px; }
#extra_links .foot{ display:none; width:170px; height:10px;}
#extra_links a:hover .title{ text-decoration: underline; }
#extra_links a:hover .intro{ color: #fff; }
#extra_links .intro{ color: #eee; font-weight: normal; display:block; padding: 0px 10px 10px; line-height: 16px; }
#extra_links img{margin: 5px;}
#extra_links a{ background-color:#251B2C; display: block; }
#extra_links a:hover{ text-decoration: none; }
#extra_links_footer{ width:170px; height:10px; background:url(/images/otherlinks_bg.gif) no-repeat bottom;}
/* NEWS LIST STYLING */
#news_title{ background: url(/images/newslinks_bg.gif) no-repeat; height:30px; margin-left:10px; }
#news{ background:#251B2C; padding:0 10px; width:150px; margin-left:10px;}
#news a{ color:#F1BB1A;}
#news li{ margin-bottom:10px}
#newsfooter{ height:10px; background: url(/images/newslinks_bg.gif) no-repeat 0 -69px; margin-left:10px;}
.centre_footer{ display:block; background: url(/images/centre_footer.gif) no-repeat; height:10px; margin-bottom:10px}
/* NEWS ARCHIVE LSIT STYLING */
#news_archive_title{ background: url(/images/newslinks_bg.gif) no-repeat 0 -30px; height:30px; margin-left:10px; }
#news_archive{ background:#251B2C; padding:0 10px; width:150px; margin-left:10px; }
#news_archive a{ color:#F1BB1A;}
/* HOMEPAGE STRUCTURE AND STYLING */
.home_content{ padding: 0; width: 980px; height:388px; overflow:hidden; }
#home_centre{ position:absolute; width: 272px; height:432px; top:72px; background:url(/images/deborah_homepage.jpg) no-repeat; }
#home_right{ float: right; position:relative; background:url(/images/hompage_bg.jpg) no-repeat; width: 680px; padding:20px 0 0 0; }
#home_footer_wrapper{ background: url(/images/footer.jpg) no-repeat center bottom; width:100%; padding: 0; overflow:hidden; }
#home_right p{ padding: 2px 5px; }
#home_right h2{ margin: 0 0 0 5px; padding:0; }
#home_right ul{ list-style-type: none; margin: 0 0 0 20px; padding:0; }
#home_right li{ list-style-type: none; margin: 0 0 15px 10px; position:relative; float:left; color: #333; width:300px; background:url(/images/home_feat_shadow.png) no-repeat left; }
#home_right a{ width: 290px; color: #444; font-weight:normal; display: block; cursor:pointer;}
#home_right a:hover{ text-decoration:none; color:#000; background-position: 0 -91px; }
#home_right a img{ margin: 0 10px 0 0; padding: 1px; border: 1px solid #999; border-width: 1px;}
#home_right .title{ background: url(/images/homepage_feat_bg.gif) no-repeat; width:270px; margin-left:10px; padding:0 10px; height:28px; line-height:28px; display:block; font-size:1.2em; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; color:#fff; }
#home_right a:hover .title{ text-decoration:underline;}
#home_right .intro{ height:92px; display:block; width:270px; margin-left:10px; padding: 10px; background:#FFF;}
#home_right .foot{ background: url(/images/homepage_feat_bg.gif) no-repeat 0 -28px; margin-left:10px; width:290px; height:10px; display:block;}
#home_right .feature2{ margin: 0 0 0 10px;}
#home_right .feature2 .title{ color:#fff}
#home_right .feature2 .intro{ height:144px; display:block; width:275px; margin-left:10px; padding: 10px 7px 8px 8px;}
#home_right .feature2 img#playthefield{ margin: 0 10px 0 0; padding: 1px; border: 1px solid #999; border-width: 1px; position:absolute; top:98px; left:17px; }
#readarticle{ width:102px; height:34px; background:url(/images/b_read_article.gif) no-repeat; display:block; float:right; position: absolute; right:0px; bottom:10px; }
#findoutmore{ width:102px; height:34px; background:url(/images/b_findoutmore.gif) no-repeat; display:block; float:right; position: absolute; right:0px; bottom:10px; }
/* FEATURED STYLING ON HOMEPAGE */
#featured{ background: url(/images/feature_bg.gif) no-repeat; width: 261px; height: 76px; display:block; padding: 7px 7px 7px 7px;}
#featured a{ font-weight: normal; position:relative; margin: 0; width: 261px; color: #eee; overflow:hidden; font-size:0.9em; }
#featured a h3{ margin: 0; }
#featured a img{ border: none; padding: 0; margin: 1px 8px 0 0; }
#featured a span{ color: #f1bb1a; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.2em; }
#featured a:hover span{ text-decoration:underline;}
#featured a:hover{ color:#fff; text-decoration:none;}
#home_right #featured{ position:absolute; top:100px; left:18px }
/* FEATURED STYLING ON DEN INVESTMENT PAGE */
.product_container {width:100%; position:relative; margin:0 0; padding: 0 0 0 0;}
a.prod_list img {margin:0 0 5px 5px!important;}
a.prod_list .imgholder {margin:0 5px 5px 0;}
a.prod_list{ margin: 0 0 10px 0; height: 127px; color: #333; font-weight:normal; padding:0; display: block; cursor:pointer; }
a.prod_list .companyname{ padding: 0; color: #F1BB1A; margin:0; font-family:Georgia, "Times New Roman", Times, serif; font-size: 17px; font-weight:normal; }
a.prod_list .readmore{ font-weight:bold; }
a.prod_list .companyname{ background:url(/images/centre_feature_dark.gif) no-repeat top; display:block; width:485px; height:28px; line-height:28px; padding:0 10px; }
a.prod_list .description{ background:#3B3241; display:block; height:87px; width:485px; padding:5px 10px 0 10px; color:#eee;}
a.prod_list .footer{ background:url(/images/centre_feature_dark.gif) no-repeat bottom; width:505px; height:10px;}
.prod_title{ font-size: 1.3em; color: #000; font-weight:bold; margin-left:5px;}
a:hover.prod_list img{ border: 1px solid #333; }
a:hover.prod_list{ text-decoration: none; color:#fff; background-position: 0 -91px; }
a:hover.prod_list .prod_desc{ text-decoration: none; color: #fff; }
a:hover.prod_list span{ color: #fff; }
a:hover.prod_list .companyname{ text-decoration:underline; }
/* FEATURE ON RIGHT OF PAGES */
#right a.prod_list2{ font-weight: normal; width: 260px; height: 77px; display:block; margin: 0; color: #eee; overflow:hidden; padding: 6px 7px 7px 8px; background: url(/images/feature_bg.gif) no-repeat; font-size:0.9em;}
#right a.prod_list2 img{ border: none; padding: 0; margin: 3px 8px 0 0; }
#right a:hover.prod_list2{ color:#fff; }
/* FEATURED STYLING THROUGHOUT THE WEBSITE */
a.prod_list2 .imgholder {margin:0 5px 5px 0;}
a.prod_list2{ font-weight: normal; width:98%; height: 81px; display:block; margin: 0 0 5px 0; color: #333; overflow:hidden; padding: 10px 0 0 10px; }
a.prod_list2 span{ padding: 0; margin:0; font-family:Georgia, "Times New Roman", Times, serif; color:#f1bb1a; font-size: 1.2em; font-weight:bold; display:block; }
a:hover.prod_list2 span{ text-decoration:underline;}
a:hover.prod_list2{ text-decoration: none; color: #f1bb1a; }
a:hover.prod_list2 .prod_desc{ text-decoration: none; color: #f1bb1a; }
/*#home_centre a#deborahs_story{ background: url(/images/homepage_links.jpg) no-repeat 0 0; }
#home_centre a:hover#deborahs_story{ background-position: 0 -93px; }
#home_centre a#what_happened{ background: url(/images/homepage_links.jpg) no-repeat 0 -186px; }
#home_centre a:hover#what_happened{ background-position: 0 -279px; }
#home_centre a#the_interview{ background: url(/images/homepage_links.jpg) no-repeat 0 -372px; }
#home_centre a:hover#the_interview{ background-position: 0 -465px; }
#home_centre a#dragons_den{ background: url(/images/homepage_links.jpg) no-repeat 0 -558px; }
#home_centre a:hover#dragons_den{ background-position: 0 -651px; }
#home_centre a#news_room{ background: url(/images/homepage_links.jpg) no-repeat 0 -744px; height:53px; }
#home_centre a:hover#news_room{ background-position: 0 -832px; }*/
/* FOOTER SECTION STYLING */
#footer_wrapper{ background: url(/images/footer.jpg) no-repeat center bottom; width: 100%; padding: 0; overflow:hidden; }
#footer{ width: 980px; height:220px; color: #fff; position:relative; padding:20px 0 0 0; margin:0 auto; overflow:hidden; }
#footer .nav{ width: 296px; height:116px; margin-top:30px; padding:20px 10px 10px 20px; overflow:hidden; float:left; background:url(/images/footer_nav_bg.jpg) no-repeat; }
#footer .nav ul{ list-style-type:none; margin:0; padding:0; }
#footer .nav li{ width: 140px; float:left; position:relative; list-style-type: none; }
#footer .nav a{ padding: 3px 0 3px 10px; color: #eeeeee; font-size:1.0em; font-weight:normal; background: url(/images/gold_bullet.gif) no-repeat 0 8px; }
#footer .fright{ padding: 20px 0 0 0; }
#footer #bookad{ width:508px; height:216px; float:right; margin-right:100px;}
#footer .nav #footer_links{ margin:10px 0 0 0; }
#footer .nav #footer_links a{ font-weight:normal; background:none !important; color:#F1BB1A;}
#footer .nav #footer_links a:hover{ text-decoration:underline;}
#footer_links a#roundhouse{ background: url(/images/footer_links.gif) no-repeat -15px -300px; }
#footer_links a:hover#roundhouse{ }
#footer_links a#childrens_hospice{ background: url(/images/footer_links.gif) no-repeat -15px -60px; }
#footer_links a:hover#childrens_hospice{ /*background-position: 0 0px;*/ }
#footer_links a#wwf{ background: url(/images/footer_links.gif) no-repeat -40px -180px; width: 124px; }
#footer_links a:hover#wwf{ /*background-position: -40px -120px;*/ }
/* GALLERY PAGE STYLING */
#gallery_container{ width: 100%; overflow:hidden; background:#FFF; }
#gallery_container .image_container{ float: left; position: relative; }
#gallery_container img{ border: 1px solid #333333; }
/* GLOBAL IMAGE STYLES */
img {border:none; }
.middle {vertical-align:middle;}
/* THUBNAIL IMAGE CONTAINER */
.imgholder {width:80px; max-width:80px; height:80px; max-height:80px; display:block; position:relative; overflow:hidden; margin:0 auto 5px auto; z-index:2; text-align:center;}
.imgholder a:link img, .imgholder a:visited img, .imgholder a:active img {border:solid 1px #dcecf0; background:#fff}
.imgholder a:hover img {border:solid 1px #b1c8ce;}
/* MORE INFORMATION AND VIEW BASKET BUTTONS */
div.button {display:block; height:24px; white-space:nowrap; margin:8px 5px}
div.button a:link, div.button a:visited {line-height:24px; color:#FFF;}
div.button a:active {color:#FD7A14;}
div.button span {display:block; position:relative; float:left; height:24px;}
span.button_l {background:#616161 url(/images/button_blue_l.gif) no-repeat; width:5px;}
span.button_c{background:#616161 url(/images/button_blue_c.gif) repeat-x; padding:0px 10px; display:inline; text-align:center;}
span.button_r {background:#616161 url(/images/button_blue_r.gif) no-repeat; width:5px;}
.margin {margin-left:20px;} /* Used for the buttons in the side nav */
.moreinfo_small {width:90px;} /* Used for gallery view */
.moreinfo {width:140px;} /* Used for list view */
/* FORM AND INPUT RELATED STYLES */
form {padding:0; margin:0;}
input {color:#444; vertical-align:middle;}
label {vertical-align:middle;}
input.button {vertical-align:top;}
.button2 {vertical-align:top; margin:5px; display:block;}
select {color:#444; font-size:1em;}
textarea {font-family:Arial, Helvetica, sans-serif; font-size:1.2em;}
img.button {margin:5px;}
select.side {max-width:160px; width:160px;} /* Side-nav select boxes */
fieldset.hidden {margin:0; padding:0; border:none;}
legend.hidden {margin:0; padding:0; display:none;}
.wide {width:300px}
.medium {width:200px;}
.narrow {width:120px;}
/* GLOBAL LIST STYLES others defined as and when used */
dl {margin:0;}
dt {padding:3px 0;}
dd {padding:0; margin:0;}
ol {margin:0 0 0 20px; padding:0;}
ol li {list-style:decimal;}
/* PRICE TEXT STYLES */
/* Special offer prices eg NOW £99 WAS £119 */
.price_was {color:#666666; display:none;}
.strike {text-decoration:line-through; display:none;}
.price_was_preword {color:#666666; text-decoration:line-through; display:none;}
.price_was_inc { font-size:0.7em; color:#666; display:none;}
.price_now_preword {color:#FF6600; display:none;}
.price_now_inc {font-size:0.7em; color:#FF6600; display:none;}
/* VAT prices */
.price_exvat {color:#FF6600; font-weight:bold; display:none;}
.price_exvat_lrg {font-size:1.2em; display:none;}
.price_incvat {font-size:1em; color:#FFA647; display:none;}
/* Normal prices */
.price_preword {color:#FF6600; display:none;}
.price_postword {color:#FF6600; display:none;}
/*************************
* product page classes
**************************/
/* PRODUCT PAGE STRUCTURE */
#productspage {font-size:1.2em; position:relative; margin:0 15px;}
#prod_c {background:#e7f0f3 url(/images/products_c.gif) repeat-x left top; position:relative; padding:10px; color:#517089; min-height:333px; border:2px solid #fff; border-width:0 2px; margin:0 0 25px 0;}
#prod_c .ptl {width:12px; height:333px; position:absolute; top:0px; left:-2px; background:url(/images/products_tl.gif) no-repeat;}
#prod_c .ptr {width:12px; height:333px; position:absolute; top:0px; right:-2px; background:url(/images/products_tr.gif) no-repeat;}
#prod_c .pbl {width:12px; height:12px; position:absolute; bottom:0px; left:-2px; background:url(/images/products_bl.gif) no-repeat;}
#prod_c .pbr {width:12px; height:12px; position:absolute; bottom:0px; right:-2px; background:url(/images/products_br.gif) no-repeat;}
#prod_c h1 {font-size:1.7em; margin:0 10px 7px 10px;}
#prod_summary .stl {width:10px; height:10px; position:absolute; top:-1px; left:-1px; background:url(/images/product_sum_tl.gif) no-repeat;}
#prod_summary .str {width:10px; height:10px; position:absolute; top:-1px; right:-1px; background:url(/images/product_sum_tr.gif) no-repeat;}
#prod_summary .sbl {width:10px; height:14px; position:absolute; bottom:0px; left:-1px; background:url(/images/product_sum_bl.gif) no-repeat;}
#prod_summary .sbr {width:10px; height:14px; position:absolute; bottom:0px; right:-1px; background:url(/images/product_sum_br.gif) no-repeat;}
#prod_c #logo {position:absolute; top:10px; right:20px; float:none; z-index:10;}
/* PRODUCT PAGE MAIN IMAGE */
.prod_img { float: right; position:relative; margin: 0 0 10px 10px; }
/* PRODUCT PAGE OPTIONS - RADIO OPTIONS */
.radioopts .radiobut {border:1px solid #cfe2e6; border-width:0 0 1px 0; vertical-align:middle; position:relative; min-height:46px;}
.radioopts .radiobut input {margin:0 5px 0 0; position:absolute; top:16px; left:5px;}
.radioopts .radiobut a {margin:0 10px 0 0; position:absolute; top:7px; left:26px;}
.radioopts .radiobut b {margin:0 0 0 70px; padding:5px 0; display:block;}
.radioopts .radiobut label {display:block; color:#000; width:100%; min-height:45px; margin-top:1px;}
.radioopts .radiobut label#clicked {background:#f5fafc;}
.radioopts .radiobut label:hover {cursor:pointer; cursor:pointer; background:#fffcf6;}
.radioopts .radiobut label#clicked {cursor:default;}
.radioopts .rad_disabled label {color:#999;}
.radioopts .rad_disabled label:hover {cursor:default; background:#fff;}
/* PRODUCT PAGE OPTIONS - SELECT BOX */
#product_options {margin:20px 0 10px 0;}
#product_options label.big {font-size:1.3em; color:#517089; font-weight:bold; vertical-align:middle;}
#product_options select {width:215px; font-size:1.2em;}
#product_options .ofocus{ border:1px solid #FF9900;}
#product_options .norm{ border: 1px solid #A5ACB2; }
/* PRODUCT PAGE EXTRA INFO BOX */
#product_extra {margin:10px 0; font-size:0.9em;}
#product_extra ul{margin:0; padding:0; list-style-type:none;}
#product_extra li {margin:0 7px; float:left; position:relative; line-height:16px;}
#product_extra li.attrib {margin:0 5px 0 0;}
#product_extra a:link, #product_extra a:visited, #product_extra a:active {color:#517089; font-weight:bold; text-decoration:underline;}
#product_extra a:hover {color:#000;}
/* PRODUCT PAGE ADD TO BASKET */
#addtobasket {margin: 10px 0 0 0; height:40px; position:relative;}
#addtobasket #qtybox label.big {position:absolute; left:0px; top:8px; font-size:1.4em; color:#517089; font-weight:bold;}
#addtobasket #qtybox input {position:absolute; left:30px; top:8px; width:33px; border:1px solid #A5ACB2; font-size:1.2em; font-weight:bold; text-align:center;}
#addtobasket input {position:absolute; left:70px; top:5px;}
/* PRODUCT PAGE TAB NAVIGATION */
#product_tabs {z-index:1; position:relative;}
#product_tabs ul {margin:0; padding:0; list-style-type:none;}
#product_tabs li {margin:0; padding:0; display:inline;}
#product_tabs .tab, #product_tabs .tabtext, #product_tabs .tableft, #product_tabs .tabright {float:left; position:relative;}
#product_tabs .tab {background:#E7EEF0 url(/images/tab_bg.gif) repeat-x; display:inline; margin-right:1px;}
#product_tabs .tab img {vertical-align:middle; margin-top:7px;}
#product_tabs .tabtext {margin:6px 6px 0 2px; display:inline;}
#product_tabs .tableft {background:#E7EEF0 url(/images/tab_left.gif) no-repeat; height:27px; width:4px;}
#product_tabs .tabright {background:#E7EEF0 url(/images/tab_right.gif) no-repeat; height:27px; width:4px;}
#product_tabs .tabicon {margin:0 4px;}
#product_tabs a.tablink:link, #product_tabs a.tablink:visited, #product_tabs a.tablink:active {display:block; color:#232323; cursor:pointer; cursor:pointer;}
#product_tabs a.tablink:hover {cursor:pointer; cursor:pointer; text-decoration:underline;}
#product_tabs #active .tab {background:#fff url(/images/tab_active_bg.gif) repeat-x; font-weight:bold;}
#product_tabs #active .tableft {background:#fff url(/images/tab_active_left.gif);}
#product_tabs #active .tabright {background:#fff url(/images/tab_active_right.gif);}
/* PRODUCT PAGE TAB CONTENT */
#tab_content {width:99.5%; display:block; border:solid 1px #b1c8ce; margin-top:-1px; background:#fff; z-index:0; color:#000;}
#tab_content #desc_area {border:5px solid #fff;}
#tab_content .desc_area_content {padding:10px;}
#tab_content object, #tab_content embed { background:url(/images/bg_loading.gif) no-repeat center center; display:block;}
#tab_content embed {}
#tab_content .review {padding:10px; border:1px solid #DAE3E7; border-width:1px 3px 3px 1px; background:#fdffff; position:relative; margin:0 0 10px 0;}
#tab_content .review .reviewdate {float:right; position:relative; color:#92A7B7;}
#tab_content #product_review {width:98%; border:1px solid #b1c8ce;}
/* PRODUCT PAGE MORE IMAGES ALT TEXT VIEWER */
.speach {background:#fff url(/images/speach_bg.gif) repeat-x left bottom; border:1px solid #B1C8CE; border-width:1px 2px 2px 1px; padding:3px 6px; position:relative; font-size:11px; font-weight:normal; color:#517089; text-decoration:none; text-align:center; display:block;}
.speach .tip {width:13px; height:12px; position:absolute; top:-12px; left:24px; background:url(/images/speach_tip.png);}
#extra_images{ width: 200px; padding: 10px 0; float: right; position:relative; text-align:center; }
#extra_images img{ border: 1px solid #111; }
#extra_images .imgholder{ height: 90px; }
#extra_images .imgholder .alttext {display:none; position:absolute; left:0px; bottom:0px; text-decoration:none; margin:10px;}
#extra_images .imgholder a:hover .alttext {display:block; cursor:pointer; cursor:pointer;}
#tab_content dd { position:relative;}
#tab_content .alttext {display:none; position:absolute; left:0px; bottom:20px; text-decoration:none; margin:0px; z-index:100;}
#tab_content a:hover .alttext {display:block; cursor:pointer; cursor:pointer;}
/* SEARCH BOXES HEADER */
.searchresults {font-size:1.2em; font-weight:normal;} /* eg 1 to 14 products displayed out of 14 */
#product_listing {position:relative; clear:both;}
#product_listing h2 {margin:10px 0 0 0;}
#product_listing .results {font-size:1.2em; font-weight:normal; position:absolute; right:0px; top:-7px;}
#product_listing .searchbar_viewsort {position:relative; display:block; height:30px; background:#DFECF0 url(/images/bg_header_bar7.gif) repeat-x; border:1px solid #ddd;}
#product_listing .searchbar_viewsort .view_as, #product_listing .searchbar_viewsort .sort_by {position:absolute; top:4px; height:20px; padding:2px 0 0 0;}
#product_listing .searchbar_viewsort .view_as {left:5px;}
#product_listing .searchbar_viewsort .sort_by {right:5px;}
#product_listing .searchbar_viewsort a:link, #product_listing .searchbar_viewsort a:visited, #product_listing .searchbar_viewsort a:active {border:1px solid #DFECF0; padding:2px;}
#product_listing .searchbar_viewsort a:hover {background:#fff; border:1px solid #b1c8ce; text-decoration:none;}
#product_listing .searchbar_viewsort a.selected {background:#fff; border:1px solid #b1c8ce;}
#product_listing .searchbar_refine {position:relative; display:block; background:#fff url(/images/bg_crumbs.gif) repeat-x top; height:25px;}
#product_listing .searchbar_refine .search_within, #product_listing .searchbar_refine .page_chooser {position:absolute; top:0px; height:20px;}
#product_listing .searchbar_refine .search_within {left:5px;}
#product_listing .searchbar_refine .search_within input.search_in {width:100px; border:1px solid #b1c8ce; line-height:12px;}
#product_listing .searchbar_refine .page_chooser {right:5px; padding:4px 0 0 0;}
#product_listing .searchbar_refine .page_chooser a {background:#fff; border:1px solid #DFECF0; padding:2px 5px;}
#product_listing .searchbar_refine .page_chooser a:hover {border:1px solid #b1c8ce;}
#product_listing .foot {background:#fff url(/images/bg_searchbar_foot.gif) repeat-x bottom; height:33px;}
#product_listing .foot .page_chooser {top:0px;}
#noresults {margin:0; text-align:left;}
#noresults p {font-weight:bold; margin-top:0; text-align:left;}
#noresults img {vertical-align:middle;}
#noresults li {margin:5px 0; text-align:left; font-weight:normal;}
/* TABLE STYLING mainly used in basket and checkout pages */
.formtable {border:1px solid #cbdce1; border-width:1px 0px 0px 1px;}
.formtable td {border:1px solid #dcecf0; border-width:0px 1px 1px 0px; background:#fff; height:30px; padding:0 10px;}
.formtable .heading td {background:#DFECF0; border:1px solid #FFF; border-color:#fff #b1c8ce #b1c8ce #fff; font-weight:bold; height:35px;}
.formtable i {font-weight:normal; color:#517089;}
.formtable .highlight td {background:#f6fafb; font-weight:bold;}0
.formtable td.right {text-align:right; padding:0 10px 0 0;}
.formtable .noborder td {border:none; padding:0;}
/* ALERT BOXES Standard error/confirm message box colours*/
div.alert {background:#fefbea url(/images/error.gif) no-repeat 3px 2px; border:1px solid #edc55c; text-indent:22px; margin:5px 0; padding:3px; font-size:1.2em; position:relative; text-align:left;}
div.confirm {margin:15px 10px 15px 0px; width:100%; font-size:0.8em; }
/**
* The CSS for Shadowbox.
*
* This file is part of Shadowbox.
*
* Shadowbox is free software: you can redistribute it and/or modify it under
* the terms of the GNU Lesser General Public License as published by the Free
* Software Foundation, either version 3 of the License, or (at your option)
* any later version.
*
* Shadowbox is distributed in the hope that it will be useful, but WITHOUT ANY
* WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
* FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for
* more details.
*
* You should have received a copy of the GNU Lesser General Public License
* along with Shadowbox. If not, see .
*
* @author Michael J. I. Jackson
* @copyright 2007 Michael J. I. Jackson
* @license http://www.gnu.org/licenses/lgpl-3.0.txt GNU LGPL 3.0
* @version SVN: $Id: shadowbox.js 150 2007-12-04 18:42:03Z michael $
*/
/*_________________________________________________________________ Overlay */
#shadowbox_overlay {
visibility: hidden;
position: absolute;
display: block;
margin: 0;
padding: 0;
top: 0;
left: 0;
z-index: 998;
}
/*_______________________________________________________________ Container */
#shadowbox_container {
position: fixed;
height: 0px;
width: 100%;
margin: 0;
padding: 0;
top: 0;
left: 0;
z-index: 999;
text-align: center; /* centers in quirks and IE */
}
/*_______________________________________________________________ Shadowbox */
#shadowbox {
display: none;
visibility: hidden;
margin: 0 auto;
position: relative;
font-family: 'Lucida Grande', Tahoma, sans-serif;
text-align: left; /* reset left alignment */
}
/*___________________________________________________________________ Title */
/*
HTML snapshot:
*/
#shadowbox_title {
height: 25px;
padding: 0;
overflow: hidden;
}
#shadowbox_title_inner {
height: 16px;
font-size: 16px;
line-height: 16px;
white-space: nowrap;
padding: 5px 0 4px 8px;
color: #fff;
}
/*____________________________________________________________________ Body */
/*
HTML snapsnot:
*/
#shadowbox_body {
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
border: 2px solid #fff;
background-color: #fff;
}
#shadowbox_body_inner {
position: relative;
overflow: hidden;
}
#shadowbox_loading {
position: absolute;
top: 0;
left: 0;
height: 10000px; /* overflow:hidden will clip this */
width: 100%;
background-color: #fff;
}
#shadowbox_loading img {
float: left;
margin: 10px 10px 0 10px;
}
#shadowbox_loading span {
float: left;
margin-top: 16px;
font-size: 10px;
}
#shadowbox_loading span a,
#shadowbox_loading span a:link,
#shadowbox_loading span a:visited {
color: #fff;
}
#shadowbox_content.html { /* make html content scrollable */
height: 100%;
width: 100%;
overflow: auto;
}
/*_________________________________________________________________ Toolbar */
/*
HTML snapshot:
*/
#shadowbox_toolbar {
margin: 0;
padding: 0;
height: 20px;
overflow: hidden;
}
#shadowbox_toolbar_inner {
height: 20px;
color: #fff;
}
#shadowbox_toolbar_inner div {
padding-top: 4px;
padding-bottom: 2px;
font-size: 10px;
height: 10px;
line-height: 10px;
}
#shadowbox_toolbar_inner div span.shortcut {
text-decoration: underline;
font-weight: bold;
}
#shadowbox_toolbar_inner div a {
text-decoration: none;
color: #fff;
}
#shadowbox_nav_close,
#shadowbox_nav_previous,
#shadowbox_nav_next {
float: right;
padding-right: 10px;
}
#shadowbox_counter {
float: left;
padding-left: 10px;
}
#shadowbox_counter a {
padding: 0 4px 0 0;
}
#shadowbox_counter a.shadowbox_counter_current {
text-decoration: underline;
font-weight: bold;
}
/*________________________________________________________________ Messages */
div.shadowbox_message {
text-align: center;
padding: 10px;
}
div.shadowbox_message a:link,
div.shadowbox_message a:visited {
text-decoration: none;
color: #bed333;
}
div.shadowbox_message a:hover,
div.shadowbox_message a:focus {
text-decoration: underline;
}
/* SHARED CSS USED BY BOTH FRONT END AND BACK OFFICE RTE */
body{ font-family:Arial, Helvetica, sans-serif; background: #fff; color:#000; font-size:62.5%;}
.mceContentBody{ background: #eeeeee; font-size: 12px; }
p{ margin: 0; padding:0; }
.rte_twoeqcol_left, .rte_twoeqcol_right, .rte_twocol_small_left, .rte_twocol_big_right, .rte_twocol_big_left, .rte_twocol_small_right, .rte_threecol { float: left; margin: 5px 0; padding: 5px 0;}
.rte_twoeqcol_left {width: 48%; }
.rte_twoeqcol_right {width: 48%;}
.rte_twocol_small_left {width: 38%;}
.rte_twocol_big_right {width: 58%;}
.rte_twocol_big_left {width: 58%;}
.rte_twocol_small_right {width: 38%;}
.rte_threecol {width: 31%;}
.mceContentBody .rte_twoeqcol_left, .mceContentBody .rte_twoeqcol_right, .mceContentBody .rte_twocol_small_left, .mceContentBody .rte_twocol_big_right, .mceContentBody .rte_twocol_big_left, .mceContentBody .rte_twocol_small_right, .mceContentBody .rte_threecol {border:1px dotted #999;}
#mceTemplatePreview .rte_twoeqcol_left, #mceTemplatePreview .rte_twoeqcol_right, #mceTemplatePreview .rte_twocol_small_left, #mceTemplatePreview .rte_twocol_big_right, #mceTemplatePreview .rte_twocol_big_left, #mceTemplatePreview .rte_twocol_small_right, #mceTemplatePreview .rte_threecol {border:1px dotted #999;}
.clear {clear:both; }
h1 { background: url(/images/h1bg.gif) no-repeat; display:block; padding: 5px 9px; color: #fff; font-family:Georgia, "Times New Roman", Times, serif; font-size: 2.1em; font-weight:normal; margin-bottom:10px; }
h2 { color: #333333; font-family:Georgia, "Times New Roman", Times, serif; font-size: 1.6em; font-weight:normal; padding: 0 9px; }
h3 { color: #333333; font-family:Georgia, "Times New Roman", Times, serif; font-size: 1.2em; font-weight:normal; padding: 0 9px; }
h4 { color: #333333; font-family:Georgia, "Times New Roman", Times, serif; font-size: 1.8em; font-weight:normal; padding: 0; }
.latest_projects{ width:380px; float:left; margin:0 10px 10px 0px;}
.latest_projects a { text-decoration:none;}
.latest_projects a .header{ background:url(/images/latest_projects_bg.gif) no-repeat; display:block; height:28px; width:360px; line-height:28px; padding:0 10px; color:#FFF; font-weight:bold;}
.latest_projects a:hover .header{text-decoration:underline; }
.latest_projects a .intro{ background:#FFF; padding:10px; margin:0; color:#333; font-weight:normal; text-decoration:none; cursor:pointer;}
.latest_projects a:hover .intro{ color:#000; text-decoration:none}
.latest_projects .intro img{ margin:2px 10px 0 0 !important;}
.latest_projects .footer{ background:url(/images/latest_projects_bg.gif) no-repeat 0 -28px; height:10px; width:380px;}
.media_article{ width:505px; float:left; margin:0 0px 10px 0px;}
.media_article a { text-decoration:none;}
.media_article a .header{ background:url(/images/centre_feature.gif) no-repeat; display:block; height:28px; width:485px; line-height:28px; padding:0 10px; color:#FFF; font-weight:bold;}
.media_article a:hover .header{ text-decoration:underline;}
.media_article a .intro{ background:#FFF; padding:10px; margin:0; color:#333; font-weight:normal; text-decoration:none; cursor:pointer;}
.media_article a:hover .intro{ color:#000; text-decoration: none;}
.media_article .intro img{ margin:2px 0 0 10px !important;}
.media_article .footer{ background:url(/images/centre_feature.gif) no-repeat 0 -28px; height:10px; width:505px;}
/* HOMEPAGE STRUCTURE AND STYLING */
#home_feats{ padding: 0; }
#home_feats h2{ margin: 0 0 0 5px; padding:0; }
#home_feats ul{ list-style-type: none; margin: 0 0 0 20px; padding:0; }
#home_right li{ list-style-type: none; margin: 0 0 15px 10px; position:relative; float:left; color: #333; width:300px; background:url(/images/home_feat_shadow.png) no-repeat left; }
#home_feats a{ width: 290px; color: #444; font-weight:normal; cursor:pointer;}
#home_feats a:hover{ text-decoration:none; color:#000; background-position: 0 -91px; }
#home_feats .title{ background: url(/images/homepage_feat_bg.gif) no-repeat; width:270px; margin-left:10px; padding:0 10px; height:28px; line-height:28px; display:block; font-size:1.2em; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; color:#fff; }
#home_feats a:hover .title{ text-decoration:underline;}
#home_feats a .intro{ height:92px; width:160px; border-left:110px #FFF solid; padding: 10px; background:#FFF;}
#home_feats a img{ margin: 0 10px 0 0; padding: 1px; border: 1px solid #999; border-width: 1px; position:absolute; top:38px; left:20px; }
#home_feats .foot{ background: url(/images/homepage_feat_bg.gif) no-repeat 0 -28px; margin-left:10px; width:290px; height:10px; display:block;}
#readarticle{ width:102px; height:34px; background:url(/images/b_read_article.gif) no-repeat; display:block; float:right; position: absolute; right:0px; bottom:10px; }
#findoutmore{ width:102px; height:34px; background:url(/images/b_findoutmore.gif) no-repeat; display:block; float:right; position: absolute; right:0px; bottom:10px; }
img {border:none;}
/* LINKS PAGE STYLING - Change width on #links_container to make overall width smaller - Liquid Layout*/
#links_container{ width: 520px; font-size: 1.1em; }
#links_container ul{ list-style-type: none; }
#links_container li{ width:100%; overflow:hidden; }
#links_container li a#globe_link, #link_container li a:link#globe_link, #link_container li a:visited#globe_link, #link_container li a:active#globe_link{ background: #fff url(/images/links_icon.gif) no-repeat; width: 34px; height: 34px; display:block; float: left; position:relative; margin: 0 10px 10px 0; text-indent:-9000px;
}
#links_container li a:hover#globe_link{ }
/* THIS OVERRIDES STYLES ON THE LI */
#links_container .withdesc, #links_container .nodesc{ border: 1px solid #dddddd; margin: 0 0 10px 0; font-weight: bold; padding: 5px 5px 5px 5px; }
#links_container .withdesc{ }
#links_container .nodesc{ }
/* THIS IS THE ACTUAL CONTENTS STYLING - TITLE IS USED ONLY TO CLEAR THE 2 FLOATING CLASSES */
#links_container .title{ display:block; width: 90%; overflow:hidden; }
#links_container .left, #links_container .right{ display:block; margin: 0 0 5px 0; }
#links_container .left{ width: 65%; float:left; position:relative; }
#links_container .right{ width: 30%; float:right; position:relative; text-align:right; }
#links_container .desc{ font-weight: normal; display:block; width: 90%; float:left; position:relative; padding: 1px; }
/* ALL LINKS WILL BE USING GLOBAL STYLES UNLESS CHANGED BELOW */
#links_container a,#links_container a:link,#links_container a:active,#links_container a:visited{ color: #000; }
#links_container a:hover{ }
/* Events Calendar CSS*/
#events_table { border:1px solid #925F93; width:535px; margin:10px 0;}
#events_table td { border:1px solid #e7e7e7; border-top:none; border-left:none; text-align:center;}
#events_table td.none { background-color:#f4f4f4;}
#events_table a { background:#ffe8d6; border:1px solid #fff; border-right-color:#ffb579; border-bottom-color:#ffb579; color:#000; font-weight:bold; display:block; width:100%;}
#events_table a.calMonthSelect { display:inline; text-decoration:none;}
#events_table a:active { border:1px solid #F5822A;}
#events_table a:hover { background:#F5822A; color:#fff;}
#events_table .header { background:#DABFDB;}
#events_table .header td { width:76px; font-weight:bold; background:#DABFDB; border:1px solid #925F93; border-top-color:#f7f1f7; border-left-color:#f7f1f7;}
#events_list {}
#events_list ul { margin:10px 0 30px 30px; padding:0; list-style-image: url(/images/icon_page.gif);}
#events_list li { margin:5px 0;}
/* LiquidWeb Specific Styles Please Leave*/
fieldset.hidden { margin:0; padding:0; border:none;}
.nifty_content { padding:5px 10px 10px 10px;}
.req {color:#ff9900; font-size:1.6em;}
#nifty{;}
#nifty b.rtop, #nifty b.rbottom{display:block;background: #EEEEEE;}
#nifty b.rtop b, #nifty b.rbottom b{display:block;height: 1px; overflow: hidden;}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}
.nifty_content { padding:5px 10px 10px 10px;}
#horizlist { position:relative; z-index:50;}
#horizlist ul { margin:5px 0 10px 10px; padding:0; list-style-type:none;}
#horizlist li { margin:0 10px 5px 0;}
#horizlist li a.current { font-weight:bold; color:#000; padding:3px;}
#news_list {}
#news_list ul { margin:20px 0 20px 5px; padding:0; list-style-type:none;}
#news_list li { margin:15px 0;}
/***************************
* SITEMAKERS BUBBLE
***************************/
.balloon { text-align:left; width:80px; height:15px; z-index:150; position:absolute; bottom:10px; right:10px; line-height:1.4em;}
.balloon a, .balloon a:visited {display:block; text-decoration:none; color:#000; width:80px; height:15px; background:transparent;}
.balloon a img, .balloon a:visited img {}
.balloon dl {visibility:hidden;position:absolute; top:-54px; height:50px; left:-200px}
.balloon table {margin:-2px;border:0;padding:0;border-collapse:collapse;font-size:1em;}
.balloon dl {width: 350px; padding:0 0 10px 0; border:1px solid #000; background: #fff;}
.balloon dt {margin:0; padding:5px; font-weight:bold; color:#fff; text-align:center; font-size:1.2em;}
.balloon dd {margin:0; padding:5px 15px; color:#000; background:#fff; font-weight:normal;}
/* specific to non IE browsers and IE7 first with IE5.5 and IE6 second */
.balloon:hover, .balloon a:hover {cursor:pointer; text-decoration:none;}
.balloon:hover dl,.balloon a:hover dl {visibility:visible; color:#000; bottom:0px; left:-350px; cursor:default;}
.balloon:hover dl a,.balloon a:hover dl a {color:#000; text-decoration:none; font-weight:bold; background:url(/images/icon_sitemakers.gif) left no-repeat; padding-left:20px;}
.balloon:hover dl a:hover,.balloon a:hover dl a:hover {text-decoration:underline;}
