body
 {
 margin:0px;
 padding:0px;
 background-color: #c8c3ab;
 color:#000;
 }
 
#container {
margin-bottom: 10px;
}


#sidebar-left
 { 
 background-image: url(/images/back-left.gif);
 background-repeat: repeat-y;
 row-span: 5;
 }

#sidebar-right
 { 
 background-image: url(/images/back-right.gif);
 background-repeat: repeat-y;
 row-span: 5;
 }

#topline
 { 
 background-image: url(/images/spacer-white.gif);
 background-repeat: repeat-x;
 height: 1px;
 }

#topnav
 {
 font: normal normal normal 10px Verdana, Arial, ms-sans-serif;
 color : #c8c3ab;
 padding: 12px;
 background-color: #523114;
 text-decoration : none;
 }
 
#topnav a, #topnav a:visited, #topnav a:active
 {
 color : #c8c3ab;
 text-decoration : none;
 } 
 
#mainnav {
 height: 32px;
 width: 728px;
 background: #c8c3ab; 
 font-family: Trebuchet MS, Verdana;
 font-weight: stronger;
 padding-top: 5px;
 text-align: center;
 
}

#mainnav .link {
 font-size: 18px;
 margin: 0px 3px 0px 3px;
 color : #523114;   
}


 
#content
 {
 font-family: Verdana, Arial, ms-sans-serif;
 color : #000;
 padding: 15px;
 background-color: #e6e3d2;
 text-decoration : none;
 position: relative;
 }
 
#content, #content table, td {
 font-size: 11px;
}
 
#product_link {
position: absolute;
top: 22px;
right: 15px;
font-weight: bold;
}
 
h1
 {
 font: normal normal bold 18px Trebuchet MS, Verdana, Arial, ms-sans-serif;
 color : #523114;
 }
 
h2
 {
 font: normal normal bold 14px Trebuchet MS, Verdana, Arial, ms-sans-serif;
 color : #523114;
 } 


a
 {
 color : #5b679b;
 text-decoration : none;
 }

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


.footer
 {
 font: normal normal normal 10px Verdana, Arial, ms-sans-serif;
 background-image: url(/images/2b.gif);
 background-repeat: repeat-x;
 vertical-align: bottom;
 color : #9a957e;
 text-decoration : none;
 height: 50px;
 padding-bottom: 10px;
 }
 
a.footerlink
 {
 font: normal normal normal 10px Verdana, Arial, ms-sans-serif;
 color : #9a957e;
 text-decoration : none;
 }

a.footerlink:hover
 {
 font: normal normal normal 10px Verdana, Arial, ms-sans-serif;
 color : #523114;
 text-decoration : underline;
 }


input,textarea,select
{
 border: 1px solid #999999;
 font: normal normal normal 11px/13px Arial, Verdana;
}

#contact_table {
margin-left: 20px;
}

#contact_table td {
padding-bottom: 10px;
}

#contact_table .contacttd {
padding-bottom: 4px;
}

#contact_table .headertd {
padding-top: 8px;
}


#contact_table .noborder {
border:0px;
}



/* template specific styles */

.rightcolum_right {
padding: 0px 0px 0px 15px;
vertical-align: top;
background-image: url(/images/vseperator.gif);
background-repeat: repeat-y;
background-position: top left;
}

.rightcolum_left {
vertical-align: top;
padding: 0px 15px 0px 0px;  
}

.leftcolum_right {
padding: 0px 0px 0px 15px;  
vertical-align: top;
background-image: url(/images/vseperator.gif);
background-repeat: repeat-y;
background-position: top left;
}

.leftcolum_left {
vertical-align: top;
padding: 0px 15px 0px 0px;  
}

#contacttable td {
 padding-bottom: 12px;
}

#emphasistable td {
 font-weight: bold;
 color: #5b679b;
}

#submenu {
margin:0px;
padding: 0px 0px 0px 15px;
}



 
#nav, #nav ul { /* all lists */
 padding: 0;
 margin: 0;
 list-style: none;
 height: 32px;
 background: #c8c3ab;    
 /*background: #c8c3ab; */
}

#nav a {
 display: block;
 color: #523114;
}

#nav li { /* all list items */
 float: left;
 height: 32px; 
 padding: 6px 0px 0px 0px; 
 /*background: #c8c3ab; */
 min-width: 100px;
}

#nav li ul { /* second-level lists */
 position: absolute;
 background: #c8c3ab;
 border: 1px solid #fff;
 text-align: left;
 left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
margin-top: 26px;
margin-left: -50px;
padding: 10px;
clear: both;

 
}

#nav li ul li {

height: 20px;
padding: 5px;
clear: both;

}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
 left: auto;
}


/* Menu Styles */




/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;}.qmmc {position:relative;}.qmmc a {float:left;display:block;white-space:nowrap;}.qmmc div a {float:none;}.qmmc div {display:none;position:absolute;}


/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/


 /* Remove the comments bleow for vertical mains and change the false value to
           true in the qm_create function after the menus structure. */
 /*.qmmc a {float:none}*/

  

 /*"""""""" (MAIN) Container """"""""*/
 #qm0
 { 
  background-color:transparent;
  padding-top: 0px;
 }


  /*"""""""" (MAIN) Items """"""""*/
 #qm0 a
 {
  color:#523114;
  font-family:Arial;
  font-size:13px;
  font-weight: bold;
  text-decoration:none;
  padding:0px 38px 0px 0px;
  
 }
 


 /*"""""""" (MAIN) Hover State """"""""*/
 #qm0 a:hover
 { 
 color:#70789e;
 /* background-color:#efefef; */
 }


 /*"""""""" (MAIN) Active State """"""""*/ 
 #qm0 .qmactive
 { 
  /* Note: Add '!important' after each style */

 /* background-color:#efefef !important;
  text-decoration:underline !important;   */
 }


 /*"""""""" (MAIN) Parent Items """"""""*/
 #qm0 .qmparent
 {
/* background-image:url(images/arrow_down.gif); */
  background-repeat:no-repeat;
  background-position:95%; 
 }


 /*"""""""" [SUB] Containers """"""""*/
 #qm0 div
 {
  background-color:#c8c3ab;
  padding:5px;
  border-style:solid;
  border-width:1px;
  border-color:#fff;
  margin-top:-1px;
  text-align: left;
  margin: 8px 0px 0px 5px;
  font-size: 11px;
  
 }

 
 /*"""""""" [SUB] Hover State """"""""*/
 #qm0 div a:hover
 {
  text-decoration:underline;
 }


 /*""""""""[SUB] Active State """"""""*/
 #qm0 div .qmactive
 {
  /* Note: Add '!important' after each style */

 /* background-color:#ffffff !important; */
 }


 /*"""""""" [SUB] Parent Items """"""""*/
 #qm0 div .qmparent 
 {
  background-image:url(/images/arrow_right.gif); 
 }


 /*"""""""" [SUB] Items """"""""*/
 #qm0 div a
 {  
  padding:4px 20px 4px 5px;
  border-width:0px;
  border-style:none;
  border-color:#000000;
  font-weight: normal;
  font-size: 12px;
 }
 
 #qm0 div a:hover
 {  
text-decoration: none;
 } 
 
 
 

 /* TOOLTIP STYLES */
 
 
#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
font-family: arial;
font-size: 11px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

#keywords {
position: absolute;
top: -2000;
left: -2000;
visiblity: hidden;
}

#reorderform td {
 padding: 5px 0px;   
}

#reorderform .prompt {
 width: 145px;   
}

#reorderform .perscriptioninput {
 width: 100px;   
}

#reorderform .subinfo {
 font-size: 8px;   
}

#reorderform_prescription {
 border-collapse: collapse;   
}

#reorderform_prescription td {
 border: 1px solid #523114;   
 padding: 3px;
}

#reorderform_prescription thead td {
 border: 1px solid #523114; 
 background: #523114;
 color: #fff;
 font-weight: bold;  
 padding: 3px;
 text-align: center;
}

#reorderform .solutionqty {
 width: 50px;   
}

#reorderform .additionalinfoinputbox {
 width: 95%;
 height: 100px;   
}