/* LAYOUT */
* {
	margin: 0px;
	padding: 0px;
}

body {
	background: #ffffff;
	font-family: arial, sans-serif;
	font-size: 70%;
	color: #58595b;
	text-align: center;
	padding: 0px;
	margin: 0px;
}


#container {
	width: 980px;
	padding: 0px;
	text-align: left;
  margin-left: auto ;
  margin-right: auto ;
  margin-top: 20px;
  }

#col1 {
width: 150px;
float: left;
margin: 0;
padding: 0;
}

#col1 .shop-catalogue .image {
display: none;
}

#col1 h2 {
color: #b1d6f4;

font-size: 15px;

text-transform: uppercase;
}
#col5 {
width: 790px;
float: left;
margin: 0;
padding: 0;
}

#header {
	width:962px;
	margin:0 0 0 9px;
	height: 135px;
	background:#ffffff url('/images/bgHead.jpg') repeat-x left bottom;
	padding: 0px;
}

.logo {
	float:left;
	margin:20px 0 0 0;
	width: 190px;
}


#content {
	width: 940px;
	padding: 10px 19px;
	margin: 0px;
	text-align: left;
	background:#ffffff url('/images/bgMain.jpg') repeat-y left top;
}

#contentHm {
	width: 962px;
	padding: 0 10px 0 10px;
	margin: 0px;
	text-align: left;
	background:#ffffff url('/images/bgMain.jpg') repeat-y left top;
}

#inner-foot {
	border-top:1px solid #c7c8ca;
	margin: 0 0 0 -10px;
	width: 961px;
}

#inner-footHm {
	border-top:1px solid #c7c8ca;
	margin: 0;
	padding: 0 0 10px 0;
	width: 961px;
}


#footer {
	background:#ffffff url('/images/bgFooter.jpg') repeat-x left top;
	padding: 25px 0 0 0;
	text-align: center;
	width: 962px;
	margin: 0 0 25px 10px;
}

#blogHome {
	margin: 20px 0;
}

#blogHome img {
	float:left;
	margin:5px 15px 0 5px;
}

#blogHome h2 {
font-size: 1.2em;
}

#blogHome p {
font-size: .9em;
margin:0px;
}


#blogHome a:link {
	color: #88b3d5;
	text-decoration: none;
	font-weight: bold;
font-size: 1em;
}

#blogHome a:active {
	color: #88b3d5;
	text-decoration: none;
	font-weight: bold;
font-size: 1em;
}

#blogHome a:visited {
	color: #88b3d5;
	text-decoration: none;
	font-weight: bold;
font-size: 1em;
}

#blogHome a:hover {
	color: #88b3d5;
	text-decoration: underline;
	font-weight: bold;
font-size: 1em;
}

#blogHome ul{
list-style: none;
margin: 0;
padding: 0;
float: left;
}

#blogHome a {
display: block;
text-decoration: none;
}

#blogHome li{
float: left;
border: 0;
width: 170px;
margin: 0 15px 0 0;
}

#blogHome .titlefield {
font-size: 12px;
}


#socialMedia {
	float: right;
	width: 250px;
	text-align: right;
	margin: 7px 10px 0 0;
}

.pagination {
text-align: right;
margin: 10px 0;
}

#share {
text-align: left;
margin: 5px 0;
}

#loggedIn {
	background: #e9e9e9;
	border-bottom: 1px solid #d9d9d9;
	font-size: .85em;
	position: fixed;
	top: 0px;
	width: 100%;
	margin-bottom: 10px;
  z-index: 2000;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
#loggedIn p {
	margin: 0px;

}
#loggedIn .content {
width: 960px;
margin-left: auto;
margin-right: auto;
text-align: left;
	padding: 5px 0;
}

#loggedIn .login {
width: 700px;
float: right;
text-align: right;
}

#loggedIn .login input {
padding: 0;
font-size: 1em;
color: #666;
}

#loggedIn .who {
margin-top: 4px;
width: 250px;
float: left;
}

#leftCol {
width: 180px;
float: left;
margin-left: 10px;
}

#rightContainer {
width: 730px;
float: right;

}

.preview {
margin-left: 20px;
float: left;
width: 350px;
width: 50%;
}

.overview {
text-align: left;
float: left;
width: 40%;
margin-left: 20px;
}

/* Navigation */
#mainNav {
	width: 400px;
	height: 15px;
	padding: 0px;
	float: right;
	margin:105px 0 0 0;
	background: #ffffff;
}

#mainNav ul{
list-style: none;
margin: 0;
padding: 0;
width: 400px;
float: left;
}

#mainNav a {
display: block;
text-decoration: none;
}

#mainNav li{
float: left;
border: 0;
}

.collection {
	background:#ffffff url('/images/collection.jpg') no-repeat left top;

}


#footer {
}

#footer .content {
	width: 540px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	text-transform: uppercase;
	font-size: .9em;

}
#footer ul{
list-style: none;
margin: 0;
padding: 0;
float: left;
}

#footer a:link {
text-decoration: none;
}
#footer a:visited {
text-decoration: none;
}
#footer a:active {
text-decoration: none;
}
#footer a:hover {
text-decoration: underline;
}

#footer li{
float: left;
border-right: 1px solid #ccc;
}


/* Basic Text Styling */

p {
	font-size: 1em;
	margin: 0 0 10px 0;
}

.highlight {
font-size: 1.4em;
font-weight: lighter;
color: #666;
line-height: 1.6;
}

h5 {
	font-size: .9em;
	margin-bottom: 5px;
}

h4 {
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 5px;
}

h3 {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 5px;
}

h2 {
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 5px;
}

h1 {
	font-size: 1.8em;
	font-weight: bold;
	margin-bottom: 5px;
}

h2 a:link {
color: #88b3d5;
font-weight: bold;
text-decoration: none;
}

h2 a:active {
color: #88b3d5;
font-weight: bold;
text-decoration: none;
}

h2 a:visited {
color: #88b3d5;
font-weight: bold;
text-decoration: none;
}

h2 a:hover {
color: #5986aa;
font-weight: bold;
text-decoration: none;
}


/*Links*/

a:link {
	text-decoration: underline;
	color: #58595b;

}

a:active {
	text-decoration: underline;
	color: #58595b;

}

a:visited {
	text-decoration: underline;
	color: #58595b;

}

a:hover {
	text-decoration: underline;
	color: #58595b;
}


/* Text Element Styling */

.breadcrumbs {
font-weight: bold;
text-transform: uppercase;
}

.button {
margin:5px 0;
}

.button a{
	font-size: 1.1em;
	text-transform: uppercase;
	color: #fff;
	background: #b1d6f4;
	padding: 5px 10px;
	border: 1px solid #73a0c4;
	text-decoration: none;
	font-weight: bold;
}

.subHead {
	text-transform: uppercase;
}

.floatRight {
float: right;
}

.tdLeft {
text-align: right;
}

.req {
color: red;
}


/* Forms */

#formCenter {
width: 50%;
margin-left: auto;
margin-right: auto;
}

#formCenter .webform {
background: #e9e9e9;
}

#formCenter .webform td {
padding: 4px;
}

#formRight {
width: 50%;
float: right;
margin-right: 5%;
}

#formRight .webform {
background: #e9e9e9;
}

#formRight .webform td {
padding: 4px;
}

/* eCommerce Layout */

#wholesaleHide {
}

.collectionTitles {
text-align: right;
color: #b1d6f4;
font-size: 20px;
text-transform: uppercase;
}

.collectionTitles2 {
text-align: center;
color: #b1d6f4;
font-size: 20px;
text-transform: uppercase;
}

#productThumb {
  margin:5px 10px 2px 5px;	
 width:150px;
 height: 225px;
 float: left;
	border: 1px solid #c7c8ca;
	background: #fff;

 }

 
.imageSm h2 {
   position: absolute;
   top: 190px;
   left: 0;
   width: 100%;
   color: #58595b;
   font-size:  11px;
   background: rgb(255, 255, 255); /* fallback color */
   background: rgba(255, 255, 255, 0.7);
   padding: 5px 0;
   text-align: left;
z-index: 2;
}

.imageSm h2 a{
   color: #58595b;

}

.imageSm{
	float:left;
    position: relative;
	width:150px; 
	height:225px; 
	text-align:center;
	}
	
 .imageSm img {
width:150px; 
/*height:230px;  REMOVE when images delivered */
	margin:0;
	position:absolute;
	top:0px;
	left:0px;
	clip:rect(0px 150px 225px 0px);

}
 
.catImg h4 {
   position: absolute;
   top: 150px;
   left: 0;
   width: 100%;
   color: #e9e9e9;
   font-size:  11px;
   background: rgb(100, 100, 100); /* fallback color */
   background: rgba(255, 255, 255, 0.7);
   padding: 5px 0;
   text-align: left;
   z-index: 2;
   text-align: center;
   font-size: 1.2em;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.catImg h4 a:link{
   color: #000;
   text-decoration: none;
}

.catImg h4 a:visited{
   color: #000;
   text-decoration: none;
}

.catImg h4 a:active{
   color: #000;
   text-decoration: none;
}

.catImg h4 a:hover{
   color: #000;
   text-decoration: underline;
}

.catImg{
	float:left;
    position: relative;
	width:150px; 
	height:225px; 
	text-align:center;
	border: 1px solid #d9d9d9;
	margin-right: 10px;
	}
	
 .catImg img {
width:150px; 
/*height:230px;  REMOVE when images delivered */
	margin:0;
	position:absolute;
	top:0px;
	left:0px;
	clip:rect(0px 150px 225px 0px);

}
 
 #productDetailContainer {
 width: 600px;
 float: left;
 }
 
 #productDetailContainer .details{
 padding:0;
 margin: 0;
 position: relative;
 width: 200px;
 height: 500px;
  float: left;
}
  
   #productDetailContainer .details h1{
   margin: 0 0 0 0;
   }

  
 #productDetailContainer .imageLg {
 	min-height: 500px;
	height: auto !important; /* for modern browsers */
	height: 500px; /* for IE5.x and IE6 */		
	text-align: center;
	background: #fff;
	width: 368px;
	float: left;
	margin: 0 15px 0 0;

 }
 
   #productDetailContainer .imageLgSize {
   	border: 1px solid #c7c8ca;
	width: 368px;
   }
   
  #productDetailContainer .imageLgSize img{
	width: 368px; /* REMOVE when images delivered */
	height: 500px; /* REMOVE when images delivered */
}

#related {
width: 150px;
float: right;
margin: 0 10px 0 0;
}

#related #productThumb {
clear: both;
height: 183px;
background: none;
border: none;
margin:10px 0 0 0 ;
}

#related .imageSm h2 {
   position: absolute;
   top: 150px;
   left: 0;
   width: 100%;
   color: #58595b;
   font-size:  11px;
   background: rgb(255, 255, 255); /* fallback color */
   background: rgba(255, 255, 255, 0.7);
   padding: 5px 0;
   text-align: left;
	z-index: 1;
}

#related .imageSm h2 a{
   color: #58595b;

}

#related .imageSm{
	float:left;
    position: relative;
	width:150px;
	height:183px;
	border:1px solid #c7c8ca;
	text-align:center;
	}
	
#related .imageSm p{
	margin:0;
	position:absolute;
	top:0px;
	left:0px;
	clip:rect(0px 150px 183px 0px);
	}	
	
#related .imageSm img {
	width: 150px;
}

.item {
	margin: 10px 0;
}

.qty input{
width: 30px;
}



/* Store Locator Section */

#shop {
width: 700px;
float: left;
margin-left: 40px;
}

.storeLocatorForm {
background: #e9e9e9;
padding: 15px;
}

#storeList h4, #storeList2 h4 {
margin-bottom: 0px;
}

#storeList {
width: 130px;
float: left;
margin:10px;
height: 90px;
}

#storeList2 {
width: 200px;
float: left;
margin:10px;
height: 30px;
}
.textPage {
}

.textPage h3 {
}

.textPage p{
font-size: 1.2em;
line-height: 1.5;
}

.shop {
margin: 0 20px;
}

/* Press and Celeb Web Apps */
.crop{
	float:left;
	position:relative;
	width:160px;
	height:200px;
	border:1px solid #ccc;
	margin:1em 1em .2em 1em ;
	text-align:center;
	}
.crop p{
	margin:0;
	position:absolute;
	top:0px;
	left:0px;
	clip:rect(0px 160px 200px 0px);
	}	
	
.crop img {
width:160px;
}
.moreInfoPress {
text-align: center;
margin:0 0 1em 0;
}


/* CSS LightBox*/
#spacer{
	background-color: #fff;
	z-index:999;
	height:400px;
}
 
.black_overlay{
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #000000;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
 
.white_content {
	position: absolute;
	top: 75px;
	left: 25%;
	width: 50%;
	height: 75%;
	padding: 16px;
	border:none;
	background-color: white;
	z-index:1002;
	overflow: auto;
}

.white_content img {
	max-width:600px;
}

#backLightbox {
	position: absolute;
	top: 50px;
	left: 25%;
	width: 50%;
	z-index:1001;
	border:none;
}

#backLightbox a:link {
color:#666;
font-weight:normal;
text-transform:uppercase;
font-size:17px;
padding:10px;
border:1px solid white;
background:#fff;
}

#backLightbox a:visited {
color:#fff;
font-weight:normal;
text-transform:uppercase;
padding:10px;
border:1px solid white;
background:#fff;
}

#backLightbox a:active {
color:#fff;
font-weight:normal;
text-transform:uppercase;
padding:10px;
border:1px solid white;
background:#fff;
}

#backLightbox a:hover {
color:#ccc;
font-weight:normal;
text-transform:uppercase;
padding:10px;
border:1px solid white;
background:#fff;
}