﻿/* General styles */
* 
{
	font-family:Arial,helvetica;
	font-size:12px;
}

body
{
	background-image:url("../images/topbg.gif");
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	margin:0;
	padding:0;
}

img 
{
	border:0;
}

A:link, A:visited, A:hover,A
{
	text-decoration:none;
	color:#bb081e;
}

A:hover 
{
	text-decoration:underline;
}
	
h1 
{
	font-size:14px;
	font-weight:bold;
	margin-bottom:15px;
}

h1.red 
{
	color:#bb081e;
	font-size:27px;
	font-weight:normal;
	margin-bottom:5px;
}

h2 
{
	font-size:13px;
	font-weight:bold;
}

h3,h4,h5,h6 
{ 
	font-size:12px;
	font-weight:bold;
}



#main 
{
	width:995px;
	margin:0px;
}

/* Top bar */

#topbar
{
	width:995px;
	height:76px;
}

#logo 
{
	background-image:url("../images/logo.gif");
	background-repeat:no-repeat;
	width:199px;
	height:76px;
	margin-left:16px;
	float:left;
}

#logo_print 
{
	margin-top:19px;
	margin-left:41px;
	display:none;
	visibility:hidden;
}

#topfunctions 
{
	float:left;
	width:770px;
	height:19px;
	margin-top:6px;
}

#topright 
{
	float:right;
}


#textsize 
{
	float:left;
	width:94px;
	height:25px;
}


.textsizebox 
{
	float:left;
	margin-right:6px;
	background-image:url("../images/textsizebox.gif");
	background-repeat:no-repeat;
	width:34px;
	height:17px;
	padding-top:1px;
	padding-left:6px;
	color:#c8c8c8;
	font-weight:bold;
}

.textsizebox A:link,.textsizebox A:visited,.textsizebox A:hover 
{
	color:#c8c8c8;
	text-decoration:none;
}

A:link.textsizedisabled,A:visited.textsizedisabled, .textsizedisabled A:link,.textsizedisabled A:visited,.textsizedisabled A:hover
{
	color:#424142;
	text-decoration:none;
}

#languageselector 
{
	float:left;
	width:140px;
	height:25px;
	color:#000000;
}

#languageselector A:link,#languageselector A:visited,#languageselector A:hover 
{
	text-decoration:none;
	color:#c8c8c8;	
}

/* Top navigation */

#topnavi 
{
	display:block;
	float:left;
	width:770px;
	height:35px;
}

#topnavilinks 
{
	float:left;
	padding-left:3px;
	margin-top:0px;
	width:742px;
	height:35px;
	background-image:url("../images/navibg.gif");
	background-repeat:repeat-x;
}


#topnavilinks ul 
{
	margin:0;
	padding:0;
	list-style:none;
	margin-top:3px;
}


#topnavilinks ul li 
{	
	float:left;
	margin:0;
	padding-top:10px;
	padding-left:9px;
	padding-right:9px;
	padding-bottom:6px;
	border:0px yellow solid;
	
}

#topnavilinks ul li.pipe 
{
    padding:0px;
    padding-top:10px;
}

#topnavilinks A:link,#topnavilinks A:visited,#topnavilinks A:hover 
{
	
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bolder;
	color:#FFFFFF;	
}

#topnavilinks ul li.active 
{	
	background-color:#414141;
    margin-left:3px;
    margin-right:3px;
	
}

#topnavilinks ul li.hiddenpipe 
{
   color:#6b6d6b;
}

#topnavilinks ul li.active A:link,#topnavilinks ul li.active A:visited,#topnavilinks ul li.active A:hover
{	

}

.pipe 
{
	color:#565656;
	font-weight:bold;
	padding:0;

}

.pipeactive 
{
    width:0px;
	display:none;
	visibility:hidden;

}

#topnaviright 
{
	float:left;
	width:3px;
	height:35px;
	margin-right:0px;
	background-image:url("../images/naviright.gif");
	background-repeat:no-repeat;
}

/* Contentarea styles */
#maincontentarea 
{
	background-image:url("../images/contentbg_top.gif");
	background-repeat:no-repeat;
	margin-top:5px;
	min-height:300px;
	width:995px;
}

#contentarea 
{
	margin-left:18px;
	padding-top:13px;
	width:964px;
	
}

#content_leftcolumn 
{
	float:left;
	width:192px !important;
	height:100%;
	min-height:300px;
	border:0px red solid;
	
}

#content_rightcolumn 
{
	float:left;
	width:762px;
	margin-left:7px;
}


#maincontentareabottom 
{
	background-image:url("../images/contentbg_bottom.gif");
	background-repeat:no-repeat;
	height:75px;
	width:995px;
}

/* Left navigation */

#leftnavi 
{
	width:192px;
	border:0px blue solid;
	padding:0px;
	margin:0px;
}

#leftnavi .greybox_content 
{
	clear:both;
	width:192px;
	margin-left:0px;

}

#leftnavi ul 
{
	border:0px none;
	width:192px;
	margin:0;
	padding:0px;
	padding-left:0px;
	display:block;
	list-style:none;
}

#leftnavi ul li
{
	display:block;
	background-image:url("../images/grey_arrow2.gif");
	background-repeat:no-repeat;
	padding-left:32px;
	padding-top:5px;
	padding-bottom:7px;
	border-bottom:1px #6d6d6d solid;
}

#leftnavi ul li.active
{
	display:block;
	background-image:url("../images/grey_arrow2_selected.gif");
	background-repeat:no-repeat;
	padding-left:32px;
	padding-right:0px;
	padding-top:5px;
	padding-bottom:7px;
	background-color:#414141;
	border-bottom:1px #6d6d6d solid;
}

#leftnavi A:link,#leftnavi A:visited,#leftnavi A:hover 
{
	font-weight:bold;
}


/* Breadcrumb */

#breadcrumb 
{
	margin-top:13px;
	margin-left:15px;
	margin-bottom:13px;
}

#breadcrumb a:link,#breadcrumb a:visited,#breadcrumb a:hover
{
	color:#32599a;
	text-decoration:underline;
}

#breadcrumb ul 
{
	display:inline;
	list-style:none;
	margin:0px;
	padding:0px;
}

#breadcrumb ul li 
{
	display:inline;
	padding-right:1px;
	color:#767676;
}



/* Rootpage styles */

#rightcolumn_flash 
{
	
}

/* Main textarea */
#rightcolumn_text 
{
	color:#767676;
	padding:15px;
	padding-top:0px;
}


#fp_leftwpzone 
{
    float:left;
    margin-right:25px;
    width:340px;
    border:0px red solid;
}

#fp_rightwpzone 
{
    margin-left:25px;
    float:left;
    width:340px;
    
}

#newsdate 
{
    margin-top:10px;
    margin-bottom:10px;
}

#eventdate 
{
    margin-top:10px;
    margin-bottom:10px;
    font-weight:bold;
}

/* Site frontpage */

#title 
{
	margin-left:15px;
}



#topleftwpzone 
{
	margin-top:5px;
	border:0px red solid;
	float:left;
	width:355px;
	margin-right:20px;
}

#toprightwpzone 
{
	margin-top:5px;
	margin-left:0px;
	float:left;
	border:0px red solid;
	width:355px;
}


#categorytree_tree 
{
	padding-top:0px;
	width:230px;
	float:left;
	margin-right:10px;
	border:0px red solid;
	overflow:hidden;
}

#categorytree_padding
{
	margin-top:35px;
}


#categorytree_content
{
	margin-top:0px;
	width:490px;
	float:right;
	border:0px red solid;
	overflow:hidden;
	
}

/* Bottom bar styles */

#bottombar 
{
	clear:both;
	display:block;
	background-color:#6c6c6c;
	height:42px;
	min-width:990px;
	width:100%;
	margin-top:10px;
}
#bottombar #bottombarie6fix
{
    width: 990px;
}

#copyright 
{
	padding-left:240px;
	padding-top:15px;
	width:145px;
	float:left;
	color:#FFFFFF;
}

#bottomnavi 
{
	width:605px;
	padding-top:15px;
	float:left;
}

#bottomnavi ul 
{
	margin:0;
	padding:0;
	list-style:none;
}

#bottomnavi ul li 
{	
	float:left;
	margin:0;
	padding-left:7px;
	padding-right:7px;
}

#bottomnavi A:link,#bottomnavi A:visited,#bottomnavi A:hover 
{
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;	
}

.bottompipe 
{
	color:#FFFFFF;
	padding:0;
}


#fp_contactinfo 
{
	
}

#fp_contactinfo select
{
	margin-bottom:5px;
}

#officelocations 
{
    margin-top:15px;
}

.office_selector 
{
	width:160px;
}

#productsearchform 
{
	margin-top:15px;

}

#productsearchform A:link,#productsearchform A:visited, #productsearchform A:hover 
{
	text-decoration:underline;
	color:#FFFFFF;
}




/* Greybox (used in product search and firstpage contact info */
.greybox_main 
{
	background-image:url("../images/greybox_bg.gif");
	background-repeat:repeat-x;

	width:192px;
	background-color:#818181;
	border:0px blue solid;
}

.greybox_main a:link,.greybox_main a:visited,.greybox_main a:hover 
{
	color:#FFFFFF;
}

.greybox_topleft 
{
	background-image:url("../images/greybox_topleft_bg.gif");
	background-repeat:no-repeat;	
	float:left;
	width:7px;
	height:9px;
}

.greybox_topright
{
	background-image:url("../images/greybox_topright_bg.gif");
	background-repeat:no-repeat;	
	float:right;
	width:7px;
	height:9px;
	
}

.greybox_content 
{
	width:182px;
	margin-left:10px;
	padding-top:0px;
	color:#FFFFFF;
}

#fp_contactinfo .greybox_content 
{
    padding-top:10px;
}

.greybox_content > div:first-child
{
    padding-top: 10px;
}

.greybox_title
{
	margin-top:8px;
	margin-bottom:7px; 
	color:#FFFFFF;
	font-weight:bold;
	float:left;
}

.greybox_help
{
	margin-top:0px;
	margin-right:0px;
	border:0px;
	float:right;
}

.greybox_help img 
{
	border:0px;
	margin-top:0px;
	margin-left:0px;
	margin-right:-3px;
}

.greybox_form_title
{
	color:#FFFFFF;
	font-weight:bold;
	font-size:11px;
	margin-top:4px;
	margin-bottom:3px;
}

.greybox_form_field
{
	background-image:url("../images/greybox_textboxbg.gif");
	background-repeat:no-repeat;
}

.greybox_form_checkbox 
{
	margin-top:2px;
	color:#FFFFFF;
	margin-bottom:5px;
}


.greybox_textfield
{
	margin-left:10px;
	margin-right:10px;
	border:0px;
	margin-top:0px;
	background-image:url("../images/greybox_textboxbg2.gif");
	background-repeat:repeat-x;
	width:97px;
	height:18px;
}

.greybox_submit
{
	margin-top:10px;
	margin-bottom:0px;
}

.greybox_bottomleft 
{
	background-image:url("../images/greybox_bottomleft_bg.gif");
	background-repeat:no-repeat;	
	background-position:bottom;	
	background-color:#818181;
	float:left;
	width:7px;
	height:9px;

}


.greybox_bottomcenter
{
	float:left;
	width:178px;
	height:9px;
	background-color:#818181;
}

.greybox_bottomright
{
	background-image:url("../images/greybox_bottomright_bg.gif");
	background-repeat:no-repeat;	
	background-position:bottom;	
	background-color:#818181;
	float:right;
	width:7px;
	height:9px;
}




/* SLO Online LoginBox */

#loginbox_main 
{
    margin-top:15px;
	background-image:url("../images/loginbox_bg.gif");
	background-repeat:repeat-x;
	height:auto;
	width:192px;
	background-color:#cf0b25;
	border:0px blue solid;
	color:#FFFFFF;
}

#loginbox_topleft 
{
	background-image:url("../images/loginbox_topleft_bg.gif");
	background-repeat:no-repeat;	
	float:left;
	width:7px;
	height:9px;
}

#loginbox_topright
{
	background-image:url("../images/loginbox_topright_bg.gif");
	background-repeat:no-repeat;	
	float:right;
	width:7px;
	height:9px;
}

#loginbox_content 
{
	width:182px;
	margin-left:10px;
  
}

#loginbox_title
{
	margin-top:10px;
	margin-bottom:7px; 
	color:#FFFFFF;
	font-weight:bold;
	float:left;
}

#loginbox_help
{
	margin-top:6px;
	margin-right:0px;
	border:0px;
	float:right;
}

#loginbox_help img 
{
	border:0px;
	margin-left:2px;
	margin-right:0px;
}

.loginbox_form_title
{
	color:#FFFFFF;
	font-weight:bold;
	font-size:11px;
	margin-top:4px;
	margin-bottom:3px;
}

.loginbox_form_field
{
	background-image:url("../images/loginbox_textboxbg.gif");
	background-repeat:no-repeat;
}

.loginbox_textfield
{
	margin-left:10px;
	margin-right:10px;
	border:0px;
	margin-top:0px;
	
	background-image:url("../images/loginbox_textboxbg2.gif");
	background-repeat:repeat-x;

	width:97px;
	height:18px;
}

#loginbox_submit
{
	margin-top:10px;
	margin-bottom:0px;
	height:27px;
	width:97px;
    background-color:#d00b26;
}

.loginbox_link, .loginbox_link A:link,.loginbox_link A:visited,.loginbox_link A:hover
{
    padding-top:5px;
    color:#FFFFFF;
    text-decoration:underline;
    font-weight:bold;
}

#loginbox_bottomleft 
{
	background-image:url("../images/loginbox_bottomleft_bg.gif");
	background-repeat:no-repeat;	
	background-position:bottom;	
	background-color:#d00b26;
	float:left;
	width:7px;
	height:9px;
}

#loginbox_bottomcenter
{
	float:left;
	width:178px;
	height:9px;
	background-color:#d00b26;
}

#loginbox_bottomright
{
	background-image:url("../images/loginbox_bottomright_bg.gif");
	background-repeat:no-repeat;	
	background-position:bottom;	
	background-color:#d00b26;
	float:right;
	width:7px;
	height:9px;
}

/* Linklist on the bottom left */

#linklist 
{
	width:177px;
	margin-top:20px;
	margin-left:15px;
	border:0px blue solid;	
}

#linklist ul 
{
	list-style:none;
	margin:0;
	display:inline;
}

#linklist ul li 
{
	display:block;
	background-image:url("../images/arrow.gif");
	background-repeat:no-repeat;
	padding-left:25px;
	padding-bottom:10px;
}

#linklist A:link,#linklist A:visited,#linklist A:hover 
{
	text-decoration:none;
	color:#bb081e;
	font-weight:bold;
}


/* Highlight box */

.highlightbox 
{
	background-image:url("../images/highlightboxbg.gif");
	background-repeat:no-repeat;
	width:345px;
	height:138px;
	overflow:hidden;
	padding-left:15px;
	border:0px red solid;
	padding-top:15px;
	padding-RIGHT:0PX;
	margin-top:5px;
	margin-bottom:5px;
	
}

.highlightbox A:link,.highlightbox A:visited,.highlightbox A:hover 
{
	display:block;
	text-decoration:none;
	font-weight:bold;
}

.highlightbox A:hover  
{
	text-decoration:underline;
}

.highlightbox_image
{
	float:left;
	width:140px;
	margin-right:10px;
	height:120px;
	border:0px red solid;
	overflow:hidden;
}

.highlightbox_text
{	
	overflow:hidden;
	padding-bottom:10px;
	float:left;
	width:185px;
	height:112px;
	border:0px blue solid;
	
}


/* Newslists */

.newsitem 
{
    margin-bottom:10px;
}

.newsitem A:link,.newsitem A:visited,.newsitem A:hover
{
   	text-decoration:none;
	color:#bb081e;
	font-weight:bold;
}

.newsitem .newsdate 
{
    
}

.newsitem .newstitle 
{
    
}

.newsitem .newsdescription 
{
}

.productdetailstable
{
    margin-top:15px;
	/*width: 500px;*/
}
.productdetailstable th, .productdetailstable td
{
	font-weight: normal;
	color: #555;
	text-align: left;
	padding: 3px 5px;
}
.productdetailstable td
{
}
.productdetailstable .Row-Title
{
	color: White;
	background-color: #555;
	text-align: center;
}
.productdetailstable .Row-Title td
{
	padding: 3px 5px;
}
.productdetailstable .Row-Odd
{
	background-color: #ccc;
}
.productdetailstable .Row-Even
{
	background-color: #ddd;
}
.productdetailstable .pnlBlueway
{
    padding: 10px 0px 10px 30px;
}
.productdetailstable .productdetails
{
	background-color: White;
	vertical-align: top;
}
.productdetailstable .productdetails_links
{    
	margin-left: 30px;
	list-style-type: none;
}
.productdetailstable .productdetails_links li
{
    background-image: url("../Images/arrow.gif");
    background-repeat: no-repeat;
    background-position: left center;
    padding: 5px;
}
.productdetailstable .productdetails_links li a
{
    padding-left: 20px;
}

.alternateproductslist
{
    list-style-type: none;
}

.productSearchResults
{
    border-collapse: collapse;
}
.productSearchResults .pager
{
    text-align: center;
}
.productSearchResults td, .productSearchResults th
{
    padding: 2px 3px;
    border: 1px solid white;
	color: #555;
}
.productSearchResults .Row-Odd
{
	background-color: #ccc;
}
.productSearchResults .Row-Even
{
	background-color: #ddd;
}
.productSearchResults .Row-Title th
{
	color: White;
	background-color: #555;
}
.productSearchResults .Row-Title a
{
	color: White;
	background-color: #555;
}
.productSearchResults td.czprice
{
    text-align: right;
}

a.snrospace
{
    white-space: nowrap;
}


.cablesearch 
{
}
.cablesearch h3
{
	padding: 10px 5px 5px;
}
.cablesearch div.dropdown
{
	vertical-align: middle;
	padding: 5px 10px;
	border-style: dashed;
	border-width: 1px 0 0;
	border-color: Silver;
}

.cablesearch .selectedCable
{
	background-color: #eee;
	vertical-align: middle;
	padding: 10px;
	border-style: dashed;
	border-width: 1px 0 1px;
	border-color: Silver;
	color: #444;
	font-weight:bold;
}
.cablesearch .selectedCable .litSelectedCable
{
	color: #bb081e;
	font-weight:bold;
}
.cablesearch table.cableitems
{
	width: 80%;
	margin-bottom: 1em;
}
.cablesearch .cableitems tr.Row-Title
{
	background-color: #eee;
}
.cablesearch .cableitems tr.lisatieto
{
	background-color: #eee;
}
.cablesearch .cableitems tr.lisatieto td
{
	color:#bb081e;
	padding: 3px 5px;
	font-size: 1.5em;
	font-weight: bold;
}
.cablesearch .cableitems tr td
{
	color: #555;
}
.cablesearch .Row-Odd
{
	background-color: #ccc;
}
.cablesearch .Row-Even
{
	background-color: #ddd;
}

.cablesearch th
{
    text-align: left;
}
.cablesearch td.amount
{
    text-align: right;
}

.cableitems td, .cableitems th
{
    padding-top:2px;
    padding-bottom:2px;
    padding-left:3px;
    padding-right:3px;
}

ul.peoplelist
{
    list-style-type: none;
    margin-left: 0;
}
ul.peoplelist li
{
    margin-top: 5px;
    margin-left: 0;
}

#peoplesearch 
{
    margin-top:10px;
    margin-bottom:10px;
}

#peoplesearchform 
{
    margin-bottom:15px;
}

.peoplesearchbox_field 
{
    margin-top:5px;
}

.peoplesearchbox_title{
}

.peoplesearchbox_textbox{
}

#peoplesearchbox_button {
    margin-top:5px;
}


#peoplesearchresult li
{
    margin-top:10px;
}


html#officedetailshtml .OfficeInfo
{
    margin: 5px 0 10px;
}
html#officedetailshtml .pnlShowDirectionsAsText
{
    margin: 5px 0 10px;
}

/* Sitemap */

.toc-layout-main .level-section 
{
    margin-left:15px;
    margin-top:5px;
}

.toc-layout-main .level-bullet 
{
    margin-left:10px;
}


/* FormGenerator */

.FormGeneratorFormItem 
{
    margin-top:10px;
    margin-bottom:4px;
}

.FormGeneratorFieldName 
{
    display:block;
    font-weight:bold;
}

.FormGeneratorFormField 
{
    
}

.FormGeneratorTextBox 
{
    width:250px;
    border:1px #6b6d6b solid;
}

.FormGeneratorMultilineTextBox 
{
    width:350px;
    border:1px #6b6d6b solid;
}

.FormGeneratorDropDown {}

.FormGeneratorRadioButton input
{
    margin-right:5px;
}

.FormGeneratorCheckBoxList input
{
    margin-right:5px;
}

.FormGeneratorCheckBox input
{
    margin-left:2px;
    margin-right:5px;
}

.FormGeneratorSubmitButton 
{
    margin-top:10px;
    margin-bottom:20px;
}

.FormGeneratorThankYouText 
{
    margin-top:20px;
    margin-bottom:20px;
    
}
.tvProduct
{
    /*background-color: #eee;*/
}
.treeCollapseExpand
{
    white-space: nowrap;
}
div.treeCollapseExpand
{
    margin: 10px 0 10px;
}
#textarea ul {
    margin:5px 0px 10px 20px;
}
#textarea .PublishingImageWrapper 
{
    margin: 0 0 10px 10px;
    float: right;
}