/* 
The Main Lobby - Richmark Medical Supply & Dispensing
RH - 06-04-08
CM - 06-02-08
*/


/* HTML Styles */
body { background: #fbf8ef; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #4d4d4d; }
title{ text-transform: capitalize; }
h1 { font-family:"Myriad Pro" , "Times New Roman", Times, serif; font-size:24px; color: #aa0303; margin: 0px 0px 5px; padding: 0px 0px 0px; }
h2 { font-family:"Myriad Pro" , "Times New Roman", Times, serif; font-size: 14px; color: #aa0303; font-weight: bold; padding: 5px 5px 2px; text-decoration: none; }
h3 { font-family:"Myriad Pro" , "Times New Roman", Times, serif; font-size: 12px; line-height: 17px; text-align: justify; color: #4d4d4d; text-decoration: underline; margin: 12px 0px -12px; font-weight: bold; }
h4 { font-size: 14px; color: #a11b1e; margin: 5px 3px 5px 0px; padding: 0px; }
form{ margin: 0px 0px 5px; }
img { border: 0px; }
strong{ font-weight: bold; }
ul { list-style-type: none;}
li { margin-left: 15px; }
li a{ color: #aa0303; text-decoration:none; }
li a:hover{ text-decoration:underline; }

/* Header Styles */
div#header { width:100%; height:125px; background: url('../images/header-bg.jpg') repeat-x; border-top: 5px solid #62070f; border-bottom: 5px solid #fbf8ef; }
div#utilityLinks{ width: 800px; margin: 0px auto; }
.topNav { float: right; color:#4d4d4d; margin-top: 10px; margin-right: 15px; }
.topNav > a{ font-size:12px; color:#4d4d4d; text-decoration:none; padding: 0 5px 0 5px; }
.topNav > a:hover{ text-decoration:underline; }
.logo { float: left; margin: 0px; margin-top:15px; padding: 0px; }

/* Navigation Styles */
#navigationContainer { width: 100%; background: url('../images/nav-bg.jpg') repeat-x top; /*background: #ddd5c0;*/ background: #ebe2ca; border-bottom: 5px solid #62070f; padding: 0px 0px; } 
#naviContainer { width: 810px; font-size:16px; margin: 0px auto; border: 0px solid #000; }
a.topNavLinks{ display: block; float: left; width: 100px; color: #363636; text-decoration: none; text-align: center; padding: 5px 0px 10px; margin-top: 5px; }
a.topNavLinks:hover{ font-size: 16px; color: #fbf8ef; background: url('../images/nav-bg.jpg') repeat-x #62070f; }
a.topNavLinksOn{ display: block; float: left; width: 100px; color: #fbf8ef; text-decoration: none; text-align: center; padding: 5px 0px 10px; margin-top: 5px; background: url('../images/nav-bg.jpg') repeat-x #62070f; }

/*Body Content Index*/
#contentContainer { width: 100%; margin: 0px auto; background: #fff; } 
#content{ width: 870px; padding: 30px 0px; margin: 0px auto; }

/* Left Side */
#leftSide{ width: 610px; min-height: 200px; float:left; }
#indexCopy{ display: block; width: 608px; height: 545px; border: 1px solid #ebe2ca; background: url('../images/indexHeaderBg.jpg') repeat-x top left #fff; }
#offer{ display: block; width: 608px; height: 240px; border: 1px solid #ebe2ca; background: url('../images/indexHeaderBg.jpg') repeat-x top left #fff; }
#additional{ display: block; width: 608px; border: 1px solid #ebe2ca; background: url('../images/indexHeaderBg.jpg') repeat-x top left #fff; padding-bottom: 30px; }
#doctorImg{ display: block; width: 147px; margin-left: 508px !important; *margin-left: 499px; position: absolute; }
.mainTitle{ display: block; width: 490px; font-family: "Myriad Pro", "Times New Roman", Times, serif; color: #aa0303; font-size: 30px; margin: 15px 10px 0px; padding: 0px !important; *padding: 15px 0px 0px; }
.mainTitle2{ display: block; width: 490px; font-family: "Myriad Pro", "Times New Roman", Times, serif; color: #CBC3AE; font-size: 23px; border-bottom: 2px solid #b85354; margin: 0px 10px; padding: 0px 0px 8px; }
.mainCopy{ display: block; width: 490px; color: #212121; font-size: 12px; line-height: 17px; text-align: justify; margin: 10px 10px 8px; padding: 0px; }
.mainCopy a{ color: #aa0303; text-decoration:none; }
.mainCopy a:hover{ text-decoration:underline; }

.offer{ display: block; width: 575px; color: #212121; font-size: 12px; line-height: 17px; text-align: left; margin: 10px 10px 8px; padding: 0px; }
.offer a{ color: #aa0303; text-decoration: none; line-height: 18px; }
.offer a:hover{ text-decoration:underline; }
.offer img{ float:left; margin: 0px 10px 0px 0px; border: 1px solid #4d4d4d; }
.offerh2{ font-family:"Myriad Pro" , "Times New Roman", Times, serif; font-size: 14px; color: #aa0303; font-weight: bold; margin: 10px 10px; padding: 0px 0px 8px; text-decoration: none; }

.companyLogos{ margin: 0px 10px; }
.companyLogos > a{ display: block; float: left; border: 1px solid #a11b1e; margin: 0px 10px 0px 0px; }

#ctaContainer{ width: 100%; margin-top: 10px; }
.featured{ float: left; height: 77px; width: 300px; background: url('../images/sm-cta-bg.jpg') no-repeat; }
.featured img{ margin: 5px 5px; border: 1px solid #4d4d4d; }
.featured h3{ font-family:"Myriad Pro" , "Times New Roman", Times, serif; font-size: 12px; line-height: 17px; text-align: justify; color: #aa0303; text-decoration: none; margin: 5px 0px 4px 0px; font-weight: bold; }
.featured a{ color:#4d4d4d; text-decoration: none; }
.featured a:hover{ color:#4d4d4d; text-decoration: none; }

#insideCopy{ padding: 0px 1em; }
#insideCopy > p{ font-size: 12px; line-height: 17px; text-align: justify; color: #4d4d4d; margin: 12px 0px; }
#insideCopy > p > a{ color: #a11b1e; }
#insideCopy > a{ font-size: 12px; color: #a11b1e; }
.googleMap{ width: 100%; color: #4d4d4d; height: 300px; }
.googleDirectionsMap{ width: 100%; height: 300px; }
.googleDirections{ width: 100%; }

/* Right Side */
#rightSide{ width: 250px; float:right; }
.rightSideBox{ width: 248px; background: #fbf8ef; border: 1px solid #ebe2ca; margin: 0px 0px 10px}
.rightSideBoxNoBotBorder{ width: 248px; background: #fbf8ef; border-width: 1px 1px 0px 1px; border-style: solid; border-color: #ebe2ca; margin: 0px 0px 10px}
a.sideNavLinks{ display: block; font-size: 12px; text-decoration: none; color: #a11b1e; text-align: right; padding: 4px 5px; border-bottom: 1px solid #ebe2ca; }
a.sideNavLinks:hover{ text-decoration: none; color: #a11b1e; border-bottom: 1px solid #a11b1e; }

input[name="keyword"]{ width: 180px; font-size: 12px; margin: 0px 0px 0px 5px; }
input[name="searchBttn"]{ cursor: pointer; width: 50px; background: #fff; border: 1px solid #ebe2ca; }

/*Body Content Inside*/
.contentBoxsm { margin-top:50px; width:580px; border: 1px solid #ebe2ca; background-color: yellow }
.contentBoxsm img{ float:right; margin:7px 5px 0 5px; padding-left:5px; }
.contentRight { width:200px; border: 1px solid #ebe2ca; background-color:#fbf8ef; float:right; }
.contentRight img{ border:1px solid #8c8c8c; }



/* Footer */
#footer { width: 100%; border-top: #62070f 5px solid; }
#footerContainer { width: 800px; text-align: center; line-height: 17px; color: #4d4d4d; font-size: 12px; margin: 0 auto; padding: 1.5em 0px 2.5em;  }
a.footerLink{ color: #a11b1e; text-transform: capitalize; text-decoration: none; }
a.footerLink:hover{ text-decoration: underline; }
a.tml{ font-size: 11px; color: #4d4d4d; text-transform: capitalize; text-decoration: none; }
a.tml:hover{ text-decoration: underline; }
.copyright{ font-size: 11px; color: #4d4d4d; }

/* Misc Styles */
.dividerLine{ width: 194px; height: 1px; font-size: 0px; margin: 0 auto; border-top: 1px solid #ebe2ca; }
.clearLeft{ clear: left; }
.clearRight{ clear: right; }
.clearBoth{ clear: both; }

/* Form Styles */
#formContainer{ width: 100%; font-size: 12px; margin: 0px 0px; padding: 0; }
#radioGroup{ float: left; margin-bottom: 10px; }
fieldset{ margin: 0px; border: none; }
legend{ color: #696969; border: 0; }
label{ width: 40%; margin: 0; display: block; float: left; color: #4d4d4d; border: 0px solid #fff; *margin-top: 10px;  }
input[name="name"]{ width: 50%; display: block; float: left;  color: #4d4d4d; *margin-top: 15px; }
input[name="address"]{ width: 50%; display: block; float: left;  color: #4d4d4d; *margin-top: 15px; }
input[name="address2"]{ width: 50%; display: block; float: left;  color: #4d4d4d; *margin-top: 15px; }
input[name="city"]{ width: 50%; display: block; float: left;  color: #4d4d4d; *margin-top: 15px; }
input[name="email"]{ width: 50%; display: block; float: left;  color: #4d4d4d; *margin-top: 15px; }
input[name="zip"]{ width: 15%; display: block; float: left;  color: #4d4d4d; *margin-top: 15px; }
input[name="phone"]{ width: 25%; display: block; float: left;  color: #4d4d4d; *margin-top: 15px; }
input[name="offficeName"]{ width: 50%; display: block; float: left;  color: #4d4d4d; *margin-top: 15px; }
input[name="pracType"]{ width: 50%; display: block; float: left;  color: #4d4d4d; *margin-top: 15px; }
input[name="docNum"]{ width: 10%; display: block; float: left;  color: #4d4d4d; *margin-top: 15px; }
input[type="checkbox"]{ display: block; float: left; *margin-bottom: 15px; }
select[name="state"]{ float: left; width: 180px; *margin-top: 15px; }
textarea{ width: 50%; height: 175px; color: #4d4d4d; *margin-top: 15px;  margin-bottom: 10px; }
h2.formTitle{ font-size: 16px; color: #444; margin: 0; padding: 0; }
.formDesc{ 	font-size: 12px; line-height: 17px; margin: .75em 0 0 0; padding: 0; }
.breakClear{ clear: left; margin-top: 25px !important; }