/* Ruiz Antique Lighting  */

html, body { font-family: Georgia, "Times New Roman", Times, serif;
	font-size:100%;}

body {
	margin:0;padding:0;
	background:#fdfbf5 url(images/bg-leftcol.gif) repeat-y left top; /*color is for right*/
	color: #000000;
	font-size: 80%;}

/* eliminate all default padding, margins, and borders - must declare some margin/padding for any ul or ol */
* {padding: 0;margin: 0;/*border: none;*/}

/* tables */
table {border-collapse: collapse;border-spacing:0;border: none;}
table, td, caption { font-size: inherit; font-weight: inherit; font-style: inherit; font-variant: inherit;}

/*** text format  ***/
pre, code { font-size:1em;}
strong, b {font-weight: bold;}
  
h1, h2, h3, h4, h5, h6 { 
	color: #4d4d00;margin-top: .3em;}
h1 { font-size: 1.8em; margin-top: 0;padding-top:20px;} /* margin 0 removes gap below header in gallery*/
h2 { font-size: 1.3em;}
h3 { font-size: 1.2em;}
h4 { font-size: 1.1em;}
h5 { font-size: 1em;}

a:link {color: #900; text-decoration: underline}
a:visited {color: #600; text-decoration: underline}
a:hover {color: #c00;}
a:active {color: #c00;}

ol, ul, li { font-size: 1.0em; line-height: 130%; margin: .5em 0 1em 1.5em;}
li { margin: .5em 0 .5em 1.5em;}

blockquote {margin: .5em 0 .5em 2em;}
hr {height:0; border-bottom: 1px solid #CCC;margin:10px 0; color:white;background:white;}
input { font-size: 1.0em; padding: 2px; }

p { font-size: 1.0em;  line-height: 1.4em;  padding:.5em 0 .5em 0;}
li > p { margin-top: 0.2em;}

/***** layout *****/

#header {position:relative;width:100%;  background:#d3d99b; color: #626115; border-top:solid 5px #7e9000;}
#headerbox {width:950px;}

#headernav {float:right; padding:0 0 0 10px;max-width:550px;}
form#viewcart {text-align:right;}
#headernav p      {float:right;text-align:right; padding:.3em 0 .3em 0;}
#headernav p.util {clear:right;}
#headernav a {float:left; text-decoration:none;font-style:italic;padding:.2em 5px .2em 5px; border-right: 1px solid #626115;}
#headernav a:hover {text-decoration: underline;}
#headernav p.cart a { border-right:none;}
#headernav a.last   { border-right:none;padding-right:0;}

#headeraddress {float:left;padding:0 0 0 15px; width:20.5em;/**/}
#headeraddress p {line-height: 1.3em;}

form#viewcart{}
input#view {width:90px; height:21px; border:none;}

#outer{
    position:relative;/* ie6 needs this position relative and a width to show floated left contents */
	width:975px; } 

#left {
	position:relative; /* ie needs this to show float */
	float:left;
	width:185px;
	left:-1px;}
#left img.logo {margin:10px 0 15px 5px;width:165px; height:124px;}
#left p {padding-left:8px;padding-right:2px}

/**** nav ****/
#button {
    position: relative; /*** IE6 needs this to display the div ***/  
	width: 175px;
	padding: 0;
	margin: 24px 0 0 0;}
html>body #button { width: 185px;} /* IE/Windows ignores child selector“>” */

#button ul {
	position: relative;
	list-style: none;
	margin: 20px 0 10px 0;
	padding: 0;
	border: none;
	color: #626115;
	font-size: 1.1em;}		
#button ul li { margin: 0;padding: 0; list-style: none;}
#button ul li h2 {font-size: 1.0em;}
#button ul li h2.indent {margin:0 0 5px 8px;}
#button ul li h2 a {margin:0 0 5px 0;}

#button li a {
	width: 100%;
	display: block;
    position: relative; /*** IE6 needs this to display the links ***/
	padding: 4px 2px 5px 8px;
	color:#fff; background:#94a121;
	text-decoration: none;}
html>body #button li a { width: auto;} /*IE/Windows ignores child selector“>” */

#button li a:visited { color: #e5e76c;}
#button li a:hover { color: #fff;background:#8b971f;}

/**** content ****/
div,p  {margin-top:0}/*clear top margin for mozilla*/

#content {position:relative;
	width:750px; 
	margin: 0 0 0 200px; background: #fdfbf5;}
	

/* individual lamp detail pages and gallery pages */
#lamp {float:left;width:750px;/*to clear the floated divs either float this div or add the full width transparent img below it*/}
#lamp div {float:left;width:250px; margin-bottom:15px;}
#lamp div#lamppic a {text-decoration: none;border:none;}
#lamp div#lamppic a img {margin:0 15px 5px 0;text-decoration: none;border:none;}
#lamp div#lampinfo h1 {font-size: 1.3em;text-transform: capitalize;font-variant: small-caps;}
#lamp div#lampinfo p {padding:.5em 15px .5em 0;}
#lamp div#lampinfo p.next a {text-decoration: none;font-size:.9em;padding:2px 0 10px 0;white-space: nowrap;}
#lamp div#lampinfo p.next a:hover {text-decoration: underline;}
#lamp div.col3 h3.bigquote {width:125px; margin:60px 0 0 63px;font-weight: normal;font-style: italic;line-height:1.6em; }/* IE6 needs a smaller left margin, this is not a double the margin float bug */
html>body #lamp div.col3 h3.bigquote { margin:60px 0 0 125px;} /* IE/Windows ignores child selector“>” */

input.add {border:none;}

a.btn-addtocart img {border:0;text-decoration:none; margin-right:15px; vertical-align: middle;}

#related {margin-left: 250px;}
#related p {float:left; width:125px; margin:0 0 20px 0;}
#related p a {width:110px; text-decoration: none;}
#related p a img {margin:5px 0 10px 0; border-bottom:white 1px solid;}
#related p a:hover {text-decoration: underline;}
#related p a:hover img {border-bottom:red 1px solid;}

#gallery {float:left;}
#gallery h3 .smalltxt {font-size:.7em;color:black;padding:0 10px;}
          #gallery p {float:left;width:110px; margin:0 13px 15px 0px;min-height:200px;}
html>body #gallery p {margin:0 15px 15px 0px;} /* IE/Windows ignores child selector“>” */
#gallery p img {margin:5px 0 5px 0;border:1px solid white;}
#gallery p a { text-decoration:none; padding-bottom: 20px; text-transform: capitalize;}
#gallery p a:hover img {text-decoration: none; border:1px solid #c00;}

.help {background:#f5f6e9; padding: 0 5px; margin:10px 0;float:none;}
.help a {text-decoration:none;}
.help a:hover {text-decoration: underline;}

/* large image page - thumbnails down left side for smaller monitors  */
#popgallery {width:100px; height:700px; float:left;margin-top:2em;/*to make room for close window button*/}
#popgallery ul {list-style:none; padding:0; margin:0; width:100px; position:relative; float:left; }
#popgallery ul li       {           width:50px; /*height:95px;*/ margin:0;}
#popgallery ul li a {display:block; width:50px; height:75px; text-decoration:none; border:10px white solid; }
#popgallery ul li a img {           width:50px; height:75px;border:0;}
#popgallery ul li.listtext { margin:1em 0 0 10px;}
#popgallery ul li.wide       {width:75px;}
#popgallery ul li.wide a     {width:75px;} 
#popgallery ul li.wide a img {width:75px;}
#popgallery ul li a:hover {white-space:normal; }
#popgallery ul li a:hover img {position:absolute; top:-2em; left:100px; width:auto; height:auto; }
#popgallery ul li.wide a:hover img {border-bottom:233px solid #fdfbf5; /* hide taller image below */}

p#closescript { font-size: 1.0em; line-height: 1.4em; margin:0; padding:0; text-align:left; position:absolute; top:5px; z-index:100;}
.closewindow {font-size:.9em;line-height:2em;padding:2px 10px; border:1px solid #999;background:#f5f6e9;}
.closewindow a:link {color: #900; text-decoration: none;}
.closewindow a:hover {color: #c00;text-decoration: underline;}

/**** footer ****/
#clearfooter {clear:both;} 

#footer {border-top: 3px solid #626115; background:#f5f6e9 url(images/bg-leftcol.gif) repeat-y left top;overflow:auto;}
.cclogos {float:left; margin: 30px 2px 30px 0;}

#footernav { width:765px; margin: 5px 0 10px 200px;}
#footernav ul {position: relative;float:left; width:235px;margin: 10px 15px 10px 0;padding: 0; }
#footernav ul li { list-style: none; margin: .5em 0 .5em 0; padding: 0;}
#footernav ul li h2 {font-size: 1.0em; white-space: normal;}
#footernav ul li h2 a {white-space: normal;}
#footernav p { line-height:150%;}
#footernav a:link {text-decoration:none; color: #600;}
#footernav a:visited {text-decoration:none;color: #300; }
#footernav a:hover {text-decoration: underline;color: #c00;}
#footernav .last { border-right:none;}
#footernav a.email { border-right:none; text-decoration:underline;}
.copyright { color: #666;}

/**** etc ****/
.sidebarrt {float:right; width:250px;margin:0 0 2em 15px;}
.altcolor1 {color:#4d4d00;}  /*hx green*/
.altcolor2 {color:black;}
.txt500 {width:485px;margin:0;}
.nowrap {white-space: nowrap;}
.clear {clear:both;}
.smalltxt {font-size:.9em;}
.testimonial {color:#4d4d00;}

.clearfix:after { content: ".";  display: block; height: 0; clear: both; visibility: hidden;} /*p.i.e.*/
/*.clearfix {display: inline-table;} original clearfix replaced with below */
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */