﻿/* Design44 Base HTML/CSS  -  Written By: Lucas Kwasnik/Rob Robbins  -  Last Updated: 2008-08-08 */
/* ====================== Page Formatting  ========================*/
* {
	margin: 0px;
	padding: 0px;
}
body {
	color: #232323;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	background: #484949 url('../Img/jonking_BGround.png') repeat-x 0 0;
    

}
td {vertical-align: top;}
input, select, textarea {
	color: black;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h2, h3, h4, h5, h6, h7 {
	font-size: 12px;
	color: #532e62;
}
h1 {font-size: 14px;
    color: #532e62;}
h2 {font-size: 13px;
    color: #532e62;}
ul {
	padding-bottom: 15px;
	padding-left: 20px;
}
p {padding-bottom: 10px;
   padding-top: 10px;}
img {border:none;}

/* ====================== Text Specific ========================*/
.copy
{
    /*This is for the text in the main content
   margin:30px 260px 10px 60px;*/
   width: 510px;
  /* height: 300px;*/
   float:left;
   padding-top:30px;
   padding-bottom: 30px;
   padding-left:60px;
   
}

.copyCat
{
       width: 530px;
  /* height: 300px;*/
   float: right;
   padding-top:30px;
   padding-bottom: 30px;
   padding-right: 100px;
    
}

.copyCat a
{
	text-decoration:none;
	color: #532e62
	
}

.quoteCopy
{
    /*this is for the text in the quotebox*/
    /*height:131px;*/
    padding:15px 20px;
    color:#532e62;
    font-size: 12px;
  
}

.quoteCopy h5 
{
    font-size: 14px;
    color:#373a67
    
}


/* ====================== layout & columns ========================*/
#container {

	width: 847px;
    /*height: 1000px;*/
    margin: 0 auto;
   
}

#mainBanner
{
    /*height: 254px;*/
	width:847px;
}



#main {
    background: url("../Img/DefMainCopy.png") no-repeat;   
width:847px; 
}

#secondMain 
{
    background: url("http://www.estrellasurgical.com/Common/Img/CatMainCopy5.png") no-repeat;
width:847px;
   
}



#quotebox
{
    width: 204px;
    height:195px;
    background-image: url("/Common/Img/QuoteboxMain.png"); 
    background-repeat: no-repeat;
    float: right;
    margin: 25px 60px 15px 0;
}

.quoteBottom
{
   vertical-align:top;
   float: right;
   padding-right: 35px;
       display:none;
    
}

#catList
{
    float: left;
    width: 98px;
    padding-top: 24px;
    padding-left: 16px;
    font-size: 0.9em;
}

#catList ul li a
{
	text-decoration:none;
	color:#404040;
}

#catList ul li a:hover
{
	color:#532e62;
	text-decoration:none;
}

.sideNavTop {
width:145px;
margin-left:-8px;
background-color:#532e62;
padding-bottom:5px;
}

.sideNavTop h3 {
color:#FFFFFF;
display:block;
text-transform:uppercase;
padding-left:10px;
}

.sideNavTop a {
text-decoration:none;
}


.sideNav ul li a {
text-decoration:none;
}

.sideNav {
margin-left:-28px;
}

.sideNav ul{
display:block;
width:145px;
}

.sideNav ul li{
list-style-type: none; 
padding:5px 0px 5px 10px;
display:block;
}

.sideNav ul li ul {
width:145px;
margin-left:-25px;
}

.sideNav ul li ul li {
list-style-type: none; 
display:block;
padding:5px 0px 5px 10px;
}

.sideNav ul li ul li:hover {
background:none;
}

/* ====================== Header & Footer ====================== */
#header {
	height: 77px;
	position: relative;
}
#logo {
	left: 0;
	position: absolute;
	top: 0;
}
#headerNav {
	position:absolute;
	right: 20px;
	top: 15px;
}
#headerNav ul li {
	display: inline;
	padding-left: 10px;
}
#headerNav ul li a {
	color: #736f5f;
	font-size: 12px;
	text-decoration: none;
}
#headerNav ul li a:hover {text-decoration: underline;}
#footer {height: 17px;}
#catFooter
{
         height: 17px;
}
         
      
#footer ul {}
#footer li {}
#footer li a {}	

/* ====================== Menu ====================== */
#navMenu
{
	bottom: 0;
	position:absolute;
	right: 6px;
}
    
#navMenu ul {
	list-style:none;
	overflow: hidden;
	padding:0px;
}
#navMenu ul li {float:left; margin-left: 4px;}
#navMenu ul li a {
	background: url('/Common/Img/mainNav-liBg.png') no-repeat 0 0;
	color: #a2a2a2;
	display: block;
	height: 28px;
	line-height: 28px;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	width: 114px;
}
#navMenu ul li a:hover {
	background: url('../Img/mainNav-liBg-on.png') no-repeat 0 0;
	color:#fff;
}
#navMenu ul ul {}


/* ====================== Display and hide second level menus ====================== */
#navMenu ul ul, #hidden {display: none;}
#navMenu li.CurrentPage ul, #navMenu li.CurrentCategory1 ul {display: none;}

#navMenu .menuHome
{
    display:none;
}

#navMenu ul li.CurrentCategory1 a {
	background: url('../Img/mainNav-liBg-on.png') no-repeat 0 0;
	color:#fff;
}

#navMenu li#menuHome.CurrentPage ul, #navMenu li#menuHome.CurrentCategory1 ul {display: none;} /* never display L2 menu items in Home Category */

/* ====================== search results ======================== */
#searchContainer {
	height: 37px;
	padding: 0px 0px 0px 20px;
	background: #E7B060 url(/Common/Img/logoSWBM_Header.jpg) no-repeat right top;
}
#searchBox {padding-top: 10px;}
#searchResultsPage #content {padding: 0px 15px 0px 45px;}
.SearchResult, .SearchResultAlt {padding-bottom: 15px;}
.SearchResultTitle, .SearchResultTitle a:link, .SearchResultTitle a:hover, .SearchResultTitle a:visited, .SearchResultTitle a:active {
	color: #423E34;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}	
.SearchResultTitle a:hover {text-decoration: underline;}
.SearchResultsHighlight {
	color: #E7B060;
	font-style: italic;
	text-decoration: underline;
}	
#resultsSearchPhrase, #resultsSearchQty, .SearchResultUrl a:link, .SearchResultUrl {color: #999999;}
#resultsSearchQty {padding-bottom: 12px;}
.selHint {background-color: #4D6177;}
#results div a span {background-color: #4D6177;}	
.ezcount {
	float: right;
	color: #E7B060;
	font-size: 9px;
}
#results {
	z-index: 99;
	width: 175px;
	display: none;
	overflow: hidden;
	position: absolute;
	visibility: hidden;
	border: solid 1px #000000;
	background-color: #F5F1D0;
}
#results a {color: #E7B060;}
#EasySearchLiveResults {
	z-index: 100;
	display: none;
	position: absolute;
	border-width: 13px;
	border-color: black;
	margin-bottom: 10px;
	background-color: white;
}

/* ====================== Styling for Submit button on Login ========================*/
.adminButton , a.adminButton, a.adminButton:link, a.adminButton:visited, a.adminButton:hover, .smallButton{
	width: 125px;
	cursor: pointer;
	cursor: hand;
	color: #F5F1D0;
	font-size: 12px;
	padding-top: 6px;
	text-align: center;
	padding-bottom: 6px;
	text-decoration: none;
	vertical-align: middle;
	background-color: #423E34;
	border-right: 8px solid #4D6177;
}

/* PNG Background Fix for IE6 */
#main, #secondMain{ behavior: url(/Common/Scripts/iepngfix.htc); }
