body { text-align:center; padding-top:10px; font-family:Arial, Helvetica, sans-serif; color:#555555; font-size:11px; }
img { line-height:0; }
h1 { line-height:1.1em; }
h2,h3 { line-height:1.2em; }
p { line-height:1.4em; }
a:focus { outline-width:0; }
#content ul li a, p a, .like-a-link { text-decoration:none; border-bottom:thin dotted #CCCCCC; color:#9b1928; }
b { font-weight:bold; }
ol a { text-decoration:none; border-bottom:thin dotted #CCCCCC; color:#9b1928; }
table tr th {width: 120px;}
table tr td {width: 120px;}
table tr.even {background-color: #f0eff0;}
.link-rollover { background-repeat:no-repeat; background-position:left top; text-indent:-5000px; display:block; overflow:hidden; }
.link-rollover:hover { background-position:left bottom; border:none; }
.main_sprite { text-decoration: none; background-image:url(/images/sprite-main.png); _background-image:url(/images/sprite-main.gif); background-repeat:no-repeat; text-indent:-300px; display:block; overflow:hidden; }
#wrapper { width: 944px; margin:0 auto; text-align:left; position:relative; }
#header_top { background-position:0 -455px; height:28px; width:912px; }
#main_area { height:686px; width:912px; background-color:#FFFFFF; background-image:url(/images/main-area-bg.png); background-repeat:no-repeat; background-position:right top; position:relative; }
#main_area_footer { height:208px; width:912px; background-position:0 -508px; position:relative; }

.feature_sprite { background-image:url(/images/sprite-features.jpg); background-repeat:no-repeat; position:absolute; display:block; overflow:hidden; text-indent:0; }
.feature_sprite h4 { margin-top:22px; color:#271f1d; }
.feature_sprite p { margin-right:20px; font-size:10px; }
#shutters_brochure { background-position:-261px 0; height:196px; width:264px; top:0; left:280px; }
#shutters_brochure h4 { margin-left:142px; }
#shutters_brochure p { margin-left:145px; }
#shutters_fsc { background-image:url(/images/sprite-FSC.png); height:127px; width:264px; top: 35px; left:590px; }
#shutters_fsc h4 { margin-top: 0px; margin-left: 135px; }
#shutters_fsc p { margin-left: 135px; }
#online_gallery { background-position:-524px 0; height:196px; width:270px; top:0; left:590px; }
#online_gallery h4 { margin-left:20px; }
#online_gallery p { margin-left:20px; margin-right:135px; }
#shutter_gallery { background-position:-794px 0; height:196px; width:270px; top:0; left:590px; }
#shutter_gallery h4 { margin-left:20px; }
#shutter_gallery p { margin-left:20px; margin-right:135px; }
#shutters_car { background-position:0 0; height:196px; width:264px; top:0; left: 0px; }
#shutters_car h4 { margin-left:105px; }
#shutters_car p { margin-left:155px; }

#footer { height:125px; width:912px; margin-top:10px; margin-bottom:10px; position:relative; }
#featurein { height:125px; width:562px; position:absolute; left:0; top:0; background-position:0 -80px; }
#featurein:hover { background-position:0 -205px; }
#members_of { height:125px; width:350px; position:absolute; left:562px; top:0; background-position:0 -330px; }
#fsc { height:67px; width:66px; position:absolute; left:13px; top:28px; background-position:-761px -80px; }
#guild { height:67px; width:66px; position:absolute; left:80px; top:28px; background-position:-695px -80px; }
#checkatrade { height:32px; width:133px; position:absolute; left:160px; top:46px; background-position:-562px -80px; }
#link_bar { height: 79px; width:859px; margin-top:17px; background-position:0 0; position:relative; margin-left:29px; font-size:10px; color:#271f1d; }
#link_bar div { text-indent:0; }
#link_bar div a { color:#271f1d; text-decoration:none; }
#link_bar div a:hover { text-decoration:none; }
#link_bar_links { position:absolute; left:115px; top:11px; height:40px; width:600px; }
#link_bar_links p { line-height:1em; text-align:center; margin-bottom:10px; }
#copyright { position:absolute; left:16px; top:22px; }
#sliced { position:absolute; top: 63px; right:16px; }
#kelly { position:absolute; top: 63px; left:16px; }
#totop { background-position:-780px 0; position:absolute; height:57px; width:80px; top:0; right:0; text-indent:-50px; }
#price_quote { text-decoration: none; background-position:-562px -112px; position:absolute; height: 122px; width: 32px; top:170px; right:0; text-indent:-100px; }
#price_quote:hover { background-position:-594px -112px; }
#brochure_request { text-decoration: none; background-position:-626px -112px; position:absolute; height: 122px; width: 32px; top:300px; right:0; text-indent:-100px; }
#brochure_request:hover { background-position:-658px -112px; }
#content { background-image:url(/images/content-border.gif); background-repeat:repeat-y; background-position:left top; position:absolute; height:686px; width:314px; top:0; right:0; padding-right:24px; padding-left:24px; }
#content h1 { font-size:30px; color:#c1c4cb; height:125px; }
#content h2 { font-size:16px; color:#241e11; }
#content h3 { font-size:16px; color:#241e11; }
#content h4 { margin-bottom: 3px; }
#content ul li { margin-bottom: 5px; }.content_right { height:894px!important; }
#content_left { position:absolute; height:681px; width:550px; left:0; top:213px; }
#content_commercial { position:absolute; width:550px; left:0; top:213px;}
.closep p { line-height: 1.3em;}
#menu { background-image:url(/images/menu-bg.gif); background-repeat:repeat-x; height:78px; width:550px; position:absolute; left:0; top:135px; }
#mainmenu { position:absolute; height:39px; left:50px; top:0; font-size:13px; }
#mainmenu a { font-size:12px; font-weight:bold; display:block; padding:15px 16px 18px 14px; float:left; text-decoration:none; margin-right:2px; background-image:none; color:#271f1d; }
.main_on,#mainmenu a:hover { background-image:url(/images/sprite-main.png)!important; _background-image:url(/images/sprite-main.gif)!important; background-repeat:no-repeat; color:#FFFFFF!important; }
.main_home_on,#main_home:hover { background-position:-351px -330px; }
.main_about_us_on,#main_about_us:hover { background-position:-515px -330px; }
.main_our_shutters_on,#main_our_shutters:hover { background-position:-413px -330px; }
.main_contact_us_on,#main_contact_us:hover { background-position:-597px -330px; }
.main_our_showrooms_on,#main_our_showrooms:hover { background-position:-689px -330px; }
#submenu { position:absolute; height:39px; left:50px; top:39px; }
#submenu a,#submenu span { display:block; padding:15px 0 11px; float:left; text-decoration:none; margin-right:10px; color:#271f1d; }
.submenuon,#submenu a:hover { color:#9b1928!important; background-image:url(/images/submenu-marker.gif); background-repeat:no-repeat; background-position:center bottom; }
.subsubmenumain {height: 100px !important;}
#subsubmenu { position:absolute; left:50px; bottom:2px; }
#subsubmenu a { margin-right: 10px; color: black; background-image: none; text-decoration: none;}
#subsubmenu a:hover { text-decoration: underline;}
#subsubmenu .submenuon { text-decoration: underline;}
#image_splash { position:absolute; height:435px; width:550px; left:0; top:213px; overflow: hidden; text-decoration: none; }
#image_splash img { position:absolute; left:0; top:0; z-index: 1;}
#image_splash h3 { margin-top:15px; text-align:center; font-size:21px; }
.image_splash_sub_sub { top: 240px !important;}
.image_splash_gallery { top: 255px !important;}
.image_splash_gallery img  {margin-left: 23px;}
#image_splash span { display: block; position: absolute; top: 197px; height: 40px; width: 40px; background-repeat: no-repeat; overflow: hidden; text-indent: -200px; text-decoration: none;}
#image_splash_left { position: absolute; display: block; top: 0; left: 0px; width: 275px; height: 435px; z-index: 2;}
#image_splash_left span {left: 40px; background-image: url(/images/gallery-previous.png);}
#image_splash_right { position: absolute; display: block; top: 0; right: 0px; width: 275px; height: 435px; z-index: 2;}
#image_splash_right span {right: 40px; background-image: url(/images/gallery-next.png);}
#logo { position:absolute; height:121px; width:126px; left:25px; top:0; background-position:-695px -147px; }
#callshutterly { font-weight: bold; position:absolute; color: #c1c4cb; font-size:14px; left: 362px; top:105px; }
#callshutterly  b { font-weight: bold; color:#000000; }
/* FEATURES */
#emailshutterly { position:absolute; font-size: 12px; left: 362px; top: 88px; }
.callus { font-size:16px; position:absolute; left:20px; bottom:0; }
.callus b { font-size:18px; color:#9b1928; }
#shutter_colours { background-image:url(/images/sprite-colours.jpg); background-repeat:no-repeat; background-position:left top; overflow:hidden; position:absolute; height:127px; width:260px; left:50px; bottom:15px; color:#403836; text-decoration:none; }
#shutter_colours:hover { background-position:left bottom; }
#shutter_colours span { font-size:10px; position:absolute; right:20px; top:25px; width:90px; }
#shutter_colours b { font-size:10px; position:absolute; right:20px; top:0; }
#shutter_news { background-image:url(/images/sprite-news.jpg); background-repeat:no-repeat; background-position:left top; overflow:hidden; position:absolute; height:127px; width:260px; left:50px; bottom:15px; color:#403836; text-decoration:none; }
#shutter_news:hover { background-position:left bottom; }
#shutter_news span { font-size:10px; position:absolute; right:20px; top:25px; width:90px; }
#shutter_news b { font-size:10px; position:absolute; right:20px; top:0; }
#shutter_brochure { background-image:url(/images/sprite-brochure.jpg); background-repeat:no-repeat; background-position:left top; overflow:hidden; position:absolute; height:127px; width:260px; left:50px; bottom:15px; color:#403836; text-decoration:none; }
#shutter_brochure:hover { background-position:left bottom; }
#shutter_brochure span { font-size:10px; position:absolute; right:20px; top:25px; width:90px; }
#shutter_brochure b { font-size:10px; position:absolute; right:20px; top:4px; }
#shutter_price_quote { background-image:url(/images/sprite-price-quote.jpg); background-repeat:no-repeat; background-position:left top; overflow:hidden; position:absolute; height:127px; width:260px; left:50px; bottom:15px; color:#403836; text-decoration:none; }
#shutter_price_quote:hover { background-position:left bottom; }
#shutter_price_quote span { font-size:10px; position:absolute; right:20px; top:25px; width:112px; }
#shutter_price_quote b { font-size:10px; position:absolute; right:20px; top:4px; }
/* Style switch */
#style_switch { position:absolute; height:33px; width:130px; left:419px; top:0; }
#style_switch a { height:33px; width:16px; margin-right:4px; float:left; text-decoration: none;}
#sssstyle_switch .style_on,#sssstyle_switch a:hover { background-position:-562px -267px; }
#custom1 { background-position:-563px -234px; }
.custom1on,#custom1:hover { background-position:-563px -267px!important; }
#custom2 { background-position:-581px -234px; }
.custom2on,#custom2:hover { background-position:-581px -267px!important; }
#custom3 { background-position:-600px -234px; }
.custom3on,#custom3:hover { background-position:-600px -267px!important; }
#custom4 { background-position:-618px -234px; }
.custom4on,#custom4:hover { background-position:-618px -267px!important; }
#custom5 { background-position:-636px -234px; }
.custom5on,#custom5:hover { background-position:-636px -267px!important; }
#custom6 { background-position:-655px -234px; }
.custom6on,#custom6:hover { background-position:-655px -267px!important; }
/* Custom styles change below */
.custom1 { background-color: #ecefde;}
/*.custom1 { background-image:url(/images/patterns/sf-xmas2008.gif); background-color:#830715; background-position:center top; }*/
.custom2 { background-color:#d2d7c1; background-image:url(/images/patterns/khbg1.jpg); background-position:center top; }
.custom3 { background-color:#b8b4ad; }
.custom4 { background-color:#a89c86; background-image:url(/images/patterns/khbg2.jpg); background-position:center top; }
.custom5 { background-color:#9a9786; }
.custom6 { background-color:#6f6855; background-image:url(/images/patterns/khbg3.jpg); background-position:center top; }
/* Custom styles END */
/* Gallery */
#gallery_detail { width:503px; margin-left:24px; }
#gallery_list { width:516px; height:665px; margin-left:24px; overflow:hidden; position:relative; }
.pages ul { width:3000px; background-color:#FFFFFF; list-style-image:none; list-style-type:none; }
.pages ul li { float:left; width:511px; position:absolute; top:0; background-color:#FFFFFF; list-style-image:none; list-style-type:none; }
.gallery_list_a { margin-right:8px; margin-bottom:15px; }
.news_item { background-image:url(/images/news-item.gif); background-repeat:no-repeat; position:relative; height:112px; width:502px; margin-bottom:15px; }
.news_item h3 { padding-top:10px; margin-bottom:5px; margin-left:14px; font-size:12px; }
.news_item h3 a { color:#9B1928; text-decoration:none; }
.news_item h3 a:hover { border-bottom:thin dotted #CCCCCC; color:#000000; }
.news_item p { margin-left:14px; width:350px; height:78px; font-size:11px; position:relative; }
.news_item p span { color:#000000; font-weight:bold; position:absolute; right:0; bottom:0; }
.news_item span a { color:#9B1928; text-decoration:none; }
.news_item span a:hover { border-bottom:thin dotted #CCCCCC; color:#000000; }
.news_item span { position:absolute; right:25px; bottom:7px; color:#9b1928; text-decoration:none; text-align:center; width:80px; }
.news_item img { position:absolute; right:30px; top:15px; background-color:#FFFFFF; height:70px; width:70px; }
.pages_control { border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#e2e3e5; margin-bottom:18px; height:25px; width:500px; position:relative; }
.pages_control a { color:#555555; text-decoration:none; background-repeat:no-repeat; position:absolute; top:7px; }
.pages_control .backto { background-image:url(/images/buttons-back.gif); background-position:left 3px; padding-left:10px; left:0; }
.pages_control .backto:hover { background-position:left -8px; color:#9b1928; }
.pages_control .previous { background-image:url(/images/button-left.gif); background-position:left 4px; padding-left:6px; right:40px; }
.pages_control .previous:hover { background-position:left -7px; color:#9b1928; }
.pages_control .next { background-image:url(/images/button-right.gif); background-position:right 4px; padding-right:7px; right:0; }
.pages_control .next:hover { background-position:right -7px; color:#9b1928; }
#testimonial { background-image:url(/images/testimonials-paper.jpg); background-repeat:no-repeat; height:539px; width:318px; position:absolute; left:30px; top:240px; }
#testimonialscroll { top:20px; left:20px; position:absolute; width:268px; height:385px; overflow:hidden; }
#testimonialscrollitem { width:2144px; height:385px; position:absolute; left:0; top:0; }
#testimonialscrollitem div { width:268px; height:385px; float:left; }
#testimoniallist { padding-top:10px; padding-left:25px; }
.testimoniallistitem { float:left; height:140px; width:236px; margin-bottom:15px; margin-right:26px; position:relative; }
.testimoniallistitem p { height:80px; width:210px; position:absolute; left:15px; top:15px; }
.testimoniallistitem a { position:absolute; left:15px; top:95px; font-size:11px; font-weight:bold; color:#9b1928; text-decoration:none; }
.testimoniallistitem h5 { position:absolute; left:15px; top:130px; font-size:11px; font-weight:bold; color: #555555; }
#samples { padding-top:20px; padding-left:30px; }
#samples div { position:relative; float:left; height:87px; width:94px; margin-right:5px; margin-bottom:7px; text-align:center; }
#samples h4 { clear:both; margin:5px 0 5px 10px; padding:0; }
#samples span { width:84px; display:block; position:absolute; top:75px; left:0; }
#singlepage { position:relative; height:520px; width:314px; overflow:hidden; }
#pages { position:absolute; height:520px; width:4500px; }
#pages div { position:relative; float:left; height:520px; width:314px; }
#pages div .scrollbar { position:absolute; text-align:right; bottom:0; height:26px; width:314px; }
.scrollbar a { color:#555555; text-decoration:none; background-repeat:no-repeat; position:absolute; top:7px; }
.scrollbar .previous { background-image:url(/images/button-left.gif); background-position:left 4px; padding-left:6px; right:40px; }
.scrollbar .previous:hover { background-position:left -7px; color: #9b1928; }
.scrollbar .next { background-image:url(/images/button-right.gif); background-position:right 4px; padding-right:7px; right:0; }
.scrollbar .next:hover { background-position:right -7px; color:#9b1928; }
.indent { text-indent:25px; }
.ccindent { text-indent:85px; }
.plpadding { padding-left:31px; }
.useful_links { margin-bottom:1px; font-size:11px; }
.useful_links a { font-weight:bold; }
#address { margin-left:20px; color:#241e11; font-size:14px; margin-top:20px; }
#channel4 { background-image:url(/images/Channel4-HomeShow.gif); height:50px; width:147px; position:relative; border-style:none; }
#kelly_hoppen { float:right; background-image:url(/images/Kelly-Hoppen-Home-link.gif); height:50px; width:150px; position:relative; border-style:none; }
.christmastimes { padding-top:16px; padding-left:44px; background-position:left top; background-repeat:no-repeat; background-image:url(/images/Christmas-shutters.gif); height:60px; width:180px; left:300px; top:60px; position:absolute; }
#maxmindWrapper { margin-bottom: 15px; background:#fffd3c; color:#000000; width:912px; height:59px; text-align:center; }
#maxmindWrapper > div { padding:8px 0; margin:0 auto; width:665px; }
#maxmindWrapper img { float:left; border:0 none; }
.maxmindText { float:left; padding-left:20px; width:600px; }
#maxmindWrapper p { margin:0; padding-top:2px; font-size:13px; font-weight:bold; }
.maxmindTitle { font-size:20px; }
#maxmindButtonClose { cursor:pointer; cursor:hand; }
#maxmindButtonClose:hover { color:#000000; }
#opening_times { left: 110px; height: 158px; width: 269px; background-position: 0px 0px; background-repeat: no-repeat; background-image: url(/images/opening-times-bank_hols.png); top: -10px; position: absolute; }

#image_black_out {background-color: black; height: 100%; width: 100%; left: 0px; top: 0px; position: absolute; filter:alpha(opacity=80); opacity:0.8;}
#image_display {height: 100%; width: 100%; left: 0px; top: 0px; position: fixed;}
#image_display div { display: inline-block; position: relative; border-color: #eaeaea; border-width: 2px; border-style: solid; padding: 10px; background-color: white; margin-top: 25px; margin-left: auto; margin-right: auto; -moz-border-radius: 5px; -webkit-border-radius: 5px; cursor: pointer;}
#image_display div img { background-repeat: no-repeat;}
#image_display div a { background-image: url(/images/close-button.png); position: absolute; top: -22px; left: -22px; display: block; width: 42px; height: 42px; overflow: hidden; text-indent: 100px;}

#staff { position:absolute; width:510px; left:20px; top:233px; overflow: hidden; }
#staff div {height: 260px; width: 510px;}
#staff div img.left {margin-right: 10px;float: left;}
#staff div img.right {margin-left: 10px;float: right;}

form { left: 23px; background-repeat: no-repeat; background-position: center top; background-image: url(/images/form-top.gif); width:499px; background-color: #F1F1F3; position: relative; padding-top: 25px !important; padding-bottom: 40px !important;}
form .bottom { position: absolute; left: 0; bottom: 0;}
form .stripe { position: absolute; left: 0; top: 0;}
.frmpricequote-text { width:499px; margin-top:10px; margin-left:23px; }
.frmpricequote-text h2 { font-size:16px; color:#241E11; }
form div { position:relative; padding-bottom: 8px; left: 25px; width: 455px; }
form div label { position:absolute; text-align:right; top:3px; font-weight:bold; width: 260px; }
form div label span { color: #9b1928; }
form div input[type="text"] { padding-right: 3px; padding-left: 3px; padding-bottom: 2px; padding-top: 2px; border-color: #dddddd; margin-left: 265px; width:179px; border-width: 1px; border-style: solid; }
form div input[type="checkbox"] { padding-right: 3px; padding-left: 3px; padding-bottom: 2px; padding-top: 2px; border-color: #dddddd; margin-left: 265px; }
form div input[type="radio"] { margin-bottom: 5px; margin-top: 3px; padding-right: 3px; padding-left: 3px; padding-bottom: 2px; padding-top: 2px; border-color: #dddddd; margin-left: 265px; }
form div textarea { padding-right: 3px; padding-left: 3px; padding-bottom: 2px; padding-top: 2px; border-color: #dddddd; border-width: 1px; border-style: solid; margin-left: 265px; height:60px; width:179px; margin-top: 0; margin-bottom: 2px;}
form div select { padding-right: 3px; padding-left: 3px; padding-bottom: 2px; padding-top: 2px; border-color: #dddddd; margin-left: 265px; border-width: 1px; border-style: solid; margin-top: 2px; max-width: 187px;  margin-bottom: 2px;}
form div .help { position: absolute; bottom: 13px; left: 62px; text-decoration:none; border-bottom:thin dotted #CCCCCC; color:#9b1928;}
form div .help:hover {color: #222222;}
#finished_required {left: 312px; top: 12px; position: absolute; font-size: 14px; font-weight: bold; color: #9b1928;}
#Layerlistleft { width:150px !important; float:left !important; height: 300px !important;}
#Layerlistright { width:150px !important; float:right !important; height: 300px !important; }
.note_error { font-size: 14px; text-align: center; color: #9b1928; margin-top: 8px; }
#formsubmit { height:31px; width:90px; margin-left: 264px; background-image:url(/images/submit-forms.png); }
#frmthankyou { position:relative; top:18px; left:23px; }

#divbrochure { color:#9B1928; }
#divbrochure span { color:#000000; position:absolute; right: 0px; top:-3px; width:170px; }

#map_canvas { height:435px; width:550px; overflow: hidden; }
.map_left_bg {background-image: url(/images/showrooms-left-bg.gif); background-position: left bottom; background-repeat: repeat-x;}
.map_right_bg {left: 0px; bottom: 0px; position: absolute; height: 246px; width: 362px; background-image: url(/images/showrooms-right-bg.gif); background-position: left bottom; background-repeat: no-repeat;}

#mini_map { left: 24px; bottom: 16px; position: absolute; border-color: #c1c4cb; border-width: 1px; border-style: solid; padding: 1px; height: 199px; width: 316px;}

#showrooms_list {left: 0px; bottom: 40px; position: absolute; height: 180px;}
#showrooms_list div { float: left; margin-left: 12px; width: 170px; height: 180px;}
#showrooms_list div h4 {margin-top: 15px; margin-bottom: 4px; color: #555555; font-size: 11px; font-weight: bold;}
#showrooms_list div a { text-decoration:none; border-bottom:thin dotted #CCCCCC; color:#9b1928;}
#showrooms_list div a:hover {color: black;}

#gallery_cat {width:516px; height:665px; margin-left:24px; overflow:hidden; position:relative; }
#gallery_cat a { margin-top: 15px; text-decoration: none; color: #222222; margin-right: 8px; padding-top: 128px; background-position: left top; background-repeat: no-repeat; font-size: 11px; width: 160px; float: left; display: block; position: relative; filter:alpha(opacity=100); opacity:1; }
#gallery_cat a:hover { filter:alpha(opacity=70); opacity:0.7;}
#bay_window_shutters { background-image: url(/images/gallery/bay-window-shutters.jpg); }
#cafe_style_shutters { background-image: url(/images/gallery/cafe-style-shutters.jpg); }
#commercial_projects { background-image: url(/images/gallery/commercial-shutters.jpg); }
#conservatory_shutters { background-image: url(/images/gallery/conservatory-shutters.jpg); }
#door_and_track_shutters { background-image: url(/images/gallery/door-shutters.jpg); }
#exterior_views { background-image: url(/images/gallery/exterior-shutter-views.jpg); }
#kitchen_bathroom_shutters { background-image: url(/images/gallery/kitchen-bathroom-shutters.jpg); }
#regular_room_shutter { background-image: url(/images/gallery/regular-shutters.jpg); }
#shaped_shutters { background-image: url(/images/gallery/shaped-shutters.jpg); }
#solid_shutters { background-image: url(/images/gallery/solid-shutters.jpg); }
#stained_custom_coloured { background-image: url(/images/gallery/stained-custom-shutters.jpg); }
#tier_on_tier_shutters { background-image: url(/images/gallery/tier-shutters.jpg); }