﻿/******* Basic *******/
ul {
	padding: 0px;
	margin: 0px;
}
ul li { margin: 0; }
img {border: none;}
h1, h2, h3 {
	color: #000;
}
h1 {
	float:left;
	margin: 0px 0 2px 15px; /* t r b l*/ 
	padding: 0 0 0 0;
	font-weight: bold;
	font-size: 13px;
	/* color: #99CDFF;*/ 
	color: #6699ff;
	width: 100%;
}
h1.first, p.first {
	margin-top: 20px; /* t r b l*/ 
}
h2 {
	font-weight: normal;
	font-size: 11px;
	line-height: 17px;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 12px;
	border-top: 1px #000 solid;
	float:left;
	width: 100%;
	
}
h2.empty {
	height: 4px;
	margin: 0;
}
h3 {
	font-family: 'Times New Roman', Times, Verdana, Arial, Sans-Serif;
	float:left;
	margin: 14px 0 2px 15px; /* t r b l*/ 
	padding: 0 0 0 0;
	font-weight: normal;
	font-size: 24px;
	color: #000;
	width: 100%;
}
p {
	/*line-height: 18px;*/
	line-height: 21px;
	margin: 0 0 12px 15px; /* t r b l*/
	float: left;
	display: block;
	width: 85%;
}
sup {
	font-size: 6px;
}

table {
	clear: left;
	/*display: block;*/
	/*table-layout: fixed;*/
	border-collapse: collapse;/**/
}
/******* Text *******/
body, td td td, label, input, textarea, select {
	font-family: Arial, Helvetica, Verdana, Sans;
	font-size: 11px;
	text-align: left;
	color: #000;
	vertical-align: top;
}
a {
	color: #000000;
}
#middleColumn ul {
	display: block;
	float: left;
	width: 85%;
	margin: 0 0 0 30px; /* t r b l*/ 
	padding: 0;
	
}
#middleColumn ul li {
	margin: 0 10px 0 0;
	padding: 0;
	line-height: 16px;
}
p a:link {
	text-decoration: underline;
}
p a:visited {
	text-decoration: underline;
}
a:focus, a:active {
  outline: none;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
a.black-underline {
	text-decoration: underline;
	color: #000000;
}
a.blue-underline, p.blue-underline a {
	text-decoration: underline;
	color: #2E3092;
}
p.blue-underline {
	clear: both;
}
span.blue-normal {
	/* color: #99CDFF;*/ 
	color: #6699ff;
}
span.blue, a.blue {
	/* color: #99CDFF;*/ 
	color: #6699ff;
	font-weight: bold;
}
span.grey {
	color: #999;
}
a.blue:hover {
	text-decoration: underline;
}
/******* Grid *******/
html,body {
	padding: 0px;
	margin: 0px;
	height:auto;
	background-color: #fff;
	border: none;
}
#wrapper {
	width: 963px;
	margin: 0 auto;
	padding: 0;
	/*background-color: #cccccc;*/
	
}
#container {
	padding: 0;
	margin: 0;
	/*background-color: #E9E9E0;*/
	/*background: url(../img/bgr.png) no-repeat 0 40px;*/
	/*testing*/
	/*height: 800px;
	position: absolute;
	z-index: 100;*/
	min-height: 800px;
}
#container.home {
	position: absolute;
	z-index: 100;
	background-image: none;
	/*background-color: #cccc00;*/
	/*width: 300px;*/
}
#leftColumn {
	float: left;
	width: 240px;
	padding: 0;
	margin: 0;
	/*background-color: #00f;*/
}
#middleColumn {
	float: left;
	/*width: 520px;*/
	width: 521px;
	padding: 0;
	margin: 0 0 0 0; /* t r b l*/ 
	/*background-color: #f00;*/
	border-left: 1px dotted #000;
	border-right: 1px dotted #000;
	min-height: 800px;
}
#middleColumn.home {
	border-left: 0px dotted #fff;
	border-right: 0px dotted #fff;
}
#rightColumn {
	float: left;
	width: 200px;
	padding: 0;
	margin: 0;
	/*background-color: #0f0;*/
}


#footer {
	clear: both;
	padding: 0;
	margin-top: 6px;
	margin-bottom: 30px;
	/*background-color: #333333;*/
	font-family: Helvetica, Verdana, Sans;
}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } /* slightly enhanced, universal clearfix hack - http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack/ */
.clearfix { display: inline-block; }
/* start commented backslash hack \*/ * html .clearfix { height: 1%; }
.clearfix { display: block; } /* close commented backslash hack */



/******* Locale Menu *******/
ul.locale {
	margin: 20px 0 0 17px; /* t r b l*/ 
	padding: 0;
	font-weight: bold;
}
ul.locale li {
	margin: 0 10px 0 0;
	padding: 0;
	list-style-type: none;
	display: inline;
	color: #C1BEBE;
}
ul.locale li.selected a {
	color: #000;
}
ul.locale a {
	color: #C1BEBE;
	text-decoration: none;
}
ul.locale li.active a {
	color: #000;
}
ul.locale li a:hover {
	color: #000;
}
/******* Main Menu *******/
ul.menu {
	margin: 22px 0 0 17px; /* t r b l*/ 
	font-family: Arial, Helvetica, Verdana, Sans;
	font-weight: bold;
	font-size: 11px;
	color: #000;
	text-transform:uppercase;
	z-index: 100;
}
ul.menu li {
	margin: 0 0 0 0; /* t r b l*/ 
	padding: 0 0 0 0;
	list-style-type: none;
}
ul.menu li a {
	display: block;
	width: 160px;
	height: 30px;
	margin: 0 0 0 0; /* t r b l*/ 
	padding: 0 0 0 0;
	background-repeat: no-repeat;
	background-position: -165px 0px;
}
ul.menu li a span {
	display: none;
}
ul.menu li a:hover {
	/* color: #99CDFF;*/ 
	color: #6699ff;
	background-position: -333px 0px;
}
ul.menu li.active a {
	/* color: #99CDFF;*/ 
	color: #6699ff;
	background-position: -333px 0px;
}
.home ul li a {
	/* for IE */
	/* filter:alpha(opacity=60) !important;*/
	/* CSS3 standard */
	opacity:0.6 !important;/* */
	background-position: 3px 0px;
}
.home ul li.first a {
	/* for IE */
	/* filter:alpha(opacity=100) !important;*/
	/* CSS3 standard */
	opacity:1 !important;/* */
}
#keywords {
	display: none;
	
}


ul.menu.home a {
	text-decoration: none;
	color: #fff !important;
	/* for IE */
	filter:alpha(opacity=50);
	/* CSS3 standard */
	opacity:0.5;
}
ul.menu.home li a:hover {
	color: #fff;
	/* for IE */
	filter:alpha(opacity=100);
	/* CSS3 standard */
	opacity:1;
}


/******* Sub Menu *******/
li.submenu {
	display: none;
}
ul.submenu {
	margin: 14px 0 0 16px; /* t r b l*/ 
	padding: 0;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	display: none;
}
ul.submenu li {
	margin: 2px 0 0 0; /* t r b l*/
	padding: 0 0 0 0px; 
	list-style-type: none;
}
ul.submenu li a {
	padding: 0 0 0 16px; 
	text-decoration: none;
	background-image: url(../img/bgr_li.png);
	background-repeat: no-repeat;
}
ul.submenu li.active a {
	/* color: #99CDFF;*/ 
	color: #6699ff;
	background-image: url(../img/bgr_li_active.png);
}
ul.submenu li a:hover {
	/* color: #99CDFF;*/ 
	color: #6699ff;
	background-image: url(../img/bgr_li_active.png);
}

ul.rm li {
	margin: 2px 0 0 16px; /* t r b l*/
	padding: 0 0 0 0px; 
	/* color: #99CDFF;*/ 
	color: #6699ff;
	list-style-type: disc;
}
ul.rm li.normal {
	margin: 2px 0 14px 0; /* t r b l*/
	padding: 0 0 0 0px; 
	color: #000;
	list-style-type: none;
}
ul.submenu.contact li a {
	padding: 0 0 0 0;
	/* color: #99CDFF;*/ 
	color: #6699ff;
	background-image: none;
}

/******* Slideshows *******/
div#slideshow {
	position: absolute;
	z-index: 0;
	margin: 0 0 0 0; /* t r b l*/ 
	padding: 0;
}
div#slidecontainer.page {
	width: 520px;
	height: 330px;
	margin: 40px 0 0 0px; /* t r b l*/ 
	padding: 0;
	/*background-color: #cccccc;*/
}
div#slidecontainer.home {
	width: 960px;
	height: 495px;
	margin: 0; /* t r b l*/ 
	padding: 40px 0 0 0px; /* t r b l*/ 
	/*background-color: #cccccc;*/
}
div#slidecontainer.home #controls {
	display: none;
}
div#slidecontainer.page #title {
	display: none;
}
div#controls {
	position: absolute;
	z-index: 100;
	width: 494px;
	margin: 295px 0 0 12px; /* t r b l*/ 
	padding: 10px 0 0 0;
	/*background-color: #f00;*/
	border-top: 1px dotted #fff;
	text-align: right;
}
div#title {
	position: absolute;
	z-index: 100;
	width: 494px;
	margin: 409px 0 0 15px; /* t r b l*/ 
	padding: 0
	background-color: #f00;/**/
	text-align: left;
	font-family: Georgia, Arial, Helvetica, Verdana, Sans;
	font-size: 22px;
	color: #fff;
	line-height: 23px;
}
div#controls a {
	display: block;
	width: 10px;
	height: 15px;
	float: right;
	color: #fff;
	margin: 0 0 0 6px; /* t r b l*/ 
	background-color: #f00;/**/
}
div#controls a#next {
	background: url(../img/next.png) no-repeat 0 0;
}
div#controls a#prev {
	background: url(../img/prev.png) no-repeat 0 0;
}
div#controls a#pause {
	background: url(../img/pause.png) no-repeat 0 0;
}
div#controls a#resume {
	display: none;
	background: url(../img/pause.png) no-repeat 0 0;
}
/*******  Content *******/
div#content {
	margin: 0 0 0 12px; /* t r b l*/ 
	padding: 0 0 0 0;
	background-color: #ff0;/**/
}
















/******* Catalog *******/
div.catalog {
	/*margin-top: 50px;*/
	margin-bottom: 50px;
}
div.catalog h2 {
	width: 380px;
}
div.catalog table {
	width: 380px;
	margin: 0;
	padding: 0;
	margin-bottom: 16px;
}
div.catalog table td {
	margin: 0;
	padding: 4px 0 4px 0; /* t r b l*/ 
}
.product { /*width: 456px;*/
	width: 140px;
	height: 210px;
	float: left;
	/*background-color: #ccc;*/
	background-repeat: no-repeat;
}

span.product-overview { /*width: 456px;*/
	width: 140px;
	height: 250px;
	float: left;
	/*background-color: #ccc;*/
	background-repeat: no-repeat;
}
.product-cart { /*width: 456px;*/
	float: left;
	width: 182px;
	display: block;
	/*background-color: #ccc;*/
	background-repeat: no-repeat;
}
.product-cart img {
	display: block;
	float: left;
	/*background-color: #cfc;*/
}
.product-cart span.title {
	float: left;
	/*background-color: #fcc;*/
	text-align: left;
	padding-top: 30px;
	font-size: 10px;
	line-height: 11px;
}
.showoverview-cart {
	float: left;
	width: 172px;
	display: block;
	margin: 40px 0 0 0;
	padding: 3px 0 10px 0;
	border-top: 1px solid #000;
	font-weight: normal;
	font-style: italic;
	font-size: 14px;
	color: #2E3092;
}
.showoverview-cart a {
	color: #000;
}
.showoverview-cart a:hover {
	color: #2E3092;
	text-decoration: underline;
}
.items-cart {
	float: left;
	width: 172px;
	display: block;
	margin: 10px 0 0 0;
	font-weight: normal;
	font-style: italic;
	font-size: 11px;
	color: #ccc;
}


.inshoppingcart {
	/*border: solid 1px white;*/
}

.inshoppingcart img {
	/*border: solid 1px white;*/
	/* for IE */
	filter:alpha(opacity=20);/*/*
	/* CSS3 standard */
	opacity:0.2;/**/
}
.inshoppingcart a {
	color: #ADADAB;
}
.product img {
	width: 140px;
	float: left;
	align: center;
	/*background-color: #cfc;*/
}
.product-overview span {
	width: 140px;
	float: left;
	/*background-color: #fcc;*/
	text-align: center;
}
.product span.title {
	width: 140px;
	height: 15px;
	float: left;
	/*background-color: #fcc;*/
	text-align: center;
}
.product span.brand {
	width: 140px;
	height: 23px;
	float: left;
	/*background-color: #fcf;*/
	text-align: center;
	font-style: italic;
}


/*******  Catalog Paging *******/
div.paging {
	/*	background:#fff; */
	color: #ccc;
	clear: both;
	padding-top: 3em;
	padding-bottom: 2em;
}
div.paging div.disabled {
	color: #aaa;
	display: inline;
}
div.paging span {
}
div.paging span.current {
	color: #000;
}
div.paging span a {
}

/*******  Catalog Images *******/

img.photo-preview {
	width:  140px;
	height: 173px;
}
img.photo-preview-cart {
	width:  70px;
	height: 87px;
}
img.photo-cart {
	/*width:  240px;
	height: 260px;*/
	width:  100%;
	height: 100%;
}

img.photolarge {
	width:  280px;
	height: 346px;
}

img.photopreview {
	/*width:  40px;
	height: 60px;*/
	width:  70px;
	height: 87px;
}
/******* Cart *******/
h1.cart {
	margin-bottom: 50px;
}
h1.cart span {
	float: left;
	/*font-weight: bold;*/
	/*font-style: italic;*/
	font-weight: normal;
	font-size: 14px;
	margin: 0;
	padding: 0;
}
h1 span a:hover {
	color: #2E3092;
}


/* Forms */
form {
	margin: 0 0 0 15px; /* t r b l*/
	float: left;
	display: block;
	width: 85%;
}
textarea {
	width: 325px;
	height: 120px;
	margin: 6px 0 22px 0; /* t r b l*/
	border: 1px #000 solid;
}
select {
	width: 350px;
	border: 1px #959595 solid;
}
select[multiple=multiple] {
	width: 100%;
}
option {
	/*font-size: 100%;
	padding: 0 3px;*/
}
input[type=checkbox] {
	clear: left;
	float: left;
	margin: 0px 6px 7px 2px;
	width: auto;
	border: none;
}
input[type=radio] {
	float:left;
	width:auto;
	margin: 0 3px 7px 0;
	border: none;
}
input[type=text] {
	width: 325px;
	margin: 0 0 22px 0; /* t r b l*/
	border: 1px #000 solid;
	color: #999;
}
button {
	width: 110px;
	margin: 0 0 22px 0; /* t r b l*/
	padding: 3px 0 3px 0;
	background-color: #000;
	color: #fff;
	border: none;
	font-size: 11px;
}
div.radio label {
	margin: 0 0 6px 20px;
}
/*input[type=submit]  {
	border: none;
	margin: 0;
	padding: 0;
	background-color: transparent;
	border-bottom: 1px solid #2E3092;
	color: #2E3092;
	cursor: pointer;
	text-align: left;
}*/
input[type=submit]  {
	margin: 0;
	padding: 0 4px 0 4px;
	color: #000;
}
form div.text input {
	width: 350px;
}
form div.small input {
	width: 90px;
}
form div.medium input {
	width: 168px;
}
form div.large input {
	width: 246px;
}
form div.r input, form div.r label {
	margin-left: 10px;
}
form div.textarea textarea{
	width: 350px;
}
form div.checkbox {
	width: 350px;
	margin-top: 10px;
}




/******* Error messages *******/

div.error-message {
	clear: both;
	color: #900;
	font-weight: bold;
}
/*******  Detail *******/
span.detail {
	display: block;
	width: 380px;
	margin: 0;
}
span.detail img {
	padding: 0 0 0 0
}
span.detail p {
	margin: 0 0 12px 0;
}
span.detail table {
	/*width: 460px;*/
	width: 580px;
	margin: 0;
	padding: 0;
	margin: 0 0 12px 0;
}

span.detail table td table td {
	xpadding: 2px 0 2px 0;
}
span.detail table caption {
	font-weight: bold;
	text-align: left;
	padding: 12px 0 10px 0;
}
span.detail table td {
	vertical-align: top;
	padding: 0 0 0 0;
}
/*******  Content *******/
span.content {
	display: block;
	width: 380px;
	margin: 0;
}
span.content h2 {
	/*clear: both;
	width: 380px;
	display: block;*/
	/*margin: 0;*/
}
span.content p, div.content, div.catalog p, div.catalog td, div.catalog span {
	color: #4F4F4F;
	/*color: #f00;*/
}
p.left {
	display: block;
	float: left;
	margin: 0 0 20px 0;
	width: 45%;
	/*background: #ccc*/
}
p.right { /* t r b l*/
	float: right;
	margin: 0 0 20px 50px;
	/*background: #ccc*/
	width: 55%;
}
span.content img {
	padding: 0 0 20px 0
}
span.content img.hascaption {
	padding: 0 0 4px 0;
}
span.content p {
	margin: 0 0 12px 0;
}
span.content a {
	text-decoration: underline;
}
span.content table {
	margin: 0 0 12px 0;
}
span.content table caption {
	font-style: italic;
	text-align: left;
	padding: 12px 0 10px 0;
}
span.content table td {
	padding: 2px 0 2px 0;
}
span.content table th {
	font-weight: normal;
}
span.content p.caption {
	color: #4F4F4F;
	font-style: italic;
}
/*******  Ogone *******/
table.ncoltable1 {
	width: 480px !important;
	margin: 0;
	padding: 0;
	table-layout: fixed;
	border-collapse: collapse;
}

table.ncoltable1 td {
	margin: 0;
	padding: 0;
	border: 0px #f00 solid;
	
}
table.ncoltable1 td.ncoltxtl {
	width: 110px !important;
}
table.ncoltable1 td.ncoltxtr {
	width: 130px !important;
}
td.ncolinput a {
	text-decoration: underline;
}
table.ncoltable1 td b {
	font-weight: normal;
}
p.WaitMsgP img {
	display: none;
}
p.WaitMsgP {
	text-align: center;
}
