/* CSS 2.1 layout design copyright 2006 JustDesign www.JustDesign.ro */

/* implicit modifiers */
html, body
{
    margin:0px;
    padding:0px;
    background:#FFFFFF;
    font-family:Trebuchet MS,Helvetica,Arial,Verdana,sans-serif;
    font-size:12px;
    color:#555555;
}

hr
{
    margin-left:0px;
    margin-right:0px;
}

p
{
    padding:0px;
}

h1, h2, h3, h4, h5, h6
{
    font-size:22px;
    color:#6BA008;
    font-weight:normal;
    margin:5px 0px;
/*     padding-top:1em; */
}

h2
{
    font-size:18px;
}

h3
{
    font-size:16px;
    color:#667AC5;
}
h4
{
    font-size:14px;
    color:#667AC5;
}
h5
{
    font-size:12px;
    font-style: italic;
    color:#667AC5;
}

h6
{
    font-size:12px;
    font-weight:bold;
    color:#FFFFFF;
    margin:0px;
    padding:0px;
    padding-bottom:4px;
}

.mainContent h6
{
	color:#6BA008;
}

a
{
    text-decoration:none;
    color:#6BA008;
    font-weight:bold;
}
a:hover
{
    color:#700;
    text-decoration:none;
}

img
{
    border:none;
}

iframe
{
    background:#FFFFFF;
    margin:0px;
    padding:0px;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    border:none;
}
input
{
    border:#BBBBBB 1px solid;
    font-family:Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
    font-size:11px;
    color:#222222;
}

/* custom styles */
.clear
{
            clear:both;

}
.smallButton
{
    display:inline-block;
    padding:5px 0px;
    background-repeat: no-repeat;
    background-image: url('layout_images/small_button.gif');
    width:85px;
    font-size:11px;
    font-weight:bold;
    text-align:center;
    color:#EEEEEE;
}
.smallButton:hover
{
    background-image: url('layout_images/small_button_over.gif');
    color:#FFFFFF;
    text-decoration:none;
}

.smallButtonDark
{
    display:inline-block;
    padding:5px 0px;
    background-repeat: no-repeat;
    background-image: url('layout_images/small_button_dark.gif');
    width:85px;
    font-size:11px;
    font-weight:bold;
    text-align:center;
    color:#EEEEEE;
}
.smallButtonDark:hover
{
    background-image: url('layout_images/small_button_dark_over.gif');
    color:#FFFFFF;
    text-decoration:none;
}

.bullet,.mainContent p, .bulleted p, .bulleted div
{
    background-image: url('layout_images/bullet1.gif');
    background-repeat:no-repeat;
    background-position:left top;
    text-indent:14px;
}

.blue
{
    color:#667AC5;
}

.borderGray
{
    border-style:solid;
    border-color:#CCCCCC;
    border-width:1px;
}

.superScript
{
    font-size: 80%;
    top: -5px;
    line-height:120%;
    vertical-align:top;
}

.rightText
{
    float:right;
    padding:0px;
}

.hidden
{
    display:none;
}

/* iframe stuff */
.iframeCalc
{
    position:absolute;
    background:#FFFFFF;
    left:2px;
    top:42px;
    width:740px;
    height:606px;
}

.iframeStyleButton
{
    position:relative;
    float:left;
    top:2px;
    margin-left:3px;
    margin-top:3px;
    padding-top:5px;
    background-repeat: no-repeat;
    background-image: url(layout_images/style_button_2.gif);
    width:120px;
    height:21px;
    font-size:10px;
    font-weight:bold;
    color:#DDDDFF;
}
.iframeStyleButton:hover
{
    background-image: url(layout_images/style_button_2_over.gif);
    color:#FFFFFF;
    text-decoration:none;
}
/* --------------- daily rates ------------------ */
.dailyRateWidget
{
    position:relative;
    text-align:center;
    width:220px;
    height:120px;
    background-image: url(layout_images/bg_rates_widget.png);
}
    .dailyRateWidget h3
    {
	font-size:14px;
	color:#FF0000;
	margin:0px;
    }
    .dailyRateWidget table
    {
	
	margin:0px;
	margin-left:10px;
	width:200px;
    }
	.dailyRateWidget table .tableHeader
	{
	    font-size:10px;
	    color:#FF0000;
	}
	.dailyRateWidget table .tableHeaderLeft
	{
	    font-size:10px;
	    color:#FF0000;
	    text-align:left;
	}
.dailyRateWidget a
{
    position:absolute;
    left:0px;
    top:0px;
}
    
.getWidgetLink
{
    right:0px;
    bottom:0px;
}
    .getWidgetLink img
    {
	width:100px;
	height:30px;
    }
    

/* --------------- contact ------------------ */
.ContactForm input, .ContactForm textarea{ background-color:#EEEEEE;}
.ContactForm{ padding-top:20px; width:490px; margin-left:50px;}
.ContactForm .col-1{ float:left; width:240px !important;}
.ContactForm .col-2{ float:left; width:240px !important; margin-left:0 !important;}
.ContactForm label{ display:block; height:42px;}
.ContactForm input{ border:solid 1px #AAAAAA;font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000000; padding:2px 0 2px 3px; width:220px;}
.ContactForm textarea{ border:solid 1px #AAAAAA;font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000000; padding:1px 0 1px 3px; width:240px; height:160px;}
.ContactForm .link2{ margin:5px 15px 0 0;}
.ContactForm .captcha{height:100px;}
    .ContactForm .captcha input{margin-top:5px;}
.ContactForm .buttonArea { text-align:right; clear:both;}

/* --------------- comment ------------------ */
.CommentForm input, .CommentForm textarea{ background-color:#EEEEEE;}
.CommentForm{ padding-top:20px; width:390px; margin-left:50px;}
.CommentForm .col-1{ float:left; width:305px !important;}
.CommentForm .col-2{ float:left; width:184px !important; margin-left:0 !important;}
.CommentForm label{ display:block; height:42px;}
.CommentForm input{ border:solid 1px #AAAAAA;font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000000; padding:2px 0 2px 3px; width:265px;}
.CommentForm textarea{ border:solid 1px #AAAAAA;font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000000; padding:1px 0 1px 3px; width:280px; height:160px;}
.CommentForm .link2{ margin:5px 15px 0 0;}
.CommentForm .captcha{height:100px;}
    .CommentForm .captcha input{margin-top:5px;}
.CommentForm .buttonArea { text-align:right; clear:both;}

/* ----------- phone ----------- */
.phone
{
    position:absolute;
    left:20px;
    top:-45px;
    color:#FFFFFF;
    font-size:18px;
}

/* ----------- refinance form ----------- */
.refinanceForm
{
    position:absolute;
    left:290px;
    top:20px;
    background-image: url(layout_images/bg_banner_refinance-trans.png);
    background-repeat:no-repeat;
    width:471px;
    height:202px;
    color:#FFFFFF;
}

.refinancingFields
{
    padding: 50px 0px 0px 20px;
    
}
    .refinancingFields select
    {
	width:250px;
	font-size:100%;
    }
    
.refinancingError
{
    padding-left: 20px;
    padding-top:30px;
    color:#FF0000;
    height:20px;
}
    .refinanceForm .refinancingError
    {
	padding-top:0px;
	color:#FFFFFF;
	height:auto;
    }

.refinancingButtons
{
    margin-top:10px;
    text-align:right;
    width:550px;
}
.refinancingButton
{
    position:absolute;
    top:75px;
    left:290px;
    width:158px;
    height:83px;
    background-image:url(layout_images/btn_refinance_go.png);
    background-repeat:no-repeat;
}
    .refinancingButton:hover
    {
	background-image:url(layout_images/btn_refinance_go_over.png);
    }

.page2 label, .page3 label, .page4 label
{
    display:block;
    width:550px;
}
.page2 input, .page2 select, .page3 input, .page3 select, .page4 input, .page4 select
{
    float:right;
    width:220px;
}

/* ----------- layout ----------- */
body
{
    background-image:url(layout_images/bg_body.png);
    background-position:center top;
    background-repeat:repeat-x;
}
.readMore
	{
		float:right;
		margin-bottom:10px;
		background-image:url(layout_images/icon_link_red.png);
		background-repeat:no-repeat;
		background-position:right center;
		padding-right:14px;
		text-decoration:none;
	}
.outerContainer
{
    position:relative;
    top:60px;
    background-image:url(layout_images/bg_container.png);
    background-position:center;
    background-repeat:repeat-y;
}
.container
{
    position:relative;
    width:1100px;
    margin-left:auto;
    margin-right:auto;
}
/* ----------- header ----------- */
    .header
    {
        position:relative;
        width:1098px;
        height:200px;
	background-image:url(layout_images/bg_header.png);
    }
    .logo
    {
        position:absolute;
        left:20px;
/*         top:130px; */
        top:20px;
    }

    .headerMenu
    {
        position:absolute;
        right:1px;
        top:-60px;
        text-align:right;
        height:53px;
	padding:3px 10px;
	/*
	background-image:url(layout_images/bg_menu.png);
	background-position:left;
	*/
    }
	.headerMenu *
	{
	    vertical-align:middle;
	}
        .headerMenu a
        {
	    font-family:Garamond;
            font-size:19px;
            font-weight:bold;
            padding:10px 12px;
            color:#FFFFFF;
        }
        .headerMenu a:hover
        {
	    color:#CCCCCC;
        }
        .menuDelimiter
        {
            display:inline;
            width:1px;
            height:56px;
	    width:250px;
            background-position:right;
            background-repeat:no-repeat;
            background-image: url('layout_images/menu_delimiter.gif');
        }
    .testimonials
    {
        position:absolute;
        overflow:hidden;
        right:0px;
        top:0px;
        width:65%;
        height:55px;
        color:#DDDDDD;
	font-size:12px;
        text-align:right;
        padding-right:10px;
        padding-top:2px;
        padding-bottom:10px;
        line-height:13px;
	display:none;
/*         border:#AAFF00 1px solid;  */
    }
        .testimonials a
        {
            color:#DDDDDD;
        }
        .testimonials p
        {
            margin:0px;
        }
        .testimonials a:hover
        {
            color:#FFFFFF;
            text-decoration:none;
        }
        .testimonials .more
        {
            position:absolute;
            bottom:0px;
            right:10px;
        }
    

/* ----------- content ----------- */
    .dynamicContainer
    {
        /*position:relative;
        border:#0000FF 1px solid;*/
    }
	.center
	{
            position: relative;
	    float:right;
	    /*height:0px;*/
	}
        .mainContent
        {
            position: relative;
	    float:left;
	    min-height:600px;
	    overflow:hidden;
            padding:20px;
            padding-top:15px;
            margin-left:240px;
            margin-right:230px;
	    background-color:#FFFFFF;
        }
	    .mainContentStretcher
	    {
		line-height:0px;
		visibility:hidden;
	    }
	.right
	{
	    /*float:right;*/
	    position:absolute;
	    right:0px;
	    width:220px;
	    margin-right:2px;
	    margin-top:5px;
	}
	    .twitter
	    {
		border:1px solid #EEEEFF;
		font-size:11px;
		padding:5px;
	    }
		.twitterHeader
		{
		    text-align:center;
		}
        .left
        {
            /*position:relative;
            float:left;*/
            position:absolute;
	    left:0px;
            padding:0px 20px 0px 0px;
            width:240px;
            color:#000000;
            /*border:#AAFF00 1px solid; 
            background-image: url('layout_images/vr1.jpg');
	    background-position:right top;
	    background-repeat:no-repeat;*/
        }
        
            .section
            {
                margin:0px;
                display:block;
                text-align:justify;
                margin-top:-4px;
                padding:5px;
                padding-top:0px;
                font-size:11px;
/*                 line-height:13px; */
            }
            
            .left>.section
            {
                margin-top:-15px;
                margin-bottom:-10px;
            }
            
                .sectionButton
                {
                    width: 220px;
                    height: 36px;
                    display:block;
                    line-height:36px;
                    text-align: left;
                    padding-left: 15px;
                    margin-top:0px;
                    margin-bottom:15px;
                    font-size:16px;
                    color:#EEEEFF;
                    background-position:right;
                    background-repeat:no-repeat;
                    background-image: url('layout_images/section_title_bg_small.gif');
                }
                .left>.sectionButton
                {
                    margin-top:5px;
                }
                .sectionButton:hover
                {
                    background-image: url('layout_images/section_title_bg_small_over.gif');
                    color:#FFFFFF;
                    text-decoration:none;
                }
            .sectionDelimiter
            {
		position:relative;
                margin-bottom:-20px;
                float:left;
                width:300px;
                height:1px;
                background-image: url('layout_images/hr1.jpg');
		background-position:right;
                background-repeat:no-repeat;
            }
            
/* ----------- footer ----------- */
    .footer
    {
	position: relative;
	clear:both;
        padding:5px;
        font-size:11px;
        color:#666666;
        word-spacing:2px;
	margin:0px 0px;
	
    }
	.footerLogos
	{
	    float:left;
	}
	.footerText
	{
	    text-align:center;
	}
	.footer a
	{
	    color:#666666;
	}
	.footer a:hover
	{
	    color:#000000;
    /*         border-bottom:1px gray dashed; */
	}
 
  
/*printer styles*/ 
@media print
{ 
    /*hide the left column when printing*/ 
    .left
    {
        display:none;
    } 
    .mainContent
    {
        margin-top:50px;
        margin-left:0px;
    }
    .header, .headerMenu, .testimonials
    {
        display:none;
    }
    .logo
    {
        top:0px;
        right:-80px;
    }
    .logo object
    {
        display:none;
    }
    .logo img
    {
        display:inline;
    }
    .footer
    {
        width:100%;
        position:absolute;
        bottom:40px;
    }
}
