/**************************************************************
   #content: Sets the width of the site.  Make changes here
             to convert to a fixed width site.
 **************************************************************/

#bg { 
  background:#fff url(/images/bg.jpg) repeat;
}

#wrapper {  
  text-align: left;
  width: 900px;
  margin: 0 auto;
  padding:40px 0 0 0;
  margin-bottom:10px;
}
 

#content
{
float:left;
width:900px;
line-height:18px;
margin-top:-32px;
}

#rightcol 
{
float:right;
width:247px;
}

.box
{
margin:0px 0 0 0;
background:#F9F9F9 url(/images/angle.gif) no-repeat top right;
padding:0 0 20px 0;
}

.box2
{
margin:20px 0 0 0;
background:#d7fc8e url(/images/angle2.gif) no-repeat top right;
padding:0 0 20px 0;
}



/*************************** sales item **********************/

.item
{   
	border:1px solid #CDCDCD;
	float:left;
	margin-right:10px;
	background:#fff;
	font-size:11px;
	line-height:16px;
}

.item .desc {	
	
	font-size:13px;
	line-height:18px;
	}


#home .item
{
	width:185px;	
}

#home #services .item
{   
width:283px;
}

#home .item img
{   
	border-bottom:1px solid #CDCDCD;
	width:185px;

}

.item ul, .item h4, .item p
{   
padding:5px;
margin:0;
}

.item h4 a
{
	    color:#DC6901;
	    text-decoration:none;
}

.item h4 
{      
	font: 700 18px "Trebuchet MS";
    font-style:italic;
    letter-spacing:-1px;
	   background: #EBEBEB;
	   border-bottom: 1px solid #CDCDCD;
}

/*************************** about item **********************/

.about_us h3
{
font-size:16px;	
}

/******************** category **************************/

.category img.floatLeft
{border: 1px solid #CDCDCD;
margin-top:10px;
}
.category a:hover img.floatLeft
{border: 1px solid #CDCDCD;
margin-top:20px;
}


.category .item
{
	width:280px;
	margin-bottom:10px;
	float:left;
	background:#E8E8E8;
}

.category .item h4 

{background:#A6A6A6; 
	letter-spacing:0px;
	font-size:14px;
	line-height:24px;
	margin:0;
	padding:0 10px;
}

.category .item h4 a 
{color:#fff;
}


.category .item img 
{
  float:left;
  border-right: 1px solid #CDCDCD;
  margin-right:10px;
  padding:4px;
  background:#fff;
}


.item .price 
{
	font-size:20px;
	padding-right:20px;
	color:#D67E1B;
	padding-top:7px;
}
/******************** product details **************************/
.images 

{float:right;
 width:33%;
 margin-right:20px;
}

.images a img
{  border: 1px solid #CDCDCD;}
.images a:hover img
{  border: 1px solid #CDCDCD;}

.images a.thumn img
{
width:100px;
margin:10px 10px 0 0;
}


/******************** product details **************************/

.sales {
width:280px;	
}
.sales img
{
	margin-top:0;
	border-bottom:1px solid #CDCDCD;;
}

/******************** footer **************************/

#footer
{
height:65px;
width:100%;
background:#000 url(/images/footer_bg.gif) repeat-x;
text-align:center;
}

#footer p 

{
padding:35px 0 0 0;
margin:0 0 30px 0;
color:#777;
font-size:11px;
}

#footer a img, #footer a:hover img
{
border:none;
padding:0;
margin:5px 0 0 0;
}



/**************************************************************
   #header: Holds the site title and header images
 **************************************************************/

#header {
padding:0;
margin:0 0 0 0;
height:172px;
text-align:center;
background:#000 url(/images/header_bg.jpg) repeat-x;
}

#header h1
{
width:950px;
height:172px;
background:url(/images/E_B_header.gif) no-repeat top left;
margin:0 auto;
display:block;
}

#header h1 span {
display:none;
}



/**************************************************************
   #menu: Holds the main page content.
 **************************************************************/
#menu {
width:100%;
height:40px;
background:#c86c36 url(/images/menu_bg.gif) repeat-x; 
}

#menu li{
float:left;
margin:0;
padding:0;
height:40px;
background:url(/images/menu_bg.jpg) right no-repeat;
padding:0 24px 0 14px;
}

#menu ul{
width:900px;
margin:0 auto;
}

#menu li a{
color:#fff;
margin:0;
letter-spacing:-1px;
font:700 16px  "Trebuchet MS";
font-style:italic;
text-decoration:none;
font-weight:bold;
line-height:40px;
float:left;
outline:none;
}

#menu li a:hover
{
font-weight:bold;
float:left;
margin:0;
height:40px;
line-height:40px;
}


#menu li a:hover{
color:#fedc93;
}



/**************************************************************
   Width classes used by the site columns
 **************************************************************/

.width100 {
  width: 100%;
}

.width75 {
  width: 74%;
}

.width50 {
  width: 49.7%;
}

.width33 {
  width: 32.7%;
}

.width66 {
  width: 65.7%;
}

.width25 {
  width: 24.7%;
}



/**************************************************************
   Alignment classes
 **************************************************************/

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}


.alignLeft {
  text-align: left;
}

.alignRight {
  text-align: right;
}

.alignCenter {
  text-align: center;
}



/**************************************************************
   Generic display classes
 **************************************************************/

#links h3  
{font-size:16px; 
margin-bottom:0;
padding-bottom:0;
} 

.clear {
  clear: both;
}

.block {
  display: block;
}

.small {
  font-size: 0.8em;
}

.smaller {
  font-size: 0.85em;
  line-height:1.4em;
}

.bigger {font-size:1.3em;
padding-top:15px;
line-height:1.5em;
}

.green {
  color: #7ab800;
}

b {
  color: #DC6901;
  font-weight:bold;
}

.orange {color:#DC6901;}

.bold {font-weight:bold;}

.red {
  color: #EA1B00;
}

.blue {
  color: #00759a;
}


.grey {
  color: #666;
}

.light_grey {
  color: #999;
}

.grey a {
  color: #999;
}

.grey a:hover {
  color: #EEE;
}


.side img.map 
{
	border:1px solid #CDCDCD;
}

.side p, .side ul
{font-size:11px;
 line-height:17px;
}


/**************************************************************
  admin_menu
 **************************************************************/

.admin_menu 
{
	width:200px;
	
}

.admin_menu ul li
{
height:20px;
margin:0;
padding:0;
}

.admin_menu ul li span img
{
vertical-align:bottom;
}

.admin_menu .item
{
margin-bottom:10px;
padding:0;

}


/*****Assets*********/

.asset_item 
{
float:left;
width:130px;
}

.asset_item a:hover img.thumn {border:1px solid #F7953C;}

/**************************************************************
  table
 **************************************************************/



table {
	background-color: #FFFFFF;
	border:1px solid #CDCDCD;
	width:100%;
	text-align: left;
 border-collapse: collapse; 
}

table td.actions{
	text-align: center;
	width:30px;
	font-size:0.8em;
        padding:2px;
	
}

table td.cat{
	background-color: #CECECE;
	font-weight:bold;
	
}

table tr.odd td.actions{
background:#f8f8f8;
border-left:1px #CDCDCD solid;
	}

table tr.even td.actions{
background:#E2E2E2;
border-left:1px #CDCDCD solid;
	}

table a:link, table a:visited, table a:active {
	background-color: transparent;
	color: #0096BD;
	text-decoration: none;
}

table a:hover {
	background: transparent;
	color: #000000;
	text-decoration: underline;
}

table caption {
	background-color: transparent;
	color: #3399cc;
	font-family: Georgia, serif;
	font-size: 24px;
	padding-bottom: 12px;
	padding-left: 8px;
	text-align: left;
}

table, td, th {
	margin: 0;
	padding: 0;
}

tbody td, tbody th {
	background-color: #ebebeb;
	border-top: 1px solid #CDCDCD;
	padding:5px 10px 5px 10px;
}

tbody tr.odd th, tbody tr.odd td {
	background-color: #fff;
}

tbody tr:hover td, tbody tr:hover th, tbody  tr:hover td.actions {
	background-color: #FDDC99;
}

td, th {
	vertical-align: middle;
}

tfoot td, tfoot th {
	padding: 4px 8px 6px 9px;
}

thead th {
	font-size:0.8em;
	font-weight:bold;
	line-height: 19px;
	padding: 5px 10px;
	color:#00759a;
	white-space: nowrap;
   
}

thead th.actions {
padding:3px;
}


.border 
{margin-top:10px; 
 border:1px solid #CACACA;}
 
 





/**************************************************************
  mikeo tamplate
 **************************************************************/

html {
  height: 100%;
}

body {
  height: 100%;
  margin: 0;
  padding: 0;
  background:#000;
  font:100 0.85em "Trebuchet MS";
  color:#444;
  }

h1 {   
}


h2 {
font:100 27px arial, verdana, sans serif;
font-style:italic;
color:#00759A;
padding:0;
margin:0;
padding-top:10px;
}

h3 {
letter-spacing:-1px;
font:700 22px  "Trebuchet MS";
font-style:italic;
margin:0;
color:#DC6901;
padding:7px 0;§
}

h3 a {
color:#DC6901;
text-decoration:none;
}


h4 {
color:#DC6901;
}

h5 {

}

h6 {

}


 h4, h5, h6, p, dl {
  margin: 0;
  padding:7px 20px 0 0;
}

/* Done so the leftmost column aligns properly with the header.
   If the leftmost column has class gradient applied to it, 
   this class isn't required. */

a {
  color: #318dc7;   
}

/* Uncomment this if you would like a visited link style 
a:visited {
  text-decoration: line-through;
} */

a:hover {
  color: #005387;
}

b {
  color: #000;
}

ol, ul {
  margin:0;
  padding: 0;
}

ol {
  color: #333333;
}

ol span {
  color: #999999;
}

ul {
  list-style: none;
}

del {
  color: #666666;
}

code {
  margin: 10px 15px;
  padding: 10px;
  display: block;
  overflow: auto;
  font: 400 1em courier, monospace;
  line-height: 120%;
  white-space: pre;
  background:#DFDFDF; 
}

.leftColumn code {
  margin-left: 0;
}

acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}

dt {
  font-weight: bold;
  color: #666666;
}

dd {
  margin-left: 0;
  padding-left: 45px; 
}




/**************************************************************
   Form Elements
 **************************************************************/

label {
display:block;
}


{display:inline;
}

fieldset {
padding:10px 0;
position:relative;
background:#fff;
border:none;
margin:10px 0 0 0;
padding-bottom:10px;
}

fieldset p {padding:3px 0px;
margin:0;}

input,
textarea,
select {
  padding: 2px;
  font: 400 1em verdana, sans-serif;
  color: #737373;
  background: #fff;
  border: 1px solid #CCCCCC;
  margin:0;
}

input:focus,
input:hover,
textarea:focus,
textarea:hover,
select:focus,
select:hover {
  color: #000;
  background: #FCEBB1;
  border: 1px solid #FF7C06;
  margin:0;
}



/**************************************************************
   Blockquote and included icons
 **************************************************************/

blockquote {
  margin: 0 20px 0 0;
  padding:10px;
  padding-left: 60px;
  
  background-color: #fff;  
  background-image: url(../images/icons/quote.gif);
  border:1px solid #cdcdcd;
  background-repeat: no-repeat;
  background-position: 5px 50%;

}

blockquote.exclamation {
  background-image: url(../images/icons/exclamation.gif);
}

blockquote.stop {
  background-image: url(../images/icons/stop.gif);
}

blockquote.go {
  background-image: url(../images/icons/go.gif);
}





/**************************************************************
   Images
 **************************************************************/

img.floatRight {
  margin: 5px 0px 10px 15px; 
}

img.floatLeft {
  margin: 10px 15px 10px 0px;
}


a img {border:none;}

a:hover img {border:none;}


.content_img

{
	margin-top:10px; 
	border:1px solid #CACACA;
}


/*---- sIFR ---*/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/*---- Header styling ---*/

.sIFR-hasFlash h2{
	visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
}



.sIFR-hasFlash h2 {
	font-size: 30px;
  display: block;
}



#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}