@CHARSET "UTF-8";
/*reset*/
*,h1,h2,h3,h4,h5,h6,ul,li,p{padding:0;margin:0;line-height:1em;font-size:100%;font-weight:normal;font-style: normal;}
ul,li{list-style-type: none;}
a{ text-decoration: none;}
a img{border: none;}


body{background: url("../img/back_grad.jpg") repeat-x top;}
#container{width: 960px;min-height:900px; background:url("../img/back_grad_content.jpg") repeat-x top; margin: 0 auto}
#header{float:left; height: 120px;width: 960px;}
#logo{float:left; padding-top:30px; padding-left: 20px;}
#qbe{float:right; padding-top:17px; padding-right: 20px;}
#left_sidebar{float: left;width: 176px; }
#menu{float: left;width: 176px;}
#menu ul{width: 146px; margin: 0px auto 0px auto;}
#menu ul li{width: 146px; height: 39px;background:url("../img/button.png");text-align: center;margin-bottom: 2px;}
#menu ul li a{width: 146px; height: 26px;font: normal 12px  "Trebuchet MS", Helvetica, Arial, sans-serif; color: white;display: block;padding-top: 10px}
#flash{float: left;width: 784px;}
#text_area{width: 960px; height: 400px;background:url("../img/t_a_back.png") repeat-x top; float: left;}
#client_login{float: left;width: 176px; height: 240px;}
#client_login a{width: 133px; hight:80px;}
#client_login a img{margin: 30px auto auto 17px;}
#html_text_area{float: right; width: 780px;padding-bottom: 5px;}
#html_text_area h1{color: #828384;font: bold 24px  "Trebuchet MS", Helvetica, Arial, sans-serif; margin-bottom: 20px;}
#html_text_area h2{color: #828384;font: bold 24px  "Trebuchet MS", Helvetica, Arial, sans-serif; margin-bottom: 20px;}
#html_text_area h3{color: #333;font: bold 15px  "Trebuchet MS", Helvetica, Arial, sans-serif; margin-bottom: 20px;}
#html_text_area p{color: #333;font: normal 14px  "Trebuchet MS", Helvetica, Arial, sans-serif; margin-bottom: 10px;}
#footer{float:left; width: 960px; background-color: #dfe0e1;padding-bottom: 20px;}
#footer ul{text-align: center;margin: 10px auto 15px auto;}
#footer ul li{display: inline;color: #888;}
#footer ul li a{line-height:; color: #555;font: normal 12px  "Trebuchet MS", Helvetica, Arial, sans-serif; margin-bottom: 20px;padding: 2px;} 
#copyright{float:left;clear: left;margin-left: 25px;font: normal 12px  "Trebuchet MS", Helvetica, Arial, sans-serif; color: #555; }
#webski_link{float:right; margin-right: 25px;}
#webski_link a{font: normal 12px  "Trebuchet MS", Helvetica, Arial, sans-serif; color: #555;}
/*class*/
.text_logo{position: absolute; text-indent: -10000px;}
.qbe{background: url("../img/qbe_logo.jpg"); height:73px ;width:307px;}
.padding{padding: 30px 60px 10px 0;}
.home{background:url("../img/qbe.jpg") no-repeat right 6px;}
tbody{font: normal 14px  "Trebuchet MS", Helvetica, Arial, sans-serif; color: #555;line-height: 150%;}
td{padding: 5px;}
.error-message{color: red;}
p.neuspesno {color: red;}
.uspesno p{color: green;}
/** Forms **/
form#form_default{
	clear: both;
	margin-right: 20px;
	padding: 0;
	width: 70%;
font: normal 12px  "Trebuchet MS", Helvetica, Arial, sans-serif; color: #555;
	margin-bottom:1em;
}

form#form_default div {
	clear: both;

	padding: .5em;
	vertical-align: text-top;
}
form#form_default .input {
	color: #444;
}
form#form_default .required {
	font-weight: bold;
}
form#form_default .required label:after {
	color: #e32;
	content: '*';
	display:inline;
}
form#form_default div.submit {
	border: 0;
	clear: both;
	margin-top: 10px;
	font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;
	padding: 3px;

}
form#form_default label {
	display: block;
	font-size: 110%;
	margin-bottom:3px;
}
 select{
	clear: both;
	font-size: 110%;
	font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;
	padding: 4px;
	width:38%;
}
form#form_default input, form#form_default textarea {
	clear: both;
	font-size: 110%;
	font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;
	padding: 3px;
	width:98%;
}
form#form_default input{width:58%;}
form#form_default div.submit{width:150px}

.tableText{float: left;margin-right: 20px;}

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}


.amount, .amount_radio{
font: normal 14px  "Trebuchet MS", Helvetica, Arial, sans-serif; color: #555;
margin-bottom: 15px;
}
.amount input{
margin-left: 10px;
margin-right:10px; 
}
.amount_radio input{
margin-right:10px; 
}
.amount_radio label{
margin-right: 20px;
}
.amount input{width: 100px;}
.amount select{
	margin-left: 10px;
	font-size: 100%;
	font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;
	padding: 0px;
	width:20%;
	margin-right:10px; 
}
.amount radio{
margin: 0px;
}
form#free_quote div input{float: right;}
#RetailTermOfBondRequired.select{
	margin-left: 10px;
	font-size: 90%;
	font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;
	padding: 0px;
	width:160px;
	margin-right:10px; 
}
.padding_free{
padding: 10px;
}
.link_privacy p{
font: normal 14px  "Trebuchet MS", Helvetica, Arial, sans-serif;color: #555;
}
.link_privacy p a{ color: #555;}