/**
 * Description for file
 *
 * CSS version $version
 *
 * @author      PROMACX AG
 * @copyright   PROMACX AG / Wasserwerkgasse 20 / 3011 CH-Bern
 * @link        www.promacx.ch
 * @version     0.0.1
 * @media       screen
 */

/* ------------------------------ Layout
*/
html {
	height:100%;
}
body {
	height:100%;
	margin:0px;
	padding:0px;
	font-family: Arial, Helvetica, Sans Serif;
	line-height: 140%;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #222222;
}

p {margin:0em 0em 1em 0em;}
a {color:#3F3F3F;}
a.catalogue {
margin-left:25px;
}
a:hover {}
a img {border:none;}
sup {vertical-align:text-top; font-size:0.8em; line-height:1em;}
sub {vertical-align:bottom; font-size:0.8em; line-height:100%;}
form {margin:0em; padding:0px; width:auto;}
.accessibility {
	/*display:none;*/
	display: inline;
	left: -1000px;
	overflow: hidden;
	width: 0px;
	position: absolute;
	top: -1000px;
	height: 0px
}
.hidden-alternate-content {display:none;}
h1 {font-size:1em; margin:0em 0em 1em 0em;}
h2 {font-size:1em; margin:0em 0em 1em 0em; text-transform:uppercase; position:relative; top:0.8em;}
h4 {font-size:1em; display:inline; margin:0em; padding-right:1em; float:left;}
p.align-left {text-align:left;}
p.align-right {text-align:right;}

label {font-weight:bold;}
fieldset {border:none; margin:0px; padding:0px; width:auto;}
legend { display:none; }
select,
textarea,
input {
	border: 1px solid #cccccc; 
 	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
}

ul {
	list-style-image:url(../images/layout/li-dot-grey.png);
	margin:0em 0em 1em 0em;
	padding:0px 0px 0px 1.5em;
}
ul li {
	margin:0em;
	padding:0px;
}


p.subpagelink { text-align:right; }
.subpagelink a { text-decoration:none; text-transform:uppercase; font-weight:bold; }

/* ------------------------------ Layout
*/
#Center {position:absolute; left:50%; top:50%;}
#Container {
	width:955px;
	height:580px;
	position:absolute;
	left:-478px;
	top:-290px;
	background-repeat:no-repeat;
}
#Catwatches {position:absolute; left:60px; top:57px;} 
#Logo {position:absolute; left:810px; top:15px;}
#Head {

}
#Body {

}

#SoPageTitle,
#PageTitle {
	position:absolute;
	left:375px;
	top:-17px;
	color:#EBD14F;
	text-transform:uppercase;
	font-size:15px;
	margin:0px;
	padding:0px;
	white-space:nowrap;
}
#MainMenu {
	position:absolute;
	left:257px;
	top:50px;
}
#LeftMenu {
	position:absolute;
	left:0px;
	top:140px;
	width:175px;
}
#Foot {
	position:absolute;
	bottom:-35px;
	width:100%;
	text-align:center;
	font-size:9px;
	line-height:1.1em;
	color:#666666;
	margin:0.3em 0em;
}
#SearchBox {
	position:absolute;
	right:90px;
	top:80px;
}
#LangMenu {
	position:absolute;
	right:5px;
	top:5px;
}

#Catalogue {
margin-left:25px;
margin-top:50px;

}

div.frontpage {background-image:url(../images/layout/background-intro.jpg); background-color:#000000; color:#FFFFFF;}
div.collection {background-image:url(../images/layout/background-wall.jpg); background-color:#000000; color:#FFFFFF;}

div.catalogue {background-color:#FFFFFF; color:#3F3F3F;}
div.one {background-image:url(../images/layout/background-wall.jpg); background-color:#FFFFFF; color:#3F3F3F;}
div.two {background-image:url(../images/layout/background-wall.jpg); background-color:#FFFFFF; color:#3F3F3F;}

#ContentLeft {
/*	position:absolute;
	left:200px;
	top:180px;*/
	float:left;
	width:250px;
	height:350px;
}

.fce-2cols-cell-left {
	padding-right:5px;
	width:250px;
	float:left;
	}
	
.fce-2cols-cell-right {
	padding-right:20px;
	float:right;
	width:390px;
	}	
.fce-2cols-container {
clear:both;
border-bottom:#666 1px solid;
margin-bottom:20px;
	}	
.fce-2cols-row {
clear:both;
	}		
.clearer { clear:both;}	

#ContentLeftContainer {
	width:auto;
}
#ContentContainer {
	position:absolute;
	top:180px;
	left:200px;
	height:350px;
	width:755px;
	overflow:auto;
}

#ContentRight {
	/*position:absolute;
	left:490px;
	top:180px;*/
	float:left;
	width:405px;
	padding-left:50px;
	height:350px;
}
#ContentRightContainer {
	width:395px;
}
#ContentMiddle {
	position:absolute;
	left:200px;
	top:170px;
	width:755px;
	height:370px;
	overflow:auto;
}
#ContentMiddleContainer {
	width:700px;
}
#ContentFront {
	position:absolute;
	overflow:hidden;
	top:122px;
	left:0px;
	margin:0;
	height:470px;
	width:955px;

}

/* ------------------------------ MainMenu
*/
ul.mainmenu-level1-container {
	list-style-type:none;
	list-style-image:none;
	margin:0px;
	padding:0px;
}
li.mainmenu-level1-item {
	display:inline;
	margin:0px;
	padding:0px 5px;
}
li.mainmenu-level1-item a {
	font-size:10px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
}
li.mainmenu-level1-item a:hover,
li.mainmenu-level1-item a.path,
li.mainmenu-level1-item a.active {
	color:#EBD14F;
}

/* ------------------------------ LeftMenu
*/
#HomeLink {
	text-align:right;
	border-bottom:1px solid #B4B4B4;
	list-style-type:none;
	list-style-image:none;
	margin:0px;
	padding:0px;
}
#HomeLink a {
	padding:0px 0px 0px 11px;
	background-image:url(../images/layout/li-lt-grey.png);
	background-repeat:no-repeat;
	background-position:left 0.5em;
	font-size:12px;
	line-height:1.3em;
	color:#555555;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	margin:0px 10px;
	padding-top:0.4em;
	padding-bottom:0.4em;
}
#HomeLink a:hover {background-image:url(../images/layout/li-lt-black.png);}

ul.leftmenu-level1-container{
	list-style-type:none;
	list-style-image:none;
	margin:15px 0 0 0;
	padding:0px;
}
li.leftmenu-level1-item {
	margin:0px;
/*	padding:2px 0 2px 0 ;*/
	border-bottom:1px solid #B4B4B4;
}
li.leftmenu-level1-item a {
	font-size:12px;
	line-height:1.3em;
	color:#555555;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	margin:0px 0px 0px 10px;
	padding: 4px 0px 8px 0px;
	display:block;
}
#HomeLink a:hover,
li.leftmenu-level1-item a:hover {
	color:#000000;
	background-color:#FAC831;
	margin:0px;
	padding-left:11px;
}
li.leftmenu-level1-item a.path,
li.leftmenu-level1-item a.active {
	color:#000000;
	/*padding:0px 0px 0px 11px;*/
/*		padding-left:11px;
background-image:url(../images/layout/li-gt-black.png);*/
	background-repeat:no-repeat;
	background-position:left 0.5em;
	background-color:#FAC831;
	margin:0px;
	padding: 4px 0px 8px 11px;
}

ul.leftmenu-level2-container {
	list-style-type:none;
	list-style-image:none;
	background-color:#FC0;
	/*margin:0px 0px 1em 1em;*/
	margin:0px;
	padding:0px 0px 1em 1em;
}
li.leftmenu-level2-item {
	margin:0px;
	padding:0px;
}
li.leftmenu-level2-item a {
	font-size:11px;
	line-height:1.5em;
	padding-top:0px;
	padding-bottom:0px;
}
li.leftmenu-level2-item a.path,
li.leftmenu-level2-item a.active {
	background-position:left center;
}

/* ------------------------------ Searchbox
*/

#SearchBox fieldset {border:none; margin:0px; padding:0px; width:auto; display:inline;}
#SearchBox legend {display:none;}
#SearchBox input.text {border:none; font-size:10px; }
#SearchBox input.submit {border:none; background-color:transparent; color:#FFFFFF; font-size:9px; text-transform:uppercase; cursor:pointer; }

/* ------------------------------ LangMenu
*/
#LangMenu {color:#999999; font-size:9px; line-height:1.15em; margin-top:-20px; text-transform:uppercase;}
#LangMenu a {color:#999999; text-decoration:none;}
ul.pmx-langmenu-container {
	list-style-type:none;
	list-style-image:none;
	margin:0px 25px 0px 0px;
	padding:0px;
}
li.pmx-langmenu-item {
	margin:0px 10px 0px 0px;
	padding:0px;
	float:left;
	
}


/* ------------------------------ Collection
*/
.tx-pmxproducts-listview {display:none;}
.tx-pmxproducts-productimage { margin:0em 0em 1em 0em; }
.tx-pmxproducts-productlink a {font-weight:bold; text-transform:uppercase; text-decoration:none;}
.tx-pmxproducts-item {
	float:left;
	width:150px;
	height:185px;
	text-align:center;
}
.tx-pmxproducts-left {
	position:absolute;
	width:300px;
	text-align:center;
}
.tx-pmxproducts-right {
	position:absolute;
	left:300px;
	width:300px;
}
.tx-pmxproducts-singelview .tx-pmxproducts-producttitle { font-weight:bold; }

/* ------------------------------ Distributors
*/
dl.tx-pmxcompanies-item { margin:1em 0em 1em 0em; padding:0px; clear:both; float:left; width:100%;}
dl.tx-pmxcompanies-item dt {font-weight:bold; float:left; width:30%; clear:both; margin:0px; padding:0px;}
dl.tx-pmxcompanies-item dd {float:left; width:60%; margin:0px; padding:0px;}

/* ------------------------------ FCE
*/
.fce-alternate-content { margin:0em 0em 1em 0em; }

.fce-rollover-container {
	float:left;
	margin: 0px 20px 20px 0px;
}


/* ------------------------------ Form
*/
#InfoForm .small {width:100%;}
#InfoForm .large {width:100%;}
#PmxProductsCatManual {width:130px;}
/*
dl.mail-form {margin:0px; padding:0px;}
dl.mail-form dt {margin:0px; padding:0px;}
dl.mail-form dd {margin:0px; padding:0px;}

dt.label-left {float:left; width:50%;}
dt.input-left {float:left; width:50%;}
*/

/* ------------------------------ Search
*/
ul.browsebox {
	margin:0px;
	padding:0px;
}
ul.browsebox li {
	display:inline;
	margin:0px 5px;
	padding:0px;
}