body {
	margin:15px;
	padding:0;

	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10pt;
	}

img {
	padding:0;
	border:0;
	}

hr {
    height:1px;
	background-color:#EDEDED;
	color:#E4D9DB;
    border:0;
    margin:0;
    padding:0;
   }
	
A { color:#606060; text-decoration: none; }
A:hover {  TEXT-DECORATION: underline; }

#navlinks a{color: #606060; font-size:11px; font-family:Arial, Helvetica, sans-serif; padding-left: 10px; line-height:18px;}

.Searchinput 
{
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-color: #999999;
border-right-color: #999999;
border-bottom-color: #999999;
border-left-color: #999999;
font-family: Arial,Helvetica,sans-serif;
background-color: #f5f5f5;
color: #660099;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 10px;
line-height: normal;
font-size-adjust: none;
width:130px;
}

.bgbutton
{
font-size: 8pt;
color: #000000;
font-weight: bold;
background-color: #d2d2c8;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-color: #999999;
border-right-color: #999999;
border-bottom-color: #999999;
border-left-color: #999999;
}

h1 {
	color:#F69137;
	font-family:"Lucida Grande",Verdana,Arial,sans-serif;
	font-size:16px;
	letter-spacing:1px;
	font-weight:normal;
	}

h2 {
	color:#333;
	font-family:"Lucida Grande",Verdana,Arial,sans-serif;
	font-size:12px;
	}

h3 {
	font-size:12px;
	display:inline;
	font-weight:normal;
	}

#container {
	font-family:Arial,Verdana,sans-serif;
	font-size:12px;
	width:780px;
	color:#5A5D63;
	}

#rowTop {
	height:50px;
	}

	h1#logo {
		float:left;
		padding:0;
		margin:0;
		height:42px;
		width:407px;
		background:#FFF url("../images/dermatologyLifeLogo.gif") top left no-repeat;
		}
		
		h1#logo a {
			display:block;
			padding:0;
			margin:0;
			height:42px;
			width:407px;
			background:#FFF url("../images/dermatologyLifeLogo.gif") top left no-repeat;
			text-indent: -1000em;
			text-decoration: none;
			}
	
	#subNav {
		float:right;
		width:340px;
		font-size:11px;
		color:#999;
		margin:15px 15px 0 0;
		text-align:right;
		}

		#subNav a {color:#003366;}
		#subNav a:hover {color:#336699;}
	
#rowNav {
	width:780px;
	height:80px;
	background:transparent url("../images/rowNavBg.gif") no-repeat;
	}
	
	ul#nav {
		float:right;
		padding:0;
		margin:51px 15px 0 0;
		height:25px;
		}
		
		*html ul#nav {								/* fix for ie */
			padding:51px 15px 0 0;
			margin:0;
			}
			
		ul#nav li {
			display:inline;
			padding-right:15px;
			}

#colLeft {
	float:left;
	margin:15px 10px 0 5px;
	padding:0;
	width:190px;
	font-size:11px;
	}
	
	#colLeft h2 {
		font-size:11px;
		margin:5px 0 10px 0;
		display:block;
		color:#9D899B;
		letter-spacing:1px;
		}
	
	#colLeft select,input {
		font-size:11px;
		}
	
	#colLeft a {
		text-decoration:none;
		color:#5A5D63;
		}
	
	#colLeft a:hover {
		color:#333;
		}
	
	#greyFloatBox {
		background:transparent url("../images/greyFloatBoxRepeat.gif") repeat-y;
		padding:10px 10px 10px 10px;
		}
		
		#greyFloatBoxTop {
			background:transparent url("../images/greyFloatBoxTop.gif") top no-repeat;
			height:5px;
			padding:0;
			margin:0;
			/* backslash hack - mac ie doesn't read in between these comments \*/
			overflow:hidden;
			/* end hack */
			}
			
		#greyFloatBoxBottom {
			background:transparent url("../images/greyFloatBoxBottom.gif") top no-repeat;
			height:5px;
			padding:0;
			margin:0;
			/* backslash hack - mac ie doesn't read in between these comments \*/
			overflow:hidden;
			/* end hack */
			}

	#greyFloatBoxSearch {
		background:transparent url("../images/greyFloatBoxRepeat.gif") repeat-y;
		padding:5px 5px 5px 5px;
		}
		
		#greyFloatBoxTopSearch {
			background:transparent url("../images/greyFloatBoxTop.gif") top no-repeat;
			height:5px;
			padding:0;
			margin:0;
			/* backslash hack - mac ie doesn't read in between these comments \*/
			overflow:hidden;
			/* end hack */
			}
			
		#greyFloatBoxBottomSearch {
			background:transparent url("../images/greyFloatBoxBottom.gif") top no-repeat;
			height:5px;
			padding:0;
			margin:0;
			/* backslash hack - mac ie doesn't read in between these comments \*/
			overflow:hidden;
			/* end hack */
			}

	#whiteFloatBox {
		background:transparent url("../images/whiteFloatBoxRepeat.gif") repeat-y;
		padding:10px 10px 10px 10px;
		font-size:12px;
		}
				
		#whiteFloatBoxTop {
			background:transparent url("../images/whiteFloatBoxTop.gif") top no-repeat;
			height:5px;
			padding:0;
			margin:0;
			/* backslash hack - mac ie doesn't read in between these comments \*/
			overflow:hidden;
			/* end hack */
			}
			
		#whiteFloatBoxBottom {
			background:transparent url("../images/whiteFloatBoxBottom.gif") top no-repeat;
			height:5px;
			padding:0;
			margin:0;
			/* backslash hack - mac ie doesn't read in between these comments \*/
			overflow:hidden;
			/* end hack */
			}
			
	.exclusiveGift {
		text-align:center;
		}
	
	
#colRight {
	float:left;
	margin:15px 0 0 0;
	padding:0;
	width:550px;
	}

	#banner {
		margin:0 0 30px 0;
		}	
		
	#featured {					/* on main page... featured manufacturers, specials, etc */
		margin:20px 0 0 0;
		}
	
		#featured h1 a {
			font-style:italic;
			color:#333;
			font-size:11px;
			text-decoration:none;
			display:block;
			width:100px;
			border-bottom:1px dashed #CCC;
			height:30px;
			}

		#featured h2 {									/* the text that says how much savings */
			font-size:12px;
			display:inline;
			color:#9D899B;
			font-family:"Lucida Grande",Verdana,Arial,sans-serif;
			}
		
		#featured h2 a:link {							/* grey text that is the product description */
			color:#5A5D63;
			font-size:12px;
			font-weight:normal;
			text-decoration:none;
			display:block;
			font-family:Arial,Helvetica,sans-serif;
			padding:10px 0;
			}
		
		#featured h3 {
			font-family:verdana,arial,sans-serif;
			font-weight:normal;
			font-size:10px;
			display:inline;
			color:#333;
			}

/* ----- FOR THE AJAX SEARCH ----- */

	.suggest_header {
		font-weight:bold;
	}

	.suggest_link {
		background-color: #FFF;
		padding:2px 6px;
	}
	.suggest_link_over {
		background-color: #36C;
		color:#FFF;
		padding:2px 6px;
	}
	#search_suggest {
		float:left;
		margin:10px 0;
		padding:0;
		text-align:left; 
		border:1px solid #CCC;
		color:#666;
		z-index:1000;
	}		


/* tracking box on policies page */

	#trackTBL {								
		border:1px solid #D6D6D6;
		}
	
		.hdrTD {
			background-color:#F69137;
			color:#FFF;
			}

/* control panel & register page */


table#registerTBL caption {
	font-weight:bold;
	text-align:left;
	}

table#registerTBL dt {
	display:block;
	font-weight:bold;
	margin:5px 0;
	padding:2px 5px;
	font-size:11px;
	background-color:#F69137;
	color:#FFF;
	}

table#registerTBL dd {
	margin-bottom:15px;
	}


/* product styles */

	.displayProductsStripe {
		font-weight:bold;
		border-top:1px solid #EDEDED;
		border-bottom:1px solid #EDEDED;
		padding-top:15px;
		background:#FAFAFA;
		width:100%;
		color:#333;
		font-size:11px;
		}

	.displayProductsStripe h1 {
		font-size:11px;
		display:inline;
		font-weight:normal;
		color:#333;
		font-family:arial,helvetica,sans-serif;
		}

	.displayProductsStripe a {
		font-size:11px;
		font-weight:normal;
		}
		
	.productsHeader h1 {
		padding-top:15px;
		}

	.productCell {
		text-align:right;
		border-right:1px solid #EDEDED;
		}

	.productListing h1, .productListing h1 a {
		text-decoration:none;
		font-size:15px;
		display:inline;
		}

	.productListing h2 {
		font-size:13px;
		display:inline;
		}
	
	.productListing h3 {
		font-size:12px;
		display:inline;
		}
		
	.productListing {
		border-bottom:1px dotted #EDEDED;
		}

/* policies styles */

	.WelcomeSize {
		color:#333333;
		font-size:12px;
		font-weight:bold;
		}


/* cart styles */	

	.cartHeader {
		color:#F69137;
		font-family:"Lucida Grande",Verdana,Arial,sans-serif;
		letter-spacing:1px;
		}

	.cartCols {
		background-color:#F69137;
		color:#FFF;
		}

	.cartRows {
	
	      background-color:#FFFFFF;
	
	}
	
	
	
	
	
	/* Enhanced My Account Area Styles */
	
	.enhHorizBar{
	
	  border-right: 1px dashed #000;
	
	}
	
	.enhInputBox{
	
	  padding:3px 5px;
	  color:#333;
	  font:11px geneva,tahoma,verdana,arial,sans-serif;
	  background-color:#FAFAFA;
	  border:1px solid #CCC;
	
	}
	
	.enhInputButton{
	
	  BORDER-RIGHT: #C0C0C0 1px inset;
	  BORDER-TOP: white 1px inset;
	  BORDER-LEFT: white 1px inset;
	  BORDER-BOTTOM: #C0C0C0 1px inset;
	  COLOR: #FFFFFF;
	  FONT-FAMILY: Verdana;
	  BACKGROUND-COLOR: #501450;
	    
	}
	
	.enhEditBox{
	
	  border:1px solid #CCC;
	  background-color:#F0EBF1;
	
	}
	
	.enhCouponBox{
	
	  color: #ff000f;
	  border: 1px dashed #ff000f;
	
	}
	
	#dhtmltooltip{
	
	  position: absolute;
	  left: -300px;
	  width: 150px;
	  border: 1px solid black;
	  padding: 2px;
	  background-color: lightyellow;
	  visibility: hidden;
	  z-index: 100;
	  /*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;
	
	}
	
/* end enhanced account area */