﻿body 
{
    font-family:Arial;
    font-size:12px;
 
}

body a
{
    outline:none;
}
#wrapper
{
    margin:0 auto; 
    width:819px;
    background-color:#ffffff;
}

#main
{
   clear:both;
   background:url(img/main_bg.jpg) no-repeat top left;
   min-height:218px;
}
.topmenu
{
    text-align:left; 
    margin-top:-10px; 
    margin-left:200px;

    float:left;
     
}

.topmenu img
{
    border:none;
    padding-left:0px;
    vertical-align:top;
}

#header
{
 
}
#header img
{
    border:none;
    float:left;
}
#nav
{
    clear:both;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    
}
#nav a
{
    display:inline-block;

}
#nav img
{
    border:none;
    padding:0px;
    margin-right:-2px;
    vertical-align:middle;
}
#footer
{
    clear:both;
    color:#5c5a5a;
    border-top:solid 1px #c4c4c4;
    padding-top:20px;
    text-align:center;
    margin-left:0px;
}
#footer a
{
    display:inline-block;
   
}
#footer img
{
    border:none;
    padding:0px;
    margin-right:-2px;
}
.requestqotelink
{
    float:right;
    font-size:14px;
    font-weight:bold;
    color:#5c5a5a;
    margin-top:-10px;
    margin-right:20px;
    text-align:center;
    width:150px;
    
    
}
.requestqotelink a
{
    color:Maroon;
    font-size:11px;
    font-weight:normal;
    
}

.leftverbiage
{
    width:200px;
    min-height:400;
    /*border-right:solid 1px #c4c4c4;*/
    text-align:center;
    padding: 0px 10px 0px 10px;
    color:#5c5a5a;
    font-weight:bold;
}
.leftsubverbiage
{
    
    padding-top:20px;
    padding-left:30px;
    color:#5c5a5a;

}
.leftverbiage img
{
    border:none;
}
.rightverbiage
{
    text-align:justify;
    padding:0px 10px 0px 10px;
    color:#5c5a5a;
}

.topgreybox
{
    background-image:url('img/top-grey-box.gif');
    margin-left:12px;
    width:245px;
    height:30px;
    text-align:center;
    line-height:30px;
    font-weight:bold;
    color:#5c5a5a;
}

.middlegreybox
{
    margin-left:12px;
    width:245px;
    color:#5c5a5a;
    background-color:#e5e5e5;
    border-top:solid 1px #a9a9a9;
    border-left:solid 1px #a9a9a9;
    border-right:solid 1px #a9a9a9;
    padding:5px;
    width:233px;
   
}

.bottomgreybox
{
    background-image:url('img/bottom-grey-box.gif');
    margin-left:12px;
    width:245px;
    height:21px;
}
.bluetext
{
    color:#35649a;
    font-weight:bold;
    text-align:center;
}
.redtext
{
    color:#940403;
    
}
.sectionheader
{
    color:#5c5a5a;
    font-weight:bold;
    padding-left:40px;
}
.quotefieldcontainer
{
    text-align:right;
    margin-right:100px;
    color:#5c5a5a;
}
.quotetextbox
{
    width:200px;
    border:solid 1px #c4c4c4;
    background-color:#fff;
    color:#5c5a5a;
}
.smallquotetextbox
{
    width:125px;
    border:solid 1px #c4c4c4;
    background-color:#fff;
    color:#5c5a5a;
}
.dropdown
{
    border:solid 1px #c4c4c4;
    background-color:#fff;
    color:#5c5a5a;
}
.quotetext
{
    color:#5c5a5a;
    padding-left:20px;
    padding-right:15px;
}
.radioalign
{
    padding-top:-20px;
   

}
.radioalign table
{
    *margin-top:-30px;
    text-align:left;
    padding:0px;
}
.radioasterisk
{
    float:right;
    padding-top:-17px;
    color:#940403;
    margin-left:10px;
    }
.radio
{
    *margin-top:17px;
    padding-top:17px;
}

/*

	| liquidcorners.css; feel free to adapt the style!
	| ================================================
	| use: 4 corners with borderline outside a contentbox with class="inside"; 
	|      image  = upper half: top left corner, long borderline, top right corner
	|               under half: bottom left corner, long borderline, bottom right corner
	|      CHANGE = you have to change this for fitting to your image
	|      YCC    = You Can Change (or omit), if wanted
	|      DNC    = Do Not Change
	| credits: original by francky kleyneman, see article/tutorial in Francky's Developers Corner:
	|          http://home.tiscali.nl/developerscorner/liquidcorners/liquidcorners.htm
	| adapted
	| by.....: ... (your name and site?!)
	|
	| + please let this text & links intact for a next user +
*/
.top-left, .top-right, .bottom-left, .bottom-right 
{
	background-image: url('img/border.jpg'); /* CHANGE: path and name of your image */
	height: 20px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 1px;    /* DNC: correction IE for height of the <div>'s */
	margin:-1px;
	}
.top-left, .bottom-left { 
	margin-right: 20px; /* CHANGE: replace by the width of one of your corners */
	margin-top:0px;
	}
.top-right, .bottom-right { 
	margin-left: 20px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -20px;  /* CHANGE: replace by the height of one of your corners */
	}
.top-right {
	background-position:  100% 0;    /* DNC: position right corner at right side, no vertical changes */
	
	}
.bottom-left  
{ 
	background-position: 0 -60px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
.bottom-right { 
	background-position: 100% -60px; /* CHANGE: replace second number by negative height of one of your corners */
	}
.inside 
{
    border-left:solid 1px #c4c4c4;
    border-right:solid 1px #c4c4c4;
    margin-left:0px;
    margin-right:0px;
    
	
	            /* YCC: background-color of the inside */
	               /* YCC: default text-color of the inside */
	           
	}

.box-content
{
    background-color:#fff;
    /*color: #003366;*/
    margin-left:5px;
    margin-right:5px;
    padding-right:10px;
    padding-left:10px;
    vertical-align:top;
    
}

.notopgap    { margin-top: 0; }    /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: -1px; padding-bottom: 1px; } /* DNC: to avoid splitting of the box */

/*
implementation in the page:
	...
	<head>
	<link rel="stylesheet" type="text/css" href="liquidcorners.css">
	...
	</head>
	
	<body>
	...
	<div class="top-left"></div><div class="top-right"></div>
		<div class="inside">
		<p class="notopgap">Your text & other things inside</p>
		...
		<p class="nobottomgap">...</p>
		</div>
	<div class="bottom-left"></div><div class="bottom-right"></div>
	...
	</body>
*/