/* Projekts: Interneta veikals bebraserviss.lv
 * Developer: SIA X IT, GRENO
 * Coding: Kristaps Pilveris (kristaps.pilveris@greno.lv)
 *
 * Location: system/application/views/css
 * Stylesheet: Lapas izkārtojuma stili
 * Saistītie faili: print_layout.css
 * 					
 * Versija: 0.2
 * Datums: 08.07.2009.
 *
 *
 *
 * Fails definē lapas pamatizkārtojuma blokus un galvenos vizuālos stilus
 *
 */
 

/* Pamatkrāsu palete */

/*
 * Fons:				#78A737
 * 
 * Augšdaļas fons:		#EDFFCF
 * Lapas fons:			#FFF
 * Apakšdaļas fons:		#E0FFB3
 * 
 * 
 * Izvēlnes teksts:		#346400
 *
 * Rāmja krāsa:			#7B1E18
 *
 * Virsraksts1:			#242021
 * Virsraksts2:			#336601
 * Virsraksts3:			#036A35
 *
 * Pamatteksts:			#404040
 * Mazsvarīgs teksts:	#666666
 *
 * Saite:				#336601
 * Hover efekts:		#D30B12
 * Apmeklēta saite:		#336601
 *
 * Ievadlauks:			#FFFFFF
 * Ievadlauka rāmis:	#8BC33E
 * Fokusēts ievadlauks:	#FFFFFF
 * Fokusēta lauka rāmis:#336601
 *
 */

/* ================================================================================ */
/* 1 - vispārīgie elementu stili */
body {
    margin: 0;
    padding: 0;
    background: #78A737 url(../img/fons.png);
    color: #333;
    font: normal 62.7% / 1.2em sans-serif;
}

a {
    color: #336601;
	text-decoration: none;
}

/* hovered links */
a:hover, a:active, #langs a:hover, #menu a:hover, #apaksa a:hover  {
    color: #242021;
	text-decoration: underline;
}

/*
a.button {
	display: block;
	margin: 5px 0;
	background-image: url(../img/button.png);
	width: 193px;
	height: 24px;
	text-align: center;
	font: bold 12px/24px sans-serif;
	color: #fff;
	text-decoration: none;
}
*/

div.clearer {
    clear: both;
}

table {
	border-collapse: separate;
}

table td {
	vertical-align: middle;
	padding: 0.2em 0.4em;
}


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


/* Paziņojumu noformējums */
div.message {
	padding: 0.8em 1.2em;
	margin: 0.4em 0 0.8em 0;
	color: #88132B;
	background-color: #F9F9D0;
	border: 2px solid #88132B;
	text-align: center;
	font: bold 12px sans-serif;
}

a img {
	border: none;
}



/* ================================================================================ */
/* 2 - Lapas bloku izkārtojums */
/* lapas ārējais konteiners --------------------------------------------- */
#cont {
    width: 980px;
    margin: 0 auto;
}


#pagewrapper {
    margin: 0;
    padding: 0 0 0 0;
    float: left; /*cc*/
    overflow: hidden; /*cc*/
    border: 0px solid lime;
}

/* augšējā josla ------------------------------------------------------- */
#top {
	margin: 0 0 0 0;
	height: 94px;
	background: #EDFFCF url(../img/header.png) 0 100% no-repeat;
	position: relative;
}

#topspacer {
	height: 30px;
	background: url(../img/topspacer.png) no-repeat;
}

#logo {
	position: absolute;
	top: 17px;
	left: 30px;
	width: 172px;
	height: 77px;
	background-image: url(../img/bebra_logo.png);
}

/* valodu pārslēdzējs ---------------------------------------------------- */
#langs {
	position: absolute;
	top: 2px;
	right: 20px;
	height: 20px;
	width: 100px;
	border: 0px solid red;
}

#langs div {
	float: left;
	padding: 1px 5px;
	border:0px solid green;
}

#langs div.current a {
	color: #326601;
}

#langs a {
	display: block;
	overflow: hidden;
	padding: 0 0 4px 0;
	font-size: 1em;
	color: #9B989F;
}


/* Iepirkumu groza statuss ------------------------------------------------- */
#minicart {
	position: absolute;
	bottom: 2px;
	right: 20px;
	background: url(../img/minicart.png) no-repeat;
	padding: 3px 0 2px 30px;
	font-size: 1.2em;
	color: #777;
	border: 0px solid #F2CD07;
}

#minicart a {
	font-weight: bold;
	
}



/* Izvēlnes josla ------------------------------------------------------ */
#menu {
	position: absolute;
	left: 245px;
	bottom: 0px;
    height: 20px;
	overflow: hidden;
    font: normal 12px/1em sans-serif;
    color: #346400;
    clear: both;
	border: 0px dotted red;
}

#menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
	border: 0px solid blue;
}

#menu li {
    margin: 0 22px 1em 0;
	float: left;
	border: 0px dotted #666;
}

#menu li.first {
}

#menu a {
    font: normal 16px sans-serif;
    color: #346400;
}

#menu li.current a {
	text-decoration: underline;
	color: #242021;
}



/* lapas kolonnu karkass -----------------------------------------------------------
 * 
 * 
 */


/* Kolonnu karkass */
#kol_karkass {
	width: 980px;
    float: left; /*cc*/
	overflow: hidden; /*cc*/
    font: normal 1em sans-serif;
    margin: 0;
    padding: 0;
	border: 0px solid red;
}


/* Produktu katalogs */

#sortiment {
	float: left; /*cc*/
    margin: 0 0 -4000px 0; /*cc*/
    padding: 0 0 4000px 0; /*cc*/
	width: 230px;
	background: #DFFEAE;
	font-size: 1em;
	border: 0px solid green;
}

/* 1. līmeņa sadaļas */
#sortiment ul {
	margin: 0.6em 8px;
	padding: 0;
}

#sortiment ul li {
	list-style: none;
	padding: 5px 0 5px 15px;
	background: url(../img/bullet1.png) no-repeat 0px 5px;
	font: normal 1.7em/1em sans-serif;
}

#sortiment ul li a {
	color: #336601;
	text-decoration: none;
}

#sortiment ul li a:hover {
	color: #242021;
	text-decoration: underline;;
}

#sortiment li.current a {
	text-decoration: underline;
	color: #242021;
}


/* 2. līmeņa apakšsadaļas */
#sortiment li ul {
	margin: 7px 0 0 13px;
	padding: 0;
}

#sortiment li ul li {
	padding: 0 0 6px 0;
	border: none;
	background: none;
	font: normal 0.8em/1em sans-serif;
}

#sortiment li ul a {
	color: #336601;
}

#sortiment li li.current a {
	text-decoration: underline;
	color: #242021;
}

/* 3. līmeņa apakšsadaļas */
#sortiment li ul ul {
	margin: 7px 0 0 13px;
	padding: 0;
}

#sortiment li ul ul li {
	padding: 0 0 6px 0;
	border: none;
	background: none;
	font: normal 0.87em/1em sans-serif;
}

#sortiment li ul ul a {
	color: #242021;
}



/* Satura kolonna ------------------------------------------------------------------------ */
#saturs {
    float: left; /*cc*/
    margin: 0 0em -2000px 0; /*cc*/
    padding: 0 0 2060px 0; /*cc*/
    width: 546px;
	position: relative;
	background: #fff;
	font-family: sans-serif;
	font-size: 12px;
	border: 0px solid green;
}

/* Dublējošā navigācija */
div.breadcrumb {
	margin: 0 15px 15px 15px;
	color: #888;
	font-size: 1em;
}


/* Produktu kataloga skats ------------------------------------------------------------ */
#saturs table.itemlist {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}


#saturs table.itemlist td {
	border: 0px dotted #c44;
	vertical-align: top;
	width: 150px;
	padding: 0 15px 30px 15px;
	font-size: 1.17em;
}

/* Produkta attēls */
#saturs table.itemlist td img.preview {
	border: 0px solid #fff;
	margin: 0;
	padding: 0;
}


/* Produkta nosaukums */
#saturs table.itemlist td p {
	margin: 0;
	color: #336601;
}
	
/* Produkta nosaukums */
#saturs table.itemlist td a {
	
}

/* Cenas cipars */
#saturs table.itemlist td p.price {
	visibility: hidden;
	font-weight: bold;
	margin: 0.4em 0 0 0;
}

#saturs table.itemlist td p.price span {
	visibility: visible;
	float: left;
}


/* Ikonas akcijām un jauumiem */
#saturs td img.icon {
	display: none;
	float: right;
	margin: 0 5px 5px 10px;
}





/* Vienas preces skats ------------------------------------------------------------- */
.item {
	margin: 0 35px 0 15px;
	line-height: 135%;
}

.item td {
	vertical-align: top;
}

/* Preces nosaukums */
.item h1 {
	margin: 0 0 0 0;
	font: bold 15px/1em sans-serif;
}


/* Pirkšanas poga */
a.addtocart {
	position: relative;
	float: right;
	display: block;
	margin: 0 10px 0 0;
	padding: 7px 13px 8px 13px;
	font-size: 12px;
	font-weight: bold;
	color: #316800;
	background: url(../img/button_main.png) no-repeat;
}

a.addtocart span {
	position: absolute;
	right: 0;
	top: 0;
	height: 27px;
	width: 8px;
	background: url(../img/button_cap.png) no-repeat;
}

.info td .addtocart {
	float: left;
}


/* Cenas bloks */
.pricebox {
	padding: 0;
	margin: 0 0 2em 0;
	
}

/* Akcijas cena */
.offer {
	padding: 5px 5px 5px 10px;
	background-color: #FFDB00;
}

/* Cenas teksts */
.pricebox span {
	font-weight: bold;
}

/* Akcijas termiņš */
.offer p {
	margin: 0.5em 0 0 0;
	color: #994;
	font-size: 0.9em;
}

/* Vecā cena */
.offer del {
	font-size: 1em;
}




/* Attēlu bloks */
.productimage {
	width: 205px;
	padding: 0 10px 0 0;
}

.productimage img {
	border: 0px solid #F4ECDE;
	padding: 0px;
}

/* Lielais attēls */
.productimage img.main {
	display: block;
	margin: 0 0 6px 1px;
}

/* Mazie papildattēli */
.productimage img.sec {
	padding: 0 3px 0 0;
}

/* Saistītie produkti */
#related-products {
	margin: 2em 12px 0 12px;
	padding: 0;
	border: 0px dotted red;
}

#related-products h3 {
	text-align: center;
	margin: 0 0 0.5em 0;
}
#related-products ul {
	margin: 0;
	padding: 0;
	border: 0px dotted red;
}

#related-products li {
	list-style: none;
	margin: 0 0 1.2em 0;
	padding: 0;
	text-align: center;
	border: 0px dotted blue;
}

#related-products img {
	display: block;
	margin: 0 auto;
}

/* Attēlu hover efekts */
div.product_images a:hover img {
	border: 1px solid #D30B12;
}


/* Preču grozs ---------------------------------------------------------- */
table#cart {
	width: 98%;
}

#cart th {
	padding: 0.4em 1em 0.4em 0.5em;
	text-align: left;
	background: #EDE6CC;
	border-bottom: 1px solid #D7D0BA;
}

#cart td {
	text-align: left;
	padding: 0.4em 1em 0.4em 0.5em;
	border-bottom: 1px solid #D7D0BA;
	vertical-align: baseline;
}

#cart tr.odd td {
	background: #EDE6CC;
}

#cart input.quantity {
	border: 1px solid #D3D0C3;
	width: 2.5em;
	text-align: center;
}

#cart td.total {
	font-weight: bold;
	color: #666;
}



/* Foto / video galerijas ----------------------------------------------- */
div.gallery {
	margin: 0 0 0 20px;
	padding: 0;
	border: 0px solid green;
}

table.gallery {
	margin: 0 0 40px 0;	
}


/* Gallery container */
.gallery td {
	padding:  20px 0;
	border: 0px solid blue;
	background-image: url(../img/photo_splitter.gif);
	background-position: 45% 100%;
	background-repeat: no-repeat;
}

/* Sets right margin between thumbnail columns*/
.gallery .odd {
	padding-right: 30px;
	background-position: 30% 100%;
}

/* Gallery titling */
.gallery td h3 a {
	font: normal 13px/1.2em sans-serif;
	color: #398727;
}

/* Gallery titling */
.gallery td p.datums {
	font-size: 11px;
}



/* Thumbnail foto image */
#saturs .gallery td a.thumb {
	display: inline;
	float: left;
	margin: 0 10px 0 0;
}


/* Gallery info text */
#saturs .gallery p {
	margin: 0;
	padding: 0;
}




/* Gallery thumbnail view */
#saturs .gallery a.thumb {
	margin: 0 35px 5px 0;
	display: block;
	float: left;
}




/* Content ilustration images */
img.ilustration {
	float: left;
	margin: 0 10px 5px 0;
}

img.profile {
	float: right;
	margin: 0 0 5px 10px;
}

img.centered {
	display: block;
	margin: 0 auto;
}



/* Papildkolonna ------------------------------------------------------------------------- */
#top5 {
    float: left; /*cc*/
    margin-bottom: -4000px; /*cc*/
    padding: 0 0 4000px 0; /*cc*/
	background: #D7F0AE;
	width: 204px;
	font-family: sans-serif;
	border: 0px solid violet;
}


/* sānu kolonnas virsraksti */
#top5 h3 {
	margin: 25px 0 0 15px;
	padding: 0;
	font: normal 17px sans-serif;
	text-align: left;
}

#toplist {
	font: normal 1.2em sans-serif;
	padding: 10px 15px;
	border: 0px solid #EC6F72;
}

#toplist img {
	float: left;
	margin: 0 5px 15px 0;
}

#top5 p {
	margin: 0 0 0 0;
}



/* Apakšējā josla ------------------------------------------------------------------------- */
#bottomspacer {
	background: url(../img/bottomspacer.png) no-repeat;
	height: 50px;
	border: 0px solid red;
	clear: both;
}

#apaksa {
	background: #E0FFB1;
	height: 40px;
    padding: 0;
	font: normal 1.2em/1.2em sans-serif;
    
    color: #444;
}

#apaksa p {
	margin: 0 0 0 0;
	padding: 1em 0 1em 0;
	text-align: center;
}


#apaksa a {
	color: #444;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0 1em 0 0;	
}










/* ================================================================================ */
/* 3 - Typography */


h1 {
    margin: 0 0 0.5em 15px;
	padding: 0 0 0 0;
    font: normal 19px/1.2em sans-serif;
	color: #242021;
}

/* Lapas virsraksts */
h1.pagetitle {
	margin: 10px 0 4px 0;
	font: normal 3.2em/1em sans-serif;
	letter-spacing: 1px;
}

h1.pagetitle span {
	color: #999;
}


/* Sadaļu un ziņu visraksti */
h2 {
    margin: 1.6em 0 1em 15px;
    font: normal 1.4em/1em verdana, sans-serif;
    color: #111;
	padding: 0;
}


/* Apakšvirsraksti */
h3 {
	margin: 1.3em 0 0 0;
    font: bold 1em/1em verdana, sans-serif;
    color: #336601;
}




/* Virsrakstu saites */
h1 a, h2 a, h3 a {
	text-decoration: none;
    color: #036A35;
}

h1 a:hover, h2 a:hover, h3 a:hover {
	text-decoration: underline;
	color: #EF5602;
}


/* Teksta konteineri kolonnās */
div.info {
    margin: 0 7em 3em 4em;
	font: normal 1.1em/1.35em sans-serif;
	line-height: 140%;
	color: #373E39;
}




#pagecont p {
	margin: 0 0 0.5em 0;
}


/* Datums */
#pagecont p.datums {
    margin: 0.3em 0 0.15em 0;
    font: normal 11px sans-serif;
    color: #959F98;
}


/* saites uz raksta turpinājumu */
.readmore {
	display: block;
	margin: 0 15px 1em 0;
	text-align: right;
	font-weight: bold;
}


.right {
	text-align: right;
}


/* ================================================================================ */
/* 3 - Forms */

form {
    font: normal 1em/1em sans-serif;
    color: #333;
    padding: 0 0;
}

/* */

form fieldset {
    margin: 0;
    padding: 0 0 1em 1em;
}

/* Forms in sidebar */
#sub form {
    padding: 0.3em 0;
}

/* generic input elements */
form input, form input.title, form textarea {
	background-color: #FFF;
	color: #444;
	border: 1px solid #8AC33E;
	width: 14em;
    font-size: 13px;
    padding: 1px 2px;
}

form input:focus, form input.title:focus, form textarea:focus {
	border: 1px solid #211F22;
}


/* Input button without explicit formatting */
input.noformat, input.noformat:focus {
    border: none;
	background-color: transparent;
	width: auto;
}


/* form submit buttons */
input.poga {
	width: auto;
	padding: 0.2em 1.5em;
	background-color: #C9CBB8;
	color: #555;
	font-weight: bolder;
	border: 1px outset #C9CBB8;
	margin: 0.4em 1em;
}

form table label {
	text-align: right;
}



/* ================================================================================ */
/* 5 - Page controls */

/* meklēšana */
div#searchbox {
	margin: 7px 0 20px 8px;
	width: 184px;
	height: 28px;
	background: url(../img/searchbox.png) no-repeat;
	padding: 0;
	border: 0px dotted red;
}

#searchbox fieldset {
	padding: 4px 0 0 5px;
	margin: 0;
}

#searchbox input {
	border: none;
	background: none;
	width: 150px;
	vertical-align: middle;
	margin-bottom: 5px;
}




/* Lappušu navigācija */
div.pager {
	margin: 0 0 20px 0;
	clear: both;
	font: normal 12px/1em verdana, sans-serif;
}

div.pager a {
	display: block;
	float: left;
	padding: 0.3em 0.45em;
	text-decoration: none;
}


div.pager a:hover {
	/* color: ; */
	text-decoration: underline;
}


div.pager a.selected {
	background-image: url(../img/pager.gif);
	background-position: 60% 50%;
	color: #000;
}

div#floater {
    display: none;
    position: absolute;
    top: 110px;
    left: 50%;
    background: #edffcf;
    font-weight: bold;
    color: #242021;
    z-index: 5;
    font-size: 24px;
    text-align: center;
    line-height: 25px;
}

.close_button {
    position: absolute;
    right: 0;
    border: 2px solid #242021;
    color: #242021;
    text-align: center;
    padding: 4px;
}