/*////////////////////////////////////////////////////////////////////

CSS CREATED BY MICHAEL MOORE
CSS CREATED FOR OSC - ORTHODONTIC SUPPLY OF CANADA
CSS CREATED APRIL 2008

////////////////////////////////////////////////////////////////////*/

body {
	margin: 0px;
	font-family: Verdana, Helvetica, sans-seif;
	line-height: 1.3em;
	font-size: 10px;
	text-align: center;
	color: #666;
	background: #FFF url(../imgs/body_bg.gif) repeat-x;
}
.clear {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	padding: 0px;
	margin: 0px;
}
img {
	border: 0px;
}
p {
	margin: 0 0 10px 0;
}
a {
	color: #ab975b;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: none;
}
small {
	font-size: 9px;
	color: #666;
}
.msg_success {
	margin: 0 24px 0 0;
	padding: 10px 20px;
	border: 2px solid #DDD;
	font-weight: bold;
	background: #EEE;
}
.lang {
	display: block;
	text-align: right;
	font-size: 10px;
	line-height: 3em;
	font-weight: bold;
	color: #3a5569;
}
/*////////////////////////////////////////////////////////////////////

SPLASH PAGE ELEMENTS

////////////////////////////////////////////////////////////////////*/
#wrapper {
	width: 708px;
	margin: 0 auto;
}
#wrapper .wrapper_top {
	height: 5px;
	font-size: 1%;
	background: url(../imgs/wrapper_top.gif) no-repeat;
}
#wrapper .wrapper_con {
	padding: 0 5px;
	text-align: left;
	background: url(../imgs/wrapper_con_bg.gif) no-repeat;
}
.logo {
	padding: 28px 0 23px 0px;
}
.title {
	padding: 20px 0 20px 12px;
}
#splash {
	height: 579px;
	background: url(../imgs/splash_mainimage.jpg) no-repeat top right;
}
#splash .leftcol {
	width: 250px;
	padding-left: 24px;
}
a.btn_productorderform {
	display: block;
	height: 36px;
	width: 134px;
	margin: 0 0 10px 0;
	background: url(../imgs/btn_productorderform.gif) no-repeat;
}
a.btn_productorderform:hover {
	background-position: 0 -40px;
}
a.btn_productorderform_fr {
	display: block;
	height: 36px;
	width: 155px;
	margin: 0 0 10px 0;
	background: url(../imgs/btn_productorderform_fr.gif) no-repeat;
}
a.btn_productorderform_fr:hover {
	background-position: 0 -40px;
}
a.btn_productorderform span,
a.btn_productorderform_fr span {
	display: none;
}
#footer {
	width: 657px;
	border-bottom: 10px solid #ab975b;
	padding: 20px;
	font-size: 10px;
	text-align: center;
	color: #000;
	background: #465665;
}
/*////////////////////////////////////////////////////////////////////

ORDER FORM ELEMENTS

////////////////////////////////////////////////////////////////////*/
.form_title {
	float: right;
	margin-top: 70px;
	height: 30px;
	padding-right: 20px;
}
.orderform_divider {
	clear: both;
	height: 5px;
	margin-bottom: 30px;
	background: url(../imgs/orderform_divider.gif) no-repeat top center;
}
input,textarea,select {
	font-family: Verdana, Helvetica, sans-seif;
	font-size: 10px;
}
#orderform {
	padding-left: 24px;
}
#orderform fieldset {
	border: 0px;
	padding: 0px;
}
#orderform fieldset .row {
	height: 3em;
	clear: left;
}
#orderform legend {
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}
#orderform label {
	display: block;
	color: #000;
	width: 50%;
	float: left;
}
#orderform label span {
	display: block;
	float: left;
	width: 120px;
	padding-top: 2px;
}
#orderform input {
	width: 170px;
	font-size: 11px;
	font-family: Arial;
}
#orderform input.radio {
	width: 16px;
}
#orderform label input {
	float: left;
}
#orderform label.radio input {
	float: none;
}
#orderform textarea {
	width: 170px;
	height: 4em;
}
#orderform .row .col1 {
	width: 60px;
	float: left;
}
#orderform .row .col2 {
	width: 150px;
	float: left;
}
#orderform .row .col3 {
	width: 450px;
	float: left;
}
#orderform .row .col1 input {
	width: 40px;
	float: none;
}
#orderform .row .col2 input {
	width: 130px;
	float: none;
}
#orderform .row .col3 input {
	width: 430px;
	float: none;
}
#orderform .btns {
	padding-left: 120px;
}
#orderform .btns input {
	width: 100px;
}