/*
Theme Name: Patrick 2010
Theme URI: www.patrick.eu
Description: a-brief-description
Author: Jurgen Menu
Author URI: www.onisho.com
Version: 1.0

[Table Of Contents] 

	0- Reset
	1- Global
	2- Links
	3- Headings
	4- Header 
	5- Navigation
	6- Middle 
	7- Forms
	8- Extras
	9- Footer
	
	10- Blog & Downloads
	11- Mailinglist
	12- Collection
	13- Page
	14- Table
	15- Dealers
	16- Slider homepage

*/

/* =0 Reset
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
@import url('reset.css');
@import url('form.css');
@import url('scrollpane.css');

/* =1 Global
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}

body {
	line-height: 1;
	background: #fff url('../img/body-bg.jpg') 50% 0 no-repeat;
	font: normal 12px Arial, Helvetica, sans-serif;
	vertical-align: top;
	color: #000;
}
.right {
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
}
.left {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}
.align-left {
	text-align: left;
}
.align-right {
	text-align: right;
}
.align-center {
	text-align:center;
}
.justify {
	text-align:justify;
}
.hide {
	display: none;
}
.clear {
	clear: both;
}
.bold {
	font-weight:bold;
}
.italic {
	font-style:italic;
}
.underline {
	border-bottom:1px solid;
}
.highlight {
	background:#ffc;
}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft {
	float:left;
	margin:4px 10px 4px 0;
}
img.alignright {
	float:right;
	margin:4px 0 4px 10px;
}

.spacer {
	width: 100%;
	height: 20px;
	clear: both;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
/* =2 Links
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
a, a:link, a:visited {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #111;
}
a:active {
	color: #111;
}
a.red {
	color: #ee3a43;
}
a.red:hover {
	color: #000;
}


/* =3 Headings
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
h1 {
	font: bold 2em "Times New Roman", Times, serif;
}
h2 {
	font: bold 1.5em "Times New Roman", Times, serif;
}
h3 {
	font: bold 2.4em Arial, Geneva, Helvetica, sans-serif;
	margin-bottom: 10px;
	color: #b52892;
	letter-spacing: -3px;
}
h4 {
	font: bold 1.2em Arial, Geneva, Helvetica, sans-serif;
	color: #38b135;
	padding-bottom: 3px;
}
h5 {
	font: bold 0.9em Arial, Geneva, Helvetica, sans-serif;
}
/* =4 Header
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#header {
	width: 960px;
	height: 260px;
	margin:0 auto;
	padding: 0;
	line-height: 1.3em;
}
#banner {
	width: 960px;
	height: 220px;
	background: transparent url('../img/header-top.jpg') no-repeat;
	float: left;
}
#topbar {
	float: left;
	width: 960px;
	font-size: .9em;
	height: 36px;
}
/* =5 Navigation
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#nav {
	float: left;
	font-size: 1.1em;
	width: 960px;
	height: 40px;
}
#nav ul li {
	margin-top: 12px;
	height: 21px;
	float: left;
	margin-right: 8px;
	vertical-align: middle;
	text-transform: uppercase;
	padding-right: 8px;
	letter-spacing: -1px;
}
#nav ul li a {
	margin-left: 2px;
	color: #fff;
	font-size: .9em;
}
#nav ul li a:hover {
	color: #49caf2;
}
#nav li.home {
	background: url('../img/icon-home.gif') no-repeat;
	padding-left: 16px;
}
#nav li.company {
	background: url('../img/icon-company.gif') no-repeat;
	padding-left: 18px;
}
#nav li.products {
	background: url('../img/icon-products.gif') no-repeat;
	padding-left: 22px;
}
#nav li.technology {
	background: url('../img/icon-technology.gif') no-repeat;
	padding-left: 17px;
}
#nav li.stockists {
	background: url('../img/icon-stockists.gif') no-repeat;
	padding-left: 18px;
}
#nav li.press {
	background: url('../img/icon-press.gif') no-repeat;
	padding-left: 15px;
}
#nav li.contact {
	background: url('../img/icon-contact.gif') no-repeat;
	padding-left: 18px;
}
#lang {
	text-align: right;
	float: right;
}
#lang ul li {
	float: left;
	vertical-align: middle;
	text-transform: lowercase;
	background: none;
	margin-right: 1px;
}
#lang ul li.last {
	border-right: none;
}
#lang ul li a {
	color: #fff;
	font-size: .9em;
	display: block;
	width: 20px;
	text-align:center;
}
a.currentlang {
	background-color: #ac309a;
}



/* =6 Middle
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#content {
	width: 960px;
	margin:0 auto;
	padding: 0;
	color: #686868;
	line-height: 1.3em;
	padding-bottom: 216px;  /* must be same height as the footer */
	
	padding-top: 52px;
	background: transparent url('../img/header-bottom.jpg') top left no-repeat;
}
#colbutton {
	width: 880px;
	text-align: right;
	float: right;
	padding-right: 65px;
}
.dotline {
	float: left;
	width: 960px;
	height: 15px;
	background: transparent url('../img/dot.gif') top left repeat-x;
	margin-top: 15px;
}
.headline {
	width: 920px;
	background-color: #fdfbef;
	float: left;
	padding: 20px;
	margin-bottom: 30px;
	clear:both;
}
.headline p {
	margin-bottom: 5px;
}
.block {
	float: left;
	width: 250px;
}
.float{
	float: left;
	width: 199px;
	margin-right: 30px;
	margin-bottom: 10px;
}
.dealer {
	margin-bottom: 15px;
	height: 75px;
}
.province {
	width: 100%;
	clear: both;
	font-size: 1.2em;
	color: #ee3a43;
	border-bottom: 1px dotted #b2b2b2;
	padding-bottom: 2px;
	margin-bottom: 15px;
}
#slidenav {
	position: absolute;
	top: 100px;
	left: 100px;
}
#next, #prev {
	display: block;
	background-color: #ee3a43;
}

/* =7 Form
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.sendBtn {
	border: none;
	padding: 4px 11px 4px 11px;
	background-color: #f7dded;
	color: #b8258b;
	font-size: .9em;
	margin-left: 12px;
}
/* =8 Extra
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* =9 Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#footer {
	color: #686868;
	line-height: 1.3em;
	background: #f6ddad url('../img/footer-bg.gif') repeat-x;
	font-size: .9em;
	position: relative;
	margin-top: -216px; /* negative value of footer height */
	height: 216px;
	clear:both;
}
#infooter {
	width: 960px;
	height: 216px;
	background: transparent url('../img/infooter-bg.gif') no-repeat;
	margin: 0 auto;
	padding: 0;
}
#infooter p {
	padding-top: 130px;
	padding-left: 165px;
	color: #b07e3f;
	line-height: 1.6em;
}

/* =10 Featured Home
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#featured .item {
	width: 128px;
	float: left;
	padding-left: 19px;
	padding-right: 18px;
	border-right: 1px solid #e4e4e4;
	background: transparent url('../img/gradient.gif') top left repeat-x;
}
#featured .first {
	width: 128px;
	float: left;
	padding-left: 0px;
	padding-right: 18px;
	border-right: 1px solid #e4e4e4;
}
#featured .last {
	width: 128px;
	float: left;
	margin-right: 0px;
	padding-right: 0px;
	border-right: none;
}
#featured h4 {
	font-size: 2.2em;
	padding-bottom: 1px;
	letter-spacing: -2px;
}
#featured h5 {
	font-size: 1.3em;
	letter-spacing: -1px;
	padding-bottom: 10px;
	color: #bdbe77;
}
#featured p {
	float: left;
	width: 128px;
}
#featured p.link a {
	text-align: center;
	width: 105px;
	float: left;
	height: 21px;
	padding-top: 3px;
	background: transparent url('../img/more.gif') no-repeat;
}
#featured .gradient {
	float: left;
	width: 100%;
	height: 25px;
	background: transparent url('../img/gradient.gif') repeat-x;
}

/* =11 Mailinglist
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#mailinglist {
	background-color: #ffeef9;
	float: left;
	padding: 15px;
	margin-top: 15px;
	width: 400px;
}
#mailinglist h5 {
	background: transparent url('../img/mailinglist-icon.gif') no-repeat;
	padding-left: 42px;
	color: #d10000;
	font-size: 1.5em;
	line-height: 1.1em;
	margin-bottom: 10px;
}
#mailinglist h5 span.color {
	color: #bf3080;
}
.emailaddress {
	width: 270px;
	border: none;
	height: 20px;
}


/* =12 Collection
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#collection {
	float:left;
}
#col {
	width: 960px;
	float: left;
}

#collection .item {
	float: left;
	width: 213px;
	margin-right: 25px;
}
#collection .item .picture {
	border: 1px solid #f1f1f1;
}
#collection .item .sector1 {
	background: transparent url('../img/dotlight.gif') left bottom repeat-x;
	text-transform: uppercase;
	color: #000;
	font-size: .8em;
	padding: 10px 0 10px 0;
}
#collection .item .sector2 {
	padding: 6px 0 10px 0;
}
#collection .price {
	float: right;
	color: #ee3a43;
}
#filter {
	float:left;
	margin-left: 30px;
	width: 216px;
}
#filter p {
	padding: 3px;
	width: 216px;
}
#filter p a.head {
	color: red;
	border-top: 1px dotted #b2b2b2;
	border-bottom: 1px dotted #b2b2b2;
	text-transform: uppercase;
	padding: 7px 0 7px 0;
	width: 216px;
	display: block;
}
#detail {
	padding-bottom: 25px;
	background: transparent url('../img/dotlight.gif') bottom left repeat-x;
	float: left;
}
#detail #bigpic {
	width: 503px;
	height: 300px;
	border: 1px solid #ededed;
	float: left;
	margin-right: 35px;
}
#detail #bigpic #zoomimg {
	position: absolute;
	top: 464px;
	left: 464px;
	float: left;
	z-index:999;
}
#detail #data,
#detail #desc,
#detail #colors {
	float: left;
	width: 420px;
}
#detail #desc {
	border-bottom: 1px dotted #b2b2b2;
	border-top: 1px dotted #b2b2b2;
	padding: 20px 0 0 0;
}
#detail #desc p {
	padding-bottom: 8px;
}
#detail #colors {
	padding-top: 18px;
}
#detail #colors p {
	padding-bottom: 15px;
}
#detail .name {
	text-transform: uppercase;
	float: left;
	width: 410px;
	font-size: .9em;
	color: #000;
	padding-bottom: 12px;
}
#detail .color {
	text-transform: uppercase;
	float: right;
	font-size: .9em;
	color: #000;
}
#detail .article {
	color: #38b135;
	padding-bottom: 12px;
	letter-spacing: 3px;
}
#detail .price {
	color: #ee3a43;
	padding-bottom: 18px;
}
#detail .col {
	float: left;
	width: 65px;
	height: 45px;
	margin-right: 3px;
	margin-bottom: 18px;
	font: .7em verdana;
	line-height: .9em;
}
#detail .col img {
	border: 1px solid #ededed;
}
#detail #order,
#filter #order {
	margin-top: 25px;
	float: left;
}
#detail #order a,
#filter #order a {
	background-color: #ee3a43;
	padding: 2px 16px 2px 16px;
	color: #fff;
	float: left;
}
#back a {
	float: left;
	color: #979797;
	background-color: #ebebeb;
	font-size: .9em;
	padding: 2px 16px 2px 16px;
	margin-top: 10px;
}

/* =13 Page
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
p {
	margin-bottom: 12px;
}
p.big {
	font-size: 1.7em;
	line-height: 1.2em;
}
ul.list {
	margin-top: 15px;
	margin-bottom: 10px;
}
ul.list li {
	list-style-type: circle;
	margin-left: 35px;
	padding-bottom: 5px;
}
.title {
	font-size: 1.2em;
	font-weight: bold;
}
.superscript {
	font-size:xx-small;
	vertical-align:top;
}

/* =14 Cartoons
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#cartoon2 {
	padding-top: 15px;
}


/* =15 Dealers
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#countrylist {
	width: 205px;
	float: left;
	margin-right: 25px;
}
#countrylist a.current {
}
#countrylist .country {
	border-bottom: 1px solid #e4e4e4;
	padding: 3px 0 2px 0;
}
#placelist {
	width: 230px;
	float: left;
	border-left: 1px solid #e4e4e4;
	padding-left: 25px;
	text-transform: uppercase;
	font-size: .9em;
	height: 400px;
}
#placelist a {
	display: block;
	height: 15px;
	margin: 0px;
	padding: 0px;
	float: left;
	width:210px;
}
#placelist a:hover {
	background-color: #e4e4e4;
}
#dealerlist {
	width: 400px;
	float: left;
	border-left: 1px solid #e4e4e4;
	padding-left: 30px;
	text-transform: uppercase;
	font-size: .9em;
}
#dealerlist .place {
	margin-bottom: 15px;
	width: 400px;
	float: left;
}
#dealers {
	width: 960px;
	float: left;
}


/* =16 Slider Homepage
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

#slides {
	background: transparent url('../img/slides.gif') top left no-repeat;
	float:left;
}
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 40px;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 36px;
	border-left: none;
	overflow: hidden;
	position: relative;
}
#slides .title {
	font-size: 22px;
	line-height: 22px;
	padding-left: 560px;
	color: #bdbe77;
	padding-top: 38px;
	width: 155px;
	line-height: 29px;
	text-align: center;
}
#slides .text {
	padding-left: 585px;
	padding-top: 45px;
	width: 125px;
	line-height: 18px;
	height: 150px;
	font-size: 15px;
}
#slides .article {
	color: #b52892;
	font-size: 20px;
	padding-left: 20px;
	font-weight: bold;
	letter-spacing: -1px;
}
.tab_container a {
	margin-top: 12px;
	margin-left: 5px;
	display: block;
	background: transparent url('../img/viewmore.png') no-repeat;
	width: 109px;
	height: 36px;
	text-align: center;
	color: #fff;
	padding-top: 6px;
}
#tab1 {
	background: transparent url('../img/home/stream.jpg') no-repeat;
	width: 958px;
	height: 316px;
}
#tab2 {
	background: transparent url('../img/home/original.jpg') no-repeat;
	width: 958px;
	height: 316px;
}
#tab3 {
	background: transparent url('../img/home/sunlight.jpg') no-repeat;
	width: 958px;
	height: 316px;
}
#tab4 {
	background: transparent url('../img/home/lightwave.jpg') no-repeat;
	width: 958px;
	height: 316px;
}