/* Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}a{text-decoration:none}

body{width:100%;height:100%;background:#fff url(../img/bg/body-bg.png) top left repeat-x;font-family:"Segoe UI",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif}
p, ul li, ul li a {font-size:1.0em;}
h1, h2, h5, h6 {font-weight:normal;color:#99ccff}
h5 {color:#fff;}
em {font-style:italic}
h1 a, h2 a, p a {color:#336666;}
h1 a:hover, h2 a:hover, p a:hover {color:#99ccff}
.cufon-loading h1, .cufon-loading h2 {visibility: hidden !important;}

#wrap {width:1113px;margin:0 auto;}
#content-top {width:1113px;height:224px;background:url(../img/bg/top.png) top left no-repeat;}
#content-top img#logo {width:268px;height:71px;float:right;position:relative;z-index:100;top:108px;right:130px;}
#content-top #top-message {width:404px;height:32px;background:url(../img/bg/blue-button.png) no-repeat;position:relative;left:70px;text-align:center;line-height:27px;}
#content-top #top-message a {color:#fff;font-size:0.7em;}
#content-top #top-message a:hover {color:#99ccff}
#content-repeat {width:1113px;background:url(../img/bg/wrap-repeat.png) top left repeat-y;margin:0 auto;clear:both;}

.left-box-top {background:url(../img/bg/left-box-top.gif) no-repeat;width:185px;height:55px;}
.left-box-top h4, .right-box-top h4 {line-height:50px;margin:0 0 0 15px;color:#fff;font-weight:normal;font-size:0.9em;}
.left-box-repeat {width:186px;background:url(../img/bg/left-box-repeat.gif) top left repeat-y;}
.left-box-repeat ul,.right-box-repeat ul {margin:0 0 0 30px;padding:0 15px 0 0;}
.left-box-repeat ul li,.right-box-repeat ul li { list-style-image:url(../img/bg/blue-bullet.gif);line-height:1.8em;font-size:0.8em;}
.left-box-repeat ul li.header {font-weight:bold; color:#fff;margin:10px 0 1px 0}
.left-box-repeat ul li.indent {margin:0 0 0 15px;}
.left-box-repeat ul li a, .right-box-repeat ul li a {color:#fff;}
.left-box-repeat ul li a.blue, .right-box-repeat ul li a.blue {color:#99ccff}
.left-box-repeat ul li a.blue:hover, .right-box-repeat ul li a.blue:hover {color:#fff}
.left-box-repeat ul li a:hover, .right-box-repeat ul li a:hover {color:#99ccff}
.left-box-bottom {background:url(../img/bg/left-box-bottom.gif) no-repeat;width:185px;height:17px;}
.left-box-bottom, .right-box-bottom{margin:0 0 20px 0}

acronym {border-bottom:1px dotted #333;}

#content-padding {margin:0 auto;width:960px;}
#content-left {width:200px;float:left;padding:0 0 0 5px}
#content-left h6 {color:#336666;margin:0 0 6px 2px}
#content-mid {width:450px;float:left;padding:0 12px 0 0;}
#content-mid h1, #content-mid h2 {margin:0 0 10px 0;}
#content-mid h2 {margin:15px 0}
#content-mid ul {margin:0 0 25px 30px;}
#content-mid ul li {font-size:0.85em; list-style-image:url(../img/icons/bullet-blue.png); line-height:1.1em;color:#333;}
#content-mid ul li.header { list-style-image:none;font-weight:bold;}
#content-mid ul li.indent {margin:0 0 0 15px; list-style-image:none;}
#content-mid ul li.indent2 {margin:0 0 0 25px; list-style-image:none;}
#content-mid ul li a {color:#333;}
#content-mid ul li a:hover {color:#99ccff;}
#content-mid p, address {margin:0 0 10px 0; font-size:0.9em; line-height:1.2em;color:#333;}
#content-mid p a {font-weight:bold;color:#6699cc}
#content-mid p a:hover {color:#99ccff;}

.fullImage {width:259px;height:256px;margin:0 0 15px 0;}
.fullImage img {position:relative;z-index:0;}
.fullImage h5 {position:relative;z-index:1;float:right;top:32px;right:30px;}
.fullImage h5.left {float:left;left:25px;}

#content-right {width:260px;float:left;margin:15px 0 0 0;}
.right-box-top {background:url(../img/bg/right-box-top.gif) no-repeat;width:259px;height:58px;}
.right-box-repeat {width:259px;background:url(../img/bg/right-box-repeat.gif) top left repeat-y;}
.right-box-bottom {background:url(../img/bg/right-box-bottom.gif) no-repeat;width:259px;height:13px;}

#content-bottom {width:1113px;height:45px;background:url(../img/bg/wrap-bottom.png) top left no-repeat;}

div.quote {background:url(../img/bg/blockquote.png) top left no-repeat; padding:5px 0 0 60px; clear:both; min-height:70px;width:380px;margin:0 0 15px 0;border-bottom:1px solid #ccc;}

.galThumb {width:100px;height:100px;float:left;border:1px solid #ccc;padding:2px;margin:0 2px 10px 0}
.galThumb:hover {border:1px solid #99ccff}
.galThumb img {width:100px;height:100px;}

#twitter {width:938px;height:73px;margin:8px auto;position:relative;right:16px;background:url(../img/icons/twitter-bg.png) center left no-repeat;}
#twitter li {padding:24px 0 0 15px;margin:0 0 0 80px;margin-top:8px;list-style-type:none;height:73px;width:850px;font-size:0.8em;color: #fff;}
#twitter a:link { text-decoration:none; color:#fff; font-weight:bold;}
#twitter a:active { text-decoration:none; color:#0066CC;}
#twitter a:hover { text-decoration:underline; color:#0066CC;}
#twitter a:visited { text-decoration:none; color:#0066CC;}
#follow {font-size:0.7em;position:relative;float:right;right:110px;bottom:25px;}
#follow a {color:#666;}
#follow a:hover {color:#6699cc}
#follow a span {font-weight:bold;}

#get-involved {background:url(../img/bg/get-involved-help-saas.gif) top left no-repeat;width:185px;height:129px;margin: 20px 0}
#get-involved p {font-size:0.7em;padding:40px 40px 0 12px;font-weight:bold;line-height:1.25em;}
#get-involved p a {color:#336666;}
#get-involved p a:hover {color:#6699cc}

#footer {width:938px;height:128px;background:url(../img/bg/footer.png) top left no-repeat;margin:2px auto;position:relative;right:16px;}
#footer div {float:right; width:500px; margin:15px -15px 0 0;}
#footer div p {color:#fff; text-align:center; font-size:0.8em; line-height:1.5em;}
#footer div p a {color:#fff; font-weight:bold;}

p#crumbs {background:url(../img/icons/sitemap.png) center left no-repeat; padding:0 0 0 20px;font-size:0.7em;color:#333; line-height:2em; height:25px;margin:0 0 15px 0}
p#crumbs a {border-bottom:1px dotted #fff;color:#333;}
p#crumbs a:hover {color:#ccc}
p#crumbs span {font-style:italic;}

div#portcullis {background:url(../img/icons/portcullis.png) top right no-repeat;height:85px;width:420px;margin:0 0 15px 0}
div#portcullis p {padding:0 80px 0 0;}
.letterWrap {width:330px;margin:0 0 25px 0;min-height:125px;padding:0 0 0 120px;}
.formright {width:152px;float:right;}
.formleft {width:152px;float:left;}
.cssform {margin:25px 0 0 150px;}
.cssform p{width: 300px;clear: left;margin: 0;padding:0;height: 1%;}
.cssform label{font-weight: bold;float: left;margin-left: -150px; width: 150px;padding:5px 0 0 0;color:#666;}
.cssform input[type="text"], .cssform input[type="password"], input.border {width: 480px;padding: 5px 3px 5px 2px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:0.8em;border:1px solid #ccc;}
input.border {width:200px;}
input.small {width:50px;text-align:center}

.cssform input.longer {width:480px;}
.cssform input[type="text"]:hover, .cssform input[type="password"]:hover,  .cssform textarea:hover,input.border:hover {background:#f5f5f5;border:1px solid #cb2027}
.cssform select, select.b {width:405px; border:1px solid #ccc; padding: 5px 3px 5px 0; font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1.0em;}
select.b {width:205px;}
.cssform #btnContact, #btnPay{background:url(../img/icons/send.png) top left no-repeat; width:152px; height:37px; border:none; outline: none; margin:15px 0 0 0px;color:#fff;font-size:0.7em;font-weight:bold;}
.cssform #btnContact:hover, #btnPay:hover{cursor:pointer;color:#ddd;}
.cssform textarea{width: 480px;height: 150px;padding: 5px 3px 5px 2px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:0.8em;border:1px solid #ccc; }

div.inputError{color:#FC0745;font-weight:bold;text-align:left;display:none;background:url(../img/icons/cross.png) left center no-repeat;padding:0 0 0 18px;margin:3px 0;width:500px}
.inputErrorHighlight{background:#ffaabb;border:1px solid #000;}

.cssform input[type="text"].smaller-input {margin-bottom:10px;width:290px;} 
img.deleteIcon {float:right;width:16px;margin-top:5px;}
div.deleteWrap {font-size:0.7em;width:320px;}

#refresh {display:block; background:url(../img/icons/arrow_refresh_small.png) center left no-repeat;padding:0 0 0 15px;margin:0;}
img#captcha {border:1px solid #ccc;}


p.help{width:400px;margin:5px 0 30px 150px;background:#bde5f8 url(../img/icons/info.png) no-repeat;font-style:italic;border:1px solid #ccc;background-position:10px center}

/* Tables */
table {border-collapse: collapse;font-family:Verdana, Arial, Helvetica, sans-serif;color: #363636;text-align:left;font-size:0.7em;}
thead {background:#fff url(../img/icons/greyglass.gif) top left repeat-x;text-align:left;height:26px;}
thead th {padding:5px;font-weight:bold;vertical-align:middle;}
tbody th, tbody td {padding:5px;vertical-align:middle;}
tbody td {width:120px;}
tbody td.itemName {width:500px;}
table tbody tr td a {color:#333;}
table tbody tr td a:hover {color:#ff0066;}
tr.odd {background:#f5f5f5;color:#000}
.mid {text-align:center;}
.right{text-align:right;}
.bold{font-weight:bold;}
.total {height:30px;}
.gTotal{color:#ff0000; font-weight:bold;}
.basketPadding {padding:1px;border:1px solid #ccc;}
.formPadding {padding:0 5px 10px 30px;border:1px solid #ccc;background: #f7f7f7;}
input.prodQty {width:30px;border:1px solid #ccc;padding:2px 0;text-align:center;font-size:0.9em;}
input#checkout {width:91px;height:24px;background:url(../img/checkout.jpg) no-repeat;border:0;outline:0;float:left;}
input#updateBasket {width:69px;height:24px;background:url(../img/icons/update.jpg) no-repeat;border:0;outline:0;float:left;}
input#updateBasket:hover, input#checkout:hover {cursor:pointer}
span.vSmall {font-size:0.8em;}

ul#pager {margin:25px 0 0 0;width:400px;}
ul#pager li{border:0; padding:0;font-size:0.7em;list-style:none; list-style-image:none;line-height:0.9em;margin:0 0 5px 0}
ul#pager a{border:solid 1px #ccc;margin-right:2px;}
ul#pager .active{color:#ff0066;font-weight:bold;display:block;float:left;padding:0;background:#ccc;}
ul#pager a:link,ul#pager a:visited {color:#333;display:block;float:left;padding:3px 6px;text-decoration:none;}
ul#pager a:hover{border:solid 1px #99ccff; color:#99ccff}

.success, .error {border-top: 4px solid;border-bottom: 4px solid;margin: 10px 0px 0 0;padding:20px 10px 20px 70px;background-repeat: no-repeat;background-position: 10px center;font-size:0.8em;font-weight: bold;}
div#textBlack {color:#333;font-weight:normal}
.success {color: #4F8A10;background-color: #DFF2BF;background-image:url(../img/icons/success.png);}
.success span {color:#ff0000;}
.error {color: #D8000C;border-top:3px solid #D8000C;border-bottom:3px solid #D8000C;border-right:none;border-left:none;background: #FFBABA url(../img/icons/failed.png) center left no-repeat;}


img.b {border:1px solid #ccc;padding:2px;}
.border {border:1px solid #000;}
.greyb {border:1px solid #ccc;}
.bold {font-weight:bold;}
.left-padding {margin:0 0 0 20px;}
div.catDescText {margin:0 0 55px 0;}
.clr {clear:both;height:1px;}
.clr30px {clear:both;height:30px;}
img.about {width:280px;border:1px solid #ccc;padding:2px;margin:25px auto;}
.adminLi{color:#fff;font-weight:bold;}
p.help {width:455px;margin:5px 0 30px 155px;background:#bde5f8 url(../img/icons/info.png) no-repeat;padding:4px 0 4px 35px;font-style:italic;border:1px solid #ccc;background-position: 10px center;}
p.action{padding:2px;border:1px solid #ccc;background:#f5f5f5 url(../img/icons/details.gif) no-repeat;padding:4px 0 4px 35px; background-position: 10px center;}
p.red {border:1px solid #ff0000;}
p.green {border:1px solid #009900;}
p.right, p.credit {text-align:right;}
p.credit {text-align:left;width:1000px;margin:10px auto}
p.credit a {color:#333;}
p.credit a:hover {color:#ff0066;}
.right {text-align:right;float:right;}
span.term {border-bottom:1px dotted #ff0000;color:#ff0000}
p.read-full {margin-right:15px;}
p.news-date {border-bottom:1px dotted #333;display:inline-block;background:url(../img/icons/news.png) center left no-repeat;padding:0 0 0 20px}


#alert{
	overflow: hidden;
	z-index: 999;
	width: 100%;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #D694A6;
	height: 0;
	color: #000;
	font-size:1.4em;
	line-height:45px;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	opacity: .92;
	border-bottom:2px solid #000;
	font-weight:bold;
	padding:0;
}