/*******************************************************************
 *                                                                 *
 * Hyperion Europe website Screen style                            *
 *                                                                 *
 *                                                                 *
 *                                                                 *
 *                                                                 *
 *******************************************************************/

/*
 *
 * Body and globally
 * =================================================================
 *
 */

body
{
	margin: 0;
	padding: 0;

	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	color: #000000;
	background-color: #ffffff;
}

td.TopBGLeft
{
	background-color: #ffffff;
	background: url(../grfx/bg_left.gif) repeat-x;
}

td.TopBGMiddle
{
	background-color: #ffffff;
	background: url(../grfx/bg_right.gif) repeat-x;
}

table.TopBGMiddleImage
{
	background: url(../grfx/bg_image_clean.gif) no-repeat;
}

td.TopBGRight
{
	background-color: #ffffff;
	background: url(../grfx/bg_right.gif) repeat-x;
}

td.MenuBar
{

}

td.SubMenuBar
{
}

td.BottomBar
{
	background-color: #cccccc;
}

a, a:active, a:hover, a:visited
{
	color: #3366cc;
}

a:hover
{
	color: #f26522;
}

/*
 *
 * Standard elements
 * =================================================================
 *
 */
h1
{
	font-size: 200%;
	font-family: Georgia, serif;
	color: #6699ff;
	text-align: left;
	line-height: 0.9em;
	font-weight: normal;
	margin-bottom: 8px;
}

h2
{
	font-size: 160%;
	font-family: Georgia, serif;
	color: #6699ff;
	text-align: left;
	line-height: 0.9em;
	font-weight: normal;
	border-bottom: solid 2px #999999;
	padding: 4px 4px 4px 0px;
	margin-bottom: 5px;
}

h3
{
	font-size: 130%;
	font-family: Georgia, serif;
	color: #6699ff;
	text-align: left;
	line-height: 0.9em;
	font-weight: normal;
	margin-bottom: 0px;
}

p.DateAndAuthor
{
	color: #cccccc;
	font-size: 90%;
	padding: 0px;
	margin: 0px;
}

p.News
{
	color: #333333;
	padding: 0px;
	margin: 0px;
	margin-top: 15px;
	margin-bottom: 50px;
	text-align: left;
	line-height: 1.4em;
}

p.Image
{
	padding: 0px;
	margin: 0px;
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: center;
}

/*
 *
 * Content
 * =================================================================
 *
 */

div#LeftContent
{
	float: left;
	width: 460px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 10px;
	margin-bottom: 30px;
	font-size: 80%;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	color: #333333;
	text-align: left;
	line-height: 1.4em;
}

div#RightContent
{
	float: right;
	width: 360px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 10px;
	margin-bottom: 30px;
	font-size: 80%;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	color: #333333;
	text-align: left;
	line-height: 1.4em;
}

div#FullWidth
{
	width: 900px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 10px;
	margin-bottom: 30px;
	font-size: 80%;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	color: #333333;
	text-align: left;
	line-height: 1.4em;
}

div#MainContent
{
	float: left;
	width: 600px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 10px;
	margin-bottom: 30px;
	font-size: 80%;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	color: #333333;
	text-align: left;
	line-height: 1.4em;
}

div#AdditionalContent
{
	float: right;
	width: 250px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 10px;
	margin-bottom: 30px;
	font-size: 80%;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	color: #333333;
	text-align: left;
	line-height: 1.4em;
}

div#IntroContent
{
	width: 900px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 10px;
	margin-bottom: 30px;
	font-size: 80%;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	color: #333333;
	text-align: left;
	line-height: 1.4em;
}

div#Menu
{
	font-size: 80%;
	color: #cccccc;
}

div#Menu a
{
	color: #ffffff;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
}

div#Menu a:hover
{
	color: #dddddd;
}

ul.SideMenu
{
	list-style: none;
	padding: 0px;
	border-top: solid 1px #999999;
}

ul.SideMenu li
{
	border-bottom: solid 1px #999999;
	padding: 8px 0px 8px 2px;
}

ul.SideMenu li a
{
	display: block;
	width: 100%;
	text-decoration: none;
}

ul.SideMenu li a.Selected
{
	font-weight: bold;
}

div#Footer
{
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 10px;
	margin-bottom: 20px;
	font-size: 80%;
	color: #aaaaaa;
	line-height: 1.8em;
}

div#Footer a
{
	color: #aaaaaa;
}

div#Footer a:hover
{
	color: #cccccc;
}

div#Footer div#Logo
{
	float: right;
}

div#corpmenu
{
	font-size: 75%;
	width: 600px;
	height: 54px;
	text-align: right;
	color: #999999;
}

div#corpmenu a
{
	color: #ffffff;
	text-decoration: none;
}

div#corpmenu a:hover
{
	color: #f26522;
}

ul
{
	text-align: left;
}

ul li
{
	text-align: left;
}

/*
 *
 * Intro / Frontpage
 * =================================================================
 *
 */

.PrimaryContent
{
	width: 100%;
	height: 400px;
}

.QuaterWidthColumns
{
	width: 100%;
	margin: 0px;
	padding: 0px;
}

.QuaterWidthColumns .ColumnLeft
{
	clear: left;
	float: left;
	width: 221px;
	margin: 0px;
	padding: 0px 4px 0px 0px;
}

.QuaterWidthColumns .ColumnMidLeft
{
	float: left;
	width: 220px;
	margin: 0px;
	padding: 0px 3px 0px 2px;
}

.QuaterWidthColumns .ColumnMidRight
{
	float: right;
	width: 220px;
	margin: 0px;
	padding: 0px 2px 0px 3px;
}

.QuaterWidthColumns .ColumnRight
{
	clear: right;
	float: right;
	width: 221px;
	margin: 0px;
	padding: 0px 0px 0px 4px;
}

.QuaterWidthColumns .ColumnLeft ul, .QuaterWidthColumns .ColumnMidLeft ul, .QuaterWidthColumns .ColumnMidRight ul, .QuaterWidthColumns .ColumnRight ul
{
	padding-left: 20px;
	
}

/*
 *
 * Shop & Catalog
 * =================================================================
 *
 */

.ShopProduct
{
	border-top: solid 1px #cccccc;
	margin-top: 20px;
}

.ShopProduct .Description
{
	border-right: solid 1px #dddddd;
	width: 690px;
	padding-top: 10px;
	padding-right: 10px;
}

.ShopProduct .Description img
{
	float: right;
	margin-left: 10px;
	margin-top: 10px;
}

.ShopProduct .Description .ListViewComment
{
	float: right;
	margin: 10px;
}
.ShopProduct .Divider
{
	clear: both;
}

.ShopProduct .ProductSpecifications
{
	width: 445px;
	float: left;
	padding-bottom: 20px;
}

.ShopProduct .Related
{
	width: 445px;
	float: right;
	padding-bottom: 20px;
}

.ShopProduct .Info
{
	float: right;
	width: 185px;
	text-align: right;
	padding-top: 20px;
}

.ShopProduct .Info .Price
{
	font-size: 300%;
	font-family: Georgia, serif;
	color: #ff9900;
	font-weight: bold;
	margin-bottom: 20px;
}

.ShopProduct .Info .RegularPrice
{
	color: #999999;
	font-weight: bold;
	margin-bottom: 20px;
}

.ShopProduct .Info .ProdNumber
{
	color: #999999;
	font-weight: bold;
	margin-bottom: 10px;
}

.ShopProduct .Info .Specifications
{
	width: 100%;
	margin-top: 30px; 
}

.ShopProduct .Info .Specifications .PriceCurrency
{
	color: #cc0000;
	margin-bottom: 10px;
}

.ShopProduct .Info .Specifications .PriceComment
{
	color: #ff9900;
	font-weight: bold;
	border: solid 1px #ff9900;
	padding: 5px;
	margin-bottom: 20px;
}

.ShopProduct .Info .BuyButton
{
	margin-top: 50px; 
	margin-bottom: 30px;
}

.ShopProduct .Info .Gallery
{
	margin-bottom: 10px;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: -12px;
}

.ShopProduct .Info .Gallery .Thumbnail
{
	float: right;
	padding-left: 10px;
}

table.CatalogList
{
	clear: both;
	padding: 0px;
	margin: 0px;
	border: 0px solid #999999;
}

table.CatalogList tr th
{
	color: #999999;
	font-size: 85%;
	font-weight: normal;
	border-bottom: solid 1px #999999;
	padding: 4px;
	margin: 0px;
}

table.CatalogList tr td
{
	color: #000000;
	border-bottom: solid 1px #cccccc;
	padding: 4px;
	margin: 0px;
}

table.CatalogList tr td.CatalogGroup
{
	margin: 0px;
	padding-top: 40px;
	border-bottom: solid 2px #999999;
}

table.CatalogList tr td.CatalogGroup .Title
{
	font-size: 160%;
	font-family: Georgia, serif;
	color: #6699ff;
	line-height: 0.9em;
	font-weight: normal;
}

table.CatalogList tr td.CatalogGroup .Description
{
	padding-top: 5px;
	color: #666666;
}

table.RelatedList
{
	clear: both;
	padding: 0px;
	margin: 0px;
	border: 0px solid #999999;
}

table.RelatedList tr th
{
	color: #999999;
	font-size: 85%;
	font-weight: normal;
	border-bottom: solid 1px #999999;
	padding: 4px;
	margin: 0px;
}

table.RelatedList tr td
{
	color: #000000;
	border-bottom: solid 1px #cccccc;
	padding: 4px;
	margin: 0px;
	text-align: left;
}

table.RelatedList tr td.Price
{
	color: #000000;
	border-bottom: solid 1px #cccccc;
	padding: 4px;
	margin: 0px;
	text-align: right;
}

table.RelatedList tr td.CatalogGroup
{
	margin: 0px;
	padding-top: 40px;
	border-bottom: solid 2px #999999;
}

table.RelatedList tr td.CatalogGroup .Title
{
	font-size: 160%;
	font-family: Georgia, serif;
	color: #6699ff;
	line-height: 0.9em;
	font-weight: normal;
}

table.RelatedList tr td.CatalogGroup .Description
{
	padding-top: 5px;
	color: #666666;
}

table.SpecificationsList
{
	clear: both;
	padding: 0px;
	margin: 0px;
	border: 0px solid #999999;
}

table.SpecificationsList tr th
{
	color: #666666;
	font-weight: normal;
	border-bottom: solid 1px #999999;
	padding: 4px;
	margin: 0px;
}

table.SpecificationsList tr td
{
	color: #000000;
	border-bottom: solid 1px #cccccc;
	padding: 4px;
	margin: 0px;
	text-align: left;
}

table.SpecificationsList tr td.SpecificationGroup
{
	margin: 0px;
	padding-top: 40px;
	border-bottom: solid 2px #999999;
}

table.SpecificationsList tr td.SpecificationGroup .Title
{
	font-size: 160%;
	font-family: Georgia, serif;
	color: #6699ff;
	line-height: 0.9em;
	font-weight: normal;
}

table.SpecificationsList tr td.SpecificationGroup .Description
{
	padding-top: 5px;
	color: #666666;
}

.ProductSearchBox
{
	width: 250px;
	float: right;
	clear: right;
	border: solid 1px #cccccc;
	padding: 10px;
}

.CatalogLinksBox
{
	width: 250px;
	float: right;
	clear: right;
	border: solid 0px #cccccc;
	padding: 10px;
}

.CatalogLinksBox ul
{
	margin: 0px;
	margin-left: 10px;
}

.ProductTypeSelector
{
	width: 590px;
	border: solid 1px #cccccc;
	padding: 10px;
}

.ProductTypeSelector  a, .ProductTypeSelector  a:visited, .ProductTypeSelector  a:active, .ProductTypeSelector  a:hover
{
	font-weight: normal;
	color: #999999;
}

.ProductTypeSelector  a:hover
{
	font-weight: normal;
	color: #f26522;
}

.ProductTypeSelector a.selected, .ProductTypeSelector a.selected:visited, .ProductTypeSelector a.selected:active, .ProductTypeSelector a.selected:hover
{
	font-weight: bold;
	color: #333333;
}


/*
 *
 * Dealer locator
 * =================================================================
 *
 */

.DealerSelectRegionBox
{
}

.DealerList
{
}

/*
 *
 * ProdSpecs (from www.newheading.com)
 * =================================================================
 *
 */

table.ProdSpecs
{
	clear: both;
	padding: 0px;
	border: 1px solid #999999;
	border-collapse: collapse;
}

td.ProdSpecs
{
	font-size: 9pt;
	border: 1px solid #cccccc;
	padding: 4px;
	vertical-align: top;
	text-align: center;
}

th.ProdSpecs
{
	font-size: 9pt;
	color: #666666;
	border: 1px solid #cccccc;
	background-color: #eeeeee;
	text-align: left;
	padding: 4px;
	text-align: center;
}

th.ProdSpecsHighlight
{
	font-size: 9pt;
	color: #ffffff;
	border: 1px solid #cccccc;
	background-color: #009900;
	text-align: left;
	padding: 4px;
	text-align: center;
}

td.ProdSpecsHighlight
{
	font-size: 9pt;
	border: 1px solid #cccccc;
	background-color: #dddddd;
	padding: 4px;
	vertical-align: top;
}

td.ProdSpecsCaption
{
	font-size: 9pt;
	border: 1px solid #cccccc;
	padding: 4px;
	vertical-align: top;
	text-align: right;
}

td.ProdSpecsText
{
	font-size: 9pt;
	border: 1px solid #cccccc;
	padding: 4px;
	vertical-align: top;
}

td.ProdSpecsSpan
{
	font-size: 9pt;
	border: 1px solid #cccccc;
	padding: 4px;
	vertical-align: top;
	text-align: center;
}

td.ProdSpecsSpanText
{
	font-size: 9pt;
	border: 1px solid #cccccc;
	padding: 4px;
	vertical-align: top;
}

/*
 *
 * Downloads
 * =================================================================
 *
 */

.DownloadBox
{
	background: #ffffff url(../grfx/download_bg.png) no-repeat;
	padding-left: 90px;
	padding-bottom: 15px;
}

.DownloadBox .Warning
{
	padding: 10px;
	margin: 10px;
	border: solid 1px #cc0000;
	color: #cc0000;
	font-weight: bold;
}

.DownloadBox .Alert
{
	padding: 10px;
	margin: 10px;
	border: solid 1px #ff9900;
	color: #ff9900;
	font-weight: bold;
}

.DownloadBox .PrimaryFile
{
	padding: 10px;
}

.DownloadBox .History
{
	padding: 10px;
	margin: 10px 0px 10px 0px;
	border: 0px;
	border-top: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	font-style: italic;
	text-align: right;
}

.PDFBox
{
	background: #ffffff url(../grfx/pdf_bg.png) no-repeat;
	padding-left: 90px;
	padding-bottom: 15px;
}

.PDFBox .Warning
{
	padding: 10px;
	margin: 10px;
	border: solid 1px #cc0000;
	color: #cc0000;
	font-weight: bold;
}

.PDFBox .Alert
{
	padding: 10px;
	margin: 10px;
	border: solid 1px #ff9900;
	color: #ff9900;
	font-weight: bold;
}

.PDFBox .PrimaryFile
{
	padding: 10px;
}

/*
 *
 * Datasheets
 * =================================================================
 *
 */

.Datasheet
{
	width: 100%;
}

.Datasheet .Description .Title
{
	clear: both;
	font-size: 200%;
	font-family: Georgia, serif;
	color: #6699ff;
	text-align: left;
	line-height: 0.9em;
	font-weight: normal;
	margin-bottom: 8px;
}

.Datasheet .Feature img
{
	float: right;
	margin-left: 15px;
	width: 200px; 
}

.Datasheet .Feature .Title
{
	clear: both;
	font-size: 160%;
	font-family: Georgia, serif;
	color: #6699ff;
	text-align: left;
	line-height: 0.9em;
	font-weight: normal;
	margin-bottom: 8px;
}

.Datasheet .Illustration img
{
	float: right;
	margin-left: 15px;
	width: 200px; 
}

.Datasheet .Illustration .Title
{
	clear: both;
	font-size: 160%;
	font-family: Georgia, serif;
	color: #6699ff;
	text-align: left;
	line-height: 0.9em;
	font-weight: normal;
	margin-bottom: 8px;
}

/*
 *
 * Team section
 * =================================================================
 *
 */

.TeamMember
{
	clear: both;
	width: 100%;
	padding: 0px;
	margin: 0px;
}

.TeamMember .Description
{
	float: left;
	width: 600px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 10px;
	margin-bottom: 30px;	
}

.TeamMember .Description img
{
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

.TeamMember .AdditionalNotes
{
	float: right;
	width: 250px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 10px;
	margin-bottom: 30px;	
}

/*
 *
 * RMA
 * =================================================================
 *
 */
.RMA_Field_Caption
{
	padding-top: 10px;
}

.RMA_Submit
{
	width: 450px;
	padding: 8px;
	text-align: right;
}

input.RMA_Field
{
	width: 450px;
}

select.RMA_Field
{
	width: 450px;	
}

textarea.RMA_Field
{
	width: 450px;
	height: 200px;
}