/**
 * Description: Layout for www.idanratsu.com
 */

* {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	background-image: url('./layout/layout_body_background.gif');
	background-repeat: repeat-x;
	font-family: 'Arial', sans-serif;
}

/**
 * HEADINGS
 */

h1 {
	margin-bottom: 0.6em;
	padding: 3px;
	padding-left: 6px;
	border: 1px solid #ffc823;	
	color: #000000;
	background-color: #fdb813;
	font-family: 'Arial', sans-serif;
	font-size: 20pt;
	font-weight: bold;
}

h2 {
	color: #fdb813;
	font-size: 18pt;
}

h3 {
	color: #000000;
	font-size: 11pt;
}

/**
 * BASIC TEXT & LINKS
 */

p {
	margin-bottom: 1em;
	font-family: 'Arial', sans-serif;
	font-size: 10pt;
	line-height: 12pt;
}

a {
	color: #a5a5a5;
	font-weight: bold;
	text-decoration: none;
}

/**
 * HORIZONTAL RULER
 */

hr {
	height: 1px;
	margin-bottom: 0.6em;
	background-color: #a5a5a5;
}

/**
 * LAYOUT
 */

/* LOGO */

#layoutLogo {
	position: absolute;
	top: 10px;
	left: 290px;
	z-index:101;
}

/* HORSES */

#layoutHorse1 {
	position: absolute;
	top: 15px;
	left: 0;
	z-index:102;
}

#layoutHorse2 {
	position: absolute;
	top: 0;
	left: 870px;
	z-index:103;
}

/* TOP BREADCRUMB */
div.topBreadcrumb {
	display: none;
}

/* LEFT MENU */

div.leftMenu {
	position: absolute;
	top: 328px;
	bottom: 0;
	left: 0;
	z-index: 100;
	width: 170px;
	height: 200%;
	padding-left: 10px;
	padding-right: 12px;
	background-image: url('layout/layout_left_menu_background.gif');
	background-repeat: repeat-y;
	font-size: 10pt;
}

div.leftMenu h2 {
	color: #000000;
	font-size: 10pt;
	font-weight: bold;
}

div.leftMenu a {
	color: #000000;
}

/* TOP LINKS */

div.topLinks {
	position: absolute;
	top: 132px;
	left: 200px;
	z-index: 104;
}

div.topLinks a {
	margin-left: 5px;
	margin-right: 5px;
	color: #58585a;
	font-family: 'Arial', sans-serif;
	font-size: 11pt;
	text-decoration: none;
}

div.topLinks a:hover {
	color: #000000;
}

/* CONTENT AREA */

div.contentArea {
	position: absolute;
	top: 171px;
	left: 171px;
	right: 0;
	z-index: 105;
	padding-top: 21px;
	padding-left: 8px;
	padding-right: 10px;
	background-image: url('layout/layout_content_background.gif');
	background-repeat: no-repeat;
}

/* FOOTER AREA */

div.footerArea {
	display: none;
	margin-left: 171px;
	text-align: center;
}

/* THREE COLUMN DIVIDER */

table.threeColumnDivider {
	margin-bottom: 0.6em;
	border-collapse: collapse;
}

table.threeColumnDivider td.left {
	width: 250px;
	vertical-align: top;
}

table.threeColumnDivider td.center {
	vertical-align: top;
	padding-left: 10px;
	padding-right: 12px;
	border-right: 1px solid #a5a5a5;
}

table.threeColumnDivider td.right {
	padding-left: 8px;
	width: 182px;
	vertical-align: top;
}

/* TWO COLUMN DIVIDER */

table.twoColumnDivider {
	margin-bottom: 0.6em;
	border-collapse: collapse;
}

table.twoColumnDivider td.left {
	width: 250px;
	vertical-align: top;
}

table.twoColumnDivider td.right {
	width: 100%;
	vertical-align: top;
	padding-left: 10px;
}

/**
 * FORMS
 */

input.button {
	border-top: 1px solid #d3d3d3;
	border-left: 1px solid #d3d3d3;
	border-bottom: 1px solid #969696;
	border-right: 1px solid #969696;
	background-image: url(logos/button_bg.gif);
	background-repeat: repeat-x;
	color: #000000;
}

input.field {
	padding: 1px;
	border-top: 1px solid #d3d3d3;
	border-left: 1px solid #d3d3d3;
	border-bottom: 1px solid #969696;
	border-right: 1px solid #969696;
	font-family: Verdana, Arial;
	background: #ffffff;
	color: #000000;
}

select {
	border-top: 1px solid #d3d3d3;
	border-left: 1px solid #d3d3d3;
	border-bottom: 1px solid #969696;
	border-right: 1px solid #969696;
}

textarea {
	border-top: 1px solid #d3d3d3;
	border-left: 1px solid #d3d3d3;
	border-bottom: 1px solid #969696;
	border-right: 1px solid #969696;
	font-family: Verdana, Arial;
	font-size: 10pt;
}

table.form {
}

table.form td {
	padding: 2px;
	vertical-align: center;
}

p.smallbasic {
	margin:0;
	font-weight: bold;
}

p.smallfade {
	margin:0;
}

/**
 * INFO BOX
 */

table.info {
	width: 182px;
}

td.infoMiddle {
	width: 182px;
	padding-left: 8px;
	padding-right: 8px;
	border-left: 1px solid #c3db4d;
	border-right: 1px solid #c3db4d;
	background-color: #b3cb3d;
}

td.infoTopLeft {
	width: 30px;
	height: 30px;
	background-image: url('layout/green_box_top_left.gif');
	background-repeat: no-repeat;
}
td.infoTopCenter {
	width: 122px;
	height: 30px;
	border-top: 1px solid #c3db4d;
	background-color: #b3cb3d;
}
td.infoTopRight {
	width: 30px;
	height: 30px;
	background-image: url('layout/green_box_top_right.gif');
	background-repeat: no-repeat;
}
td.infoBottomLeft {
	width: 30px;
	height: 30px;
	background-image: url('layout/green_box_bottom_left.gif');
	background-repeat: no-repeat;
}
td.infoBottomCenter {
	width: 122px;
	height: 30px;
	border-bottom: 1px solid #c3db4d;
	background-color: #b3cb3d;
}
td.infoBottomRight {
	width: 30px;
	height: 30px;
	background-image: url('layout/green_box_bottom_right.gif');
	background-repeat: no-repeat;
}

table.info h2 {
	color: #000000;
	margin-bottom: 0.6em;
	font-size: 11pt;
}

table.info h3 {
	margin-bottom: 0.6em;
	font-size: 10pt;
}

table.info p {
	margin-bottom: 0.6em;
	font-size: 10pt;
}

table.info a {
	color: #000000;
}


/**
 * CATEGORIES PAGE
 * (product_categories.php without any specific selected category)
 */

table.productCategories {
	width: 100%;
}

table.productCategories td {
	width: 20%;
	height: 265px;
	padding: 5px;
	vertical-align: middle;
	text-align: center;
}

/**
 * PRODUCTS PAGE
 * (product_categories.php with some selected category)
 */

table.productCategoryHeader {
	width: 100%;
}

table.productCategoryHeader td.left {
	width: 65%;
}

table.productCategoryHeader td.right {
	width: 35%;
}

/* PRODUCTS TABLE */

table.products {
	width: 100%;
}

table.products td.product {
	width: 20%;
	height: 276px;
	padding: 6px;
	vertical-align: middle;
	text-align: center;
}

td.product div.product {
	height: 270px;
	border-left: 1px solid #a5a5a5;
	border-right: 1px solid #a5a5a5;
}

/* PRODUCT TABLE */

table.product {
	width: 100%;
	height: 260px;
	border-left: 1px solid #a5a5a5;
	border-right: 1px solid #a5a5a5;
}


table.product td {
	text-align: center;
}


table.product td.image {
	height: 105px;
	vertical-align: top;
	text-align: center;
}
table.product td.title {
	height: 100%;
	vertical-align: top;
	text-align: center;
}
table.product td.price {
	height: 35px;
	vertical-align: top;
	text-align: center;
}
table.product td.buy {
	height: 30px;
	vertical-align: bottom;
	text-align: center;
}

p.subCategories {
	color: #000000;
}

p.subCategories a {
	color: #000000;
}

p.price {
	margin: 0;
	color: #fdb813;
	font-size: 16pt;
}

span.oldPrice {
	color: #a5a5a5;
	font-size: 11pt;
	text-decoration: line-through;
}

/**
 * PRODUCT OFFERS
 */

table.productOffers {
	width: 100%;
}

table.productOffers td {
	vertical-align: middle;
}

table.productOffers p {
	margin: 0.2em;
}

/**
 * SHOPPING CART & ORDERING PAGES
 */

/* SHOPPING CART TABLE */

table.shoppingCart {
	width: 90%;
}

table.shoppingCart p {
	margin: 0;
}

/* General */

td.cartbasic p {
	margin: 0;
}

/* Progress bar styles, applies to progress bar area */

p.pb {
	margin: 0.2em;
	color: #58585a;
} 

td.pbactive {
	border-top: 1px solid #f3f3f3;
	border-bottom: 1px solid #f3f3f3;
	background-color: #ffffb3;
	vertical-align: middle;
} 

td.pbinactive {
	border-top: 1px solid #f3f3f3;
	border-bottom: 1px solid #f3f3f3;
	background-color: #ffffff;
	vertical-align: middle;
}