/* CSS Document */
.inquiry .vertmenu  {margin: 22px 0 10px 0;}
.inquiry .vertmenu  a span {
width: 110px;
text-align: left;
text-indent: 0;
background-position: 3px -20px;
}




/*header--------------------------*/
.inquiryhead {
width: 400px;
float: left;
clear: none;
}
.inquiryhead h1 {
font: 30px/33px Arial, Helvetica, sans-serif;
padding: 15px 0 2px 0;
clear: both;
}
.inquiryhead h2 {
font: 30px/33px Arial, Helvetica, sans-serif;
margin: -25px 0 0 0;
clear: both;
float: left;
}
.inquiryhead p {
float: left;
clear: none;
width: 290px;
margin-right: 20px;
padding-bottom: 9px;
line-height: 110%;
}
.inquiry p.h24 {
margin-top: -7px;
border-bottom: none;
padding: 5px 0 20px 0;
width: 290px;
line-height: 100%;

}


/*product list--------------------------*/
.inquiry h2 {
font: normal 16px/18px Arial, Helvetica, sans-serif;
float: left;
clear: both;
padding: 33px 0 3px 0;
}
.inquiry .productlist {
width: 750px;
clear: both;
float: left;
}
.inquiry .productlist ul  {
width: 750px;
clear: both;
float: left;
padding-bottom: 26px;
}
.inquiry .productlist .update {
clear: both;
float: right;
display: block;
position: relative;
margin: -17px 0 0 0;
}
.inquiry .productlist input.update:focus, .inquiry .productlist input.update:active {
margin: -16px -1px -1px 0;
border: none;
outline: none;
}
.inquiry .productlist ul li {
width: 750px;
margin-top: 3px;
background: url(../img/inquiry/inquiryitem.png) left bottom #eee;
padding-bottom: 5px;
}



.inquiry .productlist ul li a.name, .inquiry .productlist ul li p, .inquiry .productlist ul li div {
float: left;
clear: none;
background-image: url(../img/inquiry/inquiryitem.png);
background-repeat: no-repeat;
}
.inquiry .productlist ul li a.name {
width: 200px;
padding: 10px 0 7px 10px;
text-decoration: none;
background-position: left top;
font-weight: bold;
color: #000;
}
.inquiry .productlist ul li a.name:hover {text-decoration: underline;}
.inquiry .productlist ul li p {
width: 320px;
padding: 10px 0 7px 5px;
color: #666;
background-position: -40px top;
}
/*quantity*/
.inquiry .productlist ul li div {
float: left;
width: 215px;
background-position: right top;
}
.inquiry .productlist ul li fieldset {
margin: 0 0 0 0;
padding: 8px 10px 0px 5px;
border: none;
float: right;
clear: none;
position: relative;

z-index:3;
background: url(../img/inquiry/inquiryitem.png) right top no-repeat;

}
.inquiry .productlist ul li div input, .inquiry .productlist ul li div label, .inquiry .productlist ul li div a.delete {
float: left;
clear: none;
}
.inquiry .productlist ul li div label {
padding: 2px 4px 0 0;
}
.inquiry .productlist ul li div input {
font: 100%/120% Arial, Helvetica, sans-serif;
padding: 1px 1px 1px 1px;
}
.inquiry .productlist ul li div a.delete {
width: 21px;
height: 23px;
background:url(../img/inquiry/deleteitem-cart.png) -3px -1px no-repeat;
margin: -2px -5px -2px 10px;
}
.inquiry .productlist ul li div a.delete:hover {
background:url(../img/inquiry/deleteitem-cart.png) -3px -50px no-repeat;
}
.inquiry input.save {
float: left;
clear: none;
display: block;
margin: 5px 0px 0 -4em;
left: 40px;
position: relative;
}
.inquiry input.save:focus, .inquiry input.save:active {
left: 41px;
top: 1px;
outline:none;
border: none;
}

div.line {
width: 750px;
height: 10px;
border-top: 1px solid #aaa;
margin-top: 9px;
}
.inquiry .productlist a.continue {
float: left;
clear: both;
text-decoration: none;
padding: 3px 0 4px 23px;
background: url(../img/global/icon-back.png) left top no-repeat;
margin: -28px 0 -10px 0;
position: relative;
}
.inquiry .productlist a.continue:hover {
text-decoration: underline;
}
.inquiry  input.button, .inquiry  a.button {
float: left;
clear: both;
margin-left: -5px;
position: relative;
z-index:10;
}
.inquiry  input.button:active, .inquiry  input.button:focus, .inquiry  a.button:active, .inquiry  a.button:focus {
margin: 1px 0 -1px -4px;
border: none;
outline:none;
}

/*no products attachted*/
.noattachtedproducts {
width: 750px;
margin-top:20px;
}
.noattachtedproducts h3 {
font: normal 17px/20px Arial, Helvetica, sans-serif;
clear: both;
float: left;
width: 720px;
}
.noattachtedproducts img {
float: left;
cler: both;
margin: 3px 0 18px 0px;
}
.noattachtedproducts ul {
padding: 10px 0 10px 0px;
}
.noattachtedproducts ul li  {
width: 260px;
float: left;
clear: none;
margin: 0 20px 0 0;
color: #222;
line-height: 100%;
}
.noattachtedproducts ul li p{
width: 250px;
}
.noattachtedproducts ul li  h4 {
padding-bottom: 5px;
}
.noattachtedproducts ul li a{
float: left;
clear: both;
padding-top: 5px;
white-space: nowrap;
}




/*2nd part - info form--------------------------*/
.inquiry .message form {
float: left;
clear: both;
padding: 30px 0 0 0;
}
.inquiry .message p.info {
padding: 24px 0 20px 0;
}
.inquiry .message form ul {
float: left;
clear: both;
}
.inquiry .message form ul li {
float: left;
clear: both;
padding: 5px 20px 11px 140px;
		
}
.inquiry .message form ul li label, .inquiry .message form ul li input, .inquiry .message form ul li textarea, .inquiry .message form ul li p, .inquiry .message form ul li select {
float: left;
clear: none;
}
.inquiry .message form ul li label {
padding-bottom: 2px;
width: 140px;
line-height: 100%;
margin-left: -140px;
margin-bottom: -1.2em;
position: relative;
display: inline;
}
.inquiry .message form ul li label.req {
font-weight: bold;
}
.inquiry .message form ul li label span {
font-weight: normal;
color: #00CCFF;
position: relative;
margin-bottom: -1.2em;

}
.inquiry .message form ul li p{
float: left;
clear: both;
color: #999;
padding-top: 1px;
width: 400px;
}
.inquiry .message form ul li input, .inquiry .message form ul li select, .inquiry .message form ul li textarea {
font: normal 100%/120% Arial, Helvetica, sans-serif;
}
.inquiry .message form ul li input {
padding: 2px;
font-weight: bold;
border-left: 1px solid #C3C3C3;
border-right: 1px solid #C3C3C3;
border-top: 1px solid #7C7C7C;
border-bottom: 1px solid #DDDDDD;
background:url(../img/global/inputbg.png) left top no-repeat;
}
.inquiry .message form ul li textarea {
padding: 2px;
border-left: 1px solid #C3C3C3;
border-right: 1px solid #C3C3C3;
border-top: 1px solid #7C7C7C;
border-bottom: 1px solid #DDDDDD;
background:url(../img/global/inputbg.png) left top no-repeat;
}
.inquiry .message form ul li input.checkbox {
padding: 0;
border: none;
background:none;
clear: none;
margin: 0px 4px -2px 0;
position: relative;
}
	/*optmessage*/
	.inquiry .message form ul li.optmessage {
	width: 620px;
	margin: 0 0 10px -5px;
	padding: 5px 0 10px 140px;
	display: inline;
	}
	.inquiry .message form ul li.optmessage p {
	padding-left: 5px;
	}
	.inquiry .message form ul li.optmessage label, .inquiry .message form ul li.options label {
	margin-left: -135px;
	display: inline;
	}
	/*options*/
	.inquiry .message form ul li.options {
	width: 620px;
	margin: 0 0 0 -5px;
	padding: 10px 0 0 140px;
	display: inline;
	}
	.inquiry .message form ul li.options ul {
	float: left;
	clear: both;
	margin: -10px 0 0 0;
	}
	.inquiry .message form ul li.options ul li {
	padding-left: 22px;
	position: relative;
	margin: 0px 0 0px 0;
	}
	.inquiry .message form ul li.options ul li input {
	position: absolute;
	left: 0;
	top: -3px;
	background: none;
	border: none;
	}
	.inquiry .message form ul li.options ul li label {
	width: auto;
	margin: 0;
	}
	.inquiry .message form ul li.options ul li p{
	padding: 0;
	margin: 0;
	}


/*tip*/
.inquiry .tip {
padding-bottom: 24px;
margin: 0 0 6px 3px;
background:url(../img/global/arrow-down.png) 20px bottom no-repeat;
font: normal 14px/16px Arial, Helvetica, sans-serif;
width: 750px;
color: #222;
}

/*person*/
.inquiry .person, .searchresults .person {
float: right;
padding: 5px 55px 5px 5px;
position: relative;
width: 200px;
clear: none;
margin-top: 10px;
background: #f1f1f1;
border: 1px solid #e6e6e6;
}
.inquiry .person img, .searchresults .person img  {
position: absolute;
right: 5px;
top: 5px;
}
.inquiry .person h5, .inquiry .person p, .inquiry .person h4, .searchresults .person h5, .searchresults .person p, .searchresults .person h4{
float: none;
clear: both;
text-align: right;
width: 200px;
}
	
	
	
/*inquiry 3*/
.inquirysent {padding-bottom: 20px; float: left; clear: both;}
.inquirysent h2 img {margin: -17px 0 10px 0;}
.inquirysent h3 {
color: #00CCFF;
font-size: 13px;
font-weight: bold;
}
.inquirysent p.message {
width: 400px;
padding: 2px 0 20px 0;
}
.inquirysent .line{margin-top: 40px; padding-bottom: 10px;}
.inquirysent a.button {left: 3px; position: relative;}
	
	
	
/*errors*/
ul.errors {
float: left;
clear: both;
margin: 10px 0 0px 0;
}
ul.errors li {
width:752px;
position: relative;
padding-bottom: 0px;
margin-top: 3px;
}
ul.errors li img {
position: absolute;
left: 0px;
top: 7px;
}
ul.errors li h3 {
width:692px;
padding: 10px 0 0 52px;
}
ul.errors li p {
width:692px;
padding: 0px 0 0 52px;
}
	ul.errors ul {
	float: left;
	clear: both;
	padding-left: 60px;
	padding-top: 2px;
	}
	ul.errors li li {
	width:452px;
	background: none;
	padding: 0 0 0 8px;
	margin-top: 0px;
	background:url(../img/global/bullet3-gr.png) left 4px no-repeat;
	}