@charset "iso-8859-1";
body { background: #76a114 ; color: #666666 ; font: 70% Tahoma, Verdana, Arial, Sans-Serif ; margin: 0px 0px 0px 0px }

/* ################################ Infobox ################################ */
#infobox a.standard { color: #0066cc ; text-decoration: underline }
#infobox a.standard:visited { color: #0066cc ; text-decoration: underline }
#infobox a.standard:hover { color: #999999 ; text-decoration: underline }
#infobox a.bottom { color: #ffffff ; text-decoration: underline }
#infobox a.bottom:visited { color: #ffffff ; text-decoration: underline }
#infobox a.bottom:hover { color: #cccccc ; text-decoration: underline }
#infobox td { color: #666666 ; font: 11px Tahoma, Verdana, Arial, Sans-Serif ; text-align: left }
#infobox div.heading { color: #ffffff ; font: 11px Tahoma, Verdana, Arial, Sans-Serif ; padding: 0px 3px 3px 11px }
/* ################################ Infobox ################################ */

/* ################################ Content ################################ */
a:link, a:visited, a:active { color: #659696 ; text-decoration: underline }
a:hover { color: #666666 ; text-decoration: underline }

p.bluetitle, p.heading { color: #537b00 ; font-size: 120% ; font-weight: bold ; text-align: left ; text-decoration: none }
p.center { color: #666666 ; font-weight: bold ; text-align: center ; text-decoration: underline }
p.left { color: #666666 ; text-align: left }
p.dec { background: #ffffff ; color: #666666 ; text-align: center }
p.decj { background: #ffffff ; color: #666666 ; font-size: 90% ; text-align: justify }
p.decc { background: #ffffff ; color: #666666 ; font-size: 90% ; text-align: center }
p { color: #333333 ; text-align: justify }
#portnew p { color: #666666 ; font-size: 90% ; text-align: justify }
#portrec p { color: #666666 ; font-size: 90% ; text-align: justify }
#portold p { color: #666666 ; font-size: 90% ; text-align: justify }

ol, ul, sup, pre { color: #666666 ; text-align: left }
/* ################################ Content ################################ */

/* ################################ Forms ################################ */
td.content { background: #ffffff }
td.regular { background: #ffffff ; color: #666666 ; text-align: left }
td.bold { background: #ffffff ; color: #666666 ; font-weight: bold ; text-align: left }
td.padded { background: #ffffff ; color: #666666 ; text-align: left ; padding: 5px }
table.grey { background: #cccccc }

td.menutop { background: url(http://www.sd2001.co.uk/images/menu-back.jpg) #00cc00 ; color: #ffffff ; height: 24px ; padding: 0px 4px ; margin: 1px 0px 0px 0px ; font: 11px Tahoma, Verdana, Arial, Sans-Serif ; text-align: center }
td.menutopL { background: url(http://www.sd2001.co.uk/images/menu-back.jpg) #00cc00 ; color: #ffffff ; height: 24px ; padding: 0px 4px ; margin: 1px 0px 0px 0px ; font: 11px Tahoma, Verdana, Arial, Sans-Serif ; text-align: left }

input, select, textarea { background: #f5f4ff ; color: #666666 ; font: 11px Tahoma, Verdana, Arial, Sans-Serif ; width: 200px ; border: 1px solid #999999 ; padding: 1px }
input.request { width: auto ; border: 0px solid #999999 }

td.domain { background: #ffffff ; font-size: 11px ; text-align: left ; padding: 3px }
input.input2 { background: #f5f4ff ; color: #666666 ; font-size: 11px ; width: 200px ; border: 1px solid #999999 ; padding: 1px }
select.input2 { background: #f5f4ff ; color: #666666 ; font-size: 11px ; width: 60px ; padding: 1px }

.RedTextr { background: #ffff99 ; color: #ff0000 ; font-weight: bold ; text-align: right }
.RedTextl { background: #ffff99 ; color: #ff0000 ; font-weight: bold ; text-align: left }

.textc { color: #ffffff ; font-weight: bold ; text-align: center }
.textbc { color: #000000 ; font-weight: bold ; text-align: center }

/* ################################ Forms ################################ */

.h1 { color: #666699 ; font-size: 110% ; font-weight: bold ; text-align: left }
.send { color: #666699 ; font-size: 110% ; font-weight: bold ; text-align: center }

.hl1 { background: #ffffff ; color: #666699 ; font-size: 110% ; font-weight: bold ; text-align: left }
.hl1a { color: #ffffff ; font-size: 100% ; font-weight: bold ; text-align: left }
.brdc { background: #ffffff ; color: #ff9933 ; font-weight: bold ; font-style: italic ; text-align: left ; border: 1px solid #999999 ; padding: 5px }

.rw1 { background: #ffffff ; color: #666666 ; font-weight: bold ; text-align: right }
.rc1 { background: #ffffff ; color: #666666 ; text-align: center }

.button { background: #ffffff ; color: #666666 ; font-size: 90% ; text-align: center ; width: 100px ; border-style: solid ; border-width: 1px ; padding: 2px }

#pro li { color: #666666 ; padding: 5px }

table.port { background: #f0f0f0 ; border: 1px solid #cccccc }
td.portC { background: #f0f0f0 ; color: #000000 ; font-size: 90% ; text-align: center ; padding: 10px }
td.portL { background: #f0f0f0 ; color: #000000 ; font-size: 90% ; text-align: left ; padding: 10px }
img.portB { border: 1px solid #999999 }

/* ################################ CSS Layout ################################ */
#dContainer { float: left ; background: #ffffff ; width: 1004px ; margin: auto ; height: 100% }
#dHeader { background: #76a114 ; width: 100% ; height: 98px }
#dMenu { background: #ffffff ; width: 100% ; height: 355px }
#dContent { background: #ffffff ; float: right ; width: 1004px ; text-align: left }
#dSidebar { background: #ffffff ; float: left ; width: 160px }
/* ################################ CSS Layout ################################ */

/* ################################ CSS Form Layout ################################ */
#formlayout label, input, textarea { display: block ; width: 200px ; float: left ; margin-bottom: 5px }
#formlayout select { display: block ; width: auto ; float: left ; margin-bottom: 5px }
#formlayout input.copy { display: block ; width: auto ; float: left ; margin-bottom: 5px }
#formlayout label { text-align: right ; width: 220px ; padding-right: 20px }
#formlayout br { clear: left }
#formlayout input.hidden { visibility: hidden }
/* ################################ CSS Layout ################################ */

/* ################################ CSS Form Layout ################################ */
#qqformlayout label, input, textarea { display: block ; width: 180px ; float: left ; margin-bottom: 5px }
#qqformlayout select { display: block ; width: auto ; float: left ; margin-bottom: 5px }
#qqformlayout input.copy { display: block ; width: auto ; float: left ; margin-bottom: 5px }
#qqformlayout label { color: #333333 ; text-align: left ; width: 172px }
#qqformlayout br { clear: left }
#qqformlayout input.hidden { visibility: hidden }
#qqformlayout input.whois { width: auto ; background: #ffffff ; color: #000000 ; font-weight: bold ; border: 0px solid #999999 ; padding: 5px }
/* ################################ CSS Layout ################################ */

/* ################################ CSS Form Layout ################################ */
#whoislayout input.request { width: auto ; border: 0px solid #999999 ; text-align: center }
/* ################################ CSS Layout ################################ */

input.whois { width: auto ; background: url(http://www.sd2001.co.uk/images/menu-back.jpg) #00cc00 ; color: #ffffff ; border: 0px solid #999999 ; padding: 5px }

img.right { float: right ; padding-left: 10px ; padding-bottom: 10px }
#imgcenter { text-align: center ; padding-left: 10px ; padding-bottom: 10px }

div.partnerl { display: block ; float: left ; padding: 20px ; width: 160px ; height: 100px }
div.partnerr { display: block ; float: left ; padding-top: 20px ; width: 375px ; height: 100px }
div.partner { float: right ; padding: 10px ; width: 170px ; height: 70px ; text-align: center }

#dAddressLeft { float: left ; width: auto }

#dContactLeft { float: left ; width: 150px ; height: 200px ; margin-top: 30px }
#dContactLeft p { font-weight: bold }
#dContactMiddle { float: left ; width: 160px ; height: 200px ; margin-top: 30px }
#dContactRight { float: left ; width: 271px ; height: 200px ; margin-top: 30px }

#dPhoneGraphic { float: right ; width: 225px ; height: 60px }
#dCallBack { float: left ; width: 225px ; height: 60px }

#dBreadCrumb { background: url(http://www.sd2001.co.uk/images/breadcrumb.jpg) #999999 ; color: #ffffff ; font-size: 110% ; font-weight: bold ; font-style: italic ; text-align: left ; border: 1px solid #999999 ; padding: 5px }
#dBreadCrumb2 { background: url(http://www.sd2001.co.uk/images/breadcrumb.jpg) #999999 ; color: #ffffff ; font-size: 110% ; font-weight: bold ; font-style: italic ; text-align: left ; border: 1px solid #999999 ; padding: 5px ; margin-top: 5px }
#dBreadCrumb3 { color: #333333 ; font-size: 120% ; font-weight: bold ; font-style: italic ; text-align: left ; padding: 0px }
#dFormTop { color: #ff9933 ; font-size: 110% ; font-weight: bold ; font-style: italic ; text-align: left ; border: 1px solid #999999 ; padding: 5px }

a.spc, a.spc:visited { color: #ffffff ; text-decoration: none }
a.spc:hover { color: #333333 ; text-decoration: none }

p.side1024 { color: #ffffff ; text-align: justify }
p.title1024 { background: url(http://www.sd2001.co.uk/images/menu-back.jpg) #00cc00 ; color: #ffffff ; width: 186px ; padding: 5px ; text-align: center ; border: 1px solid #999999 }
p.testimonial { font-size: 90% ; color: #999999 ; text-align: justify ; margin: 10px }
p.tHeader { background: url(http://www.sd2001.co.uk/images/menu-back.jpg) #00cc00 ; color: #ffffff ; padding: 5px ; text-align: center ; margin: 5px ; border: 1px solid #999999 }

.carousel_container { width: 556px ; height: 170px ; margin: 0px auto }

p.extra { color: #ffffff ; font-size: 90% ; text-align: right }
p.extra2 { color: #333333 ; font-size: 90% ; text-align: left }
p.base { background: #223232 ; color: #ffffff ; font-size: 90% ; text-align: center ; padding: 3px }

li.arrow { background: url(http://www.sd2001.co.uk/images/arrow.jpg) left top no-repeat ; list-style: none ; line-height: 18px ; margin: 0px ; padding-left: 15px }
li.arrowshort { background: url(http://www.sd2001.co.uk/images/arrow-short.jpg) left top no-repeat ; list-style: none ; line-height: 13px ; margin: 0px ; padding-left: 15px }

.strike { text-decoration: line-through ; color: #333333 ; font-weight: normal }
.quotation { color: #333333 ; font-weight: normal }

a.sqlp, a.sqlp:visited { color: #333333 ; text-decoration: none }
a.sqlp:hover { color: #ffffff ; text-decoration: none }

h1 { color: #537b00 ; font-size: 120% ; font-weight: bold ; text-align: left ; text-decoration: none }
h1.h1c { text-align: center }

h2 { color: #ff6600 ; font-size: 120% ; font-weight: bold ; text-align: left ; text-decoration: none }
h3 { color: #333333 ; font-weight: bold ; font-size: 110% ; text-align: left ; text-decoration: none }

.boxes { color: #000000 ; font-size: 100% ; text-align: left ; text-decoration: none }
a.boxes, a.boxes:visited { color: #ffffff ; text-decoration: none }
a.boxes:hover { color: #000000 ; text-decoration: none }

h1.base { color: #ffcc00 ; font-size: 120% ; font-weight: bold ; text-align: left ; text-decoration: none ; margin: 0px }
h1.basec { color: #ffcc00 ; font-size: 120% ; font-weight: bold ; text-align: center ; text-decoration: none ; margin: 0px }

a.base:link, a.base:visited, a.base:active { color: #659696 ; text-decoration: none }
a.base:hover { color: #ffffff ; text-decoration: underline }

#lightbox{	position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }