/* -----------------------------------------------------------------------------------------
   XT-Commerce - Stylesheet 4 wechselrahmenshop.ch
   http://www.wechselrahmenshop.ch

   Copyright (c) 2007 Mediadesign Zürich www.media-design.ch 
   
   Template ArtPaint blue V 1.2 Mai 2007
  
   ---------------------------------------------------------------------------------------*/

/*

	Reset default CSS 

*/

html, body, div, span, applet, object, iframe, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

   
/* Hinzugefügt für wechselrahmenshop.ch */

/* Allgemeines Zeug */

html, body {
	height:100%;
	width:100%;
}

hr { color:#abc2ec; }

h1, h2 {
	font-weight:normal;
	margin:0;
	padding:0;
}

h1 { font-size:30px; }

h2 { font-size:20px; }

div.bluetext {
	color:#004080;
	font-size:14px;
}

/* Seitengeruest */

#container { 
	margin:0 auto;
	width:900px;
}


/* Header Hintergrundbild */

td.header {
	background:url(images/header_bg.jpg) no-repeat right center;
	border-bottom:1px solid #fff;
	height:118px;
}

/* Obere Navgiation Startseite */

#navi {
	margin:0 0 0 12px;
	padding:0;
}

#navi li {
	float:left;
	list-style-type:none;
	margin:0 12px 0 0;
}

 a.navi
 {
	font-size: 12px;
	height: 22px;
	color: #004080;
 }
 
a.navi:hover
{
	color: #004080;
	text-decoration: underline;
 }

 

/* Obere Navgiation Startseite - Hintergrund */
 
.navitd
 {
	background: #abc2ec;
	width: 100%;
	height: 28px;
	vertical-align: text-bottom;
 }

p.fragen {
	color:#fff;
	float:right;
	font-weight:700;
	margin:0 10px 0 12px;
	padding:0;
}

/* Suche */

#quick_find {
	float:right;
	padding:4px 0 0 0;
}

#quick_find .inputfield {
	border:1px solid #8ebbcb;
	vertical-align:top;
}

/* Footer Startseite Link Pseudoklasse */

a.footer:link, a.footer:visited
 {
	font-size: 10px;
	color: #103d76;
	text-decoration: none;
 }
 
 a.footer:hover
 {
	color: #103d76;
	text-decoration: underline;
 }
 
 
 /* Footer Startseite Hintergrund */
  
.footerbg  
  {
	font-size: 10px;
	color: #103d76;
	height: 18px;
	text-align: center;
	background:#ABC2EC;
 }
 
 
 
 
  /* XT Standard */

.boxText { 
	font-size: 11px;
}

.boxTextBG {
	font-size: 10px;
	background-color: #f1f1f1;
}
.boxTextBGII {
	font-size: 10px;
	background-color: #FFCC99;
}
.boxTextPrice {
	font-size: 10px;
	color: #FF0000;
}

.errorBox {
	font-size : 10px;
	font-weight: bold;
	background-color: #ffb3b5;
}
.gvBox {
	font-size : 14px;
	font-weight: bold;
	border-color: #FFFFFF;
	border: 1px solid;
	background-color: #ffb3b5;
}
.stockWarning { 
	font-size : 10px;
	color: #cc0033;
}

.productsNotifications {
	background-color: #f2fff7;
}

.orderEdit { 
	font-size : 10px;
	color: #70d250;
	text-decoration: underline;
}

BODY {
	color: #000000;
	margin: 0px;
	background-color: #ffffff;
}

H1.heading {
	font-size:14px

}

h1#cName {
	font-size:14pt;
	color:#004080;
	font-weight:bold;
}

img#cLogo {
	margin:20px 0;
}

p#cHead {
	font-size:10pt;	
}

ul#cCont {
	display:block;
	list-style:none inside none;
	padding:0;margin:10px 0;
	font-size:9pt;	
}

ul#cCont li {
	border-bottom:1px solid #abc2ec;
	color:#004080;	
	overflow:hidden;
}

ul#cCont li:first-child {
	color:black;	
}

ul#cCont li b {
	color:#1a1a1a;
	line-height:30px;
	font-size:10pt; 
}

ul#cCont li a {
	font-weight:bold;
	float:left;
	text-decoration:underline;
	margin:10px 0;
	color:#004080;	
}

span.mdLink, span.mdText {
	display:block;
	float:left;
	height:100%;
}

span.mdLink {
	width:120px;
}

span.mdLink a {
	margin-left:10px !important;
}

span.mdText {
	width:245px;
	margin:10px 0;
	font-size:8pt;
}

div#cDesc {
	font-size:9pt;
	font-weight:lighter;
	margin:20px 0;
}

div#cDesc b {
	font-weight:900;
}

div#cDesc ul {
	padding:0;
	list-style: inside;
}

form#detFrm {
	display:block;
	overflow:hidden;
	font-size:10pt;
	border-bottom:1px solid #abc2ec;	
}

/*new style*/
ul.pas_param {
	width: 70%;
	float:left;
	padding: 0;
	margin: 0;
}
.clr{
	display: block;
	clear: both;
}
span.note {
	color: grey;
	font-size:11px;
	float: right;
	width: 30%;
}
	
span.note a{
	color: blue;
	text-decoration: underline;	
}
.pasDetails{
	border-top: 1px solid #ABC2EC;
	padding-top: 10px;
}
.pasImg{
	float:left;
}
.pasForm{
	width:50%;
	float:right;	
}
.pasForm input{
	width: 50px;
}
/*end*/

label.lRed {
	display:block;
	color:red;
	font-weight:bold;
}

form#detFrm fieldset {
	display:block;
	overflow:hidden;
	float:left;
	padding:0;
}

form#detFrm select {
	border:1px solid #e1e2e9;
	font-size:10pt;
	margin:5px 0;
}

form#detFrm input#iAnz {
	clear:both;
	float:right;
	margin:5px 0 20px;
}

div#productDetails {
	border-bottom:1px solid #abc2ec;
	display:block;
	overflow:hidden;
	width:100%;
}

div#productDetails .copyright{
	display:none;
}

form#cart_quantity table.boxTextBG{
	display:none;
}

div#productDetails table.boxTextBG {
	display:none;
}

img{
	border:0;
}

A {
  color: #000000;
  text-decoration: none;
}

A:hover {
  color: #0000ff;
  text-decoration: underline;
}

FORM {
	display: inline;		   
}


TR.header {
	background-color: #ffffff;
}

TR.headerNavigation {
  background: #F6F6F6;
}

TD.headerNavigation {
	font-size: 10px;
	color: #000000;
	font-weight : bold;
	border-bottom: 1px solid;
	border-color: #b6b7cb;
	background-color: #F6F6F6;
}

A.headerNavigation { 
  color: #000000; 
}

A.headerNavigation:hover {
  color: #000000;
}

TD.conditions {
  background-color: #FFCCCC;
}

A.confirmationEdit {
	color: #009933;
	font-style: italic;
}
A.confirmationEdit:hover {
	color: #009933;
	font-style: italic;
	text-decoration: underline;
}
TR.headerError {
  background-color: #ff0000;
}

TR.headerMessage {
	background-color: #00CC33;
}

.moduleHeading {
	font-size: small;
	font-weight: bold;
	padding-bottom: 10px;
}

TD.headerError {
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #bbc3d3;
}

TD.footer {
  font-size: 10px;
    background: #F6F6F6;
  color: #000000;
  font-weight : bold;
  border-bottom: 1px solid;
  border-color: #b6b7cb;
}

.infoBoxContents {
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-size: 10px;
}

TD.infoBoxHeading,
TD.infoBoxHeading_right {
	color: #004080;
	background:#abc2ec;
	font-size:15px;
	font-weight:700;
	text-indent:10px;
}

TD.infoBox, SPAN.infoBox,
TD.infoBox_right, SPAN.infoBox_right{
  font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

.productListing-heading {
  font-size: 10px;
  background: #b6b7cb;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  font-size: 10px;
}

A.pageResults {
	color: #0000FF;
	text-decoration: underline;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
  font-size: 30px;
  color: #004080;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-size: 10px;
  color: #000000;
}

TABLE.middle {
	/*background:url(images/body_bg.jpg) no-repeat center top;*/
	padding:0 20px;
	width:100%;
}

TD.main td {
	padding:0;
	margin:0;
}

TD.main, P.main {
  font-size: 11px;
}

TD.delivererlogo {
	vertical-align:middle;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-size: 10px;
}

TD.accountCategory {
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-size: 12px;
}

TD.tableHeading {
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
	font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-size: 11px;
}

SPAN.greetUser {
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

SPAN.underline {
	text-decoration: underline;
}

TABLE.formArea {
  background: #f1f1f1;
  border-color: #cccccc;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-size: 12px;
  font-weight: bold;
}

.copyright {
  font-size: 11px;
  line-height: 1.5;
  text-align:center;
}
.parseTime {
  font-size: 11px;
  line-height: 1.5;
  text-align:center;
}
A.copyright {
  color: #000000;
}
A.copyright:hover {
  color: #0000ff;
  text-decoration: underline;
}


SPAN.markProductOutOfStock {
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  color: #ff0000;
}
SPAN.productOldPrice {
	color: #ff0000;
	text-decoration: line-through;
}
SPAN.errorText {
  color: #ff0000;
}

SPAN.productDiscountPrice {
  color: #ff0000;
  font-weight: bold;
}

.smallHeading {
	font-size: x-small;
	font-weight: bold;
	color: Black;
}

.moduleRow {
 font-size: 11px;
 line-height: 1.5;
 padding:0 0 0 3px;
}
.moduleRowOver { 
	background-color: #D7E9F7; 
    font-size: 11px;
    line-height: 1.5; 
	padding:0 0 0 3px;
}

.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-size: 10px; color: #000000; }

/* sitewide font classes */
/* Note: heading<Number> equals <font size="Number"> */
.heading1 { font-size: 7pt; }
.heading2 { font-size: 9pt; }
.heading3 { font-size: 10pt; }
.heading4 { font-size: 12pt; }
.heading5 { font-size: 16pt; }

/* Sitemap Tables */
.sitemap_heading { font-size: 10pt; color: #FFFFFF; 
	background-color: #666666; 
	padding-top: 2px; padding-bottom: 2px;}
.sitemap_heading a {color:#FFFFFF;}
.sitemap_heading a:hover {color:#CCCCCC; text-decoration:none;}

.sitemap_sub { font-size: 9pt; color: #000000; background-color: #E6E6E6; padding: 2px 2px;}
.sitemap_sub a {color:#000000;}
.sitemap_sub a:hover {color:#999999; text-decoration:none;}


/* message box */

.messageBox { font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-size: 10px; color: #ff0000; }

.tableShop {
background-color: #ffffff;
border-left: 1px solid;
border-right: 1px solid;
border-color: #b6b7cb;
}

.navLeft {
	border-right: 1px solid #dfe0e8;
	border-left: 1px solid #dfe0e8;
	width: 184px;
}
.navRight {
	border-right: 1px solid #dfe0e8;
	border-left: 1px solid #dfe0e8;
	width: 185px;
}

.contentsTopics {
	font-size: 14px;
	font-weight: bold;
}

.tableListingI {
	background-color: #eeeeee;
}

.tableListingII {
	background-color: #d0d0d0;
}

.tableBody {
padding: 5px;
}

.poweredby {
  font-size: 10px;
  color: #000000;
  font-weight: bold;
}
.onepxwidth {
	width: 1px;
}

.mainmenu {
	background:url(img/icon_arrow.jpg) no-repeat left 6px;
	display:block;
	font-size:12px;
	padding:0 0 0 12px;
	margin:0 0 -12px 0;
}

.sub {
	background:url(img/minus.gif) no-repeat 12px 8px;
	display:block;
	margin:0 0 -12px 0;
	padding:0 0 0 24px;
}

.sub2 {
	display:block;
	margin:0 0 -12px 0;
	padding:0 0 0 36px;
}

.arrow_image {
	padding:0 0 1px 0;
}

.hersteller {
	padding:6px 0 20px 0;
}

.tabellentext {
	font-size:13px;
}

/****** Passpartout begin ******/
ul.steps {display:block;float:left;margin-right:10px}
ul.steps li {color:#004080;font-size:10pt}
ul.steps li#s1 {list-style-image: url('img/p1.png')}
ul.steps li#s2 {list-style-image: url('img/p2.png')}
ul.steps li#s3 {list-style-image: url('img/p3.png')}
ul.steps li#s4 {list-style-image: url('img/p4.png')}
ul.steps li#s5 {list-style-image: url('img/p5.png')}
ul.steps li#s6 {list-style-image: url('img/p6.png')}
span.note {
	display:block;
    float:left;
    margin:13px 35px;
    width:150px;
}
span.note a {
	color:blue;
}
/*** old stuff end ***/


#canvas {
	display:block;
	width:510px;
	border-top:1px solid #abc2ec;
	border-bottom:1px solid #abc2ec;
	margin:10px;
	padding:20px 0;
	overflow:hidden;
}

#summary {
	display:block;
	width:510px;
	border-bottom:1px solid #abc2ec;
	margin:0 10px;
}

#ppt {
	float:left;
}
/*
#canvas form {
    float: left;
    margin-left: 10px;
    width: 235px;
}
*/

.frm_right {
	display: block;
	width: 235px;
	float:right;
}

#canvas fieldset, #summary fieldset {
	border:none;
}

#canvas legend, #summary legend {
    color:#004080;
    font-size:9pt;
    font-weight:bold;
    margin-left:-10px;
}

#canvas legend img {
	margin-right: 8px;
    vertical-align: top;
}

div.frm {
 	margin-left:25px;
    overflow:hidden;	
}

ul.color, ul.margins, ul.summary {
    list-style-type:none;
    margin:0 0 10px;
    padding:0;
	overflow:hidden;
}

ul.color li {
	float:left;
	width:30%;
	display:block;
	cursor:pointer;
}

ul.margins li {
	float:left;
	width:25%;
	color:#848283;
}

ul.summary li {
	float:left;
	margin:0 12px;
}

ul.color li div {
	display:block;
	width:30px;
	font-size:7pt;
	border:2px solid #b6b6b6;
	text-align:center;
}

ul.color li a {
	display:block;
    font-size:8pt;
	color:blue;
}

#c107 {
	background-color:#fafaf0;
}
#c623 {
	background-color:#fafacd;
}

#c605 {
	background-color:#f0f0f0;
}

#c607 {
	background-color:#dce6e6;
}

#c617 {
	background-color:black;
	color:white;
}

#canvas input, #canvas select {
	border:1px solid #cccccc;
	font-size:9pt;	
}

input.dimm {
	width:55px;
	float:left;
	margin-right:30px;
}

span.sup {
    color:#004080;
    display:block;
    font-size:8pt;
    margin-top:10px;
}

span.marg {
	margin-left:10px;
}

ul.margins li input {
	width:90%;
}

#calc {
	border:none !important;
}

#color_label, #thickness_label, #price_label {
	border:none !important;
	background-color:white;
	text-align:right;
}

span.ref {
	display:block;
	margin:0 0 20px 15px;
}

div#tip {
	float:left;
}
/****** Passpartout end ******/