/*
	CSS for Aleta.lt
	Authored by Mindaugas Pelionis
	Last edited on 14 April 2007
*/

html {
	background: #fdfdfd url(img/bg-grass.jpg) repeat-x bottom left;
	min-height: 100%;
}

* html body {
	background: #fdfdfd url(img/bg-grass.jpg) repeat-x bottom left;
	/*back\ground: url(img/bg-trees.gif) no-repeat bottom center;*/
}

body {
	/*background: url(img/bg-trees.gif) no-repeat bottom center;*/
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
	font-size: 13px;
	text-align: center;
}

.clear {
	clear: both;
}


/*
	Generic rules
	-----------------------------------------------------------------------
*/

hr {
	display: none;
}

p {
	margin: 10pt 0;
}

h1, h2, h3, h4, h5, h6 {
	margin: 7px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}

h1 {
	font-size: 138%;
}

h2 {
	font-size: 108%;
}

a:link, a:visited {
	color: #7A8C47;
	text-decoration: none;
}
a:hover, a:active {
	text-decoration: underline;
}

a img {
	border: 0;
}


/*
	Forms
	-----------------------------------------------------------------------
*/

form {
	margin: 0;
	padding: 0;
}

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

legend {
	display: none;
}

label {
	font: normal 85% Arial, sans-serif;
}

.textInput {
	border: 1px solid #000;
	font: normal 85% Arial, sans-serif;
}

textarea {
	width: 100%;
}

input.number, .numberInput {
	border: 1px solid #000;
	text-align: right;
	font: normal 85% Arial, sans-serif;
}

.button {
	background: #c2cc98 url(img/button-bg.jpg) no-repeat center top;
	padding: 0 20px;
	border: 2px solid #f4f3df;
	border-width: 2px 3px;
	font: bold 85% Georgia;
}

form .buttons {
	text-align: right;
}

#price .button {
	padding: 0 10px;
	font-size: 100%;
}


/*
	Containers
	-----------------------------------------------------------------------
*/

#aleta {
	background: url(img/bg-sky.jpg) repeat-x 0 0;
	margin: 0 0 22px;
	padding: 16px 0 0;
}

#container {
	width: 780px;
	margin: 0 auto;
	text-align: left;
}


/*
	Header
	-----------------------------------------------------------------------
*/

/* Header photo size may be anything from 764x132 to 780x138 pixels */
#headerPhoto {
	background: url(img/~header-photo.jpg) no-repeat center center;
	height: 138px;
}

#header {
	background: url(img/header-frame.png) no-repeat center center;
	height: 138px;
	padding: 0 5px;
}

#logo {
	float: left;
	width: 30%;
	margin: 0;
	padding: 16px 0 0 18px;
}

#logo a {
	display: block;
	width: 207px;
	height: 109px;
}

/*
	Languages
*/

#languages {
	float: right;
	width: 30%;
	margin: 0;
	padding: 114px 15px 0 0;
	list-style: none;
	font: bold 85% Georgia;
	text-align: right;
}

#languages li {
	display: inline;
	margin: 0;
	padding: 0 5px;
}

#languages .current a {
	color: #000;
	text-decoration: none;
}


/*
	Global navigation
	-----------------------------------------------------------------------
*/

#globalNav {
	height: 1.2em;
}

#globalNav {
	padding: 4px 14px;
	font-size: 85%;
	font-weight: bold;
}

#globalNav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#globalNav li {
	display: inline;
	margin: 0;
	padding: 0;
	border-left: 1px solid #889a2e;
}

#globalNav li.first {
	border-left: none;
}

#globalNav a, #globalNav span {
	color: #000;
	padding: 0 9px 0 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#globalNav span {
	color: #889a2e;
}

#globalNav ul {
	float: left;
	width: 60%;
}

ul#userNav {
	float: right;
	width: 39%;
	padding-right: 3px;
	text-align: right;
}


/*
	Wrapping frame
	-----------------------------------------------------------------------
*/

#wrap {
	background: #fff url(img/bottom-bg.gif) repeat-x bottom left;
	padding: 0 5px 5px;
}

#shop #wrap {
	background-image: url(img/bottom-bg-shop.gif);
}

#frame {
	background: url(img/frame-sides.gif) repeat-y top center;
}

#shop #frame {
	background-image: url(img/frame-sides-shop.gif);
}

#home #frame {
	background-image: url(img/frame-sides-home.gif);
}

#frameBottom {
	background: url(img/frame-bottom.gif) no-repeat center bottom;
}

#frameTop {
	background: url(img/frame-top.gif) no-repeat center top;
}

#home #frameTop {
	background-image: url(img/frame-top-home.gif);
}

/*
	Main area
*/

#content {
	padding: 17px 15px 3px 17px;
}

/* left: 595px - image width */
#home #content {
	background: url(img/~homepage-deco.jpg) no-repeat 191px bottom;
}

#shop #content {
	padding-left: 12px;
}


/*
	Main content area
	-----------------------------------------------------------------------
*/

/* min-height = viewport height(420px|600px) - 210px - padding */
#main {
	min-height: 340px;
	padding: 0 0 28px 4px;
}

#main h1 {
	margin-top: 4px;
}

#home #main {
	width: 391px;
	min-height: 320px;
	padding: 0 180px 40px 4px;
	float: left;
}

#shop #main {
	width: 552px;
	padding: 0 0 28px;
	float: right;
}

/*
	Sidebar
*/

#sidebar {
}

#home #sidebar {
	width: 144px;
	float: right;
}

#shop #sidebar {
	width: 164px;
	float: left;
}

#sidebar p {
	margin-left: 13px;
	font-size: 85%;
}

/*
	Box styling
	Based on examples from http://www.456bereastreet.com/archive/200505/transparent_custom_corners_and_borders/
	-----------------------------------------------------------------------
*/

/* Default styling. Used when JavaScript is unsupported */
.cbb {
}

/* Rules for the top corners and border */
.bt {
	background: url(img/box.png) no-repeat 100% 0;
	margin: 0 0 0 4px;
	height: 4px;
}
.bt div {
	height: 4px;
	width: 4px;
	position: relative;
	left: -4px;
	background: url(img/box.png) no-repeat 0 0;
}

/* Rules for the bottom corners and border */
.bb {
	background: url(img/box.png) no-repeat 100% 100%;
	margin: 0 0 0 4px;
	height: 4px;
}

.bb div {
	height: 4px;
	width: 4px;
	position: relative;
	left: -4px;
	background: url(img/box.png) no-repeat 0 100%;
}

/* Insert the left border */
.i1 {
	padding: 0 0 0 4px;
	background: url(img/borders.png) repeat-y 0 0;
}
/* Insert the right border */
.i2 {
	padding: 0 4px 0 0;
	background: url(img/borders.png) repeat-y 100% 0;
}
/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
/*
	background: #fff;
	border: 1px solid #fff;
	border-width: 1px 0;
*/
	background: #e6ead1;
	padding: 7px 12px;
}


/*
	Copyright
*/

#container {
	position: relative;
}

#copyright {
	width: 780px;
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 12px;
	left: 0;
	font-size: 77%;
	text-align: center;
}

/*
	Breadcrumb navigation
*/

#breadcrumbs {
	margin: -10px 0 0;
	padding: 0;
	font-size: 85%;
	z-index: 1;
	position: absolute;
}

#breadcrumbs, #breadcrumbs a  {
	color: #1e3d02;
}


/*
	Categories (in the sidebar)
	-----------------------------------------------------------------------
*/

.categories {
	margin-bottom: 20px;
}

.category {
	padding-top: 6px;
}

.category h3 {
	color: #224102;
	padding-left: 9px;
	font-size: 123%;
}

.category ul, .category li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.category li {
	margin: 1px 0;
}

.category ul li a {
	display: block;
	padding: 0 0 0 9px;
}

.category ul ul {
	padding: 0 0 0 10px;
}

.category ul li {
	font: bold 11px Georgia;
}
.category ul li a {
	background: url(img/li1.gif) no-repeat 0 5px;
	color: #1f3e02;
}

.category ul ul li {
	font: bold 11px Georgia;
}
.category ul ul li a {
	background: url(img/li2.gif) no-repeat 0 6px;
	color: #6f8434;
}

.category ul ul ul li {
	font: normal 11px Arial;
}
.category ul ul ul li a {
	background: none;
	color: #000;
}


/*
	Shopping cart - summary
	-----------------------------------------------------------------------
*/

#shoppingCart {
	width: 151px;
	float: right;
	maegin-top: 2px;
	margin-bottom: 10px;
}

#shoppingCart .cbb {
	background: #f7f7e9;
	padding: 0;
	border: 1px solid #d5debe;
}

#shoppingCart .i3 {
	padding: 1px;
	background: #f5f4e1;
}

#shoppingCart h1 {
	background: #c2cd99 url(img/cart-heading.jpg) no-repeat top center;
	color: #000;
	margin: 0;
	padding: 5px 5px 2px;
	font: bold 83% Georgia;
}

#shoppingCart .cart {
	font-size: 77%;
	padding: 3px 5px;
	overflow: auto;
}

#shoppingCart p {
	margin: 0;
}

#shoppingCart .total_articles {
	float: left;
}

#shoppingCart .link_cart {
	float: right;
}

#shoppingCart .number {
	font-weight: bold;
}

/*
	Shopping cart page
	-----------------------------------------------------------------------
*/

#cart {
	background: #f7f7e9;
	padding: 12px 9px;
	border: 1px solid #d5debe;
}

#cart table {
	width: 100%;
	border-collapse: collapse;
}

#cart td, #cart th {
	font-size: 85%;
	padding: 1px 5px;
}

#cart td a {
	color: #224102;
}

#cart .art_no, #cart .number, #cart .amount {
	width: 1px;
	white-space: nowrap;
}

#cart .number {
	text-align: right;
}

#cart .submit {
	margin: 0;
	padding: 1px 5px;
	text-align: right;
}

ul.back, ul.continue {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	margin-bottom: 0;
}
ul.back li {
	background: url(img/back.gif) no-repeat center left;
	padding-left: 10px;
}
ul.continue li {
	background: url(img/continue.gif) no-repeat center right;
	padding-right: 10px;
	text-align: right;
	font-weight: bold;
}


/*
	Product list
*/

.products {
	clear: both;
	margin-top: 10px;
}


.product {
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 10px;
	padding-top: 5px;
}

.product p {
	margin: 0;
}

.product p.description {
	margin: 6px 0;
	font-size: 85%;
}

.product p.description, .product h3, .product h4 {
	padding-left: 11px;
}

.product h2 {
	color: #224102;
	font: normal 108% Georgia;
}

.product h3 {
	margin-top: 12px;
	font: normal 93% Georgia;
}

.product .link {
	padding: 3px 12px;
	font-size: 85%;
}

.art_no {
	color: #618205;
	font: bold 108% Times New Roman;
}

.features .cbb {
	background: #f7f7e9;
	padding: 6px 9px;
	border: 1px solid #d5debe;
}

.features .i3 {
	background: #f7f7e9;
	padding: 6px 9px;
}


.product .picture {
	float: left;
	width: 214px;
	margin: 0;
	padding: 0;
}

.product .picture a, .product .picture .a {
	background: #f7f7e9 url(img/article-default-212x164.gif) no-repeat center center;
	display: block;
	height: 164px;
	border: 1px solid #d5debe; /* #224102 */
}

.picture a:hover, .picture a:active {
	border-color: #224102;
}


.product .properties {
	width: 325px;
	float: right;
}


.product table {
	width: 100%;
	border-collapse: collapse;
	border: none;
}

.product td, .product th {
	padding: 0 2px 1px;
	font-size: 85%;
}

.product td.art_no {
	font-weight: bold;
}

.product td a {
	color: #224102;
}

.product .art_no a {
	color: #618205;
}


.available_modifications .cbb {
	background: #e6ead1;
	padding: 12px 9px;
	border: 1px solid #d5debe;
}

.available_modifications .i3 {
	background: #e6ead1;
	padding: 12px 9px;
}

.available_modifications h3 {
	margin: 6px 0 0;
	padding-left: 0;
}

.picture .also_in_picture a {
	background: none;
	display: inline;
	border: none;
}

.also_in_picture td {
	vertical-align: top;
}


.suggestions {
	clear: both;
	padding-top: 6px;
}


.content .more {
	font: bold 85% Arial;
	text-align: right;
}

.content .more a {
	font-weight: normal;
}

.product .price {
	font-weight: bold;
	font-size: 85%;
}

.product .price.cbb {
	background: #e6ead1;
	padding: 5px 9px;
	border: 1px solid #d5debe;
}

.product .price .i3 {
	background: #e6ead1;
	padding: 5px 9px;
}

.product .price .number, .product .price a {
	font-weight: normal;
}


table .action {
	width: 60px;
	text-align: right;
	white-space: nowrap;
}

.available_modifications ul.actions {
	margin: 0 0 3px;
	padding: 0 11px 0 0;
	list-style: none;
	font-size: 85%;
}

.available_modifications ul.actions li {
	margin: 0;
	padding: 0;
	text-align: right;
}

/*
	Page counter
*/

#pageCounter {
	clear: both;
	width: 49%;
	float: right;
	text-align: right;
}

#pageCounter ul, #pageCounter li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#pageCounter li {
	display: inline;
	padding: 0 2px;
	font: normal 85% Times New Roman;
	color: #224102;
}

#pageCounter .current {
	padding: 0 4px;
	font-weight: bold;
}

#pageCounter a {
	padding: 0 2px;
	color: #224102;
}

/*
	Login page
	-----------------------------------------------------------------------
*/

/*
Sidebar login form (defined in lay_front.html)
#login h3 { font-size: 108%; }
#login form { margin-left: 13px; }
*/

#loginPage #loginForm {
	width: 160px;
	margin: 0;
	padding: 0;
	float: left;
}

#loginPage #loginInformation {
	width: 552px;
	margin: 7px 0;
	padding: 0;
	float: right;
}

#loginPage {
	overflow: auto;
	width: 100%;
}

#loginForm .field {
	margin: 7px 0 5px;
	padding: 0;
}

#loginForm .submit {
	margin: 12px 0 0;
	padding: 0;
}

#loginForm .field input {
	border: 1px solid #1f3e02;
	font-family: Georgia, serif;
}


/*
	News articles
	-----------------------------------------------------------------------
*/

.news {
	margin: 0;
	padding: 6px 0 0;
}

.news .item {
	margin: 0 0 12px;
}

.news h2 {
	margin-top: 0;
	margin-bottom: 6px;
}

.news .body, .news .more {
	margin: 3px 0;
	padding: 0;
}