/* css for lookwithincollection.com/  September 13, 2005 */

body {
	margin: 0;
	padding: 0;
	border: none;
	color: #5c104a;
 background: #f90 url(i/old_bg-head-foot.jpg) repeat-x 0 0;
 font: 62.5%/1.7em Verdana, Trebuchet MS, sans-serif;
}
img {
 border: none;
}
#wrapper {
	text-align: center;
	margin: 0;
	padding: 0px;
	border:0;
	width: 100%;
}
#wrapper2 {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 780px;
	background: #fff url("i/old_bg-main.jpg") repeat-y right top;
}

#header {
	margin: 0;
	padding: 0;
	border: none;
 height: 95px;
	background: url(i/old_bg-head-foot.jpg) repeat-x 0 0;
}
#left {
	float: left;
	width: 550px; /* if  total is 760px change this to 530px */
}
#right {
	float: right;
	width: 215px;
}
#phantom_footer {
	margin: 0 0 -20px 0; 
	padding:0;
	border: none;
 height: 20px;
 clear: both;
}
#footer {
	margin: 0  ;
	padding: 0;
	border: none;
	text-align:center;
	font-size: 0.9em;
 height: 95px;
 clear: both;
	background: url(i/old_bg-head-foot.jpg) repeat-x 0 0; 
}

/* *** FONTS *** */
h1 {
 font-size: 1.8em;
 font-weight: 600;
 margin: 13px;
}
h2 {
 font-size: 1.6em;
 font-weight: 600;
 margin: 13px;
}
h3 {
 font-size: 1.4em;
 font-weight: 600;
 margin: 13px;
}
p.front {
 font-size: 1.2em;
 font-weight: 500;
 margin: 4px;
}
p {
 font-size: 1.2em;
 font-weight: 500;
 margin: 13px;
}
#footer p {
 padding-top: 13px;
}
* html #footer p {
 padding-top: 0;
}

#left li { padding-bottom: 10px;}

/* *** LINKS *** */
a {
 color: #c10060;
 text-decoration: none;
}
a:hover {
 color: #000;
 text-decoration: underline;
}

/* *** Navigation *** */
ul#prime_nav {
 list-style: none;
 margin:0;
 padding: 0;
}
ul#prime_nav ul.sub_nav {
 list-style: none;
 margin:0;
 padding: 0;
}
ul#prime_nav li {
 margin-left:0;
 padding-left: 0;
 font-size: 1.2em;
 font-variant: small-caps;
}
ul#prime_nav li a {
 color: #fff;
 text-decoration: none;
}
ul#prime_nav li a:hover {
 color: #eee;
 text-decoration: underline;
}
ul#prime_nav li {
 margin-top: 1.5em;
 margin-left:3.5em;
 font-weight: 600;
}
ul#prime_nav li ul.sub_nav li {
 margin-top: 0;
 margin-left:5px;
 font-weight: 500;
}



.pic-l {
 float: left;
 padding-right: 15px;
}

.benefit {
	margin-right: 15px;
	color: #999;
	text-align: justify;
	font-size: small;
}


#products {
       margin-left: 10px;
}

div.thumb {
	margin: 3px;
	border: 1px solid #A0ACC0;
	height: auto;
	float: left;
	}	
.thumb img{
	display: inline;
	margin: 5px;
	border: 1px solid #A0ACC0;
	}
.thumb a:hover img {border: 1px solid black;}
.photocattitle {text-align: center; font-weight: bold;} 
.phototitle {
	text-align: center;
  font-weight: normal;
  width: 250px;
  margin: 0 3px 3px 3px;
  }












#container {position:relative; width:490px; height:440px; margin:0 auto;}

a.gallery, a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:47px; float:left; margin:3px; z-index:50;}

a.slidea {background:url(i/saffron/thumb2.jpg);}
a.slideb {background:url(i/saffron/thumb3.jpg);}
a.slidec {background:url(i/saffron/thumb4.jpg);}
a.slided {background:url(i/saffron/thumb5.jpg);}
a.slidee {background:url(i/saffron/thumb6.jpg);}

a.slideg {background:url(i/sage/thumb2.jpg);}
a.slideh {background:url(i/sage/thumb3.jpg);}
a.slidei {background:url(i/sage/thumb4.jpg);}

a.slidek {background:url(i/mock-croc/thumb2.jpg);}
a.slidel {background:url(i/mock-croc/thumb3.jpg);}
a.slidem {background:url(i/mock-croc/thumb4.jpg);}

a.slideo {background:url(i/faux-ostrich/thumb2.jpg);}
a.slidep {background:url(i/faux-ostrich/thumb3.jpg);}
a.slideq {background:url(i/faux-ostrich/thumb4.jpg);}

a.slidet {background:url(i/faux-ostrich/thumb5.jpg);}
a.slideu {background:url(i/faux-ostrich/thumb6.jpg);}

a.slidew {background:url(i/faux-ostrich/thumb7.jpg);}

a.slidey {background:url(i/faux-ostrich/thumb8.jpg);}

a.slide1a {background:url(i/mock-croc/thumb5.jpg);}

a.slide1c {background:url(i/mock-croc/thumb6.jpg);}
a.slide1d {background:url(i/mock-croc/thumb7.jpg);}


a.gallery span {display:block; position:absolute; width:1px; height:1px; top:85px; left:5px; overflow:hidden; z-index:100;}

.slidef, .slidej, .sliden, .slider, .slides, .slidev, .slidex, .slidez, .slide1b {display:block; position:absolute; width:480px; height:336px; top:85px; left:10px; padding:0; border:1px solid #FFF;}

a.gallery:hover {white-space:normal; border:1px solid #FFF;}

a.gallery:hover img {border:1px solid #FFF; position:relative; z-index:100;}

a.gallery:hover span {display:block; position:absolute; width:482px; height:336px; top:80px; left:5px; padding:5px; font-style:italic; color:#000; z-index:100;}

a.gallery:active img, a.gallery:focus img {position:relative; z-index:50;}