@import url("/css/jScrollPane.css");
@import url("/css/datePicker.css");

a:link    { 
	text-decoration: underline; 
	color: #A70703;
	}
a:visited {
	text-decoration: underline;
	color: #A70703;
}

a:active {
	text-decoration: underline;
	color: #A70703;
}

a:hover {
	text-decoration: underline;
	color: #FF0000;
}

a:link.footer    { 
	text-decoration: underline; 
	color: #EFEFEF;
	}
a:visited.footer {
	text-decoration: underline;
	color: #EFEFEF;
}

a:active.footer {
	text-decoration: underline;
	color: #EFEFEF;
}

a:hover.footer {
	text-decoration: underline;
	color: #FFFFFF;
}

body {
	background-color: #FFFFFF;
	font-family: Verdana;
	font-size: 12px;
	text-align:left;
	margin: 0; 
	color:#000000;
}

h1 {
	font-family: Verdana, Helvetica, sans-serif;
	color: #000000;
	font-size: 16px;
	text-align: left;
	padding: 0;
	border: 0;
	margin: 0
}

h2 {
	font-family: Verdana;
	text-decoration: none;
	color: #000000;
	font-size: 14px;
	text-align: left;
	padding: 0;
	border: 0 none;
	margin: 0
}

h3 {
	font-family: Verdana;
	text-decoration: none;
	color: #000000;
	font-size: 14px;
	text-align: left;
	padding: 0;
	border: 0 none;
	margin: 0; font-weight:normal
}

hr {
	color:#000000;
	background-color:#000000;
	height: 1;
	padding: 0px;
	margin: 1;
}

table {
	text-align: left;
	padding: 0;
	font-size: 12px;
}

tr.tr1 { 
	background: #C5CAD3; 
}

tr.tr2 { 
	background: #FFFFFF; 
}



td.small { 
	font-size: 10px
}

td.rule { 
	background: #000000; 
}

td.subrule { 
	background: #999999; 
}

ul.cms-med { 
	padding: 0;
	margin-left: 50px;
	margin-tom: 10px;
	line-height: 200%
}

li.cms-med { 
	font-size: 12px;
	padding: 0;
	margin: 0;
	padding-left: 0em; 
    list-style-type: none;
    list-style-position: outside;
}

li.cms-medbold { 
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	padding-left: 0em; 
    list-style-type: none;
    list-style-position: outside;
}

li.cms-medsub { 
	font-size: 10px;
	padding: 0;
	margin: 0;
	padding-left: 2em; 
    list-style-type: none;
    list-style-position: outside;
}

li.cms-medsubbold { 
	font-size: 10px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	padding-left: 2em; 
    list-style-type: none;
    list-style-position: outside;
}

li.cms-med2ndsub { 
	font-size: 9px;
	padding: 0;
	margin: 0;
	padding-left: 4em; 
    list-style-type: none;
    list-style-position: outside;
}

li.cms-med2ndsubbold { 
	font-size: 9px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	padding-left: 4em; 
    list-style-type: none;
    list-style-position: outside;
}

p {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	color: #000000; 
	text-align:left;
	padding: 0;
	border: 0 none;
	margin: 0;
	margin-bottom:10px
}

#carttable { border: 1px solid #000000;}
#cartheader { background-color: #000000;color:#FFFFFF }

#coop {
	font-family: Verdana, Helvetica, sans-serif;
	color: #000000;
	font-size: 8px;
	text-align: left;
	padding: 0;
	border: 0;
	margin: 0
}

#top-left {background-image: url('/img/top_left.jpg'); background-repeat: no-repeat; background-attachment: scroll; background-position: left top}
#top-mid {background-image: url('/img/top_mid.jpg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center top}
#top-right {background-image: url('/img/top_right.jpg'); background-repeat: no-repeat; background-attachment: scroll; background-position: right top}

#mid-left {background-image: url('/img/mid_left.jpg'); background-repeat: no-repeat; background-attachment: scroll; background-position: left top}
#center {background-image: url('/img/back.jpg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center middle}
#mid-right {background-image: url('/img/mid_right.jpg'); background-repeat: no-repeat; background-attachment: scroll; background-position: right top}

#bottom-left {background-image: url('/img/bottom_left.jpg'); background-repeat: no-repeat; background-attachment: scroll; background-position: left top}
#bottom-mid {background-image: url('/img/bottom_mid.jpg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center top}
#bottom-right {background-image: url('/img/bottom_right.jpg'); background-repeat: no-repeat; background-attachment: scroll; background-position: right top}


input.submit { 
	border:1px solid #888888; 
	font-family: Verdana;
	font-size: 11px;
	color:#000000;
	background-color:#FFFFFF
}

input.text { 
	border:1px solid #888888; 
	font-family: Verdana;
	font-size: 11px;
	color:#000000;
	background-color:#FFFFFF
}

input.password { 
	border:1px solid #888888; 
	font-family: Verdana;
	font-size: 11px;
	color:#000000;
	background-color:#FFFFFF
}

select { 
    border:1px solid #888888; 
    font-family: Verdana; 
    font-size: 11px; 
    color:#000000; 
    background-color:#FFFFFF
}

textarea { 
    border:1px solid #888888; 
    font-family: Verdana; 
    font-size: 11px; 
    color:#000000; 
    background-color:#FFFFFF
}



/*printing form*/
.pf_fm div{ overflow:hidden}
.pf_fm{ background:#FFF; width:835px;}
.pf_head{ height:55px; font-weight:bold;}
.pf_head_1{ float:left;  width:93px; padding-left:69px;font-size:13px; line-height:12px;}
.pf_head_11{ height:27px; padding-top:7px;}
.pf_head_12{  }
.pf_head_2{ float:left; width:178px; padding-top:32px;  font-size:13px;}
.pf_head_3{ float:left; font-size:22px; }
.pf_head_bar{ height:15px; background:url(/images/pf_header_bar.png) repeat-x;}
.pf_body{ height:448px; }

.pf_codes{ width:284px; background:red; float:left; height:448px; background:url(/images/pf_codes_bg.png)  no-repeat left top; padding-top:2px; }
.pf_img{ width:539px; float:left; height:448px; padding-top:20px}
.pf_codes ul{ margin:0px; padding:0px; list-style:none}
.pf_codes li{ height:29px;  overflow:hidden}
.pf_code_text{ padding-top:7px; float:left;width:122px;   padding-left:35px;  cursor:pointer;}
.pf_quantity{ float: left; width:68px; height:25px;  padding:2px; display:none}
.txt_quantity{ height:25px; border:none; width:68px; padding-top:4px; text-align:right}
.pf_date{ padding-left:35px; background:#fff; margin-top:1px; height:500px; padding-top:50px; }

/*order form*/
.content_td{ padding:20px; background-color: #F3EAE0; }
#content_td_order{ padding:0px; background-color: #fff; }
.of_fm div{ overflow:hidden}
.of_fm{ background:#fff; width:935px; padding:15px;}
.of_header{ border-bottom:1px solid #D40E12; height:25px; margin-bottom:15px;}
.of_header_label{ float:left; padding-right:45px;}
#of_header_label_0{ font-size:14px; color:#d40e12}

.of_side{ float:left; width:195px; margin-left:15px; margin-right:30px; border:1px solid #000; height:350px; display:inline; padding:0px; height:450px; width:225px;}
.of_fm .of_side_scroll{ width:196px; height:350px; overflow:auto; height:450px; width:226px;}
#of_side_content_1{ padding:10px; }
.of_content { float:left; width:663px;}

.codes_li{ cursor:pointer; margin:0px; padding:9px;}  
.btn_red_fm{ width:935px; text-align:right; height:33px; padding-top:10px;}
.btn_red{ float:right; width:334px; height:33px; background:url(/images/btn_red.png) no-repeat; text-align:center; padding-top:10px; color:#fff; cursor:pointer; }

#of_side_2{ 
 width:230px; margin-right:10px; border:1px solid #fff; height:350px; display:inline ; 
margin-left:0px; padding:0px; width:260px;
}
#of_side_content_2{ padding:0px;}
#of_side_scroll_2{ width:230px; width:260px;}
.of_side_tr{ margin-bottom:5px;  }
.of_side_name{ float:left; width:75px; text-align:right; padding-right:5px; }
.of_side_value{ float:left; width:150px; width:180px  }
.of_side_value input, .of_side_value textarea{ width:146px; border:1px solid #000; width:176px; }
.of_side_value  input.dp-applied {
	width: 70px;
	float: left;
}

.jCalendar *{ font-size:11px;}
#of_side_value_selected{ background:#eee; font-weight:bold}
#of_side_tr_comments{ }
#of_side_tr_comments textarea{ height:125px;}

.formhelp {display: none}