﻿/*Overflow-Y and X are CCS3 properties but are working in all major browsers, such as IE 7+8, FireFox, Safari, Chrome and Opera  */

html 
{
	/*height:101%;*/
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
	overflow-x: auto;
}

body
{
	font-size: 0.75em;
	font-family: Verdana;
	color: #000000;
	background-color:#DFDFDF;
}

h1
{
	font-size: 1.3em;
	margin:10px 0px 10px 0px;
}

h1#smallHeader
{
	font-size:1em;
	margin:10px 0px 10px 0px;
}

h2
{
	font-size: 1.1em;
}

h3
{
	font-size: 1.0em;
}

a
{
	color: #000000;
}

a:hover
{
	color: #0f0f0f;
}

ul
{
	list-style-image:url("../css/img/dot_red.gif");
}

img
{
	border:none;
}

div#PageContent
{
	width: 950px;
	margin: auto;
	background-color:#FFFFFF;
}

div#Background
{
	padding:10px 10px 0px 10px;
	background-image:url("../css/img/topbackground.jpg");
	background-repeat:no-repeat;
}

div#bottomBackground
{
	background-image:url("../css/img/bottombackground.jpg");
	background-repeat:no-repeat;
	height:9px;
}

div#Top
{
	height:100px;
	background-color:#000000;
	background-image:url("../css/img/header.jpg");
	width:930px;
}

div#Content
{
	padding:15px 15px 25px 30px;
}

/********************************************************************
*							Header Banner							*
********************************************************************/

div#HeaderLeft
{
	float:left;
	width:300px;
}

div#HeaderRight
{
	float:left;
	width:220px;
	padding-left:402px;
	padding-top:40px;
}

div#HeaderRight a
{
	padding-left:15px;
}

a.HeaderLogoLink img
{
	margin: 26px 0px 0px 30px;
}

a.ShoppingCart
{
	/*float:right;
	margin:70px 10px 0 0;*/
}

/********************************************************************
*							Navigation UL							*
********************************************************************/

ul#nav
{
	list-style-image:none;
	list-style-type:none;
	color:#FFFFFF;
	padding:0 0 0 0;
	margin:0 0 0 0;
	text-align:center;
	float:left;
	
	
}
ul#nav li
{
	display:inline-block;
	background-image:url(../css/img/rptbackground.gif);
	float:left;
}

ul#nav li span.left
{
	background-image:url(../css/img/menubgleft.gif);
	background-repeat:no-repeat;
	background-position:left;
	height:30px;
	display:inline-block;
	min-width:50px;
}

ul#nav li span.right
{
	background-image:url(../css/img/menubgright.gif);
	background-position:right;
	background-repeat:no-repeat;
	height:30px;
	display:inline-block;
	min-width:50px;
}

ul#nav li span a
{
	color:#FFFFFF;
	min-width:94px;
	display:block;
	text-decoration:none;
	text-align:center;
	padding:6px 3px 6px 3px;
	height:18px;
}

ul#nav li span a.SelectedLink
{
	font-weight:bold;
}

/********************************************************************
*							Menu Test								*
********************************************************************/
/*
ul#Navigation
{
	float:right;
	list-style:none;
	padding:0 0 0 0;
	margin:0 0 0 0;
	font-size:0.833em;
    font-weight:bold;
    letter-spacing:0.0325em;
}

ul#Navigation li
{
	float:left;
	text-align: center;
	border-left: solid 1px #ffffff;
	line-height: 19px;
	padding: 0 15px 0 15px;
}

ul#Navigation li a
{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
    color: #858585;
    text-transform: uppercase;
}*/


/********************************************************************
*							Rad Menu								*
********************************************************************/

div#MenuTop
{
	background-color:#DEDEDE;
	height:33px;
	/*padding:8px 0px 0px 0px;*/
	width:930px;
}

div#LeftMenuImg
{
	float:left;
	width:9px;
	height:33px;
	background-image:url("../css/img/menuleft.jpg");	
	background-repeat:no-repeat;
}

div#BackButton
{
	float:right;
	height:33px;
	width:100px;
}

div#RightMenuImg
{
	float:right;
	width:9px;
	height:33px;
	background-image:url("../css/img/menuright.jpg");	
	background-repeat:no-repeat;
}

div#MenuContent
{
	float:left;
	width:912px;
}

div#searchBox
{
	width:100px;
	float:left;
}

div#RightMenu
{
	float:right;
	width:200px;
	padding-top:6px;
	padding-right:10px;
}

/********************************************************************
*						Frontpage Properties						*
********************************************************************/

div#LeftTopText
{
	width:405px;
	float:left;
	padding-left:35px;
}

div#LeftTopText ul li, div#RightTopText ul li
{
	padding-bottom:15px;
}

div#RightTopText
{
	width:405px;
	float:right;
	padding-left:35px;
}

img.MiddleImage
{
	display:block;
	margin:0px auto 0px auto;
	padding:25px 0 25px 0;
}

img.RightBottomImg
{
	display:block;
	margin:0px auto 0px auto;
}

div#LeftBottomText
{
	width:425px;
	float:left;
	/*padding-left:35px;*/
}

div#Bottom
{
	background-color:#000000;
	height:33px;
	background-image:url("../css/img/footer.jpg");
	padding:17px 0px 0px 0px;
	font-size:0.917em;
	font-weight:bold;
}

div#Bottom div#FooterLeftText
{
	color:#000000;
	padding:0px 0px 0px 25px;
	float:left;
	width:350px;
	text-align:left;
}

div#Bottom div#FooterRightText
{
	color:#FFFFFF;
	padding:0px 20px 0px 0;
	float:right;
	width:300px;
	text-align:right;
}

div#Bottom div#FooterRightText a
{
	color:#FFFFFF;
}

div#RightBottomImg
{
	width:415px;
	float:right;
}

/********************************************************************
*								Shop								*
********************************************************************/
div#SearcBox
{
	width:315px;
	float:left;
	height:40px;
}

div#ShopAreaHeader
{
	float:left;
	width:500px;
	height:40px;
}


a.GoBackButton
{
	float:right;
	/*padding-top:6px;*/
}

div.ProductCategory a
{
	
}

div.ProductCategory
{
	width:335px;
	font-size:1.5em;
	font-weight:bold;
}

div.ProductCategoryLeft
{
	float:left;
	padding-left:100px;
	margin-top:20px;
}

div.ProductCategoryLeft a.CategoryNameLink
{
	display:inline-block;
	float:right;
	width:210px;
	text-align:center;
	margin-top:45px;
}

div.ProductCategoryRight
{
	float:right;
	padding-right:100px;
	margin-top:20px;
}

div.ProductCategoryRight a.CategoryNameLink
{
	display:block;
	float:left;
	width:210px;
	text-align:center;
	margin-top:45px;
}

a.LeftProductImage
{
	float:left;
	width:125px;
	display:block;
}

a.RightProductImage
{
	float:right;
	width:125px;
	display:block;
}


div#ShopGuideLink
{
	text-align:center;
	padding-top:25px;
	height:50px;
}

div#ShopGuideLink img
{
	padding:0px 0px 0px 10px;
}

div#ShopGuideLink a
{
	font-weight:bold;
	text-decoration:none;
}

a.ShopGuideLink
{
}

div.ShopItem
{
	clear:both;
	font-size:1.5em;
	font-weight:bold;
}

div.ShopItem img
{
	height:150px;
	width:150px;
	float:left;
	padding:0px 0px 25px 0px;
}

div.ShopItem a
{
	float:left;
	display:block;
	width:650px;
	margin-left:15px !important;
}

div.ShopItem a.shopItemImageLink
{
	float:left;
	width:150px;
}

div.ShopItem a.shopItemName
{
	margin:45px 0px 20px 0;
}

hr.hruler
{
	margin:0 0 15px 0; 
}

div#TechnicalInfo
{
	width:550px;
	float:left;
}

div#AlternateProduct
{
	width:300px;
	float:right;
	text-align:right;
}



/********************************************************************
*						3D CAD Properties							*
********************************************************************/
div#LeftCadText
{
	width:450px;
	float:left;
}

img#RightCadImg
{
	float:right;
	width:300px;
}

a.cadLink
{
	margin-bottom:20px;
}

p.introText
{
	margin:25px 0px 10px 0px;
}

/********************************************************************
*					Order Catalog Properties						*
********************************************************************/
div#CatalogLeft
{
	width:400px;
	float:left;
	text-align:center;
	padding-bottom:5px;
}

div#CatalogRight
{
	width:400px;
	float:right;
	text-align:center;
	padding-bottom:5px;
}

/********************************************************************
*						Contact Properties							*
********************************************************************/
div#ContactInfo
{
	width:450px;
	float:left;
}

div#ContactMap
{
	width:400px;
	float:right;
}

div#ContactPersons
{
	margin:20px 0px 30px 0px;
}

div.ContactPerson
{
	width:145px;
	float:left;
	text-align:center;
}

div.ContactPerson ul
{
	list-style:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
	list-style-image:none;
}

div.ContactPerson ul li
{
	list-style:none;
	list-style-image:none;
}

div.ContactPerson ul li.ContactName
{
	height:20px;
	padding-top:5px;
	font-weight:bold;
}

div.ContactPerson ul li.ContactTitle
{
	height:30px;
}

div.ContactPerson ul li.ContactEmail
{
	height:20px;
	padding-top:5px;
}

div.ContactPerson ul li.ContactPhone
{
	height:30px;
	padding-top:5px;
}

/********************************************************************
*						News Properties								*
********************************************************************/
div#NewsLeft
{
	width:600px;
	float:left;
	padding-right:10px;
}

div#NewsRight
{
	width:260px;
	float:right;
	border-left:dashed 1px gray;
	padding-left:9px;	
}

div#NewsRight ul
{
	margin:0 0 0 0;
	padding:0 0 0 0;
	list-style:none;
	list-style-image:none;
}

div#NewsRight ul li
{
	list-style:none;
	list-style-image:none;
}

div#NewsRight ul li.NewsHeader
{
	font-weight:bold;
	padding-top:10px;
}

div#NewsRight ul li.NewsDate
{
	font-size:0.813em;
	color:#888888;
	padding-bottom:5px;
	padding-top:2px;
	text-transform:capitalize;
}

span#newsDate
{
	text-transform:capitalize;
	color:#888888;
}

/********************************************************************
*						Download Properties							*
********************************************************************/
div.LeftDownload
{
	text-align:center;
	width:430px;
	float:left;
}

div.LeftDownload h2
{
	padding:15px 0 15px 0;
	margin:0 0 0 0;
}

div.RightDownload
{
	text-align:center;
	width:445px;
	float:right;
	/*border-left:solid 2px #888888;*/
	background-image:url("../css/img/vertikal-streg_100.gif");
	background-repeat:no-repeat;
	background-position:0px 65px;
	height:250px;
}

div.RightDownload img
{
	padding-top:15px;
	padding-bottom:15px;
}

div.DownloadItem
{
	border-bottom:solid 2px #888888;
	margin:0px 0px 0px 0px;
	padding-top:10px;
}


/********************************************************************
*					Terms & Conditions Properties					*
********************************************************************/
div.TermsLeft
{
	float:left;
	width:250px;
}

div.TermsRight
{
	float:left;
	width:615px;
	margin-top:85px;
	font-size:1.5em;
	font-weight:bold;
}

div.TermsRight a
{
	/*padding-top:50px;*/
}

hr.TermsHRuler
{
	margin:25px 0px 25px 0px;
}

/********************************************************************
*						Technical Properties						*
********************************************************************/
div.LeftTech
{
	float:left;
	width:175px;
	font-weight:bold;
	padding-bottom:10px;
}

div.RightTech
{
	float:left;
	width:725px;
}

div.RightTech p
{
	margin:0 0 20px 0;
}

div.TechImage
{
	text-align:center;
}

/********************************************************************
*				SpecialSpringsImageList Properties					*
********************************************************************/
div.SpecialSpringImageBox
{
	float:left;
	width:170px;
	padding:0px 5px 25px 0px;
}

div.SpecialSpringHeader
{
	text-align:center;
	padding-bottom:5px;
	font-weight:bold;
}

div#PDFDownload
{
	height:35px;
}

div#PDFDownload a.PDFImage
{
	height:30px;
	float:left;
}

div#PDFDownload a.PDFLink
{
	height:30px;
	float:left;
	padding:10px 0px 0px 10px;
}



/********************************************************************
*						Flash Properties							*
********************************************************************/
div#FlashPage
{
	margin:-15px -15px 0px -30px;
}


/********************************************************************
*						Global Properties							*
********************************************************************/

div.clear
{
	height:0px;
	clear:both;
}

/********************************************************************
*						Webster Properties							*
********************************************************************/

div#WebsterBox
{
	text-align:center;
	padding-right:15px;
}

/********************************************************************
*						Umbraco RTE Styles							*
********************************************************************/

.RedText
{
	color:#FF0000;
}

.CenterAlignText 
{
text-align:center;
}

.indent
{
	padding-left:30px;
}

.RemoveStyles 
{

}

.fontSize11em 
{
	font-size:1.1em;
}

.fontSize12em 
{
	font-size:1.2em;
}

.fontSize13em 
{
	font-size:1.3em;
}

.fontSize14em 
{
	font-size:1.4em;
}

.fontSize15em 
{
	font-size:1.5em;
}

.tabSpace 
{
	width:40px;
	display:inline-block;
}
