/*
# Po.Labs stylesheet
# --------------------------------------
# Author:   Mihael Zadravec, Toasted Web
# Contact:  mihael.zadravec@gmail.com
# --------------------------------------
*/

/* ---- Include other stylesheets ------ */
	
   @import url("clear_float.css");
   @import url("supportNav.css");
   @import url("sidebarLeft.css");
   @import url("content.css");
   @import url("content-page.css");
   @import url("products.css");
   @import url("product.css");
   @import url("archive.css");
   @import url("form_elements.css");
   @import url("cart.css");
   @import url("footer.css");
	
/* -------------------------------------- */


* { margin:0; padding:0; }

html,
body {
width:100%;
}

body {
	height:100%;
	background:#25282B url(../images/design/body_bg.jpg);
	font:normal 11px Arial, "Trebuchet MS", Tahoma;
	cursor:default;
}

.clear_both {
	height:0;
	line-height:0;
	clear:both;
}

/* ANCHORS
-------------------------------------*/
a {
	color:#006295;
	text-decoration:none;
	cursor:pointer;
}
a:hover {
	text-decoration:underline;
}

a.link {
	background:url(../images/design/arrow.jpg) right center no-repeat;
	padding-right:9px;
}

.functions {
	position:absolute;
	top:35px;
	right:20px;
	height:16px;
	line-height:16px;
}

a.print {
	display:inline-block;
	background:url(../images/design/icon_print.gif) 0 0 no-repeat;
	padding-left:22px;
	height:16px;
	line-height:16px;
	color:black;
}
a.print:hover {
	background-position:0 -16px;
	text-decoration:none;
	color:#24539E;
}
a.back {
	display:inline-block;
	background:url(../images/design/arrow_back.gif) left center no-repeat;
	height:16px;
	padding-left:10px;
	margin-right:15px;
	line-height:16px;
	color:black;
}
a.back:hover {
	text-decoration:none;
	color:#24539E;
}


div.error,
div.mess {
	border:solid #FFF;
	border-width:1px 0;
	color:#FFF;
	padding:7px 10px 0 10px;
	font-size:11px;
	display:inline-block;
	width:auto;
}
div.mess {
	background:#90B46A;
}
div.error {
background:#A3544E;
}

div.error p,
div.mess p {
	padding:0 0 7px 0!important;
	margin:0!important;
	line-height:150%;
}

.tags {
	color:#000;
	padding-top:5px;
	padding-left:20px;
	line-height:17px;
	background:url(../images/design/icon_tags.gif) left 7px no-repeat;
}
span.tags {
	display:inline-block;
}

.txt13 {
	font-size:13px;
}
.txt12 {
	font-size:12px;
}

.blue { color:#0062B8!important; }
.red { color:#990000!important; }
.green { color:#047C04!important; }

/* WARNING NOTICE
-------------------------------------*/

.notice {
	background:#E5DDC7 url(../images/design/icon_notice.gif) 10px 10px no-repeat;
	padding:10px 10px 10px 35px;
	margin-top:-30px;
	margin-bottom:25px;
	border:solid #DFD6BB;
	border-width:1px 0;
	line-height:150%;
}


/* ALIGNS
-------------------------------------*/
.align-right {
text-align:right;
}
.align-left {
text-align:left;
}
.align-center {
text-align:center;
}

.blue { color:#24539E; }


/* MAIN WRAP 
-------------------------------------*/
#main_wrap {
	position:relative;
margin:20px auto 20px auto;
width:990px;
height:auto;
color:#1C2326;
z-index:10;
}

/* TOP LINKS
-------------------------------------*/
.toplinks {
position:relative;
background: url(../images/design/top_links_bg.png) left top no-repeat;
height:30px;
line-height:30px;
color:#B2AA98;
border-bottom:solid 1px #484644;
}

.toplinks h4 {
position:absolute;
top:0;
left:10px;
font-weight:normal;
font-size:11px;
}

.toplinks ul {
position:absolute;
top:0;
list-style:none;
}
ul.topMenu {
position:absolute;
list-style:none;
top:8px;
right:15px;
z-index:10000;
}

.toplinks ul li,
ul.topMenu li {
float:left;
}
.toplinks ul li a,
ul.topMenu li a {
padding:0 5px;
color:#B2AA98;
font-size:11px;
}

ul.topMenu li.createAccount a {
	color:white;
}

ul.topMenu li.login_link a {
	padding-right:23px;
	margin-right:5px;
	color:#FFF;
	background:url(../images/design/user_icon.gif) right center no-repeat;
}
ul.topMenu li.login_link a:hover {
	color:#FFF;	
}
ul.topMenu li.contactUs a,
ul.topMenu li.home a {
	padding-left:20px;
	margin-right:2px;
	background:url(../images/design/icon_email.gif) left center no-repeat;
}
#footer ul li.contactUs a {
	padding-right:21px;
	background:url(../images/design/icon_email.gif) right center no-repeat;
}
ul.topMenu li.home a {
	margin-right:0;
	background:url(../images/design/icon_home.gif) left center no-repeat;
}

ul.topMenu li.contactUs a {
	margin-left:7px;
}

.toplinks ul li a:hover {
color:white;
}
.toplinks ul.languageSelection {
top:9px;
left:105px;
height:13px;
margin:0;
padding:0;
}
.toplinks ul.languageSelection li {
float:left;
margin:0 2px 0 0!important;
padding:0!important;
}
.toplinks ul.languageSelection li a {
display:block;
float:left;
width:16px;
height:11px;
background:white;
text-indent:-10000px;
border:solid 1px #222;
margin:0;
padding:0;
}
.toplinks ul.languageSelection li#eng a.active {
background:url(../images/design/flags/english.png) left top no-repeat;
}
.toplinks ul.languageSelection li#ger a.active {
background:url(../images/design/flags/german.png) left top no-repeat;
}
.toplinks ul.languageSelection li#ita a.active {
background:url(../images/design/flags/italian.png) left top no-repeat;
}
.toplinks ul.languageSelection li#esp a.active {
background:url(../images/design/flags/spanish.png) left top no-repeat;
}

.toplinks ul.languageSelection li#eng a.not-active {
background:url(../images/design/flags/english_inactive.png) left top no-repeat;
}
.toplinks ul.languageSelection li#ger a.not-active {
background:url(../images/design/flags/german_inactive.png) left top no-repeat;
}
.toplinks ul.languageSelection li#ita a.not-active {
background:url(../images/design/flags/italian_inactive.png) left top no-repeat;
}
.toplinks ul.languageSelection li#esp a.not-active {
background:url(../images/design/flags/spanish_inactive.png) left top no-repeat;
}


/* HEADER
-------------------------------------*/
#header {
position:relative;
background: url(../images/design/header_2_bg.png) left top no-repeat;
height:60px;
padding:25px 20px 20px 20px;
/*border-bottom:solid 10px #25282B;*/
margin-bottom:1px;
margin-top:1px;
}
	
	#header h1.logo {
	float:left;
	width:163px;
	margin-left:20px;
	}
	
	#header h1.logo a {
	display:block;
	overflow:hidden;
	text-indent:-10000px;
	width:163px;
	height:60px;
	background:url(../images/design/polabs_logo.png) left top no-repeat;
	}
	
	#header h2.slogan {
	float:left;
	width:450px;
	color:#C07D0A;
	font-size:16px;
	font-weight:normal;
	padding:15px 10px;
	margin-left:15px;
	}
	
	/* Shopping cart */
	.shoppingCart {
	position:absolute;
	top:52px;
	right:20px;	
	padding-left:55px;
	padding-top:2px;
	width:180px;
	color:#B2AA98;
	text-align:right;
	}
	
	.shoppingCart a {
		color:#F08A1D;
	}
	
	.shoppingCart h3 {
		/*border-bottom:dashed 1px #4E483A;*/
		padding-bottom:5px;
		margin-bottom:5px!important;
	}
	
	.shoppingCart h3,
	.shoppingCart h3 a {
	font-size:12px;
	text-transform:uppercase;
	margin-bottom:3px;
	color:#FFF;
	}
	.shoppingCart p {
	margin-top:5px;
	margin-bottom:3px;
	}
	.shoppingCart p.cartContents a {
	color:#F08A1D;
	}
	.shoppingCart .red {
	color:#F08A1D;
	}
	.shoppingCart .num {
		color:#FFCC33;
	}
	

/* SITE FUNTIONCS
-------------------------------------*/
#siteFunctions {
background: url(../images/design/siteFunctions_bg.png) left top no-repeat;
color:#FFFFFF;
margin-bottom:5px;
height:80px;
}

	/* REGISTER PRODUCT section */
	.registerProduct {
	float:left;
	height:80px; /* 100 */
	width:495px; /* 495 */
	background:url(../images/design/cut.jpg) 490px center no-repeat;
	color:#B2AA98;
	}
	.registerProduct h3 {
	font-size:18px;
	font-weight:normal;
	margin-bottom:5px;
	margin-top:17px;
	margin-left:20px;
	}
	.registerProduct p {
	font-size:14px;
	margin-left:20px;
	}
	.registerProduct a {
	color:#B2AA98;
	text-decoration:none;
	}
	
	/* PRODUCT SUPPORT & SEARCH */
	.support_search {
	float:left;
	height:80px; /* 100 */
	width:475px; /* 495 */
	padding-left:20px;
	}		
	
		/* Product search */
		.searchBox {
			position:absolute;
			top:138px;
			right:30px;
			height:80px; /* 100 */
			width:227px;
			
		}
		
		.searchBox label {
		display:block;
		float:left;
		width:227px;
		font-size:11px;
		text-transform:uppercase;
		font-weight:bold;
		padding-top:8px;
		margin-top:10px;
		color:#B2AA98;
		}
		.searchBox input.text {
		width:230px;
		height:17px;
		border:solid 1px black;
		background:#C7C0B3 url(../images/design/search_field_bg.gif) left top no-repeat;
		color:black;
		margin-top:5px;
		padding:3px 0;
		text-indent:5px;
		font-size:13px;
		}



/* CONTENT WRAP
-------------------------------------*/
#content_wrap {
position:relative;
clear:both;
background:#F2F1ED url(../images/design/content_wrap_bg.jpg) left center repeat-y;
color:black;
}

/* SORT ELEMENTS
-------------------------------------*/
.sort {
position:absolute;
top:25px;
right:20px;
width:auto;
font-size:11px;
text-align:right;
}
.sort select,
select.currency,
select.shippingType {
	border:solid 1px #DDD;
	background:#FFF;
	width:125px;
	font-size:11px;
}
.sort select.currency,
select.currency {
	width:48px;
}
.sort select.listSort,
select.listSort {
	width:80px;
}
select.shippingType {
	width:118px;
}

/* Paginacija
-------------------------------------*/
div.pagination {
clear:both;
padding-top:20px;
margin-bottom:20px;
}
div.pagination ul {
list-style:none;
text-align:center;
padding-right:40px;
}
div.pagination ul li {
display:inline;
height:16px;
line-height:16px;
}

div.pagination ul li.title {
	font-size:12px;
	margin-right:10px;
}

div.pagination ul li a {
display:inline-block;
height:16px;
line-height:16px;
border:solid 1px #CCC;
margin-right:3px;
padding:0 6px;
color:#555;
font-size:12px;
}
div.pagination ul li.sel a {
background:#444444;
border:solid 1px #444444;
color:white;
}
div.pagination ul li.next a,
div.pagination ul li.previous a {
border:none;
color:#555;
font-weight:bold;
}

div.pagination ul li.next a {
	padding-right:13px;
	background: url(../images/design/arrow_right.gif) right center no-repeat;
}
div.pagination ul li.previous a {
	padding-left:13px;
	background: url(../images/design/arrow_left.gif) left center no-repeat;
}


body.Login .login,
body.Login .registration {
	padding:0;
	width:100%;
}

body.Login .registration input.txt {
	width:230px;
}
body.Login .registration select {
	width:238px!important;
}