/**********************************************
***				GENERAL 					***
**********************************************/

html,body {
	margin: 0;
	padding: 0;
}
body {
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 10px;
	color: #000000;
	background-color: #FFFFFF;
	background-image: url(img/bg.gif);
	width: 100%;
}

/* Clearing fix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.left { float:left; clear:none;}
.right { float:right; clear:none;}

#simpleText {
	margin:15px;
	font-size:12px;
	color:#666666;
}
a {
	color:#666666;
	text-decoration:underline;
}
a:hover {
	color:#000000;
	text-decoration:none;
}
ul {
	list-style-type: square;	
}
/**********************************************
***				MAIN BLOCK 					***
**********************************************/

#ctnrMainWrapper {
	margin-top: 50px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:20px;
	width:940px;
	/*background-color:transparant;*/
}

/**********************************************
***				LEFT BLOCK 					***
**********************************************/

#ctnrLeft {
	width:215px;
	height:565px;
	float:left;
	margin-right:5px;
}
#ctnrLeftLogo {
	clear:both;
	height:372px;
	margin-bottom:2px;
	background-repeat: no-repeat;
}
#ctnrLeft .green{background-image:url(img/atoma_left_green.gif);}
#ctnrLeft .orange{background-image:url(img/atoma_left_orange.gif);}
#ctnrLeft .purple{background-image:url(img/atoma_left_purple.gif);}
#ctnrLeft .blue{background-image:url(img/atoma_left_blue.gif);}
#ctnrLeft .red{background-image:url(img/atoma_left_red.gif);}

#ctnrLeftContact {
	/*margin-top: 218px;*/
	padding-left: 25px;
	padding-right: 15px;
	font-size: 12px;
	color: #333333;
	line-height:19px;
	
	position:relative;
	top: 88px;
}
#ctnrLeftLogoClicker {

	line-height:19px;
	width:165px;
	height:130px;
	position:relative;
	top: 20px;
	left:25px;
}

#ctnrLeftContent{
	clear:both;
	height:164px;
	margin-top:5px;
}
#ctnrLeftNews{
	clear:both;
	height:164px;
	margin-top:4px;
	background-image: url(img/left_news.jpg);
	background-repeat: no-repeat;
	padding-left:25px;
	padding-top:5px;
}
#ctnrLeftNews .title {
	padding:0;
	margin:0;
	font-size: 18px;
	color: #FFFFFF;	
}
#ctnrLeftNews p {
	margin-top:60px;
	display:block;
	width:180px;
}
#ctnrLeft a{
	color:#000000;
}
#ctnrLeft a:hover {
	color:#666666;
}
#ctnrLeftFooter
{
	clear:both;
	font-size: 11px;
	color: #666666;
}
#ctnrLeftFooter a {
	font-size: 11px;
	color: #666666;
	text-decoration:none;
}
#ctnrLeftFooter a:hover {
	text-decoration:underline;
}

/**********************************************
***				MAIN BLOCK 					***
**********************************************/

/* All content blocks with FIXED height */
#ctnrMain,
#ctnrMainFixed {
	
	width:720px;
	float:left;
	clear:none;
	background-repeat: no-repeat;
	font-size: 12px;	
	line-height:1.2em;
	padding:0;
	margin:0;
	text-align:left;
	overflow:hidden;
}
#ctnrMainFixed {
	height:545px;
}

#ctnrMainFixedBack {
	position:absolute;
	top:-1000px;
	left:-1000px;
	width:720px;
	float:left;
	clear:none;
	background-repeat: no-repeat;
	font-size: 12px;	
	line-height:1.2em;
	padding:0;
	margin:0;
	text-align:left;
	overflow:hidden;
	z-index:0;
}
#ctnrMainFixed {
	height:545px;
}
/* All content blocks with variable height */
#ctnrMainTop {
	height:10px;
	width:720px;
	font-size:10px;
	overflow:hidden;
}
#ctnrMainBottom {
	height:15px;
	width:720px;
	font-size:10px;
	
}
#ctnrMainMiddle {
	min-height:518px;
	width:720px;
}
/* Internet Explorer min-height hack */
/*\*/
* html #ctnrMainMiddle {
	height: 518px;
}


/* Backgrounds per color - GREEN */
.topGreen {
	background-image: url(img/main_top_green.gif);
	background-repeat: no-repeat;	
}
.middleGreen {
	background-image: url(img/main_middle_green.gif);
	background-repeat: repeat-y;
}
.bottomGreen {
	background-image: url(img/main_bottom_green.gif);
	background-repeat: no-repeat;	
}

/* Backgrounds per color - WHITE */
.topWhite {
	background-image: url(img/main_top_white.gif);
	background-repeat: no-repeat;	
}
.middleWhite {
	background-image: url(img/main_middle_white.gif);
	background-repeat: repeat-y;
}
.bottomWhite {
	background-image: url(img/main_bottom_white.gif);
	background-repeat: no-repeat;	
}

.imgWhite {	
	background-image: url(img/main_img_white.jpg);
	height: 1030px;
}
.bgWhite {	background-image: url(img/main_bg_white.gif);}
.bgWhite,.imgWhite,.middleWhite { color:#666666; }


/* Backgrounds per color - PURPLE */
.topPurple {
	background-image: url(img/main_top_purple.jpg);
	background-repeat: no-repeat;	
}
.middlePurple{
	background-image: url(img/main_middle_purple.jpg);
	background-repeat: repeat-y;
}
.bottomPurple {
	background-image: url(img/main_bottom_purple.jpg);
	background-repeat: no-repeat;	
}
.middlePurple { color:#FFFFFF; }
.middlePurple a {
	color:#FFFFFF;
	text-decoration:underline;
}
.middlePurple a:hover {
	color:#FFFFFF;
	text-decoration:none;
}

/* Backgrounds per color - GREEN */
.bgGreen {	background-image: url(img/main_bg_green.gif);}
.imgGreen {	background-image: url(img/main_img_green.jpg);}
.bgGreen,.imgGreen,.middleGreen {	color: #4B4A36;   }

/* Backgrounds per color - BLUE */

.imgBlue {	
	background-image: url(img/main_img_blue.jpg);
	height: 683px;
	color:#FFFFFF; 
}
.imgBlue a {
	color:#FFFFFF;
	text-decoration:underline;
}
.imgBlue a:hover {
	color:#FFFFFF;
	text-decoration:none;
}

/* Backgrounds per color - RED */
.imgRed {	
	background-image: url(img/main_img_red.jpg	);
	height: 953px;
	color:#FFFFFF; 
}
.imgRed a {
	color:#FFFFFF;
	text-decoration:underline;
}
.imgRed a:hover {
	color:#FFFFFF;
	text-decoration:none;
}

/* Footer */
#cntrMainFooter {
	width:705px;
	clear:none;
	float:right;
	padding-right:10px;
	color:#286599;
}
#cntrMainFooter .logo {
	float:right;
	clear:none;
	width:110px;
	height: 18px;
	/*background-image: url(img/site_dreammachine.jpg);
	background-repeat: no-repeat;*/
}
#cntrMainFooter a {	color:#286599;}
#cntrMainFooter a:hover { color:#666666;}

#cntrPrintAddress {display:none; }

#ctnrMainLeft {
	width:315px;
	float:left;
	clear:none;
	padding-left:20px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}
#ctnrMainRight {
	width:305px;
	float:left;
	clear:none;
	padding-left:35px;
	padding-top: 20px;
	padding-right: 5px;
	padding-bottom: 20px;
}

/* heading styles */

#simpleText h1,
#ctnrMainRight h1,
#ctnrMainLeft h1
{
	font-size: 22px;
	margin-top:10px;
	margin-bottom:20px;
	font-weight:200;
	line-height:25px;
}

.middlePurple #ctnrMainLeft,
.middleWhite #ctnrMainLeft
 {
	padding-top:10px;
}

#simpleText h2,
#ctnrMainRight h2,
#ctnrMainLeft h2
{
	font-size: 18px;
	margin-top:10px;
	margin-bottom:10px;
	font-weight:200;
	line-height:22px;
	clear:both;
}
#simpleText h2 a,
#ctnrMainRight h2 a,
#ctnrMainLeft h2 a {

	text-decoration:underline;
	color:#666666;
}
 
#simpleText h3,
#ctnrMainRight h3,
#ctnrMainLeft h3
{
	font-size: 16px;
	margin-top:5px;
	margin-bottom:5px;
	font-weight:bold;
	line-height:18px;
	clear:both;
}
.imgWhite #ctnrMainLeft  h1 {
	margin-bottom:0;
}
.imgWhite #ctnrMainLeft  h2 {
	margin-bottom:0;
}

h4
{
	font-size: 14px;
	margin-top:10px;
	margin-bottom:10px;
	font-weight:normal;
	line-height:14px;
	clear:both;
}
h4 a
{
text-decoration:none;
}
/**********************************************
***				TABS						***
**********************************************/

#ctnrTabs {
	clear:both;
	height: 37px;
	overflow:hidden;
	width:100%;
}

/**********************************************
***				LANGUAGE PAGE				***
**********************************************/

.language {
	display: block;
	padding:2px;
	width:275px;
	font-size:12px;
	margin-left:30px;
	margin-bottom:20px;
}
.language h3 {
	margin:0;
	padding:0;
	font-size:22px;
	font-weight:100;
	margin-bottom:15px;
}
.language img {
	margin-top:5px;
	margin-bottom:5px;
	border:0;
}
.language a {
	color:#666666;
	text-decoration:none;
}
.language a:hover {
	color:#FFFFFF;
	text-decoration:none;
}

/**********************************************
***				DETAIL PRODUCT STYLES		***
**********************************************/

ul.colors {
	list-style-type:none;
	margin:0;
	padding:0;
}
.colors li {
	float:left;
	clear:none;
	/*border: 1px solid #999999;*/
	height:58px;
	width:58px;
	padding:0;
	margin:0;
}
.colors li img {
	margin:1px;
}

.colors_waaier {
	/*border: 1px solid #666666;*/
	float:right;
}

.print {
	float:right;
	margin-right:10px;
	cursor: hand;
	width:100%;
	text-align:right;
	vertical-align:middle;
}

table.data {
	width:100%;
	margin-bottom:15px;
}
.data tr td {
	font-size:11px;
	text-align:left;
}
.data .heading { 
	font-size:12px;
	font-weight:bold;
	padding:5px;
	text-align:left;
}

/**********************************************
***				PRODUCTEN PAGE				***
**********************************************/
.products {

	width:100%;
}
.products td {
	clear:none;
	float:left;
	padding:0;
	padding-bottom: 3px;
	margin: 1px;
	vertical-align: top;	
	width:70px;
	display:block;
}
.products td img {
	float:left;
	margin-right:10px;
	margin-bottom:1px;
	border:1px solid #666666;
	width: 55px;
}
.products a {
	font-size: 10px;
	line-height:11px;
	color:#666666;
	text-decoration:none;
	clear:both;
	float:left;
	width:100%;
}
.products a:hover {
	color:#000000;
	text-decoration:none;
}


.country {
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}
.cat {
	text-decoration:none;
}