/* CSS Document
@charset "UTF-8";


copyright

	LiveWell
	designed by: Benko Tibor

	you may take and use elements of this style sheets and any imported files.
	but the unique combination of layout, font styles, colours and etc. is copyrighted.
	you may not use any of the graphical elements on this site.

	copyright: 2006 LiveWell. All rights reserved.

	last updated: July 11, 2006



table of contents

	1. page layout
	2. content layout
	3. top menu layout
	4. left menu layout
	5. right side layout
	6. fish background
	**** changes 2006-07-10****
	7. search form 
	8. products
	9. site path
	10. news

*/


/***********************************
1. page layout
************************************/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 135%;
	font-weight: normal;
	text-decoration: none;
	background-color: #F9EDD9;
	text-align: left;
}
a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 135%;
	font-weight: bold;
	text-decoration: none;
}
a:link {
	text-decoration: none;
	color:#AD7F49;
}
a:visited {
	text-decoration: none;
	color:#AD7F49;
}
a:hover {
	text-decoration: none;
	color:#990000;
}
a:active {
	text-decoration: none;
	color:#990000;
}
.Page {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 135%;
	font-weight: normal;
	text-decoration: none;
	display: block;
	width: 770px;
	border: 0px solid #FFCC00;
	margin: 0px auto 0px auto;
}
.Copyright{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 135%;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	color: #AD7F49;
	display: block;
	width: 770px;
	border: 0px solid #FFCC00;
}

.Copyright A{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 135%;
	font-weight: normal;
	text-decoration: none;
	color: #AD7F49;	
	border: 0px solid #FFCC00;
}
/***********************************
2. content layout
************************************/
.ContentTop {
	background-image:   url("../images/main/content_top.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	text-align: left;
	display: block;
	height: 25px;
	width: 770px;
}
.Content {
	background-image:   url("../images/main/content_background.png");
	background-repeat: repeat-y;
	background-position: center top;
	text-align: left;
	display: block;
	/*height: 576px;*/
	width: 770px;
	border: 0px solid #FF9900;
}

.ContentTitle {
	font-size: 18px !important;
	font-weight: normal;
	color: #990000;
	text-align: left;
	margin: 25px 0px 5px 0px;
	display: block !important;
	border: 0px solid #CCCCCC;
}
.ContentBottom {
	background-image:   url("../images/main/content_bottom.png");
	background-repeat: no-repeat;
	background-position: center top;
	text-align: left;
	display: block;
	height: 30px;
	width: 770px;
}


.TitleBig {
	font-size:36px;
	color: #AD7F49;
	text-align: left;
	display: block;
}

.TextYellow {
	font-size: 12px;
	font-weight: normal;	
	color:#AD7F49;	
}

.TextRed {
	color: #990000; 
	font-weight:bold;
}
/***********************************
3. top menu layout
************************************/
.TopMenu {
	font-size: 12px !important;
	font-weight: bold;
	background-image:   url("../images/main/topmenu_background.png");
	background-repeat: no-repeat;
	background-position: center top;
	text-align: left;
	height: 25px;
	width: 734px !important;
	border: 0px solid #FF9900;
	margin-top: 5px;
	margin-right: 18px !important;
	margin-bottom: 5px;
	margin-left: 18px !important;
	overflow: hidden;
}
.TopMenuItem {
	font-size: 12px !important;
	background-image:   url("../images/main/topmenu_separator.gif");
	background-repeat: no-repeat;
	background-position: right center;
	height: 21px !important;
	padding-top: 4px !important;
	padding-right: 10px !important;
	padding-bottom: 0px;
	padding-left: 10px !important;
	display: inline !important;
	border: 0px solid #FF9900;
	position: relative;
	float: left !important;
	overflow: hidden;
}

.TopMenuItemActive {
	font-size: 12px !important;
	color:#990000 !important;
	background-image:   url("../images/main/topmenu_separator.gif");
	background-repeat: no-repeat;
	background-position: right center;
	height: 21px !important;
	padding-top: 4px !important;
	padding-right: 10px !important;
	padding-bottom: 0px;
	padding-left: 10px !important;
	display: inline !important;
	border: 0px solid #FF9900;
	position: relative;
	float: left !important;
}



/***********************************
4. left menu layout
************************************/
.LeftMenu {
	text-align: left;
	width: 257px !important;
	border: 0px solid #FF9900;
	margin-top: 25px;
	margin-right: 15px !important;
	margin-bottom: 0px;
	margin-left: 0px !important;
	overflow: hidden;
	display: block !important;
	height: auto;	/*float: left !important;*/
}
.LeftMenuItem {
	font-size: 12px !important;
	font-weight: normal;
	background-image:   url("../images/main/leftmenu_background.gif");
	background-repeat: no-repeat;
	background-position: left top;
	width: 257px !important;
	height: 19px !important;
	padding-top: 0px !important;
	padding-right: 10px !important;
	padding-bottom: 0px !important;
	padding-left: 30px !important;
	display: block !important;
	border: 0px solid #FF9900;
	position: relative;
	overflow: hidden;
}
.LeftMenu a:hover{
	background-image:   url("../images/main/leftmenu_background.gif");
	background-repeat: no-repeat;
	background-position: left bottom !important;
}
.LeftMenu a:active{
	background-image:   url("../images/main/leftmenu_background.gif");
	background-repeat: no-repeat;
	background-position: left bottom !important;
}
.LeftMenuItemActive {
	font-size: 12px !important;
	font-weight: normal;
	background-image:   url("../images/main/leftmenu_background.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 257px !important;
	height: 19px !important;
	padding-top: 0px !important;
	padding-right: 10px !important;
	padding-bottom: 0px !important;
	padding-left: 30px !important;
	display: block !important;
	border: 0px solid #FF9900;
	position: relative;
	overflow: hidden;
	color: #990000 !important;
}



.LeftSideTitle {
	font-size: 12px !important;
	font-weight: bold;
	color: #990000;
	text-align: left;
	margin: 0px 0px 5px 0px;
	display: block !important;
	border: 0px solid #CCCCCC;
}
.LeftSide {
	text-align: left;
	width: 240px !important;
	border: 0px solid #FF9900;
	margin-top: 25px;
	margin-right: 0px !important;
	margin-bottom: 0px;
	display: block !important;
	padding: 10px !important;

}
.LeftSideDownloads {	
	border: 0px solid red;
	width: 190px !important;
	float: right;
	border: 0px solid #FF9900;
	padding-top: 10px !important;
}

.LeftSideProp {
	width: 150px !important;
	float: right;
	border: 0px solid #FF9900;
	padding-top: 10px !important;
}

.LeftSideProp2 {
	width: 150px !important;
	float: right;
	border: 0px solid #FF9900;
	padding-top: 0px !important;
}
/***********************************
5. right side layout
************************************/
.RightSide {
	text-align: left;
	width: 460px !important;
	border: 0px solid #FF9900;
	margin-top: 25px;
	margin-right: 0px !important;
	margin-bottom: 0px;
	/*margin-left: 290px !important;*/
	display: block !important;
}

/***********************************
6. fish background
************************************/
.FishLeft {
	background-image:   url("../images/main/background_fish_left.gif");
	background-repeat: no-repeat;
	background-position: right bottom;	
}
.FishRight {
	background-image:   url("../images/main/background_fish_right.gif");
	background-repeat: no-repeat;
	background-position: left bottom;	
}

/****changes 2006-07-10****/

/***********************************
7. search form    
************************************/
.SearchForm {
	display: inline !important;
}
.SearchBox  {
	background-image:  url("../images/main/searchbox.gif");
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 12px !important;
	height: 19px !important;
	width: 170px !important;
	padding-top: 1px !important;
	padding-right: 0px !important;
	padding-bottom: 0px;
	padding-left: 1px !important;
	display: inline !important;
	position: relative;
	float: right !important;
	overflow: hidden;
	margin-top: 3px;
	margin-right: 20px;
	border: 0px solid #CCCCCC;
}
.SearchTextBox  {
	font-size: 12px !important;
	font-weight: normal;
	text-align: left;
	height: 14px !important;
	width: 146px !important;
	border: 0px solid #CCCCCC;
	margin: 0px;
}
.SearchButton  {
	border: 0px solid #CCCCCC;
	margin: 0px;
}

/***********************************
8. products
************************************/
.ProductDescription {
	text-align: left;
	width: 460px !important;
	border: 0px solid #FF9900;
	margin-top: 25px;
	margin-right: 0px !important;
	margin-bottom: 0px;
	display: block !important;
}
.ProductIcons {
	background-image:   url("../images/main/icon_background.gif");
	background-position: left top;
	background-repeat: repeat-y;
	text-align: left;
	width: 460px !important;
	border: 0px solid #FF9900;
	margin-top: 25px;
	margin-right: 0px !important;
	margin-bottom: 0px;
	display: block !important;
	clear: both;
}


.SearchResultIcons {
	background-image:   url("../images/main/search_background.gif");
	background-position: left top;
	background-repeat: repeat-y;
	text-align: left;
	width: 460px !important;
	border: 0px solid #FF9900;
	margin-top: 25px;
	margin-right: 0px !important;
	margin-bottom: 0px;
	display: block !important;
	clear: both;
}
.ProductIcon {
	margin-top: 0px;
	margin-right: 25px !important;
	margin-bottom: 6px;
	margin-left: 0px;
	display: inline !important;
}
.ProductName {
	font-size: 18px !important;
	font-weight: normal;
	color: #990000;
	text-align: left;
	margin: 0px 0px 5px 0px;
	display: block !important;
	border: 0px solid #CCCCCC;
}
.ProductPrice {
	color: #AD7F49;
	text-align: left;
	font-weight: bold;
	margin: 0px 0px 25px 0px;
	display: block !important;
	border: 0px solid #CCCCCC;
}
.ProductCode {
	color: #AD7F49;
	text-align: left;
	margin: 15px 0px 25px 0px;
	display: block !important;
	border: 0px solid #CCCCCC;
}
.ProductPicturePortrait {
	margin: 0px 10px 10px 10px;
	display: inline !important;
	float: right;
	border: 1px solid #CCCCCC !important;
}
.ProductPictureLandscape {
	margin: 0px 10px 10px 0px;
	display: block !important;
	border: 1px solid #CCCCCC !important;
}

/***********************************
9. site path
************************************/
.Path {
	background-image:   url("../images/main/path_background.gif");
	background-position: left top;
	background-repeat: no-repeat;
	text-align: left;
	font-weight: bold;
	width: 460px !important;
	height: 21px !important;
	border: 0px solid #FF9900;
	margin-top: 25px;
	margin-right: 0px !important;
	margin-bottom: 0px;
	display: block !important;
	overflow: hidden;
	clear: both;
}
.PathItem {
	font-size: 12px !important;
	background-image:   url("../images/main/path_separator.gif");
	background-repeat: no-repeat;
	background-position: right center;
	height: 21px !important;
	padding-top: 2px !important;
	padding-right: 15px !important;
	padding-bottom: 0px;
	padding-left: 10px !important;
	display: inline !important;
	border: 0px solid #FF9900;
	position: relative;
	float: left !important;
	overflow: hidden;
}
.PathItemActive {
	font-size: 12px !important;
	color:#990000;
	height: 21px !important;
	padding-top: 2px !important;
	padding-bottom: 0px;
	padding-left: 10px !important;
	display: inline !important;
	border: 0px solid #FF9900;
	position: relative;
	float: left !important;
}
/***********************************
10. news
************************************/
.News {
	background-image:   url("../images/main/path_background.gif");
	background-position: left top;
	background-repeat: no-repeat;
	text-align: left;
	font-weight: bold;
	width: 460px !important;
	height: 21px !important;
	border: 0px solid #FF9900;
	margin-top: 25px;
	margin-right: 0px !important;
	margin-bottom: 0px;
	display: block !important;
	overflow: hidden;
	clear: both;
}
.SlideShow {
	width: 460px !important;
	border: 0px solid #FF9900;
	margin: 0px !important;
	display: block !important;
}


/***********************************
10. table
************************************/


table.ResultTable  {

}

td.ResultHeader {
	background-color: #F9EDD9;
	color: #990000;
	font-weight: bold;
	border-bottom: 1px solid #cccccc;
	text-align:center;
	
}


td.Row1 {
	background-color: #ffffff;
	color: #990000;
	border-bottom: 1px solid #cccccc;
	
}

td.Row2 {
	background-color: #FFFFEB;	
	color: #990000;	
	border-bottom: 1px solid #cccccc;
	
}