body{
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #336699;
	font-size: 8pt;
}

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

a:hover{
	text-decoration: underline;
}

.obligate{
	border-bottom: 1px dotted #9FC2DF;
}

img{
	border: 0px none;
}

input[type=text], input[type=password], textarea{
	border: 1px solid #9FC2DF;
	text-align: left;
	padding: 2px 2px 2px 2px;
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #336699;
}

input[disabled]{
	border: 1px solid #CCCCCC;
	text-align: left;
	padding: 2px 2px 2px 2px;
}

label{
	padding-top: 0px;
	margin-top: 0px;
}

.button{
	width: 112px;
	height: 22px;
	background-image: url(../images/button-background.jpg);
	display: block;
	color: #FFF;
	font-weight: bold;
	padding-top: 7px;
	text-align: center;
	text-decoration: none;
}

.blueButton{
	width: 112px;
	height: 22px;
	background-image: url(../images/button-blue-background.jpg);
	display: block;
	color: #336699;
	font-weight: bold;
	padding-top: 7px;
	text-align: center;
	text-decoration: none;
}

.blueSquareButton{
	width: 29px;
	height: 22px;
	background-image: url(../images/square-button-background.jpg);
	display: block;
	color: #336699;
	font-weight: bold;
	padding-top: 7px;
	text-align: center;
	text-decoration: none;
}

.green{
	color: #6BD900;
}

.red{
	color: #FF0000;
}

.orange{
	color: #FF6600;
}

.silver{
	color: #B9B9B9;
}

#detail #main{
	width: 1000px;
	margin: auto;
	text-align: left;
	background-image: url(../images/detail-background.jpg);
	background-position: 0px 80px;
	background-repeat: no-repeat;
	min-height: 400px;
	margin-top: -80px;
}

#catalogue #main{
	width: 1000px;
	margin: auto;
	text-align: left;
	background-image: url(../images/catalog-background.jpg);
	background-position: 0px 80px;
	background-repeat: no-repeat;
	min-height: 400px;
	margin-top: -80px;
}

div[id] #main {
   height:auto;
   }

/* ----- MENU ----- */

#header{
	background-image: url(../images/header-background.jpg);
	height: 80px;
	width: 1000px;
	position: absolute;
	margin-top: 0px;
	margin-left: 0px;
}

#logo{
	position: absolute;
	margin-left: 32px;
}

#topMenu{
  position: absolute;
	margin-left: 242px;
	top: 30px;
	color: #336699;
  font-weight: bold;
}

#topMenu a{
  color: #336699;
  font-weight: bold;
  font-size: 120%;
}

#headerText{
  width: 300px;
  position: absolute;
}

#headerText h2{
  font-size: 130%;
  margin-top: 15px;
  margin-bottom: 10px;
}

#flashBanner{
  position: absolute;
  margin-left: 305px;
  margin-top: 0px;
}
	
/* ----- MENU ----- */

#menu{
	position: absolute;
	margin-left: 41px;
	margin-top: 90px;
	width: 179px;
	border-top: 1px solid #E8F2FB;
}

#menu a{
	display: block;
	width: 169px;
/*	height: 34px; */
	background-image: url(../images/menu-background.jpg);
	background-repeat: repeat-x;
	background-color: #9FBEFE;
	border-bottom: 1px solid #FFF;
	color: #555555;
	text-decoration: none;
	font-size: 13pt;
	padding-left: 10px;
	padding-top: 14px;
	padding-bottom: 10px;
}

#menu a:hover{
	background-image: url(../images/menu-background-hover.jpg);
	background-repeat: repeat-x;
	background-color: #89AEFF;
}

#menu a.expanded{
	display: block;
	height: auto;
	border-bottom: 1px solid #FFF;
	color: #555555;
	text-decoration: none;
	font-size: 9pt;
	background-image: url(../images/expanded-background.jpg);
	background-repeat: repeat-x;
	background-color: #F3F3F3;
	padding-top: 2px;
	padding-bottom: 1px;
}

#menu a.expanded:hover{
	background-image: url(../images/expanded-background-hover.jpg);
	background-repeat: repeat-x;
	color: #FFF;
	background-color: #A40102;
}

/* ----- IMAGE ----- */

#image{
	position: absolute;
	margin-left: 258px;
	margin-top: 104px;
	width: 367px;
	height: 463px;
}

#enlarge{
	position: absolute;
	margin-left: 37px;
	margin-top: 5px;
	background-image: url(../images/enlarge-ico.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 15px;
	font-size: 9pt;
	text-decoration: none;
}

#image img{
	position: absolute;
	margin-left: 5px;
	margin-top: 31px;
}

#imagesList{
	position: absolute;
	margin-left: 341px;
	margin-top: 50px;
	width: 26px;
}

#imagesList a{
	display: block;
	width: 27px;
	height: 21px;
	text-decoration: none;
	background-image: url(../images/image-number-background.jpg);
	margin-bottom: 1px;
	margin-left: -1px;
	text-align: center;
	padding-top: 5px;
	font-size: 9pt;
}

/* ----- CONTENT, TEXT & LIST OF OPTIONS ----- */

#detail h1{
	font-size: 16pt;
	position: absolute;
	margin-left: 650px;
	margin-top: 125px;
	width: 320px;
	line-height: 23px;
}

#catalogue h1{
	font-size: 16pt;
	position: absolute;
	margin-left: 265px;
	margin-top: 144px;
	width: 728px;
	line-height: 23px;
}

#detail #content{
	position: absolute;
	margin-left: 650px;
	margin-top: 175px;
	width: 320px;
	font-size: 8pt;
}

#catalogue #content{
	position: absolute;
	margin-left: 260px;
	margin-top: 175px;
	width: 730px;
	font-size: 8pt;
}

#detail #text{
	text-align: justify;
	margin-bottom: 15px;
}

#listOfOptions{
	width: 320px;
}

.option{
	background-image: url(../images/option-background.jpg);
	background-repeat: repeat-y;
	margin-top: 10px;
}

.optionNumber{
	width: 26px;
	background-color: #FFF;
	float: left;
	height: 21px;
	text-align: center;
	padding-top: 5px;
	font-size: 10pt;
	font-weight: bold;
}

.optionDescription{
	float: left;
	width: 270px;
	font-size: 7pt;
	padding: 5px;
}

.detailDescription{
	float: left;
	width: 280px;
	font-size: 7pt;
	padding: 5px;
}

.detailDescription input{
	width: 15px;
	text-align: center;
}

.color td{
	text-align: center;
}

.optionName{
	font-size: 8pt;
	margin-bottom: 3px;
	color: #FF0000;
	font-weight: bold;
	text-transform: uppercase;
}

.optionText{
	
}

.optionDDLs{
	float: left;
	width: auto;
	margin-left: 30px;
	padding-top: 10px;
	clear: both;
}

.optionDDLs span{
	display: block;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 3px;
	font-weight: bold;
}

.optionDDLs select{
	width: 270px;
	height: 20px;
	font-size: 8pt;
	margin-bottom: 5px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

#inputQuantityCat{
	width: 270px;
	height: 20px;
	font-size: 8pt;
	margin-bottom: 5px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.optionActionRow{
	height: 20px;
	clear: both;
	background-color: #F2F9FE;
	border-top: 1px solid #FFF;
	padding: 3px;
}

.optionPrice{
	margin-left: 27px;
	float: left;
	color: #FF0000;
	font-size: 11pt;
	font-weight: bold;
}

.optionOrder{
	float: right;
	color: #FF0000;
}

.optionOrder a{
	color: #FF0000;
	background-image: url(../images/cart-ico.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 20px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	display: block;
	margin-top: 3px;
	margin-right: 5px;
}

/* ----- COLLECTION ----- */

.collection{
	margin-left: 6px;
	margin-right: 6px;
	width: 230px;
	margin-bottom: 20px;
	float: left;
	background-position: bottom;
	background-image: url(../images/product-background.jpg);
	background-repeat: no-repeat;]
}

.collectionImage{
	width: 230px;
	height: 350px;
	margin-bottom: 5px;
}

.collectionName{
	width: 230px;
	font-size: 11pt;
	font-weight: bold;
	margin-bottom: 15px;
	display: block;
	height: 30px;
}

.collectionText{
	width: 230px;
	height: 130px;
}

.collectionOrder{
	margin-top: 10px;
	width: 230px;
	text-align: center;
	margin-bottom: 10px;
}
/* ----- PRODUCT ----- */

.product{
	width: 360px;
	float: left;
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: 10px;
	height: 157px;
	background-image: url(../images/product-background.jpg);
	background-position: 58px 23px;
	background-repeat: no-repeat;
}

.productName{
	position: absolute;
	margin-top: 2px;
	margin-left: 135px;
	font-size: 8pt;
	font-weight: bold;
	width: 220px;
}

.productName a{
	color: #FF6600;
}

.productImage{
	position: absolute;
	margin-top: 2px;
	margin-left: 5px;
}

.productText{
	position: absolute;
	margin-top: 35px;
	margin-left: 135px;
	width: 215px;
	text-align: justify;
}

.productInfo{
	position: absolute;
	margin-top: 95px;
	margin-left: 135px;
	width: 215px;	
}

.productPrice{
	float: left;
	color: #FF6600;
	font-size: 12pt;
	font-weight: bold;
}

.productStatus{
	float: right;
	font-size: 10pt;
	margin-top: 2px;
}

.productOrder{
	position: absolute;
	margin-top: 120px;
	margin-left: 243px;
}

/* ----- PAGE COUNTER ----- */

.pageCounter{
	width: 720px;
	float: left;
	margin-bottom: 15px;
	margin-top: 15px;
	margin-left: 4px;
	text-align: right;
}

.pageCounter table{
	float: right;
}

.pageCounter a{
	margin-left: 5px;
}

/* ----- CART & MENU ----- */

#bestSellers{
	width: 719px;
	float: left;
	margin-left: 5px;
}

.even{
	background-color: #F8FAFF;
	border-bottom: 1px solid #FFF;
}

.even td{
	padding: 4px;
}

.odd{
	background-color: #E9F1FF;
	border-bottom: 1px solid #FFF;
}

.odd td{
	padding: 4px;
}

/* ----- SHOPPING CART STEP ONE ----- */

#shoppingCart{
	width: 717px;
	margin-left: 5px;
}

#shoppingCartHeader{
	width: 717px;
}

#shoppingCartHeader span{
	background-image: url(../images/shopping-label-background.jpg);
	background-repeat: repeat-x;
	height: 25px;
	padding-top: 8px;
	color: #FFF;
	font-weight: bold;
	float: left;
	margin-right: 1px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 7px;
}

#shoppingCartHeader #active{
	background-image: url(../images/shopping-label-active-background.jpg);
	background-repeat: repeat-x;
	height: 27px;
	padding-top: 13px;
	color: #FFF;
	font-weight: bold;
	float: left;
	margin-right: 1px;
	padding-left: 15px;
	padding-right: 15px;
	margin-top: 0px;
	font-size: 10pt;
}

#shoppingCartContent{
	margin: 0px;
	background-image: url(../images/shopping-cart-content-background.jpg);
	background-repeat: repeat-x;
	width: 717px;
	min-height: 250px;
	float: left;
}

div[id] #shoppingCartContent {
   height:auto;
}

.bordered{
	float: left;
	border: 1px solid #9FC2DF;
	margin-left: 10px;
	margin-top: 10px;
	width: 688px;
	padding-left: 5px;
	padding-top: 5px;
	background-color: #FFF;
}

#borderedDiv{
	float: left;
	border: 1px solid #9FC2DF;
	margin-left: 10px;
	margin-top: 10px;
	width: 688px;
	padding-left: 5px;
	padding-top: 5px;
	background-color: #FFF;
}

#borderedTable{
	width: 688px;
}

#borderedTable td{
	padding: 3px 8px 3px 8px;
}

#borderedTable th{
	padding: 3px 8px 3px 8px;
	height: 30px;
	color: #B2B2B2;
	font-weight: bold;
}

.bordered th{
	padding: 3px 8px 3px 8px;
	height: 30px;
	color: #B2B2B2;
	font-weight: bold;
}

.bordered td{
	padding: 3px 8px 3px 8px;
}

#borderedTable a{
	font-weight: bold;
}

.price{
	font-weight: bold;
	text-align: right;
	background-image: url(../images/dotted-c.jpg);
	background-repeat: no-repeat;
	background-position: -25px 0px;
	padding-right: 10px;
}

.shoppingCart{
	background-image: url(../images/dotted.jpg);
	background-repeat: repeat-x;
}

.shoppingCartCountRow{
	background-image: url(../images/dotted.jpg);
	background-repeat: repeat-x;
	height: 40px;
	vertical-align: bottom;
}

#shoppingCartCountedPrice{
	color: #FF0000;
	font-weight: bold;
	font-size: 10pt;
	margin: 0px;
}

#includingVAT{
	color: #B2B2B2;
	font-weight: none;
	font-size: 7pt;
	margin-top: 0px;
}

#borderedTable input{
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #336699;
}

#borderedTable .quantityInput{
	width: 25px;
	height: 13px;
	text-align: center;
}

#borderedTable .acceptButton{
	width: 31px;
	height: 19px;
	background-image: url(../images/accept-button-background.jpg);
	display: block;
	margin: 0px;
	padding: 0px;
	text-align: center;
	text-decoration: none;
}

#borderedTable .deleteButton{
	width: 31px;
	height: 19px;
	background-image: url(../images/delete-button-background.jpg);
	display: block;
	margin: 0px;
	padding: 0px;
	text-align: center;
	text-decoration: none;
}

#borderedTable .allNull{
	padding: 4px 0px 4px 0px;
	margin: 0px;
	text-align: center;
}

#shoppingCartNavigator{
	width: 695px;
	margin-left: 10px;
	margin-top: 10px;
	float: left;
	clear: both;
}

/* ----- CART & MENU ----- */

#cart{
	position: absolute;
	color: #FF0000;
}

#showMessage{
	position: absolute;
	margin-top: 80px;
	margin-left: 245px;
	color: #FF0000;
	text-align: center;
	display: block;
	width: 335px;
	height: 22px;
	padding-top: 6px;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	color: #FF0000;
	cursor: pointer;
}

#showMenu{
	position: absolute;
	margin-top: 80px;
	margin-left: 633px;
	color: #FF0000;
	text-align: center;
	display: block;
	width: 135px;
	height: 22px;
	padding-top: 6px;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	color: #FF0000;
	cursor: pointer;
}

#cart{
	position: absolute;
	margin-top: 80px;
	margin-left: 778px;
}

#cart a{
	text-align: center;
	display: block;
	width: 215px;
	height: 22px;
	padding-top: 6px;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
}

.shippingPrice{
	font-size: 12pt;
	color: #FF0000;
	font-weight: bold;
}

#mainHeader{
	height: 260px;
	width: 717px;
	background-image: url(../images/main-page-background.jpg);
	background-repeat: no-repeat;
	background-position: 0px 250px;
	padding-left: 4px;
	margin-bottom: 10px;
}

.mainPageProductRow{
	width: 730px;
	margin-left: -10px;
	margin-bottom: 10px;
}

.mainPageProductRow .item{
	background-image: url(../images/main-page-product.jpg);
	background-repeat: no-repeat;
	background-position: 0px 151px;
	text-align: center;
	width: 150px;
	margin-bottom: 15px;
	float: left;
	margin-left: 15px;
	margin-right: 14px;
}

.mainPageProductRow .item .itemImg{
	width: 150px;
	height: 150px;
	margin-bottom: 7px;
}

.mainPageProductRow .item .itemName a{
	color: #F91919;
	font-weight: bold;
	margin-bottom: 5px;
	font-size: 9pt;
}

.mainPageProductRow .item .itemText{
	margin-top: 5px;
	font-weight: bold;
	margin-bottom: 5px;
}

#mainText{
	width: 677px;
	background-image: url(../images/main-page-background.jpg);
	background-repeat: no-repeat;
	padding: 20px 20px 20px 20px;
}

#mainText h1{
	color: #F91919;
	margin: 0px;
	padding: 0px;
	position: relative;
	margin-top: 10px;
	width: auto;
}

#relations{
  margin-top: 10px;
}

#relations h3{
  font-size: 120%;
  width: 179px;
  display: block;
  text-align: center;
}

#relations .item{
  margin-bottom: 10px;
  padding-bottom: 10px;  
  background-image: url(../images/main-page-background.jpg);
	background-repeat: no-repeat;
	backgroun-position: 0px 0px;
	padding-top: 10px;
}

#relations .item a.itemName{
  color: #FF0000;
  display: block;
  background-image: none;
  font-size: 100%;
  background-color: transparent;
  margin: 0px;
  padding: 0px;
  width: 179px;
  text-align: center;
}

.itemPrice{
  font-weight: bold;
  width: 179px;
  margin-top: 5px;
  margin-bottom: 5px;
  color: #555;
  display: block;
  text-align: center;
  font-size: 130%;
}

.itemOrder{
  width: 179px;
  text-align: center;
}

.itemImage{
  width: 169px;
  text-align: center;
}