body
{
	padding:								0px;
	margin:									0px;
	background-image:				url("http://www.matkamaailm.ee/images/bg3.jpg");
	background-repeat:			repeat-x;
	background-color:				#16334f;
}
form
{
	padding:	0px;
	margin:		0px;
}
code,body,blockquote,ul,ol,li,input,select,textarea,td,button
{
	font-family:		Tahoma, Verdana, Arial, sans-serif;
	font-size:			11px;
}

#header
{
	width:					980px;
	padding-left:		30px;
	background:			#0f2135;
	backgroundd:		#11273e;
	height:					68px;
	overflow:				visible;
	border-bottom:	4px solid #3c638c;
}
#navigation
{
	margin:					2px 0 0 -7px;
	padding:				0 0 0 0;
	list-style:			none;
	float:					left;
	z-index:				100;
}
#navigation ul
{
	padding:	0px;
	margin:		0px;
}
#navigation li
{
	float:			left;
	z-index:		100;
	border-right:	2px solid #2d4d6e;
}

#navigation li:hover
{
}
#navigation li a:link,
#navigation li a:active,
#navigation li a:visited
{
	padding:					15px 40px 33px 15px;
	font:							bold 1.33em Helvetica, Arial, sans-serif;
	color:						#d8d8d8;
	text-decoration:	none;
	display:					block;
	text-transform:		uppercase;
}

#navigation li a:hover
{
}
#navigation li:hover a
{
	text-decoration:		none;
	color:							#fff;
	background-color:		#132b44;
}

#logo-area
{
	width:				980px;
	background:		#FFF;
	height:				100px;
	padding-left:	30px;
	border-bottom:	4px solid #3c638c;
}
#login-link
{
	font-weight:	bold;
	position:			absolute;
	top:					82px;
	left:					885px;
}
#logged-in-nav
{
	position:			absolute;
	top:					82px;
	left:					805px;
}

#languages
{
	position:	absolute;
	top:			82px;
	left:			955px;
}


#footer
{
	width:				1010px;
	background:		#000;
	height:				170px;
	border-top:		4px solid #2d4d6e;
}
#opentimes-box
{
	float:				left;
	color:				#FFF;
	padding:			15px;
	padding-left:	30px;
	width:				220px;
	height:				130px;
	border-right:	2px solid #2d4d6e;
}
#opentimes-box strong
{
	color:	#4580b9;
}

#opentimes-box h1, #mailinglist-box h1, #location-box h1
{
	padding:					0px;
	font-size:				25px;
  line-height:			26px;
  font-weight:			normal;
  letter-spacing:		-.03em;
  margin:						10 0 0 0px;
  color:						#2f6191;
}
#opentimes-box p, #mailinglist-box p, #location-box p
{
	line-height:		1.5em;
}

#mailinglist-box
{
	float:				left;
	color:				#FFF;
	padding:			15px;
	padding-left:	30px;
	width:				300px;
	height:				130px;
	border-right:	2px solid #2d4d6e;
}
.mailinglist-input
{
	color:				#fff;
	border:				2px solid #41688d;
	background:		#132b44;
	width:				190px;
	padding:			6px;
}
.mailinglist-button
{
	margin:		0px;
	padding:	0px;
}

#location-box
{
	cursor:				pointer;
	float:				left;
	color:				#FFF;
	padding:			15px;
	padding-left:	30px;
	width:				300px;
	height:				130px;
	background-image:			url("http://www.matkamaailm.ee/images/tallinnmap.png");
	background-repeat:		no-repeat;
	background-position:	150px 10px;
}


/* ----------------------------------------------------------------------	*/
/* LOGIN BOX																															*/
#login-dialog
{
}
#login-dialog, #login-dialog-page
{
	padding:			25px;
	background:		#FFFFFF;
}
#login-dialog dt, #login-dialog-page dt
{
  padding-top:	2px;
  float:				left;
  width:				100px;
  text-align:		right;
  clear:				left;
}
#login-dialog dd, #login-dialog-page dd
{
  margin-left:		110px;
  margin-bottom:	10px;
}


#login-dialogClose
{
	font-size:		14px;
	line-height:	14px;
	right:				6px;
	top:					4px;
	position:			absolute;
	color:				#6fa5fd;
	font-weight:	700;
	display:			block;
}
#existing-users, #new-users
{
	margin:		0px;
	padding:	40px;
	float:		left;
	height:		200px;
}
#existing-users
{
	border-left:	1px solid #EEE;
}
#new-users
{
}
#existing-users h2, #new-users h2
{
  font-size:				24px;
  line-height:			26px;
  font-weight:			normal;
  letter-spacing:		-.03em;
  margin:						10 0 0 0px;
}
#backgroundPopup
{
	display:			none;
	position:			fixed;
	_position:		absolute;
	height:				100%;
	width:				100%;
	top:					0;
	left:					0;
	bottom:				0;
	background:		#000000;
	border:				1px solid #cecece;
	z-index:			1;
}

/* ----------------------------------------------------------------------	*/
/* USERS																																	*/
.user-profile-table
{
	width:		400px;
	padding:	10px;
}
.user-profile-table-submit
{
	
}
.user-profile-table-input, .user-profile-table-input-zip
{
	width:	225px;
}
.user-profile-table-input-zip
{
	width:	40px;
}
.user-profile-table-input-password
{
	width:	175px;
}
.user-profile-table-textarea
{
	width:	225px;
	height:	40px;
}
.user-profile-table-textarea, .user-profile-table-input-password, .user-profile-table-input-zip, .user-profile-table-input
{
	padding:	3px;
}
.user-profile-table-cell-left
{
	padding:		5px;
	text-align:	right;
	color:			#AAA;
	width:			100px;
}
.user-profile-table-cell-right
{
	padding:		4px;
}
.user-profile-contact-header
{
	padding:					10px;
	background-color:	#EEE;
	font-weight:			bold;
	width:						380px;
	float:						left;
}
.user-profile-password-header
{
	padding:					10px;
	background-color:	#EEE;
	font-weight:			bold;
	width:						370px;
	float:						left;
}
.user-profile-orders-header
{
	margin-top:	15px;
	padding:	10px;
	background-color:	#EEE;
	font-weight:	bold;
}
.user-profile-table-info
{
	float:	left;
	width:	400px;
	margin-top:	5px;
	border-right:	1px solid #EEE;
}

.user-profile-table-password
{
	float:	left;
	width:	385px;
	margin-top:	5px;
}

.user-profile-table-cell-borderup
{
	border-top:	2px solid #EEE;
}
.user-profile-table-cell-borderdown
{
	border-bottom:	2px solid #EEE;
}


#profile-errors
{
	margin:						5px;
	padding:					5px;
	border:						4px solid #FFA6A6;
}
#profile-errors ul
{
	margin:		0px;
	padding:	0px;
	margin-left:	20px;
	margin-top:		10px;
	margin-bottom:	5px;
}
#profile-errors span
{
	font-weight:	bold;
}

#profile-changed
{
	margin:						5px;
	padding:					5px;
	border:						4px solid #91FF91;
}
#profile-changed span
{
	font-weight:	bold;
}

.user-orders-table
{
	padding:	0px;
	margin:		0px;
	width:	790px;
}
.user-orders-table thead
{
	margin:	0px;
	padding	0px;
}
.user-orders-table thead th
{
	text-align:				center;
	font-weight:			bold;
	margin:						0px;
	padding:					5px;
	background-color:	#CCC;
}
.user-orders-table tbody td
{
	text-align:			center;
	border-bottom:	1px solid #EEE;
	padding:				10px;
}

/* ----------------------------------------------------------------------	*/
/* WRAPPER																																*/
#wrapper
{
	padding-left:			30px;
	padding-bottom:		30px;
	position:					relative;
	overflow:					hidden;
	width:						980px;
}

.left
{
	float:	left;
}
.left-categories
{
	width:		170px;
	padding:	0px;
	margin:		0px;
}
.left-categories li
{
	list-style:	none;
}
.left-categories li a:link,
.left-categories li a:visited
{
	background:				url("http://www.matkamaailm.ee/images/button1.gif") no-repeat;
	background-position:	0px 6px;
	color:						#FFF;
	text-decoration:	none;
	display:					block;
	padding:					8px;
	padding-left:			20px;
	font-weight:			bold;
}
.left-categories li a:hover
{
	background-color:			#1a3959;
	background-image:			url("http://www.matkamaailm.ee/images/button1.gif");
	background-repeat:		no-repeat;
	background-position:	0px 6px;
}
.sub-categories
{
	margin:		0px;
	padding:	0px;
}
.sub-categories li
{
	margin:	0px;
	padding:	0px;
}
.sub-categories li a:link,
.sub-categories li a:visited
{
	padding-top:	7px;
	padding-left:	20px;
	background:		none;
	font-weight:	normal;
}
.sub-categories li a:hover
{
	background-color:			#1a3959;
}

.left-search-box
{
	padding-top:		10px;
	padding-bottom:	5px;
}
.left-search-input
{
	color:				#fff;
	border:				2px solid #41688d;
	background:		#132b44;
	width:				120px;
	padding:			6px;
}
.left-search-button
{
	height:							16px;
	width:							16px;
	padding:						0px;
	margin:							0px;
	background-image:		url('http://www.matkamaailm.ee/images/search_icon.png');
	background-repeat:	no-repeat;
	margin-left:				2px;
	margin-top:					1px;
	cursor:							pointer;
}

.main
{
	min-height:	800px;
	background:	#FFF;
	padding:		10px;
	width:			790px;
	float:			left;
}

/* PRODUCTS																																*/
.productsCategoryBox
{
	border:				4px solid #EEE;
	height:				275px;
	height:				245px;
	_height:			275px;
	width:				359px;
	padding:			5px;
	margin:				4px;
	cursor:				pointer;
	float:				left;
	background:		#FFF;
}
.productsCategoryBox ul
{
	padding-top:	5px;
	padding-left:	13px;
	margin:		0px;
}

.itemBox
{
	border:				4px solid #EEE;
	height:				105px;
	_height:			105px;
	width:				359px;
	padding:			5px;
	margin:				4px;
	cursor:				pointer;
	float:				left;
	background:		#FFFFFF;
	position:			relative;
}

.itemBoxImg
{
	float:				left;
	padding:			5px;
	width:				90px;
	height:				90px;
	_height:			90px;
	text-align:		center;
}
.itemBoxDesc
{
	height			85px;
	_height:		85px;
	width:			250px;
	position:		absolute;
	top:				2px;
	left:				110px;
}
.itemBoxPrice
{
	position:					absolute;
	top:							64px;
	left:							245px;
	text-align:				right;
	vertical-align:		bottom;
	height:						40px;
	_height:					40px;
	width:						115px;
}
.itemDiscountPrice, .itemOldPrice, .itemNormalPrice
{
	font-size:		17px;
	font-weight:	bold;
}
.itemOldPrice
{
	font-style:					italic;
	color:							#C0C0C0;
	font-weight:				bold;
	text-decoration:		line-through;
}
.itemNormalPrice
{
	margin-top: 		20px;
}
.itemDiscountPrice
{
	
}

.itemBoxViewMore
{
	position:		absolute;
	top:				90px;
	left:				110px;
}

.itemTitle
{
	font-family:	"Trebuchet MS", Tahoma, "Times New Roman", Arial;
	font-size:		16px;
	font-weight:	bold;
}


.subCatImg
{
	_height:	130px;
	height:		130px;
	width:		130px;
	float:		left;
	padding:	2px;
}
.subCatCont
{
	padding:		3px;
	float:			left;
}

/* ----------------------------------------------------------------------	*/
/* FRONTPAGE																															*/
.frontpage
{
	width:							980px;
	margin:							0px;
	margin-top:					0px;
	margin-left:				5px;
}

#content-slider
{
	/* background:	#12273e; */
	float:		left;
	padding:	5px;
}
#slideController
{
	position:	absolute;
	left:			10px;
}
#slideController span.jFlowSelected
{
	background:#3c638c;
	margin-right:0px;
}

#slides
{
}
.jFlowControl, .jFlowPrev, .jFlowNext
{
	background:			#12273e;
	color:					#FFF;
	font-weight:		bold;
	cursor:					pointer;
	
	margin-bottom:	2px;
	display:				block;
	width:					25px;
	height:					25px;
	text-align:			center;
	line-height:		25px;
}
.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover
{
	background: #3c638c;
}
.slide-title
{
	font-weight:	bold;
	font-size:		11px;
	padding:			0px;
	margin:				0px;
	color:		#99ccff;
}
.slide-wrapper
{
	float:	left;
	padding: 0px;
}
.slide-thumbnail
{
	width:		680px;
	float:		left;
	padding:	0px;
	background-color:	#;
}
.slide-thumbnail img
{
	max-width:	700px;
}
.slide-details
{
	width:						670px;
	position:					absolute;
	top:							300px;
	color:						#FFF;
	float:						right;
	padding:					15px;
	height:						80px;
	background:				url('http://www.matkamaailm.ee/images/black_overlay.png') repeat;
}

.slide-details h2
{
	font-weight:			normal;
	font-family:			Tahoma,Verdana,Arial;
	letter-spacing:		-.04em;
	font-size:				20px;
	padding:					0px;
	margin:						0px;
}
.slide-details .description
{
	margin-top:		10px;
	line-height:	1.5em;
}

#news-bar
{
	min-height:	350px;
	width:	270px;
	float:	left;
}
#news-bar strong
{
	color:	#99ccff;
}

#news-bar ul
{
	margin:		0px;
	padding:	0px;
}
#news-bar li
{
	list-style:	none;
}
#news-bar li a, #news-bar li a:visited
{
	color:						#FFF;
	display:					block;
	padding:					10px;
	text-decoration:	none;
}
#news-bar li a:hover
{
	background:	#142c46;
}

/* ----------------------------------------------------------------------	*/
/* HEADERS																																*/
h1
{
	font-size:					35px;
  line-height:				26px;
  font-weight:				normal;
  letter-spacing:			-.03em;
	font-family:				Tahoma,Arial,Verdana,sans-serif;
	padding:						20px;
	padding-left:				5px;
	margin:							0px;
	color:							#CCC;
}
h2
{
	font-size:				24px;
  line-height:			26px;
  font-weight:			normal;
  letter-spacing:		-.03em;
  margin:						3px;
}
h4
{
	margin-top:				5px;
	font-size:				52px;
	font-weight:			normal;
	line-height:			49px;
	color:						#222;
	letter-spacing:		-4px;
	margin-bottom:		5px;
}
/* ----------------------------------------------------------------------	*/
/* ABOUT & CONTACT																												*/
#about-location
{
}
#about-information
{
	float:	left;
	width:	220px;
}
#about-form
{
	float:	right;
	width:	530px;
}
#about-form input
{
	padding:	3px;
	width:		320px;
}
#about-form textarea
{
	padding:	3px;
	width:		440px;
	height:		200px;
}
#about-form .contact-sendbutton
{
	width:	100px;
	font-weight:	bold;
}
#about-form .contact-captcha
{
	width:	40px;
}

a.newsThumb
{
	width:					100px;
	height:					100px;
	line-height:		110px;
	padding:				5px;
	margin:					5px;
	border:					2px solid #F0F0F0;
	float:					left;
	display:				block;
	text-align:			center;
	vertical-align:	middle;
}

/* ----------------------------------------------------------------------	*/
/* OTHER																																	*/
.clearfloat
{
	clear:				both;
	font-size:		1px;
	height:				0px;
	_height:			0px;
	line-height:	0px;
}
#common-text
{
	padding:	0px 50px 5px 30px;
}

#notification
{
	font-weight:	bold;
	margin-top:		200px;
	margin:				0px auto;
	width:		400px;
	padding:	40px;
	background-color:		#FFF;
}

/* ----------------------------------------------------------------------	*/
/* LINKS																																	*/
a:link,
a:visited
{
	text-decoration:	none;
	color:						#1a3a58;
}
a:hover
{
	color:						#356898;
	text-decoration:	underline;
}

/* ---------------------------------------------------------------------- */
/* PAGES LIST																															*/
.pages-list ul
{
	margin:		0px;
	padding:	0px;
}
.pages-list li
{
	float:		left;
	display:	block;
	padding:	2px;
	margin:		1px;
	padding:	0px;
}
.pages-list a,.pages-list a.selected-page
{
	display:				block;
	text-align:			center;
	vertical-align:	middle;
	width:					24px;
	line-height:		24px;
	height:					24px;
	border:					1px solid #EEE;
}
.pages-list a:hover, .pages-list a.selected-page
{
	border:			1px solid #CCC;
	background:	#EEE;
}


/* ---------------------------------------------------------------------- */
/* BRANDS																																	*/
div#brand-box
{
	float:					left;
	width:					120px;
	height:					120px;
	line-height:		120px;
	_height:				120px;
	padding:				10px;
	margin:					3px;
	border:					4px solid #EEE;
	text-align:			center;
	vertical-align:	middle;
	cursor:					pointer;
}
.brandLogoBox
{
	padding:					20px 32px 20px 32px;
	float:						left;
	width:						120px;
	height:						100px;
	_height:					120px;
	background-color:	#FFF;
}
#brand-title
{
	float:	left;
}
#brand-logo
{
	float:	right;
}

/* ----------------------------------------------------------------------	*/
/* ITEMS PAGE																															*/
#item-features, #item-tech-data
{
	width:	350px;
	float:	left;
	padding:	5px;
}
#item-features ul, #item-features li, #item-tech-data ul, #item-tech-data li
{
	margin:		0px;
	padding:	5px;
}
#item-features li, #item-tech-data li
{
	padding:		7px;
	list-style:	none;
	border-bottom:	1px dotted blue;
}

.itemWrapper
{
	padding-left:	10px;
	padding-right:	10px;
}

.itemWrapper h2
{
	margin:				5px;
	font-size:		24px;
	font-family:	"Trebuchet MS", Tahoma, Verdana;
}

.priceBox, .imageBox, .imagesBox
{
	padding:				10px;
	height:					175px;
	_height:				175px;
	margin-bottom:	20px;
}
.imageBox
{
	float: left;
	width: 170px;
}
.imagesBox
{
	float: left;
	width: 230px;
}
.priceBox
{
	text-align:		right;
	float:				right;
	width: 				300px;
	height:				100px;
}
.priceBox h1
{
	padding:	0px;
	margin:		0px;
	
}
#item-instore
{
	text-align:		right;
	font-weight:	bold;
	padding-top:	5px;
}


.descBox
{
	width:				400px;
	line-height:	1.5em;
	padding:			10px;
}

#similiar-items
{
}
#similiar-item
{
	text-align:		center;
	cursor:				pointer;
	float:				left;
	padding:			13px;
	margin:				5px;
	border:				4px solid #EEE;
	width:				110px;
	height:				190px;
}
#similiar-item-title
{
	height:				54px;
	font-weight:	bold;
}
#similiar-item-image
{
	height:		90px;
}
#similiar-item-price
{
	margin-top:	15px;
}


a.tinyThumb
{
	height:					40px;
	line-height:		40px;
	_height:				40px;
	width:					40px;
	padding:				5px;
	margin:					2px;
	border:					1px solid #F0F0F0;
	float:					left;
	display:				block;
	text-align:			center;
	vertical-align:	middle;
}
a:hover.tinyThumb
{
	border:			1px solid #CCC;
	background:	#F8F8F8;
}


.smalltext
{
	font-size:		9px;
	color:				#CCC;
}

div#item-category-title
{
	border:					3px solid #EEE;
	padding:				10px;
	margin-bottom:	2px;
	margin-top:			10px;
	background:			#F8F8F8;
}

/* PROJECTS */
#projects-list
{
	margin:		0px;
	padding:	0px;
	list-style:	none;
}
#projects-list-thumb
{
	float:		left;
	padding:	10px;
}

#project-description
{
	padding:	10px;
	padding-right:	20px;
}

/* BUNDLES */
#bundle-item
{
	text-align:		center;
	cursor:				pointer;
	float:				left;
	padding:			13px;
	margin:				5px;
	border:				4px solid #EEE;
	width:				110px;
	height:				140px;
}
#bundle-item-title
{
	height:				34px;
	font-weight:	bold;
}
#bundle-item-image
{
	height:		90px;
}

#bundles-assemble
{
	width:	780px;
}
#bundles-available-items
{
	float:	left;
	width:	240px;
	padding-right:	5px;
	border-right:		3px solid #EEE;
	margin-bottom:	10px;
	min-height:			220px;
}
#bundle-slides
{
	padding-left:		10px;
	margin-bottom:	10px;
	float:					left;
	
	height:					230px;
}
.bundle-item-info, .bundle-item-infovisible
{
	width:		525px;
}
.bundle-item-info
{
	display:	none;
}
#bundle-item-tiny
{
	margin:			0px;
	padding:		0px;
	list-style:	none;
	float:			left;
	padding:		5px;
}
#bundle-item-tiny li
{
	padding:	5px;
	float:		left;
	display:	block;
	cursor:		pointer;
	border:		3px solid #FFF;
	width:		40px;
	height:		40px;
	text-align:	center;
}
#bundle-item-tiny li:hover
{
	border:	3px solid #EEE;
}
#bundle-item-info-img
{
	float:				left;
	padding:			5px;
	width:				90px;
	height:				90px;
	_height:			90px;
	text-align:		center
}
#bundle-item-info-title
{
	font-family:	"Trebuchet MS", Tahoma, "Times New Roman", Arial;
	font-size:		16px;
	font-weight:	bold;
	float:				left;
	padding-left:	5px;
	width:				250px;
}
#bundle-item-info-price
{
	float:				left;
	position:			relative;
	left:					10px;
	top:					60px;
	font-size:		17px;
	font-weight:	bold;
}
#bundle-item-info-overall
{
	width:	370px;
	float:	left;
}
#bundle-item-info-desc
{
	float:	left;
	width:	387px;
}

#bundle-added-item
{
	width:	760px;
}
#bundle-added-item ul
{
	margin:		0px;
	padding:	0px;
}
#bundle-added-item ul li
{
	margin-left:		15px;
	display:				block;
	border-top:			3px solid #EEE;
	padding:				15px;
	margin-bottom:	7px;
}
#bundle-added-item-img
{
	width:	90px;
	height:	90px;
	float:	left;
	margin-right:	10px;
}
#bundle-added-item-title
{
	float:	left;
}
#bundle-added-item-percent
{
	float:	right;
	width:	50px;
}


/* CHECKOUT */
table.checkout-table
{
	width:	770px;
}
table.checkout-table thead
{
	text-align:		center;
	font-weight:	bold;
	background:		#EEE;
}
table.checkout-table td
{
	padding:			8px;
	border-top:		1px solid #EEE;
}
td.checkout-table-cell-left
{
	text-align:	left;
}
td.checkout-table-cell-right
{
	text-align:	right;
}
td.checkout-table-cell-center
{
	text-align:	center;
}
table.checkout-table td input
{
	text-align:	center;
	width:			20px;
}

#checkout-shipping, #checkout-billing
{
	padding:	15px;
}

#checkout-shipping ul
{
	padding:		0px;
	margin:			0px;
	list-style:	none;
}

#checkout-billing1
{
	padding:	15px;
	float:	left;
}
#checkout-billing2
{
	padding:	15px;
	float:	left;
}

#checkout-billing1 ul, #checkout-billing2 ul
{
	list-style:	none;
	padding:		0px;
	margin:			0px;
}
#checkout-billing1 ul li, #checkout-billing2 ul li
{
	padding:	3px;
}
#checkout-billing1 ul li input, #checkout-billing2 ul li input
{
	padding:	3px;
	width:	225px;
}
#checkout-billing ul li textarea
{
	padding:	3px;
	width:	225px;
	height:	40px;
}
#checkout-billing1 ul li label, #checkout-billing2 ul li label
{
	color:					#AAA;
	text-align:			right;
	display:				block;
	float:					left;
	width:					100px;
	padding-top:		5px;
	padding-right:	2px;
}
#checkout-billing1 ul li span, #checkout-billing2 ul li span
{
	padding:				3px;
	width:					225px;
	text-align:			left;
	display:				block;
}


/* NOTICES */
.notice-good
{
	padding:					10px;
	border:						3px solid blue;
	margin-bottom:		10px;
	font-weight:			bold;
}


/* VALIDATION */
input.error, select.error, textarea.error { border: 2px solid red; padding:	7px; }

label.valid
{
	background:		url('http://dev.jquery.com/view/trunk/plugins/validate/demo/images/checked.gif') no-repeat;
	display:			block;
	width:				16px;
	height:				16px;
}
label.error
{
	padding-left:			18px;
	font-weight:			bold;
	float:						none;
	color:						red;
}

/* signup */
#signup-form
{
	width:	390px;
	float:	left;
}

#register-info-box
{
	float:	left;
	width:	380px;
	padding:	10px;
}