@charset "utf-8";

/* Typography and colors */

body{

	font: 80% bold Helvetica, Arial, sans-serif;
	line-height: 1.5em;
}

#page{}

#header{

	font-size: 0.875 em; /* relative 14px  - relative to #page */

}

#body{
	
	font-size: 0.875 em; /* relative 14px  - relative to #page */
	
}

#customer-links{ font-size:small;}

#header a{ color:black; text-decoration:underline;}

#header a.visited{ color:#333333; text-decoration:underline; }

a.active{ color:black; text-decoration:underline;}

a.visited{color: #6987a3;}

.normalprice{ text-decoration:line-through;}

.productSpecialPrice, .productPriceDiscount{ color:red;}

#navBreadCrumb a{ text-decoration:underline; }

#navBreadCrumb a{ color:black; text-decoration:underline;}

#navBreadCrumb a.visited{ color:#333333; text-decoration:underline; }

#sidebar{ }

.sidebarHeading, .sectionHeading{ 
	/*font-weight: bold;*/
	text-align:2em;
}



#footer a{ color: black; }

#customer-links li a{ color:black; }

h1, h2, h3, h4, h5, h6{

	font: 100% normal Helvetica, Arial, sans-serif;
	line-height: 1.5em;
}

.boldHeading{ font-weight: bolder;}

legend{ font-weight:bold; }

.alert{ color: red; }

.notify{color: green;}

.attention{color:red;}

/* end Typography and colors */

/*navigation bars*/



#nav{}

#nav li, #brand-nav li{
	
	list-style:none;
	text-indent: -2em;
}


#navBreadCrumb{ margin-bottom: 10px; padding:0;}

.nav-col-one, .nav-col-two, .nav-col-three{
	
	float: left;
	width:25%;

}


#nav a.nav-heading{
	font: 1em bolder;
	padding: 0.5em 1em 0.5em 0;
			
}


/*end navigation bar*/

/* Structure */

.orderblock{
	


}

#page{

	/*max-width: 69.75em; /* max width = 988px relative to browser default font of ~ 16px*/
	
	max-width: 1024px;
	
	margin: 0.5em auto;
		
}

#logo{
	margin: 5px 0;
	float: left;
	width: 18%;
}

#search{
	margin: 8px;
	float: right;
	width: 28%;
	margin-bottom: 1em;
}

#search form{ float: left; }

#header{
	
	display:block;
	
	width: 100%; /* relative to #page */
	
	padding: 0; /* about 20px padding relative to this container width */
	
	/*min-height: 2.14em;*/
	
	height: 44px;
	
	clear:both;
	
}
#body{		
	
	float: left;
				
	width: 65%; /* or 748px relative to #page */
		
	min-height: 23em;	
		
	margin-right: 25px;
		
}
#body-nosidebar{		
	
	float: right;
				
	width: 100%; /* or 748px relative to #page */
		
	min-height: 23em;	
			
		
}
#sidebar{
	
	float: left;
	
	width: 25%;
	
	min-height: 0.8em;

	margin-right: 25px;
	
	border: 1px solid #d1d1d1;

}

#nav-main, #brand-main{ border: 1px solid #d1d1d1;}
#catBoxDivider{border-top: 1px solid #cccccc;}
#footer{
	vertical-align: middle;
	
	clear:both;

	width: 100%; 	
	
	margin: 1em 0;
	
	padding:0;						
}

#customer-links{
	float: left;
	width: 41%;
	text-indent: 3em;
	/*margin-bottom: 0.2em;*/
	margin:10px 0;


}

#customer-links li{
	
	display:inline;
	
	margin: 0 1em 0 0;	
}

/*
#footer ul li{
		
	/*padding-top: 0.5em;
	
	width: 100%;
		
	list-style:none;
	
	float:left;
	
}*/

#slideshow{	
	
	margin: 0 auto; 

}

#footerNav li{ display:inline; margin-right: 3em;}

#categoriesContent{width: 100%;}
#nav-col-one, #nav-col-two, #nav-col-three{float:left; width: 30%;}
.leftBoxContainer{/*border: 1px solid #cccccc;*/ margin-bottom:25px; padding: 0 10px;}
#footer .columnLeft{ float: left; width: 70%;}

#footer .columnRight{ float: right; width: 28%;}

#footer .footer-content{ padding: 0 1.3em; margin: 8px 0; }
/*form structuring*/

div.row {
  
  clear: both;
  
  padding-top: 10px;
  
  width: 250px;
  }

div.row label {
  
  float: left;
  
  width: 100px;
  
  text-align: left;
  }

div.row span.form-component{
  
  float: right;
  
  width: 150px;
  
  text-align: left;
  } 

/* end form structuring */

#footer .row{ width:100%;}
/* end Structure */

/* Decoration */

#PPECbutton{ padding-top: 1.5em; }

.content{
	padding: 0 1.3em; 
	
}

.floatLeft{

	float: left;
}

.floatRight{

	float:right;
}

.clearBoth{
	
	clear:both;
	line-height:0;
	height:0;

}

.inline{ 
	
	display: inline;
	list-style: none;
	

}

.child li{
	
	

}

.account-panel{
	
	margin-top: 10px;
		
	border: 1px solid #e4e4e4;
	
	border-left: 6px solid #e4e4e4;
	
	width: 100%;
	
	-moz-border-radius: 5px;
	
	-khtml-border-radius: 5px;
	
	-webkit-border-radius: 5px;
	
	border-radius: 5px;
	
	text-align:left;
	
}

.account-panel div.heading{
	
	display: block;
	
	width: 250px;
	
	padding: 0 25px 0 0;
	
	float:left;
}

.account-panel div.content{
	
	margin-left: 200px;
	
	clear:both;
	
}

.account-panel ul.col-one{

	float: left;
		
	width: 250px;

}

.account-panel ul li{
list-style-type:none;
}

.account-panel ul.col-two{

	float: right;
	
	width: 250px;

}

#cartContentsDisplay{	}

.leftAlignTable td{ text-align:left; width:100%; padding:1em 0 1em 0; }

.inline li{ margin-left: 1em; display: inline;}

.messageStackError{ color: red; }

#promotion-products{ background-color:#EBEBEB; width: 100%;}

.decor-fieldset{ padding: 1em; border: 0; }

.centeredContent{text-align:center; padding:1em;}

.tabTable{width:100%}

#indexProductList .tabTable td{ text-align:left; padding: 1.2em; }

#indexProductList .tabTable th{ text-align:left; padding: 1.2em; }

#advSearchResultsDefault .tabTable th{text-align:left; padding:1.2em;}

#advSearchResultsDefault .tabTable td{text-align:left; padding: 1.2em;}

#indexCategories .tabTable th{text-align:center;}

#indexCategories .tabTable td{text-align:center;}

#header{ 
	background: url(https://www.productswithstyle.com/includes/templates/products-with-style/images/nav-bar-background.jpg) no-repeat;

}
.footerHeading{ 
	background: url(https://www.productswithstyle.com/includes/templates/products-with-style/images/footer-bar.jpg) no-repeat;
	background-position: bottom;
	height: 30px;
	margin: 0;
}
.sidebarHeading, .sectionHeading{ 
	background: url(https://www.productswithstyle.com/includes/templates/products-with-style/images/nav-bar-background-thin.jpg) no-repeat;
	padding:0 0.3em 0.5em 0.3em;
	line-height: 1.3em;
}

.section, #footer{	border: 1px solid #cccccc;}

/* end Decoration */

/* Tags */

html {overflow-y: scroll; overflow-x: hidden;}

img, img.imgBlock{ border: none;}

.imgBlock{ padding: 0 5em; }

a{text-decoration:none;}

a:hover, a.hover{text-decoration:underline;}

table{ width: 100%; padding: 0.5em; }

table td{ text-align: center; padding: 1.5em;}

fieldset{ padding: 1em; border: 0; }

caption{ text-align:left;}

#productAttributes.row{width:100px;}
#productAttributes.attribsSelect{width:25px;}
#brands th, #brand, td{text-align:center; font-weight:normal;}
#brands .tabTable{width:100%;}
/* end Tags */
 #slideshow{text-align:right; float:right;}
 
 #gallery-wrap{

	width: 676px;
	
	height: 320px;

}

#gallery {
	float:left;
	height:320px;
	width: 370px;
	overflow: hidden;
}
	#gallery a {
		float:left;
		position:absolute;
		height:320px;
		overflow: hidden;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500;
	}

	#gallery .caption {
		z-index:600; 
		background-color: white; 
		color:black; 
		width: 480px;
		height:100px; 
		font-weight: bold;
		font-size: 16px;
		position:absolute;
		top:310px;
	}

	#gallery .caption .content {
		margin:5px
	}
	
	#gallery .caption .content h3 {
		margin:0;
		padding:0;
	}
	
	#gallery-nav{	
		float:right;
		width: 200px;
		margin: 0; 
		padding:0;
	}
	
	#gallery-nav .selected{ background:#52abef; color:white;}
		
	#gallery-nav li{
		list-style:none;
		padding: 12px;
		font-weight:bold;
		border-top: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;	
		border-right: 1px solid #cccccc;			
	}