﻿html, body
{
    margin: 0;
    padding: 0;
}
body
{
    font-family: "Lucida Grande" , "Lucida Sans Unicode";
    font-size: 11pt;
    text-align: center;
    background: url(img/bodyBg.png);
}
h1, h2, h3, h4
{
    font-family: "Lucida Grande" , "Lucida Sans Unicode";
    margin: 0;
    padding: 0;
    font-weight: normal;
}
h4
{
    font-size: 11pt;
    padding-bottom: 5px;
    color: #3e5962;
}
.hDivider
{
    color: #999;
    border-top: 1px solid #999;
    padding: 0;
    margin: 5px 0px 5px 0px;
}
.highLight
{
    background-color: #ffffbe;
}
a:active, a:focus, input:active, input:focus
{
    outline: none;
}
button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner
{
    border: 1px dotted transparent;
}

.button
{
    padding: 0;
    margin: 0;
    padding: 2px 4px 2px 4px;
    font-size: 14px;
    font-family: Arial;
    font-weight: bold;
    color: #000;
    background-color: #dedede;
    border: 1px outset #dedede;
    text-decoration: none;
}
.button
{ #padding:0}
.button:hover
{
    background-color: #cad8dd;
    border: 1px outset #cad8dd;
    cursor: pointer;
}
.button:active
{
    background-color: #cad8dd;
    border: 1px inset #cad8dd;
    cursor: pointer;
}
.button[disabled="disabled"], .button[disabled="disabled"]:hover
{
    color: #bbb;
    background-color: #dedede;
    border: 1px solid #ccc;
    cursor: auto;
}
.normalLink:link, .normalLink:visited
{
    color: #3e5962;
    border-bottom: 1px dotted #92A2AF;
    text-decoration: none;
}
.normalLink:hover
{
    background: #3e5962;
    color: #fff;
    text-decoration: none;
}
div#header
{
    background: #f2f5f6 url(img/headerBgTop.png) repeat-x top;
}
div#header #logo
{
    background: transparent url(img/headerLogo.gif) no-repeat top center;
    width: 150px;
    height: 25px;
    position: absolute;
    margin: 5px 0px 0px 8px;
    float: left;
}
div#headlineContainer
{
    width: 100%;
    background: #fff;
    border-top: 3px solid #aeb6b8;
}
div#container
{
    text-align: left;
    background-color: #eff3f4;
    border: 2px solid #102427;
    border-top: 0;
    overflow: hidden;
}
div#content
{
    padding: 20px 20px 10px 20px;
    background: url(img/contentBgTop.png) repeat-x top;
    min-height: 350px;
}
div#contentBottom
{
    clear: both;
    width: 100%;
    height: 25px;
    background: url(img/contentBgBottom.png) repeat-x bottom;
}
div#content p
{
    padding: 0px 30px 0px 20px; /*text-align: justify;*/
    line-height: 1.4;
}
div#content li
{
    line-height: 1.8;
}
div#footer
{
    background: #102427 url(img/footerBg.png) repeat-x top;
    border-top: 2px solid #102427;
    clear: both;
    width: 100%;
    vertical-align: middle;
    padding: 5px;
}
div#footerItems
{
    font-size: 9pt;
    padding: 0px 10px 0px 10px;
    height: 22px;
    color: #fff;
}
div#container
{
    width: 960px;
    margin: 0 auto;
}
div#contentCenter
{
    width: 100%;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 3px;
    border-top: 1px solid #e9dbab;
    border-bottom: 1px solid #e9dbab;
    margin-bottom: 15px;
    background: #f3f5f1;
    font-size: 9pt;
}
div#contentLeft
{
    width: 50%;
    float: left;
}
div#contentRight
{
    width: 49%;
    float: right;
}
.langList
{
    list-style-type: none;
    float: left;
    margin: 0;
    padding: 0;
    margin-left: 40px;
}
.langList li
{
    margin: 0;
    font-size: 10pt;
}
.langList img
{
    margin: 2px;
    vertical-align: middle;
}
#footer ul, #footer span
{
    margin: 0;
    padding: 2px;
    list-style-type: none;
    float: left;
}
#footer li
{
    border-left: 1px solid #95aeb6;
    float: left;
    padding: 0px 6px 0px 6px;
    color: #aeb6b8;
}
.footerLink:link, .footerLink:visited
{
    color: #AEB6B8;
    border-bottom: 0;
    text-decoration: none;
    font-weight: normal;
}
.footerLink:hover
{
    color: #fff;
    text-decoration: none;
}
.textBox
{
    /*background: #fff url(img/textBoxBgTop.png) repeat-x top;*/
    border: 1px solid #c2c9cc;
    padding: 2px;
    font-family: Verdana;
    font-size: 9pt;
    color: #333;
    font-weight: bold;
}
.dropDown
{
    /*background: #fff url(img/textBoxBgTop.png) repeat-x top;*/
    border: 1px solid #c2c9cc;
    font-family: Verdana;
    font-size: 12pt;
    color: #333;
}
#panelLogin
{
    background: url(img/loginFormBg.png) no-repeat top right;
    width: 597px;
    height: 38px;
    text-align: right;
}
ul#loginForm
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
ul#loginForm li
{
    display: inline;
    padding: 0;
    margin: 0;
    vertical-align: middle;
}
ul#loginForm a:link, ul#loginForm a:visited
{
    color: #fff;
    border-bottom: 1px dotted #92A2AF;
    text-decoration: none;
}
ul#loginForm a:hover
{
    background: #3e5962;
    color: #fff;
    text-decoration: none;
}
div#headline
{
    height: 173px;
    background: #f2f5f6 url(img/headlineBg.png) repeat-x;
    border-top: 4px solid #1f363b;
    border-bottom: 2px solid #102427;
    text-align: center;
}
div#headline img
{
    margin-top: 15px;
}
div#headline #slogan
{
    float: left;
    padding: 47px 0px 47px 30px;
}
div#headline #slideShow
{
    float: left;
    width: 306px;
    margin: 0px 10px 0px 10px;
}
div#headline #welcomeText
{
    padding: 15px 30px 30px 30px; /*text-align: justify;*/
    font-size: 10pt;
    line-height: 14pt;
}
#navcontainer
{
    clear: both;
    padding: 10px 0px 6px 0px; /* background: #f2f5f6 url(img/navBgBottom.png) repeat-x bottom;*/
}

#navlist
{
    font-family: "Trebuchet MS";
    font-size: 12pt;
    font-weight: bold;
    list-style: none;
    padding: 0;
    margin: 0;
}

#navlist li
{
    border-left: 1px solid #aeb6b8;
    display: inline;
    padding: 0;
    margin: 0;
}
#navlist .highLighted
{
    color: #eaa600;
}
#navlist li:first-child
{
    border-left: 0;
}
#navlist a
{
    color: #3e5962;
    text-decoration: none;
    margin: 0px 3px 0px 8px;
    padding-bottom: 6px;
}
#navlist a:hover
{
    color: #000;
    background: url(img/navArrowDownLight.gif) no-repeat bottom center;
}
#navlist a.current
{
    background: url(img/navArrowDown.gif) no-repeat bottom center;
    color: #000;
    text-decoration: none;
}
#navlist a:hover.current
{
}
/*IE workaround*/
/*All IE browsers*/
* html #navlist li
{
    border-left: 1px solid #aeb6b8;
    padding: 0 0.4em 0 0.4em;
    margin: 0 0.4em 0 -0.4em;
}

/*Win IE browsers - hide from Mac IE\*/
* html #navlist
{
    height: 1%;
}

* html #navlist li
{
    display: block;
    float: left;
}

/*End hide*/
/*Mac IE 5*/
* html #navlist li:first-child
{
    border-left: 0;
}
#panelLogin
{
    vertical-align: middle;
    height: 32px;
    margin-top: -3px;
    padding: 5px 15px 0px 15px;
    margin-top: 0px;
    color: #fff;
    float: right;
    font-size: 9pt;
}
#panelLogin a:link, a:visited
{
    text-decoration: none;
    color: yellow;
    border-bottom: 1px dotted #999;
    font-weight: bold;
}
#panelLogin a:hover
{
    background-color: #3e5962;
}
#panelLogin .sb-inner
{
    background: #102427;
}
#panelLogin .sb-shadow
{
    background: #666;
}
#panelLogin .sb-border
{
    background: #cad8dd;
}

.productsTable
{
    padding: 0;
    margin: 0;
}
.productsTable th
{
    background-color: #ddd;
    padding: 4px;
    color: #000;
    text-align: center;
    height: 30px;
}
.productsTable .product
{
    background-color: #102427;
    padding: 4px;
    color: #fff;
    text-align: center;
}
.productsTable .popular
{
    background-color: #cc0000;
    padding: 4px;
    color: white;
    text-align: center;
}
.productsTable td
{
    background-color: #fff;
    padding: 4px;
    color: black;
    text-align: center;
}
.productsTable .none
{
    background-color: transparent;
}
.yellowtext
{
    color: yellow;
}
.productsTable ul
{
    margin: 0;
    padding: 0;
    font-size: 9pt;
    text-align: left;
    padding-left: 16px;
}
.productsTable li
{
    padding: 0;
    margin: 0;
    line-height: 1pt;
}

.pipeList
{
    list-style: none;
    padding: 0;
    margin: 0;
}

.pipeList li
{
    border-left: 1px solid #666;
    display: inline;
    padding: 0;
    margin: 0;
}

.pipeList li:first-child
{
    border-left: 0;
}

/*IE workaround*/
/*All IE browsers*/
* html .pipeList li
{
    border-left: 1px solid black;
    padding: 0 0.4em 0 0.4em;
    margin: 0 0.4em 0 -0.4em;
}

/*Win IE browsers - hide from Mac IE\*/
* html .pipeList
{
    height: 1%;
}

* html .pipeList li
{
    display: block;
    float: left;
}

/*End hide*/
/*Mac IE 5*/
* html .pipeList li:first-child
{
    border-left: 0;
}

.pipeList a
{
    margin: 0px 3px 0px 8px;
}

.signup table
{
    background-color: #f7fbfc;
    border: 0;
    border-top: 3px solid #3e5962;
}
.signup table td, .signup table th
{
    vertical-align: top;
}
.signup .optional table
{
    border: 0;
}
.signup .optional
{
    background-color: #f7fbfc;
    border: 3px solid #cad8dd;
    padding: 10px 10px 10px 14px;
}
.signup h1, .signup legend
{
    font-size: 14pt;
    font-weight: bold;
    color: #3e5962;
}
.signup h1
{
    padding-bottom: 2px;
    margin-bottom: 4px;
}
.signup small
{
    color: #999;
}
.thumbnailList
{
    list-style-type: none;
}
.thumbnail
{
    float: left;
    text-align: center;
    width: 200px;
}
.thumbnail img
{
    border: 1px solid #999;
    padding: 2px;
}
.thumbnail ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.thumbnail li
{
    line-height: 9pt;
}
.faq .index
{
    list-style-type: none;
    background-color: #f7fbfc;
    padding: 10px;
    margin: 0;
    border: 1px solid #cad8dd;
    width: 500px;
}
.faq .index .section
{
    margin-bottom: 20px;
}
.faq .index .section span
{
    font-size: 11pt;
    font-weight: bold;
    text-transform: uppercase;
}
.faq .index .question
{
    font-size: 10pt;
}
.faq .list
{
    list-style-type: none;
    padding: 10px;
    margin: 0;
}
.faq .list ol li .question
{
    font-size: 11pt;
    font-weight: bold;
}
.faq .list ol li
{
    border: 1px solid #cad8dd;
    background-color: #f7fbfc;
    margin-bottom: 10px;
    padding: 10px;
}
/* damn IE7 */
.faq .list ol li
{ #border-top:5pxsolid#cad8dd;}

/*.tour a, .tour a:visited
{
    color: #3E5962;
    text-decoration: none;
    border: 0px;
    font-weight:normal;
}

.tour .tourNav:hover
{
    color: #000;
    border-bottom: 1px dotted #000;
}

.tour .tourNav:current
{
    color: #000;
    font-weight:bold;
    cursor:pointer;
}*/

#tourList
{
    font-family: "Trebuchet MS";
    font-size: 10pt;
    font-weight: bold;
    list-style: none;
    padding: 0;
    margin: 0;
}

#tourList li
{
    border-left: 1px solid #aeb6b8;
    display: inline;
    padding: 0;
    margin: 0;
}
#tourList .highLighted
{
    color: #eaa600;
}
#tourList li:first-child
{
    border-left: 0;
}
#tourList a
{
    color: #3e5962;
    text-decoration: none;
    margin: 0px 3px 0px 8px;
    padding-bottom: 6px;
}
#tourList a:hover
{
    color: #000;
    background: url(img/navArrowDownLight.gif) no-repeat bottom center;
}
#tourList a.current
{
    background: url(img/navArrowDown.gif) no-repeat bottom center;
    color: #000;
    text-decoration: none;
}
#tourList a:hover.current
{
}
/*IE workaround*/
/*All IE browsers*/
* html #tourList li
{
    border-left: 1px solid #aeb6b8;
    padding: 0 0.4em 0 0.4em;
    margin: 0 0.4em 0 -0.4em;
}

/*Win IE browsers - hide from Mac IE\*/
* html #tourList
{
    height: 1%;
}

* html #tourList li
{
    display: block;
    float: left;
}

/*End hide*/
/*Mac IE 5*/
* html #tourList li:first-child
{
    border-left: 0;
}

.tip, .tip:link, .tip:visited
{
    margin: 5px 0 5px 0;
    border: 1px #9C9C00 solid;
    padding: 6px;
    line-height: 22px;
    background-color: #ffffce;
    font-size: 90%;
    color: #000;
    text-decoration: none;
}
.tip:hover
{
    background: #ffffe3;
}


/* reCAPTCHA Styling */
.recaptchatable .recaptcha_image_cell, #recaptcha_table {
	background-color: #f4f4f3 !important; 
	width:100%;	
 }
 
#recaptcha_table {
	border-color: none !important;
}
 
#recaptcha_response_field {
	width:99% !important;
	border-color: #DDD !important;
	color:#333333 !important;
	font-family:Verdana !important;
	font-size:12pt !important;
 }
#recaptcha_image{
	width:100% !important;
}
#recaptcha_image img
{
    padding-left:87px;
}