/*===========================================================
WEBSITE: That Company Called If
COMPANY: zagota.com
===========================================================*/

body {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 1.2em;		
		height: 100%;
		margin: 0px;
		padding: 0px;
		background-color: #ffffff;
		color: #111111;
}

ul, ol {
    	padding: 0px;
    	margin: 0px;
}

form {
    	padding: 0px;
    	margin: 0px;
}

/*===========================================================
HEADLINES, LINKS & PARAGRAPHS
===========================================================*/

h1 {	margin-top: 0px !important; margin-bottom: 0px !important; font-size: 1.0em; padding: 0px; }
h2 {	margin-top: 0px !important;	margin-bottom: 0px !important; font-size: 1.0em; padding: 0px; }
h3 {	margin-top: 0px !important;	margin-bottom: 0px !important; font-size: 1.0em; padding: 0px; }
h4 {	margin-top: 0px !important;	margin-bottom: 0px !important; font-size: 1.0em; padding: 0px; }
p {		margin: 0px; padding: 0px; text-align: left; }

a:link {color: #868686; text-decoration: none; }
a:visited {color: #868686; text-decoration: none; }
a:hover {color: #eea437; text-decoration: none; }
a:active {color: #868686; text-decoration: none; }

/*=========================================================== 
LAYOUT
=============================================================
GENERAL SITE LAYOUT
===========================================================*/

#wrapper {
		display: block;
		float: left;
		background-color: #ffffff;
		width: 600px;
		height: 100% !important;
		height: 100%;
		margin: 0px 20px 0px 20px;
		padding: 0px;	
}

/*=========================================================== 
LIST PAGE
===========================================================*/

#list_content {
		display: block;
		float: left;
		width: 600px;
		margin: 0px;
		padding: 30px 0px 30px 0px;
}

#list_content p { display: block; float: left; margin: 5px 0px 20px 0px; padding: 0px; }

#list_content h2 {
		display: block;
		float: left;
		width: 100%;
		margin: 0px;
		padding: 10px 0px 20px 0px;
		border-bottom: 1px dotted #000000;
		font-size: 34px;
		font-weight: normal;
		line-height: 1.0em;
}

.product_list_container {
		display: block;
		float: left;
		width: 325px;
		margin: 20px 21px 0px 0px;
		padding: 0px;
}

.product_list_container_alt {
		display: block;
		float: left;
		width: 325px;
		margin: 20px 0px 0px 0px;
		padding: 0px;
}

.product_list_container a img, .product_list_container_alt a img { border: none; }
.product_list_container p, .product_list_container_alt p { margin: 10px 0px 10px 0px; line-height: 1.2em; }
.product_list_container p a, .product_list_container_alt p a { font-size: 18px; line-height: 1.2em; }
.product_list_container p a:hover, .product_list_container_alt p a:hover { text-decoration: underline; }

/*=========================================================== 
DETAIL PAGE
===========================================================*/

#product_left {
		display: block;
		float: left;
		width: 160px;
		margin: 30px 0px 0px 0px;
		padding: 0px;
}

#product_left h3 { color: #111111; font-size: 20px; line-height: 1.2em; font-weight: normal; line-height: normal; }
#product_left h3 span { color: #5e5e5e; font-size: 14px;  line-height: 1.2em; font-weight: bold; }
#product_left p { display: block; float: left; margin: 0px 0px 10px 0px; line-height: 1.4em; width: 160px; }
#product_left p.product_price { font-size: 14px; margin: 20px 0px 20px 0px; }

#product_right {
		display: block;
		float: right;
		width: 420px;
		margin: 30px 0px 0px 0px;
		padding: 0px;		
}

#product_right img { display: block; float: left; border: 1px solid #111111; }

#product_thumbs {
		display: block;
		float: left;
		width: 100%;
		margin: 0px;
		padding: 0px;
}

#product_thumbs a img { margin: 10px 9px 0px 0px; }
#product_thumbs a img.last { margin: 10px 0px 0px 0px; }

#product_bottom {
		display: block;
		float: left;
		width: 600px;
		margin: 30px 0px 0px 0px;
		padding: 0px;
}

#product_bottom  { display: block; float: left; margin: 0px; padding: 20px 10px 20px 10px; }
#product_bottom .detail_row { display: block; float: left; width: 100%; margin: 0px; padding: 20px 0px 20px 0px; border-bottom: 1px dotted #000000; }
#product_bottom .detail_row p { display: block; float: left; margin: 0px; padding: 0px 10px 0px 10px; }
#product_bottom .detail_row input { width: 50px; padding: 0px; }
#product_bottom .detail_shim { display: block; float: left; width: 100%; height: 32px; color: #111111; font-weight: bold; font-size: 14px; padding: 8px 0px 0px 0px; }
#product_bottom .detail_shim span { display: block; float: left; margin: 0px; padding: 0px 10px 0px 10px; }