/* 
Key Colours			Dark			Light
----------------------------------------------------------------------
Blue            #006699

*/

/* CSS Reset  (from http://meyerweb.com/eric/tools/css/reset/)
---------------------------------------------------------- */
/* v1.0 | 20080212 */

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, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	}

body {	line-height: 1;	}

ol, ul {	list-style: none;	}

blockquote, q {	quotes: none;	}

blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;	}

/* remember to define focus styles! */
:focus {	outline: 0;	}

/* remember to highlight inserts somehow! */
ins {	text-decoration: none;	}

del {	text-decoration: line-through;	}

/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse;	border-spacing: 0;	}

/* Typography
---------------------------------------------------------- */

body {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 75%; /* This is where you set your desired font size. The line-heights and vertical margins are automatically calculated from this. The percentage is of 16px (0.75 * 16px = 12px). */
	line-height: 1.5;
	}

h1, h2, h3, h4, h5, h6 {	font-weight: bold;	}

h1 {	font-size: 3em;	line-height: 1;	margin-bottom: 0.5em;	}

h2 {	font-size: 2em;	margin-bottom: 0.5em;	}

h3 {	font-size: 1.5em;	line-height: 1;	margin-bottom: 0.5em; margin-top: 0.5em;	}

h4 {	font-size: 1.2em;	line-height: 1.25;	margin-bottom: 0.5em;	}

h5 {	font-size: 1em;	margin-bottom: 0.5em;	}

h6 {	font-size: 1em;	}

p {	margin: 0 0 1.5em 0;	}

p:last-child {	margin-bottom: 0;	}

p img {	margin: 1.5em 1.5em 1.5em 0;	padding: 0;	}

img {	margin: 0;	}

ul, ol {	margin:0 1.5em 1.5em 1.5em;	}

ul {	list-style-type: circle;	}

ol {	list-style-type: decimal;	}

dl {	margin: 0 0 1.5em 0;	}

dl dt {	font-weight: bold;	}

dd {	margin-left: 1.5em;	}

abbr, acronym {	border-bottom: 1px dotted #666;	}

address {	font-style: italic;	margin-top: 1.5em;	}

del {	color:#666;	}

a:focus, a:hover {	color: #00ADEF;	}

a {	color: #333;	text-decoration: underline;	}

blockquote {	color: #666;	font-style: italic;	margin: 1.5em;	}

strong {	font-weight: bold;	}

em, dfn {	background: #ffc;	font-style: italic;	}

dfn {	font-weight: bold;	}

pre, code {	margin: 1.5em 0;	white-space: pre;	}

pre, code, tt {	font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace;	line-height: 1.5;	} 

tt {	display: block;	line-height: 1.5;	margin: 1.5em 0;	}

table {	margin-bottom: 1em;	}

th {	border-bottom: 2px solid #ccc;	font-weight: bold;	}

td {	border-bottom: 1px solid #ccc;	}

th, td {	padding: 0.2em;	}

input, textarea, select {
	background: #fff;
	border: 1px solid #aaa;
	font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
	}

input:focus, textarea:focus, select:focus {
	background: #fff;
	border: 1px solid #666;
	}

textarea {
	font-size: inherit;
	}

input.inputButton {
	background: #00ADEF;
	border: 0;
	color: #fff;
	font-weight: bold;
	font-family: inherit;
	margin: 0 0 0 0;
	overflow: visible;			/* fix for IE6 double padding on buttons */
	text-align: center;
	width: auto;				/* fix for IE6 double padding on buttons */
	}

/* Containers
---------------------------------------------------------- */

body#gaq {
	background: #C3E0EE url('images/body_bg.jpg1') repeat-y center top;
	color: #333;
	padding: 0 0 4em 0;
	height: 100%;
	}

#container {
	/*background: #fff;*/
	margin: auto;
	padding: 0px;
	/*position: relative;*/
	text-align: left;
	width: 1000px; /* Theme: width = 950px */
	background: #C3E0EE url('images/body_bg.jpg1') repeat-y left top;
	}

#content_container {
	background: #C3E0EE url('images/body_bg.jpg') repeat-y left top;
	clear: both;
	float: left !important;
	padding:0;
	width: 640px !important; /* Theme: the width needs to be repeated here or IE bugs out */
	min-height: 1000px !important;
	}
#sidebar_container{
    background: #C3E0EE /*url('images/sidebar-bg.jpg') repeat-y center*/;
    float:left;
    width: 330px;
    padding: 0px;
    margin: auto;
}
#bottom_container{
    clear: both;
    text-align: center;
    padding: 20px;
}
#top_flank{
    width: 640px;
    height: 78px;
    background: #C3E0EE url('images/top-flank.jpg') no-repeat left;
}
#content {
	background: #fff;
	color:#333;
	margin: 0;
	padding: 0 27px;
	/*min-height: 700px !important;*/
	width: 586px;
	}

#content.two_column {
	float: left;
	}

#sidebar {
	/*background: #fff;*/
	/*float: left;*/
	/*margin: 0 18px 0 0;*/
	/*padding: 18px;*/
	padding-bottom: 25px;
	min-height: 50px;
	/*width: 244px;*/
	}
#sidebar ul li
{
    list-style-type: none;
    float: left;
    margin: 0 8px;
}

/* Header
---------------------------------------------------------- */
.mast{
   width: 586px;
   height: 136px;
   text-indent: -9999px;
   background: #fff url('images/mast.jpg') no-repeat center; 
}

#header {
	width: 310px;
	height: 400px;
	background: url('images/top-images-2.png') no-repeat top left;
	}
.intro{
    color: #0A88B8;
}
#arrow_container{
    display: none;
    width: 190px;
    height: 120px;
    position: absolute;
    float: left;
    top: 360px;
    z-index: 0;
}
#arrow{
    width: 190px;
    height: 120px;
    background: transparent url('images/arrow.gif') no-repeat center;
    position: relative;
    z-index: 10;
    left: -180px;
}

/* Rounded Corners
---------------------------------------------------------- */
.roundcont{
    width: 100%;
}
.roundcont p{
    margin: 0 10px;
}
.roundtop{
    background: url(images/tr_blue.png) no-repeat top right;
}
.roundcontent
{
    margin: 0 10px;
}
.roundbottom{
    clear: both;
    background: url(images/br_blue.png) no-repeat top right;
}
img.corner{
    width: 7px;
    height: 7px;
    border: none;
    display: block !important;
}
.confirm{
    clear: both;
    display: block;
}
.confirm label{
    clear: both;
    font-weight: bold;
    width: 150px;
    height: 20px;
    float: left;
    margin-top: 0px;
}
.confirm span{
    width: 200px;
    height: 20px;
    float: left;
    margin-top: 15px;
}
/* Rounded Textbox
---------------------------------------------------------- */
.textbox{
    width: 100%;
    background: #fff;
    height: 37px;
    background: url(images/textbox_middle.png) repeat-x;
}
.textbox .textboxleft{
    width: 7px;
    height: 37px;
    float: left;
}
.textbox .textboxcontent{
    float: left;
    height: 37px;
}
.textbox .textboxright{
    width: 14px;
    height: 37px;
    float: right;
}
img.textbox{
    border: none;
    display: block !important;
}
/* Combobox
---------------------------------------------------------- */
#keywordcontainer .RadComboBox_Default table tr td.rcbArrowCell{
    background: url('images/combobox.arrow.png') no-repeat left top;
}
#keywordcontainer .RadComboBox_Default table tr td.rcbInputCell .rcbInput{
    height: 30px;
    font-size: 18px;
    vertical-align: middle;
}
.combotext{
    float: left;
}
.combobutton{
    float: left;
}
.textbox input.ComboBoxInput_Default, .textbox input.ComboBoxInputHover_Default{
    border: 0;
    background: #fff;
    margin-top: 5px;
}
.textbox input.inputButton{
    border: 0;
    background: #fff url(images/button_arrow.png) no-repeat center right;
    width: 60px;
    height: 26px;
    padding: 0px;
    margin: 0px;
    color: #006599;
}
.textbox img.ComboBoxImage_Default{
    display: none;
}
.textbox .inputText{
    border: 0;
    background: #fff;
    margin-top: 5px;
    width: 450px;
}
.gridview_search_filter .textbox .inputText{
    width: 360px;
}
.gridview_search_filter .textbox .combobutton select{
    border: 1px solid #eee;
    background: #fff;
    margin-top: 5px;
    width: 105px;
}
.textbox select{
    border: 0;
    background: #fff;
    margin-top: 5px;
    width: 470px;
}
/* Keyword
---------------------------------------------------------- */
#keywordcontainer{
    margin: auto;
    margin-bottom: 30px;
    background: #DFDFE1 url('images/keyword-bg.jpg') no-repeat right bottom;
    color: #00ADEF;
    padding: 10px;
    padding-left: 20px;
    min-height: 150px;
    z-index: 1;
}
.ComboBoxInput_Default{
    z-index: 10;
}
#keywordcontainer .ComboBoxInput_Default{
    border: 0;
    width: 300px;
    z-index: 10;
}
#keywordcontainer .ComboBoxInputHover_Default{
    border: 0;
}
#keywordcontainer .ComboBoxImage_Default{
    background: none;
    display: none;
}
#keywordcontainer .inputButton{
    width: 39px;
    height: 34px;
    /*background: url('images/btn-go.jpg');*/
    /*text-indent: -9999px;*/
    border: 0;
}
.button_back{
    width: 100px;
    float: left;
}
.button_back .inputButton{
    width: 69px;
    height: 23px;
    background: url('images/button-bg.png');
    border: 0;
}
.button_confirm{
    width: 100px;
    float: left;
}
.button_confirm .inputButton{
    width: 69px;
    height: 23px;
    background: url('images/button-bg.png');
    border: 0;
}
/* Account Login
---------------------------------------------------------- */
#account_login{
    width: 185px;
    height: 100px;
    margin: auto;
    padding: 50px 10px 10px 330px;
    background: url('images/account_bg.jpg');
}
.login_buttons{
    width: 287px;
    height: 90px;
    float: left;
    margin: auto;
    margin-top: 30px;
    text-align: center;
}
#how_it_works{
    width:525px;
    height: 147px;
    background: url('images/img-how-it-works.jpg');
    margin: auto;
}
#account_links{
    background: #555;
    height: 30px;
    margin: auto;
    text-align: center;
    line-height: 30px;
}
ul.account li a{
    color: #ddd;
    text-decoration: none;
}
ul.account li a:hover{
    color: #fff;
    text-decoration: underline;
}
/* Footer
---------------------------------------------------------- */

#footer {
	clear: both;
	width: 260px;
	margin: auto;
	/*margin-top: 20px;*/
	margin-left: 50px;
	background: #A6CFE1;
	}

#footer p {
	margin: 0;
	color: #006699;
	}
#footer img{
    margin: 0;
}
#footer a{
    color: #3385AD;
    text-decoration: none;
}

#footer .copyright {
	float: left;
	}

/* Menu
---------------------------------------------------------- */

#nav {
	/* R.A.D. Theme */
	clear: both;
	background: #8CC0D8;
	/*float: left;*/
	width: 260px;
	/*min-height: 150px !important;*/
	margin: auto;
	margin-left: 50px;
	margin-right: 20px;
	}
#menu_top_flank{
    width: 260px;
    height: 21px;
    background: url('images/menu-top-flank.jpg') no-repeat center;
}
#menu_bottom_flank{
    width: 260px;
    height: 44px;
    background: url('images/menu-bottom-flank.jpg') no-repeat center;
}
#menu_container{
    padding-left: 30px;
}

/* Search Paging
---------------------------------------------------------- */

.search_paging {
	clear: both;
	padding: 0.5em 0;
	text-align: right;
	}

.search_paging span,
.search_paging a {
	padding: 0 0.2em;
	}

/* Grid View / Table
---------------------------------------------------------- */
.gridview_data table{
    width: 100%;
    background: #DFDFE1;
}
.gridview_search_results table{
    width: 100%;
    background: #DFDFE1;
}
/* Forms
---------------------------------------------------------- */
.form_container{
    width: 90%;
    margin: auto;
    background: #DFDFE1;
    min-height: 20px;
    margin-bottom: 15px;
    padding: 10px;
}
.form_container label{
    /*margin-top: 15px;*/
}
.form_container .required{
    margin-bottom: 15px;
}
.form fieldset {
	border: 1px solid #DFDFE1;
	}

.form legend {
	color: #8CC0D8;
	font-size: 1.5em;
	padding: 0 0.2em;
	}

fieldset {
	padding: 17px;
	margin: 0 0 1.5em 0;
	border: 1px solid #ccc;
	}

legend {
	font-style: oblique;
	font-weight: bold;
	}

.required,
.optional,
.buttons {
	clear: both;
	padding: 0.25em;
	}
.buttons{
    height: 30px;
}
.optional label{
    clear: both;
    font-weight: bold;
    width: 150px;
    height: 20px;
    float: left;
}

.form label {
	clear: both;
	display: block;
	}

.form .required label {
	font-weight: bold;
	}

.form span label,
.form p label {
	display: inline;
	font-weight: normal;
	}

.dynamic_error {
	background: transparent;
	clear: both;
	color: #000;
	float: left;
	}

.form .buttons input {
	float: right;
	margin-left: 0.5em;
	}
#login{
    height: 20px;
}
#login .inputButton
{
    width: 69px;
    height: 23px;
    background: url('images/btn_login.jpg');
    text-indent: -9999px;
    border: 0;
}
.form p input {
	vertical-align: middle;
	}

.form .list input {
	margin: 0 0.5em 0 0;
	vertical-align: middle;
	}

input.inputText {
	width: 70%;
	border: 0;
	padding: 2px;
	/*height: 25px;
	line-height: 25px;*/
	}

textarea.inputTextArea {
	height: 10em;
	overflow: auto;
	width: 99%;
	}

/* Dashbar
---------------------------------------------------------- */

.media_gallery_items {
	float: left;
	padding: 10px 19px;
	width: 840px;
	}

.two_column .media_gallery_items {
	padding: 10px;
	width: 560px;
	}

.media_gallery_items .media_item_container {
	background: #eee;
	float: left;
	min-height: 120px;
	margin: 5px;
	padding: 5px;
	text-align: center;
	width: 120px;
	}

.media_gallery_items .media_item_container:hover {
	background: #ccc;
	}

.media_gallery_items .media_item_container img {
	margin: 0;
	}

.media_gallery_items .media_item_container .media_item {
	height: 80px;
	}

#flashcontent {
	margin: 0 auto;
	width: 320px;
	}

/* Dashbar
---------------------------------------------------------- */

#mongoose_dashbar {
	background-color: #000000;
	color: #ffffff;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	margin: 0 auto;
	padding: 0.75em;
	text-align: right;
	width: 1172px;
	}

#mongoose_dashbar a {
	color: #ffffff;
	}

/* Editlinks
---------------------------------------------------------- */

.editlinks {
	background-color: #000;
	clear: both;
	padding: 0.5em;
	text-align: right;
	}

.editlinks a {
	color: #fff;
	font-weight: bold;
	margin: 0 0 0 1em;
	}
#hometextcontainer{
    margin: auto;
    font-size: 13px;
}
#hometext_left{
    width: 264px;
    height: 270px;
    background: #DFDFE1 url('images/consumer-box-bg.jpg') no-repeat right bottom;
    float: left;
    margin-right: 17px;
    padding: 5px;
    padding-left: 15px;
}
#hometext_right{
    width: 264px;
    height: 270px;
    background: #DFDFE1 url('images/business-box-bg.jpg') no-repeat right bottom;
    float: left;
    padding: 5px;
    padding-left: 15px;
}

#hometext_left ul li, #hometext_right ul li{
    list-style-type: square;
}
.blue
{
    color: #00ADEF;
}
.questions, .questions a{
    font-weight: bold;
    font-size: 13px;
    text-decoration: none;
}
.answers{
	font-size: 13px;
}
.answers .answer{
    display: block;
}
.answers .sub{
	padding-bottom: 20px;
}
.andchar{
    font-family: 'Verdana';
}
#help_overlay{
    width: 300px;
    height: 90px;
    background: url('images/call_overlay.png');
    position: absolute;
    float: left;
    z-index: 2;
    top: 480px;
    margin: 0 0 0 20px;
}
#call_overlay_side{
    width: 260px;
    height: 100px;
    background: url('images/call_overlay.png');
}
.pricing{
    width: 93%;
    margin: auto;
    background: #dfdfe1;
    color: #111;
}
.pricing tr th, .pricing tr td{
    padding: 10px;
    text-align: center;
}
.pricing tr th{
    font-size: 15px;
    font-weight: bold;
    border-bottom:2px solid #fff;
    border-right:2px solid #fff;
}
.pricing tr td{
    font-size: 15px;
    border-bottom:2px solid #fff;
    border-right:2px solid #fff;
}

h2.pricing_title_color{
    color: #0a88ba;
}