html, body { height: 100%; padding: 0; margin: 0; font-family: Georgia,serif; }
a:visited { outline: none;}
.clear { clear: both}
.line { clear: both; height: 10px; border: none; border-width: 1px; border-color: #ADADAD; border-bottom-style: solid; }

#main-container { width: 1000px; height: 100%; margin: 14px auto 0 auto; }

#header-container { width: 100%; height: 150px; margin: 0 auto; }
	#popot-logo-big { display: block; float: left; width: 168px; height: 80px; margin: 12px 0 0 4px; background: url(../images/popot_logo_big.png) no-repeat; text-decoration: none; }
	
	#slogan { float: left; margin: -17px 0 0 20px; }
	
	.social-media { float: right; display: block; width: 50px; height: .9em; margin: 22px 4px; padding: 3px 0 3px 0; text-align: center; color: #BF1E2D; line-height: normal; font-weight: bold; font-size: 10px; font-family: normal Arial,sans-serif; text-decoration: none; }
	.social-media:hover { text-decoration: underline;}
	#facebook-link {  }
	#blog-link { border: none; border-right: solid 1px #BF1E2D; }
	#aboutus-link { width:75px; border: none; border-right: solid 1px #BF1E2D; }
	#terms-link { width:120px; border-right: solid 1px #BF1E2D; margin-right: 0px; }
	

#actionpanel-container { clear: both; width: 100%; height: 28px; margin: 0 auto; padding: 8px 0 4px 0; font-size: 14px; }
	
	#select-gender { float: left; margin: 0 0 0 24px; }
		#select-gender input { float: left; margin: 4px 0 0 0; }
		#mens-icon { float: left; width: 17px; height: 28px; display: block; margin: -2px 0 0 5px; background: url(../images/m.png) no-repeat; }
		#womens-icon { float: left; width: 17px; height: 28px; display: block; margin: -2px 0 0 5px; background: url(../images/f.png) no-repeat; }
		
	#select-new-items { margin: 2px 0 0 5px; }		
	#select-sale-items { margin: 2px 0 0 4px; }		
	.action-link  { float: left;  padding: 3px 5px 0px 10px; cursor: pointer; font-family: Georgia,serif; font-style: italic; }	
		.action-link a { color: black; text-decoration: underline; }
		.action-link a:hover { color: #BF1E2D; }
		
	#select-brand { float: left; margin: 0 0 0 12px; padding: 0; text-align: left; cursor: pointer; }	
		#select-brand li { float: left; list-style: none; font: 1.2em; font-family: Georgia, serif; }
		#select-brand li a { width: 160px; display: block; padding: 4px 5px 5px 5px; text-decoration: none; color: black; background: url(../images/triangle.png) 97% 42% no-repeat;}
			#select-brand .title { padding: 2px 5px 3px 10px; margin: 0; border: solid 1px #ADADAD; }
		#select-brand li a:hover { background: #A3A3A3 url(../images/triangle.png) 97% 42% no-repeat; color: white; }
		
		#select-brand li ul { width: 175px; margin: 0 0 0 0; padding: 0; text-align: center; position: absolute; visibility: hidden; background: #ffffff; border: solid 1px #ADADAD; border-top-style: none; }	
			#select-brand li ul li { float: none; display: inline; border: none;  }
				#select-brand li ul li a { width: 165px; margin: 0; border: none; background: none; }
				#select-brand li ul li a:hover { background: #A3A3A3 ; color: white; }
				
	#select-category { float: left; margin: 0 0 0 12px; padding: 0; text-align: left; cursor: pointer; }	
		#select-category li { float: left; list-style: none; font: 1.2em; font-family: Georgia,serif; }
		#select-category li a { width: 160px; display: block; padding: 4px 5px 5px 5px; text-decoration: none; color: black; background: url(../images/triangle.png) 97% 42% no-repeat;}
			#select-category .title {  margin: 0; padding: 2px 5px 3px 10px; border: solid 1px #ADADAD; }
		#select-category li a:hover { background: #A3A3A3 url(../images/triangle.png) 97% 42% no-repeat; color: white; }
		
		#select-category li ul { width: 175px; margin: 0 0 0 0; padding: 0; text-align: center; position: absolute; visibility: hidden; background: #ffffff; border: solid 1px #ADADAD; border-top-style: none; }	
			#select-category li ul li { float: none; display: inline; border: none;  }
				#select-category li ul li a { width: 165px; border: none; background: none; margin: 0; }
				#select-category li ul li a:hover { background: #A3A3A3 ; color: white; }
			
	#payment-logos { float: right; }		
				
#content-container { width: 100%;  margin: 0 auto; }
    
#left-container { clear: both; float: left; width: 632px; height: 625px; margin-left: 2px; padding: 8px 6px 6px 6px; color: black; }
	#selected-category { float: left; margin: 5px 7px 0 7px; color: #BF1E2D; font-weight: bold; font-size: 12px; font-family: normal Arial,sans-serif; text-decoration: none; }
	
	#page-links { float: right; width: 400px; padding-right: 3px; margin: 2px 3px; text-align: right; color: #BF1E2D; font-weight: bold; font-size: 12px; font-family: normal Arial,sans-serif; text-decoration: none; }
		#page-links .title { float: right; margin: 3px 0 0 0; }
		#page-links .page-numbers { float: right; text-align: left; }
		.page-link { float: left; margin: 3px 4px 0 0; text-decoration: none; color: #BF1E2D; }
			.page-link:hover { text-decoration: underline;  }
			.page-link.current { text-decoration: underline;  }
		.page-arrow { float: left; margin: 3px 4px 0 0; display: block; text-decoration: none; color: #BF1E2D; }
			.page-arrow:hover { text-decoration: underline  }
		#page-link-previous { float: right; margin: 3px 7px 0 15px; }
		#page-link-next { float: right; }
		
	#list-container { clear: both; }
	.product-thumb { float: left; width: 150px; height: 100px; margin: 4px; }
	.product-thumb img {  width: 150px; height: 100px; cursor: pointer; border: 1px solid #ADADAD; }
	
#side-container { float: right; width: 340px; margin-right: 2px; padding: 6px 0px 10px 3px; color: black; border: none;  }
	#default-info { margin: 25px 0 0 0px; padding: 0 0 10px 20px; border-left: solid 1px #ADADAD; }
	
		#default-info .title { margin: 15px 0 20px 0; font-family: Georgia,serif; font-style: italic; }
		#default-info .date { display: block; color: black; font-family: Arial, sans-serif; font-size: .7em; }
		.blog-title { margin: 0 0 20px 0; display: block; color: black; font-family: Georgia, sans-serif; font-size: .8em; }
		
	#product-info { padding: 0 0 5px 15px; border-left: solid 1px #ADADAD; margin: 15px 0 0 0; }
		.product-title { float: left; width: 320px; margin: 5px 0 8px 0; font-size: 17px; font-family: Georgia,serif; }
		.product-price { float: left; width: 200px; font-size: .8em; }
		.product-code { clear: left; float: left; width: 180px; font-size: .8em; margin: 2px 0 7px 0; }
		.product-color{ float: left; width: 140px; font-size: .8em; margin: 2px 0 7px 0; }
		
		#size-options-container { clear: left; float: left; width: 175px; font-size: .8em; margin-top: 7px;}
			#size-options-container .label { float: left; }
			#size-options { float: left; margin-top: -3px; }
		
		#add-cart-container{ float: right; margin: 2px 0 2px 0; }
		
		.product-img-big { float: left; width: 320px; height: 213px; margin: 7px auto 0 auto; border: none; text-decoration: none; } 
			.product-img-big img { width: 320px; height: 213px; border: solid 1px #ADADAD; } 
		.product-img-small { float: left; width: 100px; height: 66.66px; margin: 9px 9px 0 0; cursor: pointer; } 
			.product-img-small img { width: 100px; height: 66.66px; border: solid 1px #ADADAD; } 
		
		#product-description {clear: both; padding: 15px 4px 0 4px; font-size: .8em; line-height: 1.2em; }
	
#product-thumb-alt { z-index: 10; position: absolute; padding: .34em; font-size: .8em; background: black; border: solid 1px #999999; color: white; }
.original-price { text-decoration: line-through; }


#footer-container { clear: both; margin: 0 auto; padding: 10px 0 20px 0; text-align: center; color:#ADADAD; font-size:11px; line-height:16px; font-family: Verdana, normal Arial,sans-serif; }
	#footer-container .line { margin-bottom: 20px; }
	#footer-container a {color: black;}
