* { padding: 0; margin: 0; }
body { background-color: #e5e5e5; font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; }
.error { color: #FF0000; font-weight: bold; }

#wrap { width: 750px; margin: 0 auto; background-color: #FFF; border-left: 1px solid #dde2d5; border-right: 1px solid #dde2d5; border-bottom: 1px solid #dde2d5; }
#wrap #header { float: left; clear: both; width: 750px; height: 104px; }
#wrap #header #h_left { float: left; clear: left; width: 485px; height: 104px; }
#wrap #header #h_right { float: left; clear: right; width: 265px; height: 104px; }
#wrap #header #h_right #h_top { float: left; clear: both; width: 243px; padding-right: 22px; text-align: right; }
#wrap #header #h_right #h_mid { float: left; clear: both; width: 245px; padding: 5px 20px 0 0; text-align: right; }
#wrap #header #h_right #h_mid table { float: right; }
#wrap #header #h_right #h_mid th { font-size: 1.1em; color: #d3d3d3; padding-right: 6px; padding-bottom: 3px;}
#wrap #header #h_right #h_mid td{ padding-bottom: 3px; } 
#wrap #header #h_right #h_mid td input { width: 155px; height: 29px; border: 1px solid #d3d3d3; }

#wrap #main { float: left; clear: both; width: 750px; padding: 0 0 5px 0; background-image: url('images/bg-main.gif'); background-repeat: repeat-x; background-color: #f6fced; }
#wrap #main #left { float: left; clear: none; width: 170px; padding: 38px 4px 0 15px; }

#wrap #main #left ul { float: left; clear: both; padding-bottom: 10px; }
#wrap #main #left ul li { float: left; clear: both; list-style: none; list-style-type: none; }
#wrap #main #left ul li a { display: block; background-repeat: no-repeat; width: 170px; font-size: 0.0em;color: #FFF; }
#wrap #main #left ul li a#n1 { background-image: url('images/nav-home.gif'); height: 29px; color: #f6bc4d; }
#wrap #main #left ul li a#n2 { background-image: url('images/nav-aboutus.gif'); height: 26px; color: #f6bb4b; }
#wrap #main #left ul li a#n3 { background-image: url('images/nav-products.gif'); height: 28px; color: #f5b438; }
#wrap #main #left ul li a#n4 { background-image: url('images/nav-register.gif'); height: 25px; color: #f4ad26; }
#wrap #main #left ul li a#n5 { background-image: url('images/nav-shop.gif'); height: 26px; color: #f3a612; }
#wrap #main #left ul li a#n6 { background-image: url('images/nav-patents.gif'); height: 28px; color: #f2a208; }
#wrap #main #left ul li a#n7 { background-image: url('images/nav-terms.gif'); height: 27px; color: #f2a208; }
#wrap #main #left ul li a#n9 { background-image: url('images/nav-sitemap.gif'); height: 27px; color: #f2a208; }
#wrap #main #left ul li a#n8 { background-image: url('images/nav-login.gif'); height: 28px; color: #f29f00; }

#wrap #main #left ul li a#n1:hover, #wrap #main #left ul li a#n1.sel { background-image: url('images/nav-home-sel.gif'); color: #abe04c; }
#wrap #main #left ul li a#n2:hover, #wrap #main #left ul li a#n2.sel { background-image: url('images/nav-aboutus-sel.gif'); color: #abe04c; }
#wrap #main #left ul li a#n3:hover, #wrap #main #left ul li a#n3.sel { background-image: url('images/nav-products-sel.gif'); color: #a2dd3a; }
#wrap #main #left ul li a#n4:hover, #wrap #main #left ul li a#n4.sel { background-image: url('images/nav-register-sel.gif'); color: #96d81f; }
#wrap #main #left ul li a#n5:hover, #wrap #main #left ul li a#n5.sel { background-image: url('images/nav-shop-sel.gif'); color: #8cd50a; }
#wrap #main #left ul li a#n6:hover, #wrap #main #left ul li a#n6.sel { background-image: url('images/nav-patents-sel.gif'); color: #87d300; }
#wrap #main #left ul li a#n7:hover, #wrap #main #left ul li a#n7.sel { background-image: url('images/nav-terms-sel.gif'); color: #87d300; }
#wrap #main #left ul li a#n8:hover, #wrap #main #left ul li a#n8.sel { background-image: url('images/nav-login-sel.gif'); color: #87d300; }
#wrap #main #left ul li a#n9:hover, #wrap #main #left ul li a#n7.sel { background-image: url('images/nav-sitemap-sel.gif'); color: #87d300; }

#wrap #main #right { float: right; clear: none; width: 544px; padding: 0 14px 0 3px; }

/* Start Shop styles  here */
#wrap #main #right h2 { width: 544px; font-weight: bold; font-size: 1.8em; }
#wrap #main #right form { width:440px; float:left; margin-top:10px; }
#wrap #main #right legend { font-weight:bold; font-size:14px; color:#009999; }
#wrap #main #right form label { float:left; clear:both; line-height:30px; width:125px; padding-right:3px; text-align:right; font-size:12px; font-weight:bold; }
#wrap #main #right form input,select { float:left; line-height:30px; padding:0px; }
#wrap #main #right #formInfo { width:100px; float:right; }
#wrap #main #right #formInfo h2 { color:#0066CC; font-size:1.4em; margin-bottom:0px; max-width:100px; }
#wrap #main #right p { clear:both; }
#wrap #main #right table { font-family:Tahoma, Helvetica, Verdana, sans-serif; color:#333333; font-size:1.2em; margin-left:auto; margin-right:auto; }
#wrap #main #right th { padding:2px; line-height:24px; background-image:url(images/th_background.gif); background-position:left; background-repeat:repeat-x; color:#FFFFFF; font-size:1.2em; }
#wrap #main #right td { padding:2px; background-color:#FFFFFF; font-family:Tahoma, Helvetica, Verdana, sans-serif; text-align:center;}

.shopPageOffers {border: border:1px solid #000000;}
/* End Shop styles here */

#wrap #main #right #r_top { float: left; clear: both; width: 536px; height: 38px; text-align: right; padding: 0 8px 0 0; }

/*#wrap #main #right #r_mid { float: left; clear: both; width: 544px; height: 309px; }*/
#wrap #main #right #r_mid { float: left; clear: both; width: 544px; height: 344px; background-image: url('images/HangingFrame_a.gif'); }
#wrap #main #right #r_mid #r_spacer { float: left; clear: both; width: 544px; height: 309px; }
#wrap #main #right #r_mid #r_bot { float: left; clear: both; width: 530px; height: 35px; padding: 0 14px 0 0; text-align: right; }
#wrap #main #right #r_mid2 { float: left; clear: both; width: 544px; height: 344px; }

#wrap #main #right #r_holder { float: left; clear: both; width: 544px; }
#wrap #main #right #r_left { float: left; clear: left; width: 272px; height: 344px; background-image: url('images/HangingFrame.jpg'); background-repeat: no-repeat; }
#wrap #main #right #r_right { float: right; clear: right; width: 268px; height: 344px; }

#wrap #main #right #r_bot a { display: block; color: #FFF; text-decoration: none; font-size: 1.2em; padding-left: 5px; line-height: 35px; }
#wrap #main #right #r_bot a:hover { text-decoration: underline; }
#wrap #main #right #r_bot a img { border: 0; }
#wrap #main #right #r_content { float: left; clear: both; padding-top: 5px; }
#wrap #main #right #r_content h1 { width: 544px; font-weight: bold; font-size: 1.8em; } 
#wrap #main #right #r_content p { width: 544px; font-size: 1.2em; line-height: 1.5em; text-align: justify; padding-bottom: 8px; } 

#wrap #main #right #r_panel { float: left; clear: both; padding-top: 10px; width: 544px; }
#wrap #main #right #r_panel #r_panel_delivery { float: left; clear: left; width: 272px; height: 114px; }
#wrap #main #right #r_panel #r_panel_saleswide { float: left; clear: left; width: 544px; height: 77px; }
#wrap #main #right #r_panel #r_panel_sales { float: right; clear: right; width: 268px; height: 114px; text-align: right; }

#wrap #main #right #r_content ol { display:block; width:96%; margin-left:30px; }
#wrap #main #right #r_content li { width:500px; height:40px; background-color:#CCCCCC; border:#666666 dotted 1px; margin-bottom:5px; list-style:outside decimal; }
#wrap #main #right #r_content a { display:inline; width:auto; }

#wrap #main #right #r_content .formholder { float: left; clear: both; width: 539px; padding: 5px 0 5px 0; margin: 0; }
#wrap #main #right #r_content .formholder table { width: 539px; }
#wrap #main #right #r_content .formholder table input, textarea { border: 1px solid #8c8a8a; font-size: 1.2em; padding: 2px; font-family: Arial, Helvetica, sans-serif; }
#wrap #main #right #r_content .formholder table select { border: 1px solid #8c8a8a; font-size: 1.2em; padding: 1px; font-family: Arial, Helvetica, sans-serif; margin-right: 2px; }
#wrap #main #right #r_content .formholder table input.input1, textarea.input1 { width: 100px; }
#wrap #main #right #r_content .formholder table input.input2, textarea.input2 { width: 250px; }
#wrap #main #right #r_content .formholder table input.input3, textarea.input3 { width: 358px; }
#wrap #main #right #r_content .formholder table input.input4, textarea.input4 { width: 400px; }
#wrap #main #right #r_content .formholder table textarea { height: 120px; }

#wrap #main #right #r_content .formholder table th { width: 161px; text-align: right; font-size: 1.1em; color: #333333; padding: 3px 5px 0 0; }
#wrap #main #right #r_content .formholder table th.header { color: #000; font-size: 1.6em; padding-top: 10px; text-align: left; border-bottom: 1px dotted #b8b8b8; }
#wrap #main #right #r_content .formholder table td.field { width: 305px; padding-top: 5px; }
#wrap #main #right #r_content .formholder table td.hint { width: 10px; text-align: left; padding-top: 5px;}
#wrap #main #right #r_content .formholder table td.buttons { text-align: right; }
#wrap #main #right #r_content .formholder table td.buttons input { background-color: #c61d08; color: #FFFFFF; border: 1px solid #656161; padding: 2px; }
#wrap #main #right #r_content .formholder table em { color: #900912; font-weight: bold; font-size: 1.3em; }

#wrap #footer { clear: both; width: 100%; height: 81px; }
#wrap #footer p { width: 300px; font-size: 1.1em; line-height: 31px; }
#wrap #footer p.left { float: left; clear: left; padding-left: 20px; width: 360px; }
#wrap #footer p.right { float: right; clear: right; padding-right: 20px; text-align: right; background-image: url('images/icon-emed.gif'); background-position: 98px 11px; background-repeat: no-repeat; }
#wrap #footer p.full { float:left; clear:both; padding-left:20px; padding-right:20px; text-align:center; width:100%; line-height:normal; }


.footer { clear: both; width: 100%; line-height: 1px; }

/* CSS Classes */
.formSpan { width:100%; display:inline; line-height:24px; }

.smlfooter { clear:both; width:100%; background-color:transparent; line-height:2px; }
.lrgProductBox { clear:both; background-color:#FFFFE5; width:510px; margin-left:auto; margin-right:auto; }
.lrgImgBox { float:left; width:150px; text-align:center; background-color:#FFFFE5; }
.lrgProductText { float:right; width:293px; background-color:#FFFFE5; font-family:Tahoma, Helvetica, Verdana; font-size:1.1em; font-weight:bold; color:#333333; padding:3px; } 
.lrgProductTitle { clear:both; font-size:1.6em; color:#0066CC; float:left; margin-bottom:10px; width:293px; }
.lrgProductDesc { clear:both; float:left; margin-bottom:10px; width:293px; }
.lrgProductPack { clear:both; float:left; margin-bottom:10px; width:293px; color:#FF7C19; }
.lrgProductSpec { clear:both; float:left; color:#FF7C19; font-weight:normal; width:293px; margin-bottom:10px; }
.lrgProductsOpt {clear:both; float:left; width:293px; font-weight:normal; margin-bottom:10px; }
.lrgProductsButt { clear:both; float:left; width:293px; }

.medProductTable {width:550px; padding:0px,0px,0px,0px; margin:0px,0px,0px,0px;}

.medProductTable{  border: solid, 1px, #FFFFFF;}

.medProductTable table { border-collapse:collapse; background-color:Navy;}
.medProductTable td { border:1px solid #DDDDDD;  padding:0px,0px,0px,0px; margin:0px,0px,0px,0px; background-color:Green;}
/*.medProductTable td { background-color: #FFFFE5; }*/

.medProductBox {background-color:#FFFFE5; width:160px; margin-left:4px; margin-right:4px; font-family:Tahoma, Helvetica, Verdana; font-weight:bold; }
.medProductDesc { clear:both;width:160px; background-color:#FFFFE5; font-family:Tahoma, Helvetica, Verdana; font-size:1.1em; font-weight:bold; color:#333333; }
.medProductTitle { clear:both; font-size:1.0em; color:#0066CC; margin-bottom:0px; margin-top:0px; width:80px; }
.medProductPack { clear:both; font-size:1.0em; color:#FF7C19;margin-bottom:0px; margin-top:0px; width:20px; }
.medProductPrice { clear:both; font-size:1.0em; color:#FF7C19; margin-bottom:0px; margin-top:0px; width:50px; }

.medProductsButt {clear:both; width:100px; margin-top:0px; }

.warning { border:#000000 solid thin; padding:5px; background-color:#FFFF99; line-height:25px; }

.navWrapShowing {/* border:#999999 dotted thin;*/ }
.navWrapHidden { /*border:#FF0000 dotted thin;*/ visibility:hidden; display:none; }