/* esperanza.ch -- MAIN CSS Document */

/* @group TEXT ELEMENTS */

.clear{
	clear:both;
	height:auto;
	margin: 0px;
	padding: 0px;
}

.break
{
	clear: both;
	width: 100%;
	height:1px;
	margin: 0px;
	padding: 0px;
}

div.kid {
	display : none;
	width : 0;
	height : 0;
}

body, hr,
.c1, .c1s, .c2, .c3, #rc, 
#doc, #bd, #rc, #mc, #hd, #ft, #bt, #nv, 
img, h1, h2, h3, p, blocquote, ul, li, form, table, tr, td,
.mod, .form  {
	margin:0;
	padding:0;
	border:0;
	z-index:0;
}

body {
	text-align:center;
	background: #ff9900 url(/interface/images/background.gif) repeat-x;
}

body, table, td, input, select, textarea {
	font: 11px/120% 'Helvetica','Arial','Sans-serif';
}


hr {
	border : 1px solid black;
	background: black;
	color : black;
	margin-top : 4px;
	margin-bottom : 4px;
}

p, li {
	padding: 0.5em 2px 0 2px;
}

h1 {
	padding: 1px 5px 4px 5px;
	margin-top:4px;

	background-color:#000000;


	color:#ffffff;
	font-size: 10pt;
	font-weight:bold;
	text-transform:uppercase;
	line-height: 20px;

}

h2 {
	font-size:13px;
	padding: 1.4em 2px 0 2px;
	line-height: 18px;
}

h3 {
	font-size:12px;
}

.highlight-b {
	font-size:12px;
	color:#f50000;
	font-weight:bold;
	text-transform:uppercase;
	margin-top:8px;
}

.highlight-s {
	font-size:10px;
	color:#f50000;
	font-weight:bold;
	text-transform:uppercase;
 	margin-top:0px;
	padding-top : 0px;
}

/* @group LINKS */

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

i {
	font-style : normal;
}

a:visited {}

a:hover, a.blink:hover, a.ftlink:hover, a.value:hover, .roll a:hover{
	color:#ffffff;
}
a:active {}

a.more {
	color:#fff;
	font-weight:bold;
	padding-right:7px;
	padding-bottom:2px;
	font-size:10px;
	background: url(/interface/images/more_btn.gif) no-repeat right;
}

/* @end */

/* @group LISTS */

ul {
	list-style: none;
	margin-bottom: 6px;
}

li {
	font-weight:normal;
}

/* @end */

/* @group FORMS */

.form {
	margin-left : 3px;
	margin-right : 3px;
}

.form label {
	height:20px;
	width: 140px;
	display : block;
	float : left;
	line-height : 20px;
	border-top : 1px solid black;
	margin-top : 2px;
}

.form label.zemRequired {
	font-weight : bold;
}

.form label.zemRequirederrorElement {
	color:#ffffff;
	background-color:#ff0000;
}

.form input.zemSubmit {
	float : right;
	margin-top:10px;
}

.form input, .form select {
	line-height:20px;
	width: 148px;
	display : block;
	float : right;
	margin-top : 2px;
	font-weight : bold;
}

.form br {
	clear : both;
}

.form h2 {
	font-size:13px;
	margin-top:8px;
	display:block;
	float:left;
	text-align:left;
	padding-top:4px;
	height:20px;
	margin-bottom:2px;
}


.form textarea {
	width: 290px;
	float : left;
	display:block;
}



/* @end */

/* @end */

/* @group PAGE ELEMENTS */


#doc {
	margin: 20px auto 30px auto;
	text-align:left;
	width:766px;
}


#hd {
	height:120px;
}

/* @group #NV */

#nv {
	margin-top:24px;
	height:28px;
	border-bottom: 1px solid #552200;
}

#nv a {
	background: url(/interface/images/bar_t3.gif) no-repeat 0 0;
	display:block;
	float:left;
	width:80px;
	height:28px;
	padding-top:4px;
	padding-left:4px;
	font-size:9px;	
	color:black;
}

#nv a:hover {
	color:white;
}


#nv a.currentsection {
	background: url(/interface/images/bar_t3c.gif) no-repeat 0 0;
	font-weight:bold;
	color:#ffffff;
}

/* @end */

table#bd {
	clear : both;
}

td#rc {
	vertical-align: top;
	width:152px;
	color:#552200;
}

td#mc {
	vertical-align: top;
	width:610px;
}

/* @group C1 */


.c1, .c1s {
	width:604px;
	margin-right:2px;
	margin-bottom:40px;
	clear: both;
}

.c1 {

	background: url(/interface/images/bar_c1.gif) no-repeat;

}

.c1s {
	background: url(/interface/images/bar_c1s.gif) no-repeat;
}

#thisnews p {
	font: 13px/120% 'Helvetica','Arial','Sans-serif';
}

/* @end */

/* @group C2 */

.c2 {
	background: url(/interface/images/bar_c2.gif) no-repeat;
	width:300px;
	float:left;
	display: block;
	margin-right:1px;
	margin-bottom:16px;
}

.c2_article_body {
	height: 500px;
}

div.c2 p {
	padding-left: 2px;
}

html>body .c2_article_body {
	height:auto;
	min-height: 500px;
}

/* @end */

/* @group C3 */

.c3 {
	background: url(/interface/images/bar_c3.gif) no-repeat;
	width:200px;
	float:left;
	display: block;
	margin-right:2px;
	margin-bottom:16px;
	color: #000000;
}

/* @end */

/* @group C4 */


#rc
{
	width:152px;
	float:right;
	color:#552200;
}

#rc .mod, 
#rc .mod {
	float: left;
	width:152px;
	margin-bottom:16px;
	background: url(/interface/images/bar_c4.gif) no-repeat;
}

#rc .mod img, 
#rc .mod img {
	max-width : 150px;
}

h2.blocktitle {
	padding: 1px 5px 4px 5px;
	margin-top:4px;

	background-color:#000000;

	color:#ffffff;
	font-size: 10pt;
	font-weight:bold;
	text-transform:uppercase;
	line-height: 20px;

}


#rc .value a, 
#rc .value a {
	color: #552200;
	font-weight:bold;
	text-transform: capitalize;
}


#rc .value, 
#rc .value {
	color: #552200;
	text-align:center;
	background:none;
	font-size:12px;
}

#rc .value img, 
#rc .value img {
	margin-top:12px;
	display: block;

}

#rc .value p, .value p a, 
#rc .value p, .value p a {
	font-size:10px;
	text-transform:uppercase;
	font-weight:bold;
	color:#552200;
}

#rc ul, 
#rc ul {
	margin:0;
}

#rc li, 
#rc li {
	padding-top:0.2em;
}

/* @end */

/* @group FT */

#ft {
	clear : both;
	text-align:left;
	font-size:8px;
	text-transform:uppercase;
	font-weight:bold;
	color:#552200;
	border-top: 1px solid #552200;
	margin-top:20px;
	height:10px;
}

#ft a {
	color: #552200;
	margin-right: 15px;
}

/* @end */

#bl {
	font: 10px/1.1em 'Helvetica','Arial','Sans-serif';
	font-weight: normal;
	color:#996600;
	height:40px;
}

#logo {
	float: left;
}

#switch {
	float:right;
	margin-top: 40px;
	padding-right: 6px;
	font-size: 10px;
}

#switch_currency {
	text-align : right;
	padding-top : 4px;
}

#switch_currency img {
	padding-left : 1px;
}

.hkw {
	text-transform:none;
	color : #ff9900;
	background-color : #ff9900;
	display:none;
}

/* @end */

/* @group SECTION OSC */

.headerError {
	color: #ffffff;
	background: red;
	padding-bottom: 6px;
}

.shop-l { 
}
.shop-r { 
}

p.title, #alsopurchased a {
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
	padding: 0 2px 0 2px;
	line-height:110%;
}

h1.title {
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
	padding: 0 2px 0 2px;
	line-height:110%;
	background : none;
	color : black;
}

h2.title {
	padding: 0px;
}

.option1 {
	font-size:9px;
	font-weight:bold;
	text-transform:uppercase;
	padding: 0 2px 0 2px;
	line-height:120%;

}

p.subtitle {
	font-style:italic;
	font-size:11px;
	font-weight:normal;
	line-height:110%;
	padding: 0 2px 0 2px;
}

.hide {
	display:none;
}


p.price {
	font-size:14px;
	font-weight:bold;
	padding: 0 2px 0 2px;
	line-height:120%;

}

small {
	font-size : 9px;
	font-weight:normal;
	text-transform:none;
	color:#000000;
}

span.ttc {
	display : block;
	font-size : 9px;
	line-height:110%;
	font-weight:normal;
	color:#000000;
}

.oldprice span.ttc, s span.ttc {
	display : none;
}

span.productSpecialPrice span.ttc {
	display : block;
}

a.add {
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	display:block;
	height:16px;
	width:76px;
	text-align:center;
	padding-top: 2px;
	margin-top:1px;
}

td.buy {
}

span.details {
	font-size:smaller;
}

.quantity {
}

a.btn{
	background: url(/interface/images/act_btn_normal.gif) no-repeat;
	width:133px;
	height:18px;
	display:block;
	padding: 2px 0 0 0;
	text-align:center;
}

div.promo {
	background: url(/interface/images/promo-bg.gif) no-repeat;
	width : 298px;
	margin-top: -8px;
	margin-left: -1px;
}

div.promo h1 
{
	background: black;
	display : block;
	font-size : 1.6em;	
	text-transform: uppercase;
	height : 22px;
	line-height : 120%;
	padding : 6px;
}

div.promo p.title a
{
	font-size: 1.4em;
	line-height : 120%;
	display : block;
	background: black;
}

div.promo p.title {
	background: black;
	display : block;
	padding : 6px;
}

div.promo p.oldprice
{
	display : block;
	font-size: 1.2em;
	background: black;
	padding-left : 6px;
	padding-right : 6px;
	padding-bottom : 6px;
}

div.promo p.price
{
	display : block;
	font-size: 2.2em;
	background: black;
	color : #ff9900;
	padding-left : 6px;
	padding-right : 6px;
}

div.promo p.button
{
	display : none;
}


#rc table {
	margin:0px;
	padding:0px;
	border:0px;
	border-collapse:collapse;
	border-spacing:0px;
	font: 11px/1.1em 'Helvetica','Arial','Sans-serif';
	font-weight: normal;
	color:#552200;
}

#rc tr {
	border: 0px;
	width:152px;
}

.c1s table, .c1s table tr, .c1s table tr td,
.c1 table, .c1 table tr, .c1 table tr td
 {
	margin:0px;
	padding:0px;
	border:0px;
	border-collapse:collapse;
	border-spacing:0px;
}

#rc td.infoBoxHeading {
	background: url(/interface/images/bar_c4.gif) no-repeat;

	margin:0px;
	display:block;
	padding: 5px 5px 4px 5px;
	width:152px;

	font-size:10pt;
	font-weight:bold;
	text-transform:uppercase;
	line-height:20px;

	color:#ffffff;
	

}

#rc table.infoBoxContents {
	padding: 4px 2px 0px 2px;
	margin:0px;
	margin-bottom:16px;
	width:151px;
}

#rc table.infoBoxContents td {
	padding:2px;
}

#rc a.brand {
	display : block;
	float: left;
	border: 0px solid black;
	padding: 1px 1px 0px 0px;
}

.c1s .pageHeading {
	display:none;
	font-size:9pt;
	font-weight:bold;
	text-transform:uppercase;
	padding: 0 2px 0 2px;
	line-height:110%;
}



.c1s .productListing {
	width:100%;
}

.c1s td.productListing-heading {
	font-weight:bold;
	border-top:1px solid #444444;
	border-bottom:1px solid #444444;
	background-color: #ff9900;
	padding-right:2px;
	padding-top:4px;
	padding-bottom:4px;	
}

.c1s tr.productListing-even, .c1s tr.productListing-odd   {
	width:100%;
}

tr.productListing-even td, tr.productListing-odd td  {
	border-bottom:1px solid #444444;
	height:150px;
}

tr.productListing-even td td, tr.productListing-odd td td  {
	border: 0;
}


tr.productListing-even td, tr.productListing-odd td {
}

.shop-r table, 
.shop-h table
{
	float:left;
	display:block;
	margin: 0;
	padding : 0;
	width : 148px;
	height : 240px;
}

.c1 td.oscProductNew,
.c1s td.oscProductNew
{
	height:240px;
}

.c1s .main {
	
}

.c1s .infoBox {
	border-top : 1px solid black;	
	margin-bottom : 25px;
	padding-top : 8px;
}

.c1s .infoBoxContents td {
	padding-top : 2px;
}


.c1s table.infoBoxNotice td {
	color: #cc0000;
}
.c1s .infoBox tr a img {
	padding-top : 8px;
}

.c1s .checkoutBarFrom {
	color:black;
	font-style:italic;	
	font-weight: bold;
}

.c1s .checkoutBarCurrent {
	color:white;
	font-weight: bold;
}

.c1s .checkoutBarTo {
	color: #ee0000;
	font-style:italic;
	font-weight: bold;
}

.c1s .title, #rc .title, .c1s .title a, table .title {
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	line-height:110%;
}

#oscProductInfo {
	margin-bottom: 10px;
}

#oscProductInfo img {
	margin-top: 5px;
	width:270px;
	height:270px;
	overflow:hidden;
}

#oscProductInfo ul {
	list-style-type: disc;
	padding-left: 16px;
}

#oscProductInfo #infos1 {
}
#oscProductInfo #infos1 .title {
	font-size:13px;
}

#oscProductInfo #infos2 {
}


#oscProductInfo .hide {
	display:none;
}

.productSpecialPrice, .c1s .price {
	font-size:14px;
	font-weight:bold;
	line-height:120%;
	padding-right : 2px;
}

.c1s td.price {
	text-align: right;
	font-size:13px;
}

.updateCart {
	font-size:9px;
	line-height:100%;
	margin : 0;
	padding : 0;		
	font-weight:normal;
}

.c1s .option1,.c1s  .model {
	font-size:9px;
	font-weight:bold;
	text-transform:uppercase;
	padding: 0 2px 0 2px;
}

.options p {
	line-height:18px;	
	font-size:12px;
	font-weight:bold;
}

.options select { 
	margin:0;
	padding:0;
	font-size:11px;
	line-height: 100%;
}

.main input, .main a {
	margin-top:8px;	
}

s, span.oldprice, .oldprice {
	text-transform:uppercase;
	color:#cc0000;
	font-size:10px;
	font-weight: bold;
	padding: 0 2px 0 2px;
	text-decoration: line-through;
	display: block;
}

.checkdelete {
	font-size:11px;
	font-style:italic;
	color:#cc0000;
}

#alsopurchased {
	padding-top:10px;
	text-align:left;
}

#orp {
	margin:0;
	padding:0;
	padding-top:10px;
	text-align:left;
}

#orp table
{
	float:left;
	display:block;
	margin: 0;
	margin-top: 10px;
	padding : 0;
	width : 148px;
	height : 190px;
}

#alsopurchased .infoBoxHeading {
	font-weight: bold;
}

#alsopurchased td.smallText {
	margin: 0;
	padding : 0;
	height:190px;
	width:146px;
	text-align: left;
}

.oscCategory {
	border-top: 1px solid black;
	margin:0;
	padding:0;
}

.oscCategoryTitle {
	margin:0;
	padding:0;
	margin-top : 20px;
	height:16px;
	background: url(/interface/images/bar_cat.gif) no-repeat;
	padding-top: 4px;
	padding-left: 4px;

	font-size: 8pt;
	font-weight:bold;
	text-transform:uppercase;
	color:white;
}

.c1s td.OscCategoryListItem {
	width:150px;
	vertical-align:middle;
}

.c1s td.OscCategoryListItem p {
}

.c1s td.OscCategoryListItem p.title {
}

.c1s .c3 {
	width : 198px;
	margin-top: 30px;
}

td.boxText a {
	padding: 0px;
	margin: 0px;
}

td.boxText br {
	padding: 0px;
	margin: 0px;
	width: 0px;
}

td.messageStackError {
	color : red;
	font-weight : bold;
}
/* @end */

/* @group PARTENAIRES */
.partner {
line-height:120%;
}

div.partner {
	
}

div.partner h2 {
	font-size: 1.5em;
}

div.partner p.links {
	float: right;
	text-align: right;
}

.double {
width:300px;
}

.partner-head {
display:block;
font-weight:bold;
}

.partner-address {
display:block;
font-weight:normal;
}

#doc-p .partner a {
color:#ff9900;
}

#doc-p {
	margin: 30px 30px 30px 30px;
	text-align:left;
}


.news-item {
    padding-top:4px;
    padding-bottom:4px;
    border-bottom:1px solid black;
}

.news-item h2 {
	padding-top:0.5em;
}

p a img {
	margin-top : -3px;
}

.small {
	font-size: 10px;
}

span.small {
	padding-bottom: 4px;
}

/* @end */