/* INFOZONE STYLESHEET */
/* DOES NOT INCLUDE STYLES FOR STANDARD DOL HEADING, BUT EVERYTHING ELSE */



/* MAIN BODY TYPOGRAPHY */

body {
display:block;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #000000;

height:100%;
min-height:100%;
	font-size: 62.5%; /* Resets 1em to 10px */


}

#infozone-content { /* text settings for main content window */
font-size:1.3em;
line-height:1.4em;
}

#infozone-tipsblock { /* text settings for tips block */
font-size:1.3em;
line-height:1.4em;
}

#infozone-breadcrumb {
font-size:1.5em;
line-height:1.6em;
}



:focus {
outline:#000000 dotted thin;
}

h1, h2, h3, h4, h5, h6 {
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:1.4em 0 .5em 0;
line-height:1.2em;
}


h1 {
color:#330066;
margin-top:0;
font-weight:800;
font-size:1.5em;
}

h2 {
font-family:Georgia, "Times New Roman", Times, serif;
color:#330066;
font-weight:800;
font-size:1.4em;

}

h3 {
color:#330066;
font-weight:400;
font-size:1.3em;


}

h4 {
color:#000000;
font-weight:800;
font-size:.9em;
}

h5 {

}

h6 {

}

ul, ol {
	margin: 1em .5em 1em 3em;
	}
li {
	margin: .5em .5em .5em -1em;
 }



p {
margin: 1em 0;
}







ul {
list-style-type:square;


}

ol {
list-style-type:decimal;


}





ul ul, ol ul { /* second level UL's */
list-style-type:circle;
}

ol ol, ul ol { /* second level OL's */

}



blockquote {
margin:1em;
font-style:italic;
}

dl {margin:0;
padding:0;
width:90%;}

dt {
	margin:0;
	padding:0;
	font-weight:bold;

	}

dd	{
	margin:0 0 1em 0;
	padding:0;
	
	}

a:link { /* unvisited link */
color:#330066;


}
a:visited { /* visited link */
color:#330066;


}
a:hover { /* mouse over link */
color: #5e219b;


}
a:active { /* selected link */
color:#5e219b;

}

table { 
	border-collapse:collapse;
	font-size: .8em;
	background-color:#f4f4f4;
	border: 2px solid #ccc;
    margin:2em 0;
	text-align: left;
}
caption {
	font-size: 1.3em;
	font-weight: 600;
	color:#330066;
 }


th {
	color:#330066;
	font-weight:600;
	background-color:#fcfcfc;
	border: 1px solid #ccc;
	padding: 5px;

 }
 
thead th {
	font-size:1.3em;
	background-color:#fff;
 }


td {
	border: 1px solid #ccc;
	padding: 5px;
	}

tr:hover { /*row mouseover effect */
background-color:#fafafa;

}

	
tfoot th {


	margin: 2px; 
		background-color:#ddd;
		}




/* BREADCRUMB STUFF */

#infozone-breadcrumb p.breadcrumbs {

}

#infozone-breadcrumb a {
color:#330066;
}

#infozone-breadcrumb a:hover {
color:#330066;
}

#infozone-breadcrumb a:active {
color:#330066;
}


/* LAYOUT STUFF. SIZES COLOURS, ETC.*/


div.clear {
clear:both;
}

#infozone-dolheader {
background-color:#ffffff;
}


#infozone-breadcrumb {
	width:936px;
	text-align:left;
	margin: 20px auto 14px auto;

}

#infozone-wrapper {
	text-align: left;
	margin: 0 auto;
	width: 936px;

}

#infozone-navprimary { /* primary navigation - the top bar in this case */
	padding-bottom:12px;
}

#infozone-container {
	border-bottom: 6px solid #ffffff;
		border-top: 6px solid #ffffff;
}


#infozone-navblock {
	float: left;
	width: 220px;
	padding: 0 6px;
}



#infozone-content {
	float: left;
	width: 49%;
	padding: 6px;
}


#infozone-tipsblock {
	float: right;
	width: 220px;
	padding: 6px;

}


#infozone-footer {
	text-align:center;
}




/* PRIMARY NAV STUFF */

#infozone-navprimary ul {
list-style:none;
list-style-type:none;
width:100%;
margin:0;
padding:0;
}

#infozone-navprimary li {
display:inline;
width:25%; /* 'cause there's 4 items */
float:left;
margin:0;
padding:0;

}

#infozone-navprimary a { 
display:block;
font-family:Georgia, "Times New Roman", Times, serif;
text-align:center;
text-decoration:none;
color:#330066;
font-size:17px;
font-weight:400;
padding:10px 0;
border-width:0 1px;
border-style:solid;
border-color:#e3e3e3;
}


/* NAV BLOCK STUFF */

#infozone-navblock ul {
list-style-type:none;
margin:0;
padding:0;

}

#infozone-navblock ul li {

			margin: 0 0 6px 0;
}

#infozone-navblock ul li a { /* FIX FOR IE6 for li whitespace issue. must be in this position */
display:inline-block;
}

#infozone-navblock ul li a { /* a:hover is below in section specific styles */
display:block;
padding:8px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:800;
text-decoration:none;
color:#330066;
background-color:#e2e2e2;

}

#infozone-navblock ul ul {

}

#infozone-navblock ul ul li {
margin:0px;
line-height:1.1em;

}

#infozone-navblock ul ul li a {
font-size:11px;
padding: 6px 6px 6px 24px;
background-color:#eFeFeF;
text-transform:none;

}




/* TIPS BLOCK STUFF */

#infozone-tipsblock h2 { /* spaced to show different icon next to it */
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.2em;
font-weight:800;
color:#330066;
margin:0 0 6px 0;
font-style:normal;
}


#infozone-tipsblock div.howto {
background: #dfdfdf url("/infozone/common/images/businessessentials/icon-tools.gif") no-repeat left top; /*background colour given so image shows up in IE7. Don't ask me why... */
margin: 6px;
padding: 6px 0 0 40px;

}

#infozone-tipsblock div.question {
background: #dfdfdf  url("/infozone/common/images/businessessentials/icon-question.gif") no-repeat left top; /*background colour given so image shows up in IE7. Don't ask me why... */
margin: 6px;
padding: 6px 0 0 40px;
}

#infozone-tipsblock div.info {
background: #dfdfdf url("/infozone/common/images/businessessentials/icon-info.gif") no-repeat left top; /*background colour given so image shows up in IE7. Don't ask me why... */
margin: 6px;
padding: 6px 0 0 40px;
}

#infozone-tipsblock div.phone {
background: #dfdfdf url("/infozone/common/images/businessessentials/icon-telephone.gif") no-repeat left top; /*background colour given so image shows up in IE7. Don't ask me why... */
margin: 6px;
padding: 6px 0 0 40px;
}

#infozone-tipsblock div.mail {
background: #dfdfdf url("/infozone/common/images/businessessentials/icon-mail.gif") no-repeat left top; /*background colour given so image shows up in IE7. Don't ask me why... */
margin: 6px;
padding: 6px 0 0 40px;
}


#infozone-tipsblock p {

}

#infozone-tipsblock ul {
margin:0;
padding:0;
list-style-type:square;
list-style-position: inside;
padding-left: 1em;
text-indent: -1em;



}

#infozone-tipsblock ul li {
margin: 0 0 .5em 0;
}




/* FOOTER STUFF */

#infozone-footer {
	text-align:center;
		color: #000;
		margin: 10px 0;
		
}


#infozone-footer ul.footertext {
margin:0;
padding:0;
list-style:none;
	font-size: 1.1em;

}

#infozone-footer ul.footertext li {
    display: inline;
    list-style-type: none;
margin:0;
padding:0;
}

#infozone-footer a {
color:#000000;
}

#infozone-footer a:hover {
color:#000000;
}






/* POP UP */

a.faq-item {} /* used for popup links */

#infozone-faq-popup { /* popup wrapper */
font-size:1.3em;
line-height:1.4em;
} 

#infozone-faq-popup h2 {
background: #cccccc url("/infozone/common/images/businessessentials/popup-dol-logo.png") no-repeat center left;
background-color:#cccccc;
font-size:1.7em;
color:#330066;
margin:0;
padding:10px 60px 16px 60px;
line-height:1.1em;
min-height:45px;


} 
#infozone-faq-popup-content { /* popup content */
padding:10px;
}


/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{}
    #cboxContent{margin-top:20px;}
        #cboxLoadedContent{background:#fff; padding:5px;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(/infozone/common/images/businessessentials/popup-controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(/infozone/common/images/businessessentials/popup-controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#fff;}
        #cboxLoadingGraphic{background:url(/infozone/common/images/businessessentials/popup-loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; top:5px; right:20px; display:block; background:url(/infozone/common/images/businessessentials/popup-controls.png) top center no-repeat; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose.hover{background-position:bottom center;}