/********************************************************* */
/*//////////////////////////////////////////////////////// */
/*     All Content, styles and images are copyright        */
/*	  					        Nildram                          */
/*														  					  */
/*														 					  */
/*         Author - Nildram  - Simon Chettle               */
/*//////////////////////////////////////////////////////// */
/********************************************************* */

/***********************************************************/
/* default body attributes 										  */
/***********************************************************/

html {overflow-y: scroll; }

body {
	background-color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	letter-spacing:0.5px;
	line-height:1.3em;
	/*text-align: center;*/
	margin:0;
	padding:0;
	color:#333;
}


/***********************************************************/
/* Main positioned elements 										  */
/***********************************************************/
div#headerCont {
	background: #405e9d url(/images/site_header/lblue-bg-950x94-snow.jpg) top left repeat-x;
	text-align:center;
	width:auto;
	height:7em;
	padding:10px 0 0 0;
}
div#navCont {
	background: #5193d3 url(/images/nav/nav-div-bg-1x50.gif) top left repeat-x;
	border-top:1px solid #638dea;
	border-bottom:1px solid #638dea;
	text-align:center;
	height:2.2em;
	width:100%;
	padding:0;
}


div#container {
	margin: 0 auto;
	padding:0;
	width:64em;
	text-align:left;
}

div#headerCont div.header, div#navCont div.header {
	margin: 0 auto;
	width:64em;
	color:#fff;
}


div#navBar {
	float:left;
	width: 173px;
	margin: 20px 15px 10px 0;
}

div#content {
	float:left;
	width:48.3em;
	/*width:576px;*/
	margin:0;
	text-align:justify;
}

div#footer {
	clear: both;
	background: #355190 url(/images/footer/footer-bg-1x29.gif) top left repeat-x;
	width:64em;
	height:2em;
	padding-top:0.5em;
	margin-top:1em;
	text-indent: 7px;
	text-align: left;
}

div#copyright {
	clear: both;
	font-size: 0.8em;
	text-align: center;
	color:#aaa;
	padding-top: 3px;
	margin-bottom:10px;
}

/***********************************************************/
/* Common Styles 														  */
/***********************************************************/

/**
* Keep links in this order, a:link, a:visited, a:hover, a:active in order to be effective
*/

a:link, a:visited {
	color:#092951;
	text-decoration: underline;
	font-weight:bold;
}
a:hover {
	color:#efaa22;
	text-decoration: underline;
}
a:active {
	color:#092951;
	text-decoration: none;
}


table { font-size: 100%; }  /* fixes IE5 font-size bug */

/* reiterate for older browsers */
p, td, a, li, ul, ol, dl, .textfield, .textarea	{
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
}

p { margin:1em 0; }

a img { border: none; } /* remove annoying borders from images nested in links */

h1, h2, h3, h4, h5, h6, dl#company dt, dl#quickLinks dt, dl#customerQuote dt {
	font-family:'Trebuchet MS', verdana, arial, Serif;
	color:#092951;
	font-size:1.8em;
	margin: 0.5em 0 0;
	line-height:1em;
}
h1 { margin-top:10px; }
h1#pageTop { background: #fff url(/images/random/h1-fade-bg-1x35.gif) top left repeat-x; padding-top:5px; margin-top:0; line-height:1.35em; }
h2 { font-size:1.5em; margin:25px 0 0; }
h3 { font-size:1.3em; margin:25px 0 0; }
h4 { font-size:1.1em; margin:25px 0 0; background: #fff url(/images/lists/blu-round-fff-11x11.gif) center left no-repeat; padding-left:15px; }


h1.fullHeader, h2.fullHeader, h3.fullHeader { display:none; }

ul, ol { margin:10px 10px 10px 25px; }
ol li { margin:7px 0; }


dl dt {	font-weight:bold; background: transparent url(/images/lists/blu-round-fff-11x11.gif) center left no-repeat; padding-left:15px;  }
dl dt.single { margin-bottom:15px; }
dl dd { margin:5px 5px 15px 15px; }

dl.bullets dd, dl dd.bullet { background: transparent url(/images/lists/bullet-5x5.gif) center left no-repeat; padding-left: 15px; }
dl dd.bullet { margin-bottom:2px; }

form { margin:0; padding:0; }

/***********************************************************/
/* Tables																  */
/***********************************************************/


div#content table, #TB_order2go table { width:48.2em; text-align:left; clear:both; margin:10px 0;  }
div#content table th, #TB_order2go table th { background-color: #fbe4c0; text-align:center; color:#092951; border:1px solid #efaa22; font-size:0.9em; }
div#content table td, #TB_order2go table td { border-bottom:1px solid #ccc; padding:3px; font-size:0.8em; }

div#content table td.tsh, #TB_order2go table td.tsh { background-color: #eee; text-align:center; color:#092951; border:1px solid #ccc; }
div#content table td.int, #TB_order2go table td.int { text-align:center; }

div#content table td.error { color:red; }
div#content table td.strong { font-weight:bold; }

/***********************************************************/
/* Header styles 														  */
/* Remove height so that its expandable						  */
/***********************************************************/

/* Header */

.header .logo {float:left; width:104px; /*height:80px;*/ height:6em;}
.header .callAction { float:left; width:27em; font-weight:bold; font-size:1.1em; margin:0 0 0 0.3em; padding:17px 0 0; text-align:center; color:#fff; }

.header .flagBlock {float:right; width:18em; font-size:1.2em; padding:5px 0 0; letter-spacing:0; line-height:1.1em; }
.header .flagBlock h1 {padding:0; margin:0; font-size:1em; }

.flagBlock .small {font-size:0.6em;}
.flagBlock .highlighted {color:#efaa22; font-weight:bold; font-size:1.2em; }
.header a.flagBlock {	display:block; width:15em; color:#fff; text-decoration:none; }
.flagBlock a:hover { text-decoration:none; }


/* Top navigation */

#nav, #nav ul {
   text-align:center;
	list-style: none;
	font-weight: bold;
	font-size:1em;
	padding: 0;
	margin: 0;
	z-index:1000;
}

#nav a {
	display: block;
	line-height:20px;
	color: #fff;
	text-decoration: none;
	padding: 0.25em 1em;
	z-index:1000;
   width:10.79em;
}

#nav li ul li a {padding: 0.1em 1em;}

#nav li {
	float: left;
	padding: 0;
	background: url(/images/nav/nav-li-bg-blu.gif) no-repeat top right;
}

#nav li.last { background: none; }

#nav li ul li { background-image:none; }

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 13.35em;
	w\idth: 12.75em;
	font-weight: normal;
	border-width: 0.25em;
	margin: 0;
	background: #5193d3 url(/images/nav/nav-div-bg-1x50.gif) top left repeat-x;
	text-align:left;
}

#nav li li { width: 12em; }
#nav li ul a { width: 12em; w\idth: 10.7em; }
#nav li ul ul { margin: -2.15em 0 0 13.9em; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; }

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; }

ul#nav li:hover, ul#nav li.sfhover { background: #3874bb; }

ul#nav li ul li:hover, ul#nav ul li.sfhover { background: none; }

#nav a:hover, #nav a.current { color:#efaa22; }



/***********************************************************/
/* Menu bar																  */
/***********************************************************/

/* Second navigation */

ul#secondNav {
	margin:0;
	padding:0;
	list-style-type:none;
	clear:both;
	font-size:0.9em;
	letter-spacing: 0.1em;
}

ul#secondNav li a {
	background: transparent url(/images/nav/nav2-off-173x24.gif) top left no-repeat;
	display:block;

	width:173px;
	height:24px;

	margin:1px 0;
	padding:3px 0 0 0;
	text-align:left;
	color:#333;
	text-indent:10px;
	text-decoration:none;
	font-weight:normal;
}
ul#secondNav li.first a { margin-top:0; }
ul#secondNav li a:hover, ul#secondNav li.selected a { background: transparent url(/images/nav/nav2-hov-173x24.gif) top left no-repeat; color:#fff; }

ul#secondNav li a.mcSub { background:none; height:15px; line-height:15px; margin-left:5px; padding-left:5px; width:160px; }
ul#secondNav li.last a.mcSub, ul#secondNav li.selectedLast a.mcSub { margin-bottom:10px; }
ul#secondNav li a.mcSub:hover, ul#secondNav li.selected a.mcSub, ul#secondNav li.selectedLast a.mcSub { background: transparent url(/images/nav/nav2-subon-11x12.gif) center left no-repeat; color:#efaa22; }




div.breadCrumbs {
	background-color: #eeeeee;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding-top: 3px;
	padding-bottom: 3px;
	text-indent: 3px;
	letter-spacing:0;
	float:left;
	width:48.3em;
	margin:20px 0 0;
}




/* Customer quotes */
dl#customerQuote {
	background: #fff url(/images/quotes/quotes-bg-163x128.gif) top left no-repeat;
	text-align:justify;
	width:13.9em;
	margin:10px 3px;
	letter-spacing:0;
	color:#F00;
}
dl#customerQuote dt { padding:25px 0 0 0; }
dl#customerQuote dd { margin:0; }
dl#customerQuote dd.quote { padding:25px 0 0 0; }
dl#customerQuote dd.from { margin-top:10px; text-align:left; font-size:0.8em; }
dl#customerQuote dd.viewQuote { margin:0 0 10px 0; color: #000; }




/* Awards */
.awards { text-align:center; }

.sportsr { text-align:center; margin-top:20px; }


/* Footer */
div#footer a:link, div#footer a:active, div#footer a:visited {
	font-size:0.8em;
	font-weight: bold;
	color: #ffffff;
	letter-spacing:0;
	text-decoration:none;
}

div#footer a:hover { color: #fea620; }
div#footer a.current { color: #fea620; }

ul.footerLinks {
	display: inline;
	margin-left: 3px;
	padding-left: 3px;
}

ul.footerLinks li {
	display: inline;
	list-style-type: none;
	padding-right: 10px;
}



/***********************************************************/
/* General page heading image 						           */
/***********************************************************/
.pageHeader { float:right; margin:0 0 10px 20px; }



/***********************************************************/
/* Buttons      													     */
/***********************************************************/
ul.buttonNav {
	float:left;
	margin:0;
	padding:0;
	list-style-type:none;
	clear:both;
	font-size:0.9em;
	letter-spacing: 0;
	clear:both;
	width:53.5em;
}

ul.buttonNav li { display:inline; }
ul.buttonNav li a {
	float:left;
	background: transparent url(/images/buttons/darkblu-off-168x41.gif) top center no-repeat;
	width:15.7em;
	/*width:168px;*/
	height:34px;
	text-align:center;
	color:#fff;
	margin:0 15px;
	padding:7px 0 0;
	text-indent:-0.4em;
	text-decoration:none;
}

ul.buttonNav li a:visited { color:#fff; text-decoration:none; }

ul.buttonNav li a#first, ul.buttonNav li a.first { margin-left:0; }
ul.buttonNav li a#last { margin-right:0; }

ul.buttonNav li a:hover, ul.buttonNav li a.current, ul.buttonNav li a.current:visited { color:#efaa22; background: transparent url(/images/buttons/darkblu-on-168x41.gif) top center no-repeat; text-decoration:none; }


ul.buttonNav li.single a { float:right; margin-right:0; }


/***********************************************************/
/* Rounded corners												     */
/***********************************************************/

.roundcont, .roundcontWB, .roundcontSide { float:left; width:48.3em; /*width:565px;*/ background-color:#355190; margin:10px 0 20px 0; clear:both; }
.roundcont p, .roundcontSide p { margin: 0 10px; color: #fff; text-align:center; }
.roundtop { background: url(/images/rounded_corner/tr-092951-10x10.gif) no-repeat top right; }
.roundbottom { background: url(/images/rounded_corner/br-092951-10x10.gif) no-repeat top right; }
img.corner { width: 10px; height: 10px; border: none; display: block !important; }

.roundcont a:link, .roundcont a:visited, .roundcontSide a:link, .roundcontSide a:visited { color: #8aa8ce; }
.roundcont a:hover, .roundcontSide a:hover { color: #efaa22; }
.roundcont a:active, .roundcontSide a:active { color: #8aa8ce; }


.roundcontSide {width:173px;}
.roundcontSide h2 {margin:0; color:#fff; font-size:1.3em;}
.roundcontSide h2.email {padding-left:20px; margin-left:10px; background: transparent url(/images/icons/mail_16.png) center left no-repeat;}
.roundcontSide p { text-align:left; font-size:0.9em; margin:5px 10px 10px; }

.roundcontSide .foremElement input.allRounded { float:left; border:0; height:21px; padding:3px 0 0 10px; width:143px; margin:0 0 5px 10px; background: #fff url(/images/forms/input-bg-355190-153x24.gif) top left no-repeat; }

.roundcontSide .foremElement input.submit, .roundcontSide .foremElement input.submitLoading { float:right; margin:0 10px 0 0; background:transparent url(/images/forms/input-send-355190-43x22.gif) top left no-repeat; border:none; width:43px; height:22px; cursor:pointer; }
.roundcontSide .foremElement input.submitLoading { background:transparent url(/images/forms/input-sending-355190-43x22.gif) top left no-repeat;}
.roundcontSide .foremElement input.error {color:red;}
.roundcontSide .foremElement p.error {color:#efaa22; margin:10px 10px 0 10px; }


div#eaf-results p { color:#efaa22; margin:0 10px 10px; }


/***********************************************************/
/* Search box 														     */
/***********************************************************/


.roundcontWB { background:#365291 url(/images/rounded_corner/wb-bg-365291-580x1.gif) top left repeat-y; margin:10px 0; width:48.3em; /*width:576px;*/ }
.roundcontWB p { margin: 0 10px; color: #fff; text-align:center; }
.roundtopWB { background: url(/images/rounded_corner/tr-365291-1000x500.gif) no-repeat top right; }
.roundbottomWB { clear:both; background: url(/images/rounded_corner/br-365291-1000x500.gif) no-repeat bottom right; }
img.cornerWB { width: 14px; height: 14px; border: none; display: block !important; }

.roundcontWB a:link, .roundcont a:visited { color: #8aa8ce; }
.roundconWBt a:hover { color: #efaa22; }
.roundcontWB a:active { color: #8aa8ce; }

.roundcontWB .foremElement { margin:0; width:46em; text-align:center; height:2.2em; }
.roundcontWB .foremElement label { float:left; color:#fff; margin:4px 10px 0 95px; }
.roundcontWB .foremElement input.rounded { float:left; border:0; height:21px; padding:3px 0 0 10px; width:15em;  background: #fff url(/images/forms/input-bg-355190-200x24.gif) top left no-repeat; }
.roundcontWB .foremElement input.submit, .roundcontWB .foremElement input.submitLoading { float:left; margin:0; color:#fff; border:0; padding:0; height:24px; width:70px; background: #fff url(/images/forms/input-submit-355190-70x24.gif) top left no-repeat; }
.roundcontWB .foremElement input.submitLoading { color:#355190; background: #fff url(/images/forms/input-submit-loading-355190-70x24.gif) top left no-repeat; }

.roundcontWB h3 { color:#fff; text-align:center; margin:0 0 5px; }


div.supSearchOptions { clear:both; width:57em; min-height:30px; margin:10px 0 0 3em; }
div.supSearchOptions input { float:left; width:2.8em; margin:0 0.5em 0 0.5em; padding:0; height:15px; font-spacing:0.1em; }
div.supSearchOptions input.first { margin-left:0; }
div.supSearchOptions input.last { margin-right:0; }
div.supSearchOptions label { float:left; text-align:left; width:9.5em;  margin:0; padding:0; color:#fff; }



/***********************************************************/
/* Lists											                    */
/***********************************************************/

ul.tick { margin-left:1em; }

ul.tick li {
	list-style-type:none;
	background: #fff url(/images/lists/orange-tick-9x8.gif) center left no-repeat;
	padding-left:15px;
	margin:7px 0;
}

/* For those li elements that spread accross multiple lines - valign tick @ top */
ul.tick li.spread { line-height:13px; background: #fff url(/images/lists/orange-tick-9x8.gif) top left no-repeat; }

ul.tick li.indented { margin-left:25px; }





/***********************************************************/
/* FAQs             											        */
/***********************************************************/
div.progressBarFrame {
	background-color: #ffffff;
	border: 1px solid #fea620;
	width: 50px;
	height: 12px;
}

div.progressBarPosition {
	background-color: #fea620;
	height: 12px;
}


th.supportViews { width:50px; }
div#relatedFaqs { display:block; width:576px; clear:both; }

h2.faqSection { float:left; width:64em; margin-top:15px; background-color: #fbe4c0; text-align:center; color:#092951; border:1px solid #efaa22; font-size:1em; padding:3px 0; font-family: Verdana, Arial, Helvetica, sans-serif; }

ul.faqsIntro { float:left; margin:10px 0 0; clear:both; list-style:none; font-size:0.9em; }
ul.faqsIntro li { display:inline; float:left;  }

ul.faqsOptional { float:left; margin:0; padding:0; list-style:none; font-size:0.9em; }

ul.faqsIntro li, ul.faqsOptional li { float:left; line-height:1.4em; width:61em; margin:0; padding:0 0 3px 0; border-bottom:1px solid #ccc; }
ul.faqsOptional li { margin:6px 0 0 0; }

p.showFaqs, p.hideFaqs {
   float:right;
   display:none;
   cursor:pointer;
   text-decoration:underline;
   padding-right:20px;
   line-height:16px;
   width:6.5em;
   text-align:right;
   margin: 14px 0 0;
   background: transparent url(/images/icons/zoom-in_16.gif) center right no-repeat;
  }


p.hideFaqs { background: transparent url(/images/icons/zoom-out_16.gif) center right no-repeat; }






/***********************************************************/
/* Sitemap / Support 											     */
/***********************************************************/

dl.supportItem { float:left; margin:10px 9px; width:19.6em; text-align:left; }
dl.supportItem dd { margin:3px 0 0 0; padding-left:7px;  background:transparent url(/images/lists//blu-square-2x2.gif) center left no-repeat; }

dl.supportItem dd a:link, dl.supportItem dd a:visited { font-weight:normal; text-decoration:none; }



/***********************************************************/
/* Forms      														     */
/***********************************************************/

fieldset {clear:both; margin:10px 0; padding: 0px; width:99%; text-align:left; }
fieldset#details { background-color: #F2F2F2;}
.formerror, .formquestionError { color:red; }
.formheader h2 { border:none; }
.formheader {background-color: #405e9d; color:#fff; padding: 7px;border-bottom: solid #666 1px;font-weight:bold;}
.formelement {background-color: #fff;	border-bottom: solid #ccc 1px;padding: 13px 5px;}
.formelement input, .formelementfloat input, .formelementbig input {width: 300px;}
.formelement select, .formelementfloat select, .formelementbig select {width: 306px; margin-bottom:3px;}
label.radiol { width:50px; float:left; font-weight:100;}
label.error {color:red;}
div.subDesc,div.quesDesc { background:#fbe4c0; color:#666; border-bottom: 1px solid #ccc; padding:3px 5px; font-weight:bold;}
div.quesDesc { background:none; }
input.radio { width: 20px; float: left; }

.formelement label, .formelementfloat label, .formelementbig label, div.checkboxQuestion, label.nonreq {
	float:left;
	width: 200px;
	text-align: left;
	margin-right: 15px;
	padding-top: 2px;
	font-weight:bold;
}

.formquestion, .formquestionError {
	background-color: #ddd;
	padding: 5px 5px 5px 20px;
	border-bottom: solid #fff 1px;
	font-weight:bold;
}


label.nonreq { font-weight:100; }



/**
* Handle little check boxes
* and their labels
*/
input.checkbox {width:20px;height:15px;margin: 0 5px 0 5px;float:left;}
label.checkbox, label.checkboxImages {width:140px;margin: 0 5px 0 0;float:left;}
label.checkboxImages { height:100%;}
div.checkboxes { float:right; width:355px; }

/* replicate the look & feel of a label */
p.fakeLabel, p.fakeLabelError, p.fakeLabel_nonreq { width:200px; font-weight:bold; float:left; margin:0; padding:0; text-align:left;}
p.fakeLabelError { color:red; }
p.fakeLabel_nonreq { font-weight:100; }






/***********************************************************/
/* Broadband / order form items						           */
/***********************************************************/
a.buyNow, label.buyNow { display:block; padding-top:18px; margin:0; background: #fff url(/images/icons/add_16.gif) top center no-repeat; }
a.moreInfo { display:block; padding-top:18px; margin:0; background: #fff url(/images/icons/info_16.gif) top center no-repeat; }

p.speedChart { margin:0; padding:6px 0 0 3px; height:21px; color:#fff; background: #365291 url(/images/graphs/round-hoz-right-13x27.gif) center right no-repeat; }



/***********************************************************/
/* Misc items  														  */
/***********************************************************/
.clear { clear:both; margin:0; }


div.signup {
	float:left;
	background-color:#092951;
	margin:10px 0;
	width: 567px;
	color:#fff;
	text-align: center;
	padding:5px;
	line-height:20px;
	font-size:1.1em;
}

.signup a { color:#fff; }

span.upto { font-size:0.8em; }

abbr, acronym, .help { border-bottom: 1px solid #efaa22; cursor: help;font-weight: bold; }

p.strong { font-weight:bold; }
.small { font-size:0.8em; letter-spacing:0; }
ul.small {list-style:none; }
ul.small li { margin-bottom:5px; }

span.salesno { font-size:1.3em; font-weight:bold; }

p.caseQuote { background: url(/images/quotes/quote-bg-573x43.gif) top center no-repeat; height:50px; padding:10px 150px; text-align:center; font-weight:bold; clear:both; }

a.viewOffer {
	background: transparent url(/images/icons/arrow-forward_16.gif) center right no-repeat;
	margin:0 0 10px 0;
	padding-right:25px;
	width:200px;
  display:block;
	text-align:right;
  float:right;
}


blockquote.startQuote {
   background: transparent url(/images/quotes/left-quote-70x43.gif) top left no-repeat;
   padding-left:75px;
   font-weight:bold;
   min-height:50px;
   text-align:center;
   width:80%;
   margin:10px auto;
   clear:both;
}

blockquote.startQuote p.endQuote {
   background: transparent url(/images/quotes/right-quote-70x43.gif) top right no-repeat;
   padding-right:75px;
   min-height:50px;
}





/***********************************************************/
/* Rounded corners for product boxes			              */
/***********************************************************/

div#productCont { float:left; clear:both; margin:0 0 5px; width:48.3em; }
div#productBoxMed { float:left; width:32.3em; text-align:left; }
div.productBoxSma { float:right; width:14.55em; text-align:left; }

div#productBoxMed .topCorner, div.productBoxSma .topCorner {  margin:5px 0 0 0; }
div#productBoxMed .topCorner h2, div.productBoxSma .topCorner h2 { margin-top:0; padding:10px 0 5px 10px; font-size:1.3em; color:#fff; }
div#productBoxMed .botBorder, div.productBoxSma .botBorder { float:left; width:32.3em; margin:0; background: url(/images/rounded_corner/br-ccc-fff-1000x10.gif) no-repeat bottom right; }
div.productBoxSma .botBorder { width:14.55em; }

/** Colors and images**/

div#productBoxMed .tblue, div.productBoxSma .tblue,div#productBoxMed .t, div.productBoxSma .t {
background: url(/images/rounded_corner/tr-ccc-0f7ba2-1000x200.gif) no-repeat top right; }

div#productBoxMed .tblue h2, div.productBoxSma .tblue h2, div#productBoxMed .t h2, div.productBoxSma .t h2 {
background: transparent url(/images/rounded_corner/tl-ccc-0f7ba2-10x10.gif) no-repeat top left; }

div#productBoxMed .tdblue, div.productBoxSma .tdblue {
background: url(/images/rounded_corner/tr-ccc-355190-1000x200.gif) no-repeat top right; }

div#productBoxMed .tdblue h2, div.productBoxSma .tdblue h2{
background: transparent url(/images/rounded_corner/tl-ccc-355190-10x10.gif) no-repeat top left; }

div#productBoxMed .tred, div.productBoxSma .tred {
background: url(/images/rounded_corner/tr-ccc-db005f-1000x200.gif) no-repeat top right; }

div#productBoxMed .tred h2, div.productBoxSma .tred h2 {
background: url(/images/rounded_corner/tl-ccc-db005f-10x10.gif) no-repeat top left; }

div#productBoxMed .tpurple, div.productBoxSma .tpurple {
background: url(/images/rounded_corner/tr-ccc-9d72df-1000x200.gif) no-repeat top right; }

div#productBoxMed .tpurple h2, div.productBoxSma .tpurple h2 {
background: url(/images/rounded_corner/tl-ccc-9d72df-10x10.gif) no-repeat top left; }

div#productBoxMed .tgreen, div.productBoxSma .tgreen {
background: url(/images/rounded_corner/tr-ccc-91c600-1000x200.gif) no-repeat top right; }

div#productBoxMed .tgreen h2, div.productBoxSma .tgreen h2 {
background: url(/images/rounded_corner/tl-ccc-91c600-10x10.gif) no-repeat top left; }

div#productBoxMed .torange, div.productBoxSma .torange {
background: url(/images/rounded_corner/tr-ccc-f4dfaa-1000x200.gif) no-repeat top right; }

div#productBoxMed .torange h2, div.productBoxSma .torange h2 {
background: url(/images/rounded_corner/tl-ccc-f4dfaa-10x10.gif) no-repeat top left; }



div.productBoxSma .middle { float:left; clear:both; margin:0; padding:0; border-left:1px solid #ccc; border-right:1px solid #ccc; width:14.35em; }

div.productBoxSma p { margin:10px 5px; }
div.productBoxSma h3 { margin:12px 0 0 5px; text-align:left; font-size:1.1em; color:#0076a3; }


div.productBoxSma ul li { margin:0; padding:0px; letter-spacing:0; }


ul.bullets { float:left; clear:both; margin:0; padding:0; border-left:1px solid #ccc; border-right:1px solid #ccc; width:32.14em; }

ul.bullets li.indent { margin-left:20px; }

ul.bullets li { text-align:left; margin:5px 0 0 5px; padding-left:15px; list-style:none; }
ul.bulletsBlue li { background:transparent url(/images/lists/bullet-blue-5x5.gif) center left no-repeat; }
ul.bulletsDBlue li { background:transparent url(/images/lists/bullet-dblue-5x5.gif) center left no-repeat; }
ul.bulletsOrange li { background:transparent url(/images/lists/bullet-orange-5x5.gif) center left no-repeat; }
ul.bulletsRed li { background:transparent url(/images/lists/bullet-red-5x5.gif) center left no-repeat; }
ul.bulletsGreen li { background:transparent url(/images/lists/bullet-green-5x5.gif) center left no-repeat; }
ul.bulletsPurple li { background:transparent url(/images/lists/bullet-purple-5x5.gif) center left no-repeat; }
ul.bullets li.info { background:transparent url(/images/icons/info_16.gif) center left no-repeat; line-height:20px; padding-left:20px; margin:9px 0 8px 3px; }

ul.bullets li.sub { margin-top:1em; }



ul.fmAdditonal li.title { background:none; font-weight:bold; margin-top:20px; padding-left:0; }



/*******
* Customised number lists
*/
ul.numbers { margin:0; padding:0; list-style:none; }
ul.numbers li { padding-left:28px; margin-bottom:10px; }
ul.numbers li.one { background: #fff url(/images/numbers/1-red.gif) center left no-repeat; }
ul.numbers li.two { background: #fff url(/images/numbers/2-red.gif) center left no-repeat; }
ul.numbers li.three { line-height:21px; background: #fff url(/images/numbers/3-red.gif) center left no-repeat; }


/*******
* RSS Descriptions
*/
div.rssOptions {border: 1px solid #ccc; margin-bottom:10px; }
div.rssRecommended {  background: transparent url(/images/rss/most-pop-94-86.gif) top right no-repeat; }
div.rssOptions p, div.rssOptions h3, div.rssOptions div.rssImage { margin:10px; }
div.rssImage { display:inline; }

div.rssImage { float:left;  margin:5px 0 25px; border:1px solid #ccc; text-align:center; }
div.rssScreenIE { float:right; }

ul.rsslink li { background: #fff url(/images/rss/feed-icon-15x15.gif) center left no-repeat; padding-left:20px; list-style-type:none; line-height:20px; }




/*******
* Promo banner that is JS driven
*/
div#promoUpBanner {
   position:fixed;
   text-align:right;
   bottom:-116px;
   background: transparent url(/images/promo/365190-bg-1x76.png) repeat-x left bottom;
   padding:0;
   height: 116px;  /* includes transparent part */
   margin: 0;
   width:100%;
   z-index:1000;
}
div#promoUpBanner img#mainBG { float:left; }
div#promoUpBanner ul {
   margin: 65px 16px 0 0;
   padding: 0;
   float: right;
   font-size: 0.9em;
   list-style-type: none;
}

div#promoUpBanner a:link, div#promoUpBanner a:visited, div#promoUpBanner a:hover, div#promoUpBanner a:active {color:#fff;}





/*******
* The clear fix
* Info @ http://www.positioniseverything.net/easyclearing.html
*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


/**
 * Rating
 */
img.star { cursor:pointer; }



/**
 * Misc Icons and stuff
 */
.note { clear:both; padding-left:20px; line-height:16px; background: #fff url(/images/icons/notes_16.gif) top left no-repeat; }
.infoNote { padding-left:20px; line-height:16px; background: #fff url(/images/icons/info_16.gif) top left no-repeat; }
.errorNote { padding-left:20px; background: #fff url(/images/icons/delete_16.gif) top left no-repeat; }

.dateNote { padding-left:20px; background: #fff url(/images/icons/calendar_16.gif) top left no-repeat; }

h1.stop { padding-left:30px; line-height:24px; background: #fff url(/images/icons/stop_24.gif) top left no-repeat; }

li.document { list-style-type:none; padding-left:20px; background: #fff url(/images/icons/documents_16.gif) top left no-repeat; }

.attention {
	background-color: #fbe4c0;
	border: 1px solid #efaa22;
	padding: 7px;
	margin:10px 0 0;
	}



/** Floating images in text */

img.InTextR, img.InTextL {float:right; margin:1em 0 5px 10px; padding:10px; border:1px solid #ccc;}
p.InTextR, p.InTextL { text-align:justify; }

img.InTextL {float:left; margin:15px 10px 5px 0; }
p.InTextL { text-align:justify; }

img.imgMiddle { display:block; margin:5px auto; }


/** fix quote weirdness: **/
#main-offers-quotes blockquote {
	margin:0px;
}

/** css for awards **/
.main-awards-pca		{ width: 5.5em; }
.main-awards-pcprocom	{ width: 5.5em; }
.main-awards-pcpronom	{ width: 5.5em; }
.main-awards-ispa		{ width: 5.5em; }

/** text-over-graphics: **/
#main-home .abs		{ position:absolute; }
#main-home ul		{ padding:0 0 0 0.8em; margin:0px; list-style-type:none; top:5.34em;}
#main-home h1		{ font:bold 2.2em Arial; top:0em; left:-0.16em }
#main-home span		{ font:1.53em Verdana; }
#main-home small	{ font:bold 1em Verdana; top:3.66em; }
#main-home strong	{ font:bold 1.4em Verdana; }

#main-home .home	{ left:0.77em; width:25em; color:#FFF;}
#main-home .home *	{ color:#FFF; }

#main-home .bus		{ left:29.25em; width:26em; white-space:nowrap; color: #3d7bc0; }
#main-home .bus *	{ color:#3d7bc0; }

#main-home .home h1			{ color:#efaa22; }
#main-home .home small.abs	{ color:#efaa22; }
#main-home .home strong		{ color:#efaa22; }

#main-home .bus h1			{ color:#000; }
#main-home .bus small.abs	{ color:#444; }
#main-home .bus strong		{ color:#444; }


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

html, body {
min-height: 100%;
height: auto !important;
height: 100%;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: absolute;
	z-index:100;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	min-height:100%;
	background-color:#000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
* html #TB_window {
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) +
(TBWindowMargin = document.documentElement &&
document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window {
   position: fixed;
   top: 50%;
   left: 50%;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
}



#TB_window img {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:5px 10px 7px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
	font-weight:bold;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_order, #TB_order2go {
	background-color:#e8e8e8;
   margin:0; padding:0; 
   border-top:1px solid #ccc; background:#eee; 
   padding:10px 0; 
   height:1.4em; 
}

div#TB_order2go { padding:0; height:72px; }
#TB_order2go table {font-size:12px; width:600px; margin:0 0 0 15px;}
#TB_order2go table td.tsh { border:none; border-bottom:1px solid #ccc; font-weight:bold; }

#TB_order a, #TB_order2go a.order { display:block; margin-right:10px; padding-right:35px; line-height:24px; height:24px; background: transparent url(https://secure.nildram.net/resources_docs/images/icons/arrow-forward-red_24.gif) center right no-repeat; font-size:16px; text-align:right; }


#TB_ajaxContent{
	clear:both;
	padding:0;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: absolute;
	display:none;
	height:100px;
	width:100px;
	z-index:101;
}

#TB_HideSelect{
	z-index:99;
	position:absolute;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

#TB_iframeContent{
	border:none;
	clear:both;
}