* {	margin:0; padding:0;}
img { border: 0; display: block; }
.floatL {float:left;}
.floatR {float:right;}
.clear { display:block; clear:both;	font-size:0; }
.padding10 {padding:10px;}
.vAlignM {vertical-align: middle;}
.vAlignBL {vertical-align: baseline;}
.vAlignTB {vertical-align: text-top;}
.vAlignT {vertical-align: top;}

/** Structure **/
#body {
	width:880px;
	margin:16px auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.8em;
}

#header {
	height:65px;
	background:url('images/zintel-logo.gif') no-repeat 16px 8px;	
}

#logo {
	width:125px;
	height:49px;
	text-indent:-5000px;
	overflow:hidden;
	display:block;
	float:left;
	margin: 0 0 0 15px;
}
.banner {
	float:right;
	width:500px;
	height:50px;
	padding:15px 0 0 0;
}
.banner img {float:right;}

#contentContainer {
	clear:both;
	font-size:.85em;
	color:#777;
}

#leftContent { width:500px; float:left;}
#rightContent {	width:350px; float:right;}

#leftContent.extend {width:660px;}
.extend-full-page {width:880px !important; padding: 10px 0 !important; }
#rightContent.extend {width:190px;}
#rightContent.hide {width: 0; display: none;}

#footer {
	border-top:1px solid #ccc;	
	clear:both;
	padding: 0 0 30px 0;
	margin: 0;
}

#footer ul {
	list-style:none;
	margin:10px 0 0 0;
	font-size:.85em;
	color:#999;
}
#footer ul li {
	display:block;
	float:left;
	border-right:1px solid #999;
	padding: 0 20px;
}
#footer ul li.left {
	padding: 0 20px 0 0;
}
#footer ul li.right {
	border-right:none;
}
#footer a {
	color:#999;
}

a { text-decoration:none; }
p { margin: 0 0 10px 0; }

/** NAV **/

#nav {
	display:block;
	margin:0 auto 15px auto; 
	clear:both;
	height:24px;
	width:880px;
	background: #009ADA;
	z-index:1000;
}

#nav, #nav ul { /* all lists IE 7 FIX */	
	list-style: none;
	line-height: 1px;
	z-index:1000;
	font-family:Arial, Helvetica, sans-serif;
}

#nav a {
	display:block;
	height:24px;
    line-height:24px;
	color: #fff;
}

#nav a#home { width:125px;}
#nav a#inbound-services { width:150px;}
#nav a#ccs { width:175px;}
#nav a#csc { width:180px;}
#nav a#online-store { width:125px;}
#nav a#about-us { width:125px;}

#nav ul li a {
	background:url('images/nav.gif') no-repeat 100% 0;	
}
#nav ul li a:hover {
	background:url('images/nav.gif') no-repeat 100% 100%;	
}

#nav li { /* all list items */
	float: left;
	display:block;
	height:24px;
}

#nav ul ul li a {
	text-align:left;
	text-transform:none;
}
#nav li:hover , #nav li.sfhover {
	position: static;
}
#nav li ul { 
	position: absolute;	
	margin:0 0 0 -1px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav li ul , #nav li ul a {
	width:215px;
}
#nav li#aboutus ul  a {
	width:150px;
}
#nav li#aboutus ul {
	margin: 0 0 0 -27px !important;
	width:150px;
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 10em;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	z-index:1000;
}

#nav ul li a {
	text-align:center;
	font-size:11px;
}

#nav li:hover a, #nav li.sfhover a, #nav li a.active{
	background-position: right bottom !important;
}

#nav li ul a {
	background: #fff;
    color: #076B94;
	height:23px;
	line-height:23px;
	border-bottom:1px solid #3DB2E3;
	border-right:1px solid #3DB2E3;
	border-left:1px solid #3DB2E3;
	text-indent:5px;
}

#nav li ul a:hover {
	background: #DBF4FF;
    color: #106797;
}

/** Home page **/
.flashFeature{
	margin: 0 0 10px 0;
}

a.purpleHome, a.yellowHome, a.greenHome, a.redHome, a.cyanHome
{
	display:block;
	width:360px; height:83px;
	margin:0 0 2px 0;
	padding-top: 4px;
	background-repeat: no-repeat;
	background-position: 0 0;
	color:#fff;
}
#rightContent>a.purpleHome, #rightContent>a.yellowHome, #rightContent>a.greenHome, 
#rightContent>a.redHome, #rightContent>a.cyanHome
{
	margin: 0 0 2px -10px;
}

a.purpleHome span.heading, a.yellowHome span.heading, a.greenHome span.heading, 
a.redHome span.heading, a.cyanHome span.heading {
	display:block;
	width: 250px;
	font-size:16px;
	font-weight:bold;
	margin: 10px 0 0 100px;
	cursor: pointer;
}
a.purpleHome span.text, a.yellowHome span.text, a.greenHome span.text, 
a.redHome span.text, a.cyanHome span.text {
	display: block;
	width: 250px;
	margin-left: 100px;
	font-size:11px;
	cursor: pointer;
}
.purpleHome {background:url('images/purple.gif'); background-repeat: no-repeat;}
.yellowHome {background:url('images/yellow.gif'); background-repeat: no-repeat;}
.greenHome {background:url('images/green.gif'); background-repeat: no-repeat;}
.redHome {background:url('images/red.gif'); background-repeat: no-repeat;}
.cyanHome {background:url('images/cyan.gif'); background-repeat: no-repeat;}

.callZintel {
	display:block;
	clear:both;
	width:261px;
	margin:auto;
	padding:20px 0 0 40px;
}

/** Content Page **/
#quickLinks {
	list-style:none;
	background:url('images/round_edge_bx.gif') no-repeat 0 0;
	padding:25px 5px 10px 5px;
	width:134px;	
	height:300px;
}
#quickLinks li a{
	text-indent:-5000px;
	overflow:hidden;
	display:block;
	width:130px;
	height:42px;
	margin:0 0 15px 0;
}
#quickLinks a#callMe {background:url('images/rnd_edge_mnu_01.gif') no-repeat 0 0;} 
#quickLinks a#emailMe {background:url('images/rnd_edge_mnu_02.gif') no-repeat 0 0;}
#quickLinks a#sendQuote {background:url('images/rnd_edge_mnu_03.gif') no-repeat 0 0;}
#quickLinks a#store {background:url('images/rnd_edge_mnu_04.gif') no-repeat 0 0;}
#quickLinks a#faq {background:url('images/rnd_edge_mnu_05.gif') no-repeat 0 0;}

#contentIntro {
	height:44px;
	width:660px;
	padding: 18px 110px;
	color:#fff;
	margin: 0 0 15px 0;
	font-size:16px;
	font-weight:bold;
}

#contentContainer .purple {background:url('images/top_bar_01.gif') no-repeat 0 0 ;}
#contentContainer .yellow {background:url('images/top_bar_02.gif') no-repeat 0 0 ;}
#contentContainer .green {background:url('images/top_bar_03.gif') no-repeat 0 0 ;}
#contentContainer .red {background:url('images/top_bar_04.gif') no-repeat 0 0 ;}
#contentContainer .cyan {background:url('images/top_bar_05.gif') no-repeat 0 0 ;}

#rightContent #left {
	width: 165px;
	float:left;
}
#rightContent  #right {
	width:181px;
	float:right;
}

#circles {display: block; width: 181px; height: 76px; text-align: center;}
#circles a.center {margin: 0 5px;}
#circles img {float: left; margin: 10px 0 10px 0;}
#circles .centered-circle a img {display: block; margin: 10px 6px;}

.lhs-width {width: 600px !important;}
.rhs-width {width: 190px !important;}

.mainContent {
	/*border-top:1px solid #ddd;*/
	padding: 10px 0 0 0;
}
.mainContent a, #rightContent #left a {
	color:#0099CC;
}
.mainContent a {
	text-decoration:underline ;
}
.mainContent img {
	display: inline;
	padding:5px;
}
.mainContent ul, .mainContent ol {
	margin:10px 20px;
}
.mainContent ul {
	list-style:circle;
}
td {
	vertical-align:top !important;
}
hr {
	border:none;
	border-top:1px solid #ccc;
	margin: 0 0 .5em 0;
	height:1px;
}
.lightBlueColor {
	color:#0092cd;
}
h1 {
	font-size:1.2em;
	margin: 0 0 10px 0;
}
h2 , h3 {
	font-size:1.1em;
	margin: 0 0 10px 0;
}

/** FORM **/
#enquiryform label {
	clear: both;
}
#enquiryform p {
	clear: both; 
}
label {
	width:150px;
	display:block;
	float:left;
	margin: 0 0 10px 0;
}

input, textarea {
	width:260px;
	padding: 2px;
	font-family:Arial, Helvetica, sans-serif;	
	font-size:12px;
}
option {
	padding:0 2px;
}
input.radioInput, input.checkbox {
	width:auto;
}
.checkoption, .radiooption {
	display:block;
	padding: 3px 0;
}
#faultForm .radiooption {
	display:inline;
}
textarea {
	height:145px;
}
.inputRow{
	margin:0px;
 	clear:both;
}
.submit {
	width:130px;
	margin: 0 0 0 170px;
}
.inputArea {
	float:left;
	width:280px;
	padding: 0 0 8px 20px;	
}
.formErrorMessage {
	color:#0099CC;
}

.errorMessage {
	border:2px outset #F8014D;
	padding:5px;
	margin:10px 0;
	color:#89012B;
}
.successMessage {
	border:2px outset #009ADA;
	padding:5px;
	color:#005578;
	margin:10px 0;	
}
/** Form assembly overrides **/
div.wfPage, div input.wfHideSubmit {
	display:none;
}
div.wfCurrentPage {
	display:block;
}

div.wForm {
	color:#777777;
	font-family:Arial,Helvetica,sans-serif;
	position:relative;
}
div.wForm form input, div.wForm textarea {	
}
div.wForm form div {
	
	position:relative;
	padding:2px 0pt;
	height:0;
	overflow: visible;
	padding-bottom:30px;
	clear:both;
}
div.wForm form > div {
	height: 1%;
	overflow:hidden;
}
div.wForm form div input {
	padding:2px;
	float:left;
}
div.wForm form div textarea {
	padding:2px;
	float:left;
} 
div.wForm form div label {
	float: left;

}

div.wForm {
	
}
div.wForm form div.htmlsection {
	position:static;
	padding:0;
	margin:0 0 12px 0;
}
div.wForm form div span {
	display: block;
	position: absolute;
	left:150px;
	padding:0 0 5px 0;
}
div.wForm form div label span.reqMark {
	display:inline;
	position:static;
}
div.wForm form div span input {
	width:auto;
	float:left;
	position:static;
	left:auto;
}
div.wForm form div span label {
	padding:0 0 0 15px;
	margin:0;
	width:300px;
	position:static;
}
div.wForm form div span span {
	position:relative;
	left:0;
	padding:0;
}
div.wForm form div span span input,
div.wForm form div select {
	width:268px;
	float:left;
	position:relative;
	left:auto;
}
/* testing for multi */

div.wForm form div div {
	clear:both;
}
div.wForm form div div span {
	position: relative;
	left: 0px;

	padding:0;
}
div.wForm form div div input {

	margin-top:10px;
	width:200px;
}
div.wForm form div div span input {
	position:static;
	left:auto;
	width:auto;
	padding:0;
	margin:0;
}
div.wForm form div div span label {
	width:57px;
	height:25px;
	position:static;
	padding:0 3px;
}
div.wForm form div div textarea {
	margin: 0 0 5px 0;
}












div.wForm form div span span label {
	padding:0 0 0 15px;
	margin:0;
	width:70px;
	position:relative;
}
div.wForm form div input#submit-.primaryAction {
	width:200px;
	float:none;
	margin-left:148px;
}
div.wForm p.supportInfo {
    display: none;
 }
div.wForm form div span.errMsg, div.wForm form div div.errMsg {
	position: relative;
	margin:0px 0 0 150px;
	color: #0099cc;
	left:-265px;
	top:10px;
	
}
div.wForm form div div.errMsg {
	margin:20px 0 0 0;
	left:0;
	top:0;
}
div.wForm form div span span label.postField {
	width:100px;
}
.wForm form .onstate-a, .wForm form .onstate-b, .wForm form .onstate-c, .wForm form .onstate-d,
.wForm form .onstate-e, .wForm form .onstate-f, .wForm form .onstate-g, .wForm form .onstate-h,
.wForm form .onstate-i, .wForm form .onstate-j, .wForm form .onstate-k, .wForm form .onstate-l,
.wForm form .onstate-m, .wForm form .onstate-n, .wForm form .onstate-o, .wForm form .onstate-p,
.wForm form .onstate-q, .wForm form .onstate-r, .wForm form .onstate-s, .wForm form .onstate-t,
.wForm form .onstate-u, .wForm form .onstate-v, .wForm form .onstate-w, .wForm form .onstate-x,
.wForm form .onstate-y, .wForm form .onstate-z, .wForm form .onstate-aa, .wForm form .onstate-ab,
.wForm form .onstate-ac, .wForm form .onstate-ad, .wForm form .onstate-ae, .wForm form .onstate-af,
.wForm form .onstate-ag, .wForm form .onstate-ah, .wForm form .onstate-ai, .wForm form .onstate-aj,
.wForm form .onstate-ak, .wForm form .onstate-al, .wForm form .onstate-am, .wForm form .onstate-an,
.wForm form .onstate-ao, .wForm form .onstate-ap, .wForm form .onstate-aq, .wForm form .onstate-ar,
.wForm form .onstate-as, .wForm form .onstate-at, .wForm form .onstate-au, .wForm form .onstate-av,
.wForm form .onstate-aw, .wForm form .onstate-ax, .wForm form .onstate-ay, .wForm form .onstate-az,
.wForm form .onstate-ba, .wForm form .onstate-bb, .wForm form .onstate-bc, .wForm form .onstate-bd,
.wForm form .onstate-be, .wForm form .onstate-bf, .wForm form .onstate-bg, .wForm form .onstate-bh,
.wForm form .onstate-bi, .wForm form .onstate-bj, .wForm form .onstate-bk, .wForm form .onstate-bl {
	display:block !important;
}
.offstate-a, .offstate-b, .offstate-c, .offstate-d, .offstate-e, .offstate-f, .offstate-g, .offstate-h,
.offstate-i, .offstate-j, .offstate-k, .offstate-l, .offstate-m, .offstate-n, .offstate-o, .offstate-p,
.offstate-q, .offstate-r, .offstate-s, .offstate-t, .offstate-u, .offstate-v, .offstate-w, .offstate-x,
.offstate-y, .offstate-z, .offstate-aa, .offstate-ab, .offstate-ac, .offstate-ad, .offstate-ae, .offstate-af,
.offstate-ag, .offstate-ah, .offstate-ai, .offstate-aj, .offstate-ak, .offstate-al, .offstate-am, .offstate-an,
.offstate-ao, .offstate-ap, .offstate-aq, .offstate-ar, .offstate-as, .offstate-at, .offstate-au, .offstate-av,
.offstate-aw, .offstate-ax, .offstate-ay, .offstate-az, .offstate-ba, .offstate-bb, .offstate-bc, .offstate-bd,
.offstate-be, .offstate-bf, .offstate-bg, .offstate-bh, .offstate-bi, .offstate-bj, .offstate-bk, .offstate-bl {
	display:none !important;
}
/** FEEDBACK **/
.feedBack {
	background-image: url('images/spinner.gif') !important;
	background-position:50% 50% !important;
	background-repeat : no-repeat !important;
}
.form-table {
	clear: both;
	margin: 10px 0;
}
.form-table input {
	width: 100px !important;
}
.form-table select {
	min-width: 100px;
}
.form-table .center-row th
{
	text-align: center;
}
.form-table th {
	text-align: left;
	width: 100px;
	border: 1px solid #dcdcdc;
	padding: 5px;
}
.form-table td {
	text-align: center;
	border: 1px solid #dcdcdc;
	padding: 5px;
}
.red {color: #ee0000;}

.checkbox-text {clear: both;}
.checkbox-text input {
	float: left;
	margin: 0 5px 0 0;
}
.checkbox-text label {display: block; clear: none !important; width: 550px; float: left;}