/************************/
/* GLOBAL               */
/************************/
body
{
	font: 76%/1.4 Arial, Verdana, Helvetica;
	margin: 0;
	padding: 0px 0px 0px 0px;
	text-align: center;
	background-image: url(/SnickarPerTemplates/Public/Images/body_background.png);
	background-repeat: repeat-x;
	background-color: #ced3d4;
	color: #494949;
}

body form
{
	width: 980px;
	max-width: 980px;
	text-align: left;
	overflow: hidden;
}

#Page
{
	background-color: #FFF;
	padding: 0px 1px;
}

a
{
	color: #0f7fb2;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}

h1, h2, h3, h4
{
}

h1
{
	font-weight: normal;
	font-size: 1.7em;
	line-height: 1.4em;
	padding: 0;
	margin: 0.2em 0;
}
h2
{
	font-weight: normal;
	font-size: 1.4em;
	padding: 0;
	margin: 0.2em 0;
}
h3
{
	font-weight: bold;
	font-size: 1em;
	padding: 0;
	margin: 0.4em 0;
}

.GrayText 
{
	color: #9b9b9b;
	font-size: 0.9em;
}

p
{
	margin: 0 0 1em 0;
	padding: 0;
}

hr
{
	margin: 0.5em 0;
	height: 1px;
	padding: 0;
	background: #55bbea;
	color: #55bbea;
	border: 0;
}

hr.clear
{
	clear: both;
}

ul
{
	padding: 0;
	margin: 1.5em;
}

fieldset
{
	margin: 0 0 1em 0;
	padding: 1em;
}

.hidden
{
	display: none;
}

.error
{
	color: Red;
}

table
{
	font-size: 1em;
	border-collapse: collapse;
}

th
{
	text-align: left;
}

.clear
{
	clear: both;
}

.ClearAll
{
	display: block;
	clear: both;
	width: 100%;
	float: left;
}

img
{
	border: 0px;
}

input, select, textarea
{
	margin-top: 0.5em;
}

label.BigLabel
{
	font-weight: bold;
	font-size: 1.1em;
}

.CheckBox label
{
	font-weight: normal;
	font-size: 1.0em;
	vertical-align: middle;
}

input.Button 
{
	color: #0f7fb2;
	font-weight: bold;
}

.ErrorMessage 
{
	color: Red;
}

.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 */


/************************/
/* LANGUAGEMENU         */
/************************/

#LanguageMenuArea
{
	height: 25px;
}

#LanguageMenuArea ul
{
	line-height: 25px;
	list-style-type: none;
	margin: 0;
	float: right;
}

#LanguageMenuArea li
{
	display: block;
	float: left;
}

#LanguageMenuArea li a
{
	font-size: 0.9em;
	color: #fff;
	vertical-align: middle;
	display: block;
	text-decoration: none;
}

#LanguageMenuArea li img
{
	padding: 0px 7px 0px 15px;
}

/************************/
/* HEADER               */
/************************/

#HeaderArea
{
	background-image: url(/SnickarPerTemplates/Public/Images/header_background.png);
	background-repeat: no-repeat;
}

#LogoType
{
	margin: 2px 0px;
	float: left;
	height: 73px;
}

#LogoType a
{
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 26px;
	display: block;
}

/*************************/
/* FOOTERAREA            */
/*************************/
#FooterArea
{
	clear: left;
	min-height: 1px; /* IE7 peek-a-boo bug fix*/
	background: url(/SnickarPerTemplates/Public/Images/footer_background.png);
	background-repeat: repeat-x;
}

#FooterArea ul
{
	padding-left: 35px;
	line-height: 25px;
	font-size: 0.9em;
	list-style-type: none;
	margin: 0;
}

#FooterArea #Footer
{
	float: left;
}

#FooterArea #FooterRight
{
	float: right;
}


#FooterArea li
{
	display: block;
	float: left;
	padding: 0px 10px;
	background-image: url(/SnickarPerTemplates/Public/Images/header_sub_menu_separator.png);
	background-repeat: no-repeat;
	background-position: left center;
}

#FooterArea li.firstitem
{
	background: none;
	padding-left: 0px;
}

/************************/
/* MAINMENUAREA         */
/************************/
#MainMenuArea
{
	font-size: 1em;
	overflow: hidden;
	padding: 2px 0px;
	float: left;
	line-height: 73px;
	font-weight: bold;
}

#MainMenuArea ul
{
	list-style-type: none;
	float: left;
	margin: 0;
}

#MainMenuArea li
{
	display: block;
	float: left;
	background: url(/SnickarPerTemplates/Public/Images/header_main_menu_separator.png);
	background-position: left top;
	background-repeat: no-repeat;
	width: 154px;
	text-align: center;
}

#MainMenuArea #MainMenuWide li
{
	width: 128px;
}

#MainMenuArea li.selected
{
	background-color: #fff;
}

#MainMenuArea li a
{
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	margin-left: 2px;
	color: #494949;
}

#MainMenuArea li.selected a
{
	color: #2886b1;
}

#MainMenuArea li a:hover
{
	background-color: #fff;
	color: #2886b1;
}


#MainMenuArea li.unselected a:hover
{
}

/*************************/
/* STAGEAREA             */
/*************************/
#StageArea
{
	overflow: hidden;
}

#StageArea #IsLeftMenu
{
	width: 100%;
	background-image: url(/SnickarPerTemplates/Public/Images/left_menu_background.png);
	background-repeat: repeat-y;
}

/*************************/
/* SUBMENUAREA           */
/*************************/

#SubMenuArea
{
	line-height: 23px;
	background-image: url(/SnickarPerTemplates/Public/Images/header_sub_menu_background.png);
	background-repeat: repeat-x;
	padding-left: 30px;
	overflow: hidden;
}

#SubMenuArea ul
{
	list-style-type: none;
	float: left;
	margin: 0;
}

#SubMenuArea li
{
	display: block;
	float: left;
	background-image: url(/SnickarPerTemplates/Public/Images/header_sub_menu_separator.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0px 10px;
}

#SubMenuArea li.firstitem
{
	background: none;
	padding-left: 0px;
}

#SubMenuArea li.selected
{
}

#SubMenuArea li.selected a
{
	color: #2886b1;
	font-weight: bold;
}

#SubMenuArea li a:hover
{
	color: #2886b1;
}

#SubMenuArea li a
{
	display: block;
	text-decoration: none;
	color: #494949;
	font-size: 1.0em;
}

#SubMenuArea li.unselected a:hover
{
}

/*************************/
/* LEFTMENUAREA          */
/*************************/

#LeftMenuArea
{
	width: 134px;
	overflow: hidden;
	float: left;
	font-weight: bold;
	margin-right: 2px;
}

#LeftMenuArea #LeftMenuTop
{
	text-transform: uppercase;
	padding: 30px 10px;
	text-align: center;
}

#LeftMenuArea ul
{
	list-style-type: none;
	margin: 0;
}

#LeftMenuArea li
{
	background-image: url(/SnickarPerTemplates/Public/Images/left_menu_item_background.png);
	background-repeat: repeat-x;
	background-color: #FFF;
}

#LeftMenuArea li span
{
	display: block;
	background-repeat: no-repeat;
	background-position: 20px center;
}

#LeftMenuArea li.selected
{
}

#LeftMenuArea li.selected a
{
	color: #2886b1;
	font-weight: bold;
}

#LeftMenuArea li a:hover
{
	color: #2886b1;
}

#LeftMenuArea li a
{
	display: block;
	text-decoration: none;
	color: #494949;
	font-size: 1.0em;
}

#LeftMenuArea li a.Image
{
	padding: 18px 60px;
}

#LeftMenuArea li a.NoImage
{
	padding: 18px 20px;
}

#LeftMenuArea li.unselected a:hover
{
}

/*************************/
/* CONTENTAREA           */
/*************************/
#MainContentArea
{
	/* IE 6 doesn't support min-height so the height is set instead, */ /* relying on that it will expand beyond it if needed */
	height: 460px;
	min-height: 460px;
	float: left;
	padding-top: 1px;
}

/* IE 6 doesn't understand the > selector and ignores it */
html > body #MainContentArea
{
	height: auto;
}

#StageArea #IsNotLeftMenu #MainContentArea
{
}

#StageArea #IsLeftMenu #MainContentArea
{
	width: 842px;
}


#StageArea #IsLeftMenu.WideRight #MainBodyArea
{
	float: left;
	width: 312px;
}

#StageArea #IsNotLeftMenu.WideRight #MainBodyArea
{
	float: left;
	width: 448px;
}


#StageArea #IsLeftMenu.NarrowRight #MainBodyArea
{
	float: left;
	width: 477px;
}

#StageArea #IsNotLeftMenu.NarrowRight #MainBodyArea
{
	float: left;
	width: 613px;
}

#StageArea #MainBodyAreaWide 
{
	width: 822px;
}

#StageArea #IsNotLeftMenu.NarrowRight #MainBody
{
	padding: 30px 80px 20px 35px;
}

#MainBody
{
	padding: 20px 30px 20px 25px;
}




/*************************/
/* STARTPAGE             */
/*************************/
#StageArea #IsNotLeftMenu
{
	background-image: none;
	width: 100%;
	padding-bottom: 0;
	overflow: hidden;
	clear: left;
}

#StageArea #TopArea
{
	overflow: hidden;
	width: 100%;
	height: 230px;
}

#StageArea #TopArea .StartPageSmall
{
}

#StageArea #BottomArea, #StageArea #BottomAreaHalf
{
	overflow: hidden;
	width: 100%;
	height: 230px;
}

#StageArea #BottomArea .ColContainer
{
	width: 318px;
	float: left;
}

#StageArea #BottomArea .ColContainerMiddle
{
	width: 634px;
	float: left;
}

#StageArea #BottomArea .Col1
{
	padding: 20px 0px 20px 24px;
}

#StageArea #BottomArea .Col2
{
	padding: 20px 0px 20px 24px;
}
#StageArea #BottomArea .Col3
{
	padding: 20px 0px 20px 26px;
}

#TopFlashWideRotator, #TopFlashWide
{
}

#TopFlashMiddleRotator, #TopFlashMiddle
{
	width: 656px;
	float: left;
}

/*************************/
/* Text pages            */
/*************************/

.WideRight #RightArea
{
	float: right;
	width: 530px;
}

.NarrowRight #RightArea
{
	float: right;
	width: 365px;
}

#RightArea #Right
{
	padding-top: 20px;
	margin-right: 30px;
	padding-bottom: 20px;
}
#RightArea #Right img
{
	margin-bottom: 20px;
}

#RightArea .RightBlock
{
	background: url(/SnickarPerTemplates/Public/Images/body_right_block_background.png) repeat-x;
	padding: 15px 25px 25px 25px;
}

/*************************/
/* Designers             */
/*************************/

#StageArea #IsNotLeftMenu #BottomAreaHalf .ColContainer
{
	width: 477px;
	float: left;
}

#StageArea #IsNotLeftMenu #BottomAreaHalf .Col1
{
	padding: 20px 0px 20px 24px;
}

#StageArea #IsNotLeftMenu #BottomAreaHalf .Col2
{
	padding: 20px 0px 20px 24px;
}

/*************************/
/* Products              */
/*************************/

.ProductTabs .ajax__tab_body
{
	border: solid 1px #c9c9c9;
	margin: 0 0 1em 0;
}
.ProductTabs .ajax__tab_body .ajax__tab_panel
{
	border: solid 1px #FFF;
	background: url(/SnickarPerTemplates/Public/Images/body_tab_background.png) repeat-x;
	padding: 20px;
	min-height: 200px;
}

.ProductTabs .ajax__tab_active .ajax__tab_outer, .ProductTabs .ajax__tab_hover .ajax__tab_outer
{
	background: url(/SnickarPerTemplates/Public/Images/body_tab_selected_backgroun.png) repeat-x;
	color: #FFF;
}

.ProductTabs .ajax__tab_outer
{
	border: solid 1px #c9c9c9;
	border-width: 1px 1px 0px 1px;
	margin-right: 3px;
	height: 24px;
	font-weight: bold;
	color: #0f7fb2;
}

.ProductTabs .ajax__tab_inner
{
	text-align: center;
}

.ProductTabs .ajax__tab_tab
{
	padding: 3px 10px;
}

.SeriesIcon
{
	float: right;
}

/*************************/
/* Retailers             */
/*************************/
.RetailersHeader
{
	background: url(/SnickarPerTemplates/Public/Images/body_list_header_background.png) repeat-x;
	padding-left: 25px;
	line-height: 50px;
	font-size: 1.4em;
}

.RetailersItem
{
	background: url(/SnickarPerTemplates/Public/Images/body_list_item_background.png) repeat-x;
	padding: 10px 25px 10px 25px;
}

.RetailersShow
{
	float: right;
	margin-top: 25px;
}

/*************************/
/* Image Archive         */
/*************************/
.ImageCategory
{
	margin-top: 10px;
}

.ImageHolder 
{
	font-size: 0.8em;
	float:left;
	margin-right: 20px;
}

.ImageHolder div
{
	border: solid 1px #c2c2c2;
}

.ImageHolder img
{

	padding: 3px;
}

/*************************/
/* Order                 */
/*************************/

.HideLabel label 
{
	display: none;
}

.OrdersTable 
{
	border: solid 1px #bababa; 
}

.OrdersTable td
{
	vertical-align: middle;
}

.PackageText 
{
	float: left;
	width: 381px;
}
.PackageImage 
{
	float: right;
	width: 356px;
}

.OrderForm 
{
	margin-top: 15px;
}

.OrderForm input
{
	width: 170px;
	margin-top: 2px;
}

.OrderForm label
{
	display: inline-block;
	margin-top: 5px;
}

.OrderForm .Button
{
	margin-top: 24px;
}

.OrderForm .Col1
{
	float: left;
	width: 24%;
}
.OrderForm .Col2
{
	float: left;
	width: 24%;
}
.OrderForm .Col3
{
	float: left;
	width: 24%;
}
.OrderForm .Col4
{
	float: left;
	width: 24%;
}

/*************************/
/* Error report          */
/*************************/

.ErrorReport input
{
	margin-top: 2px;
}

.ErrorReport label
{
	display: inline-block;
	margin-top: 5px;
}

.ErrorReportForm input, .ErrorReportFormTop input
{
	width: 270px;

}

.ErrorReportForm .Col, .ErrorReportFormTop .Col
{
	float: left;
	padding-right: 10px;
}

.ErrorReportFormTop .Col2 
{
		float: left;
	padding-left: 10px;
	border-left: solid 1px #55bbea;
}

.ErrorReportMeasureForm .Col1
{
	float: left;
	width: 20%;
	margin-right: 20px;
}
.ErrorReportMeasureForm .Col2
{
	float: left;
	width: 20%;
	margin-right: 20px;
}
.ErrorReportMeasureForm .Col3
{
	float: left;
	width: 20%;
	margin-right: 20px;
}
.ErrorReportMeasureForm .Col4
{
	float: left;
	width: 20%;
	margin-right: 20px;
}

.ErrorReportMeasureForm input 
{
	width: 70px;
}

/* Ajax */
div.ProgressImage
{
	background-image: url(/SnickarPerTemplates/Public/Images/loading.gif);
	background-repeat: no-repeat;
	position: absolute;
	z-index: 101;
	width: 32px;
	height: 32px;
}

.ProgressOverlay
{
	position: fixed;
	z-index: 99;
	top: 0px;
	left: 0px;
	background-color: #FFFFFF;
	width: 100%;
	height: 100%;
	filter: Alpha(Opacity=70);
	opacity: 0.70;
	-moz-opacity: 0.70;
}
* html .ProgressOverlay
{
	position: absolute; /*height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight +  'px' ); 	width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth +  'px' );*/
}
.ProgressLoader
{
	z-index: 100;
	position: fixed;
	width: 120px;
	margin-left: -30px;
	top: 50%;
	left: 50%;
}
* html .ProgressLoader
{
	position: absolute; /*margin-top: expression((document.body.scrollHeight / 4) + (0 - parseInt(this.offsetParent.clientHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)) +  'px' );*/
}

/* Buttons */

a.Button
{
	background-image: url(/SnickarPerTemplates/Public/Images/button_background.png);
	background-repeat: repeat-x;
	background-color: #0b8cc7;
	float: left;
}
a.Button:hover
{
	text-decoration: none;
}

a.Button span
{
	background-repeat: no-repeat;
	color: #FFF;
	font-weight: normal;
	font-size: 0.9em;
	display: block;
	cursor: pointer;
	line-height: 21px;
	padding-left: 40px;
	padding-right: 10px;
}

a.Button span.ButtonSpecification
{
	background-image: url(/SnickarPerTemplates/Public/Images/button_specification.png);
}

a.Button span.ButtonAssemblyReference
{
	background-image: url(/SnickarPerTemplates/Public/Images/button_assembly_reference.png);
}

a.Button span.ButtonDwgFile
{
	background-image: url(/SnickarPerTemplates/Public/Images/button_dgw_file.png);
}


* html a.Button span
{
	width: 150px;
}





/**********************************/
/*    Table classes for content   */
/**********************************/
table.classic
{
	border-collapse: collapse;
	border: solid 0.1em #777777;
}

table.classic th
{
	border: solid 0.1em #777777;
	background-color: #DADADA;
	padding: 0.4em;
}

table.classic td
{
	border: solid 0.1em #777777;
	padding: 0.2em 0.4em;
}

table.color
{
	border-collapse: collapse;
	border: solid 0.1em #275569;
}

table.color th
{
	border: solid 0.1em #275569;
	background-color: #4495b9;
	color: White;
	padding: 0.4em;
}

table.color td
{
	border: solid 0.1em #275569;
	padding: 0.2em 0.4em;
}

th.highlighted, td.highlighted
{
}

table.classic th.highlighted
{
	background-color: #AAAAAA;
}

table.classic td.highlighted
{
	background-color: #F0F0F0;
}

table.color th.highlighted
{
	background-color: #377995;
}

table.color td.highlighted
{
	background-color: #d1e6ef;
}

th.leftalignedcontent, td.leftalignedcontent
{
	text-align: left;
}

th.rightalignedcontent, td.rightalignedcontent
{
	text-align: right;
}

/**********************************/
/*   Image  classes for content    */
/**********************************/
img.topleftfloatingimage
{
	margin-right: 1em;
	margin-bottom: 1em;
	float: left;
}

img.toprightfloatingimage
{
	float: right;
	vertical-align: top;
	margin-left: 1em;
	margin-bottom: 1em;
}