/*
 * jQuery FlexSlider v1.8
 * http://flex.madebymufffin.com
 *
 * Copyright 2011, Tyler Smith
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {width: 100%; margin: 0; padding: 0;}
.flexslider .slides > li {display: none;} /* display:  none; Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}
.flexslider .slides .magnifier {
	position: relative; 
	display: block;
	height: 34px;
	margin-top: -34px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	background-image: url(images/jcarousel-magnifier.png); 
	background-repeat: no-repeat; 
	background-position: top right;
	z-index: 50;
}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {
	/* background: #fff; 
	border: 4px solid #fff; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	-o-border-radius: 5px; 
	border-radius: 5px;*/ 
	position: relative;
	zoom: 1;
}
.flexslider .slides {
    margin-bottom: 18px; 
    zoom: 1;
}
.flexslider .slides > li {position: relative;}

/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {
    zoom: 1; 
    position: relative; 
    /*float:left; display:block; /*Mattias*/
}

/* Caption style */
/* IE rgba() hack */
.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.flex-caption {width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;}

/* Direction Nav */

/* Fix for IE*/
ul.flex-direction-nav {
    
}

.flex-direction-nav li a {
    width: 52px; 
    height: 52px; 
    margin: -13px 0 0; 
    display: block; 
    /* background: url(Images/bg-direction-nav-hl-classic.png) no-repeat 0 0; */
    background-image: url(Images/bg-direction-nav-hl-classic.png);
    background-repeat: no-repeat; 
    background-position: 0px 0px; 
    position: absolute; 
    top: 45%; 
    cursor: pointer; 
    text-indent: -9999px; 
    outline: none;
}

.flex-direction-nav li .next {
    background-position: -52px 0; 
    right: -50px; /*3px;*/
}
.flex-direction-nav li .prev {
    background-position: 0px 0; 
    left: -50px; /*3px;*/
}
.flex-direction-nav li .disabled  {
    opacity: .3; 
    filter:alpha(opacity=30); 
    cursor: default;
}

/* New special class*/
.hide-direction-nav  {
    visibility: hidden; 
    margin-left: -1000; 
}

/* Control Nav */
/* Orginal code */
/*.flex-control-nav {
    width: 100%; 
    position: absolute; 
    bottom: -30px; 
    text-align: center; 
}*/

ol.flex-control-nav {
    width: 100%; 
    position:relative;
    /*bottom: -30px;*/ 
    text-align: center; 
    margin: 0px; 
    /*border: 1px dotted red;*/
}

#large_banner_1 ol.flex-control-nav {  
    position:relative;
    margin-top:-5px;
    padding-bottom:5px;
}

#small_banner_1 ol.flex-control-nav,
#small_banner_2 ol.flex-control-nav,
#small_banner_3 ol.flex-control-nav {
    width: 30%;
    height: 30px;
    padding-top: 10px;
    position: absolute; 
    top: 0px;
    right: 15px;
    bottom: auto; 
    text-align: right; 
    margin: 0px;
    /*border: 1px dotted red;*/
}

.flex-control-nav li {
    margin: 0 0 0 5px; 
    display: inline-block; 
    zoom: 1; 
    *display: inline;
}
.flex-control-nav li:first-child {
    margin: 0;
}


#small_banner_1 .flex-control-nav li a,
#small_banner_2 .flex-control-nav li a,
#small_banner_3 .flex-control-nav li a  { 
    text-indent: 9999px;
}

.flex-control-nav li a  {
    /*width: 13px; 
    height: 13px;*/
    width: 10px; 
    height: 10px; 
    display: block;
	margin-top:10px;
    background: url(../Images/bg-control-nav-hl-classic.png) no-repeat 0 0; 
    cursor: pointer; 
    text-indent: -9999px;
}
.flex-control-nav li a:hover {
    background-position: 0 -10px;
}
.flex-control-nav li a.active {
    background-position: 0 -20px; 
    cursor: default;
}



.small-banner .navdots-top {
	top: 15px; 
	height: 20px; 
	width: 35%;
}

.small-banner { 
	position: relative;
	margin-top: 0px;
	/*margin-bottom: 10px;*/
	text-align: center;
	height: 200px;
	text-align: left;
	overflow: hidden;
	background-position: left bottom;
	background-repeat: no-repeat;

}

.small-banner h2 {
	display: block;
	margin: 0;
	padding: 10px 20px;

	color: #fff;
	font-size: 13px;
	/*text-transform: uppercase;*/
	font-weight: bold;
	font-family: "Helvetica Neue LT Std 75 Roman", Helvetica, Arial;
}

.small-banner h2 span { 
	float: right;
}

#maincontent .small-banner a  { /* Mattias */
    text-decoration: none;
}

.small-banner .banner { 
	display: block; 
	width: 300px;
	height: 200px;
	background-position: left bottom;
	background-repeat: no-repeat;

}

.small-banner .banner-content { 
	padding: 40px 25px;
	text-align: center;
}

#content .small-banner .banner-content p { 
	margin: 0px;
}

.banner.leftaligned .banner-content { 
	text-align: left;
}

.small-banner-headline { 
	font: 26px/26px "Helvetica Neue LT Std 75 Roman", Helvetica, Arial, Verdana;
	text-transform: uppercase;
	color: #4b6ea1;
}

.small-banner-readmore { 
	font: 14px/28px "Helvetica Neue LT Std 75 Roman", Helvetica, Arial, Verdana;
	text-transform: uppercase;
	color: #8b887c;
}

.small-banner span a { 
	padding-right: 13px; 
	font-weight: normal;
	/*background: url(Images/sprite.png) right -70px;*/
	color: #fff;
}

.small-banner.news {
	background-image: url(Images/small-banner-bg.png);
}

.small-banner ul.news {
	position: relative;
	padding:  15px 20px;
	padding-left: 80px;
	font-size: 11px;
}

.small-banner ul.news a {
	color: #1a488a;
}

.small-banner ul.news li {
	padding-bottom: 4px;
	margin-bottom: 4px;
	border-bottom: 1px solid #eae7e5;
}

.small-banner ul.news li:last-child {
	border: none;
	padding: none;
}

.small-banner ul.news li time {
	position: absolute;
	left: 20px;
	color: rgb(0, 145, 210);
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
}

.content { 
	float: left; /* Mattias */
	margin-top: 10px;
	margin-bottom: 10px;
}

.topimage { 
	float: left; /* Mattias */
	margin-bottom: 18px; 
}

#content p.block { /*#rightcolumn p.block {*/
	display: block; 
	text-align: center;
	background: rgb(150, 140, 130);
	padding: 13px 15px; 
	font: 20px/24px "Helvetica Neue LT Std 75 Roman", Helvetica, Arial;
	color: #fff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
}

#content p.block a {
	margin: 0;
	padding: 0;
	font: 20px/24px "Helvetica Neue LT Std 75 Roman", Helvetica, Arial;
	color: #fff;
	text-decoration: none;
}

html footer {
	margin-top: 30px;
	padding: 30px 0;
	border-top: 1px solid #eee;
	font-size: 11px;
}

footer #footer-nav { 
	float: left;
}

footer #footer-contact { 
	float: right;
}

footer ul { 
	float: left;
	margin-right: 20px;
	/*padding-right: 20px;*/
	padding-right: 0px;
	/*width: 95px;*/
	width: 120px;
	color: #999;
	line-height: 16px;
}

footer li a {
	color: #999;
}

footer li { 
	margin-bottom: 8px;
}

footer li a { 
	display: block;
}

footer li a:hover {
	color: #666;
}

footer .parent { 
	margin-bottom: 10px;
	font-weight: bold;
}

footer #footer-contact .logo { 
	margin: 0 0 12px 0;
	height: 33px;
	font: 16px/33px Arial, Verdana;
	font-weight: 400;
	color: #2258aa;
	display: block; 
	float:none;
}

footer #footer-contact a {
	color: rgb(0, 145, 210);
	text-decoration: underline;
}

footer #footer-contact a:hover {
	text-decoration: none;
}

footer .logo span { 
	display: block;
	float: left;
	margin-right: 15px;
	width: 60px; 
	height: 33px; 
	overflow: hidden;
	text-indent: -9999px;
	background: url(Images/logo-footer.png);
	background-repeat: no-repeat;
}

footer .contact p { 
	margin: 8px 0;
}

footer .copyright { 
	/*margin-top: 25px;*/
	margin-top: 18px;
	color: #ccc;
}


/* Submenu */

.submenu { 
	margin-top: 10px;
	margin-bottom: 10px;
}

.submenu div {
	padding-bottom: 5px;
	border-bottom: 1px solid #e5e4e1;
	text-transform: uppercase;
	font: 17px "Helvetica Neue LT Std 75 Roman", Helvetica, Arial, Verdana;
	font-weight: 400;
}

.submenu li {
	border-bottom: 1px solid #e5e4e1;
}

.submenu * ul {
	margin-left: 15px;
}

.submenu ul * li {
	border-bottom: none;
}

#content .submenu a {
	display: block;
	padding: 6px 3px;
	color: #736751;
}

#content .submenu a:hover {
	color: #b9b3a8;
}

#content .submenu li * a {
	padding: 3px;
}

.submenu a.current {
	font-weight: bold;
}

.submenu .current * a {
	font-weight: normal;
}

.submenu ul ul {
	margin-bottom: 7px;
}

.submenu ul ul ul {
	margin-bottom: 0;
}

/* People */

ul.people { 
	margin-top: 40px; 
	/*list-style-type: none; 
	margin-left: 0px;*/
}

.people li { 
	margin-bottom: 40px;
}

.people img { 
	float: left; 
	margin: -10px 18px 0 0;
	border: 5px solid #fff;
	-webkit-box-shadow: 0 1px 2px #d9d9d9;
	-moz-box-shadow: 0 1px 2px #d9d9d9;
	-o-box-shadow: 0 1px 2px #d9d9d9;
	-ms-box-shadow: 0 1px 2px #d9d9d9;
	box-shadow: 0 1px 2px #d9d9d9;
}

#content .people h3 { 
	margin: 0 0 5px 190px;
}

#content .people p { 
	margin: 10px 0 0 190px;
	width: 400px;
}

/* Newslist */

ul.newslist { 
	margin: 36px 0 30px 0;
	border-bottom: 1px solid #e5e4e1; 
	list-style-type: none;
}

#maincontent .newslist a {
	color: #444;
	text-decoration: none;
}

.newslist li { 
	padding-top: 18px;
	padding-bottom: 10px;
	border-top: 1px solid #e5e4e1;
}

#content .newslist h3 { 
	margin: 5px 0;
	font-size: 26px;
	line-height: 30px;
}

.newsroom-categories { 
	padding-bottom: 18px; 
	border-bottom: 1px solid #eee;
}

#maincontent .newsroom-categories a {
	color: #444;
}

.newsroom-feature-puff {

}

.newscategory {
	margin-right: 7px;
	padding: 2px 3px;
	font-size: 10px;
	text-transform: uppercase;
	color: #fff;
	background: #333;
}

.newscategory-news {
	background: #6090df;
}

.newscategory-events {
	background: #91d04d;
}

.newscategory-pressreleases {
	background: #df6060;
}

.newslist p.image-center { 
	text-align: center;
}

.newslist img.image-left { 
	float: left; 
	margin: 0 18px 25px 0;
}
 
.newslist .readmore { 
	color: rgb(0, 145, 210);
	text-decoration: underline;
}

.newslist .readmore:hover {
	text-decoration: none;
}

.newslist .morenews { 
	color: rgb(0, 145, 210);
}

.choose-country { 
	margin-top: 10px;
	padding: 50px;
	background: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px #e5e5e5;
	-moz-box-shadow: 0 1px 2px #e5e5e5;
	-o-box-shadow: 0 1px 2px #e5e5e5;
	-ms-box-shadow: 0 1px 2px #e5e5e5;
	box-shadow: 0 1px 2px #e5e5e5;
}

.choose-country h1 { 
	margin: 0 0 48px 0;
}

.choose-country h2 { 
	margin: 36px 0 24px 0;
}

.choose-country li { 
	float: left;
	margin: 10px 20px 10px 0;
	width: 260px;
}

.choose-country a { 
	display: block;
	height: 48px;
	line-height: 50px;
	color: rgb(0, 145, 210);
	text-decoration: underline;
}
.choose-country a:hover { 
    text-decoration: none;
}

.choose-country img { 
	float: left;
	margin-right: 18px;
}

#contactus .col_4 p {
	margin-bottom: 0;
}

.contact-us-photo img { 
	margin-top: 10px; 
	border: 5px solid #fff;
	-webkit-box-shadow: 0 1px 2px #d9d9d9;
	-moz-box-shadow: 0 1px 2px #d9d9d9;
	-o-box-shadow: 0 1px 2px #d9d9d9;
	-ms-box-shadow: 0 1px 2px #d9d9d9;
	box-shadow: 0 1px 2px #d9d9d9;
}

.contact-us-directions { 
	margin-top: 20px;
}

.contact-us-directions h2 { 
	margin-top: 30px;
}

.contact-us-directions p { 
	width: 75%;
}

.contact-us-directions .MapContainer { 
	border: 5px solid #fff;
	-webkit-box-shadow: 0 1px 2px #d9d9d9;
	-moz-box-shadow: 0 1px 2px #d9d9d9;
	-o-box-shadow: 0 1px 2px #d9d9d9;
	-ms-box-shadow: 0 1px 2px #d9d9d9;
	box-shadow: 0 1px 2px #d9d9d9;
}

.local-contacts-region {
	clear: both;
	margin-top: 36px;
}

.local-contacts { 
	margin-top: 40px;
}

.local-contacts li { 
	width: 330px;
	min-height: 150px;
	display: inline-block;
	vertical-align: top;
	margin: 0 18px 40px 0;
    /* For IE 7 */
    zoom: 1;
    *display: inline;
}

.local-contacts .first {
	clear: left;
}

.local-contacts img { 
	float: left; 
	margin: 0 18px 0 5px;
}

#content .local-contacts h3 { 
	margin: 0 0 5px 75px;
}

#content .local-contacts h4 { 
	margin: 10px 0 5px 75px;
}

#content .local-contacts p { 
	margin: 10px 0 0 75px;
}

.local-contacts a { 
	color: rgb(0, 145, 210);
}

.rightcol-box {
	margin-top: 18px;
}

/* Press pictures */

.presspictures {
	margin-top: 10px;
}

.presspictures dt {
	clear: left;
	float: left;
	padding: 30px 30px 0 0;
	width: 160px;
	text-align: center;
}

.presspictures dd {
	float: left;
	padding-top: 30px;
	width: 350px;
}

#content .presspictures h3 { 
	margin: 10px 0 5px 0;
}

#content .presspictures p { 
	margin: 10px 0 0 0;
}

.presspictures a { 
	color: rgb(0, 145, 210);
}

.presspictures img {
	border: 5px solid #fff;
	-webkit-box-shadow: 0 1px 2px #d9d9d9;
	-moz-box-shadow: 0 1px 2px #d9d9d9;
	-o-box-shadow: 0 1px 2px #d9d9d9;
	-ms-box-shadow: 0 1px 2px #d9d9d9;
	box-shadow: 0 1px 2px #d9d9d9;
}

.careerlist {
	width: 100%;
}

.careerlist th:first-child {
	width: 25%;
}

.careerlist th, 
.careerlist td {
	padding: 10px 0;
	border-bottom: 1px solid #eee;
}

.careerlist a {
	color: rgb(0, 145, 210);
	text-decoration: underline;
}

.careeropening h2 {
	font-size: 18px;
	color: #999;
}

.careeropening ul {
	margin-left: 20px;
	list-style-type: square;
}

.careeropening_moreinfo {
	/*margin-top: 18px;*/ 
	/*padding: 15px;
	background: #eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;*/
	margin-bottom: 15px;
}

.careeropening_moreinfo h6 {
	
}

#content .careeropening_moreinfo p {
	margin: 10px 0 0 0;
}

#content .careeropening_apply a {
	display: block; 
	margin-top: 15px;
	/*padding: 10px 0 13px 0;*/
	text-align: center;
	color: #fff;
	font-size: 16px;
	line-height: 32px;
	text-decoration:none; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	-o-border-radius: 5px; 
	-ms-border-radius: 5px; 
	border-radius: 5px; 
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 2px 3px rgba(0,0,0,0.3);
	-o-box-shadow: 0 2px 3px rgba(0,0,0,0.3);
	-ms-box-shadow: 0 2px 3px rgba(0,0,0,0.3);
	box-shadow: 0 2px 3px rgba(0,0,0,0.3);
	color: #fff;
	text-shadow: 0 1px 1px rgba(0,0,0,0.5);
	background: rgb(0, 145, 210);
	background: -webkit-linear-gradient(top, rgb(0, 145, 210), #5586cf);
	background: -moz-linear-gradient(top, rgb(0, 145, 210), #5586cf); 
	background: -o-linear-gradient(top, rgb(0, 145, 210), #5586cf); 
	background: -ms-linear-gradient(top, rgb(0, 145, 210), #5586cf); 
	background: linear-gradient(top, rgb(0, 145, 210), #5586cf);
}

.careeropening_form label {
	display: block;
}

.careeropening_form input[type=text] {
	padding: 5px;
	width: 400px;
	font-size: 13px;
}

.careeropening_form textarea {
	padding: 5px;
	width: 400px;
	height: 100px;
	font-size: 13px;
}

.careeropening_form .agree {
	display: inline;
}


/* Assortment, products */

.assortment_overview { 
	margin-top: 40px;
}

.assortment_overview > li { 
	margin-bottom: 40px;
}

.assortment_overview img { 
	float: left; 
	margin: -10px 18px 0 0;
	border: 5px solid #fff;
	-webkit-box-shadow: 0 1px 2px #d9d9d9;
	-moz-box-shadow: 0 1px 2px #d9d9d9;
	-o-box-shadow: 0 1px 2px #d9d9d9;
	-ms-box-shadow: 0 1px 2px #d9d9d9;
	box-shadow: 0 1px 2px #d9d9d9;
}

.assortment_overview ul {
	margin-left: 190px;
}

.assortment_overview ul li, 
.assortment_shortcutslist li {
	margin-top: 7px;
}

.assortment_overview ul a, 
.assortment_shortcutslist a {
	padding-left: 20px;
	background: url(Images/sprite.png);
}

.priceandproductinformation li a {
	background-position: left -88px;
}

.categoryandinstorecommunication li a {
	background-position: left -108px;
}

.displaycomponents li a {
	background-position: left -128px;
}

.shelfmerchandising li a {
	background-position: left -148px;
}

.productmerchandisers li a {
	background-position: left -168px;
}

.assortment_products {
	clear: both;
	margin-top: 20px;
}

.assortment_products li {
	float: left; 
	margin: 0 15px 25px 0;
	width: 160px;
}

.assortment_products .image {
	width: 160px; 
	height: 160px;
}

.assortment_products img {
	-webkit-box-shadow: 0 1px 2px #ccc;
	-moz-box-shadow: 0 1px 2px #ccc;
	-o-box-shadow: 0 1px 2px #ccc;
	-ms-box-shadow: 0 1px 2px #ccc;
	box-shadow: 0 1px 2px #ccc;
}

#maincontent .assortment_products h3 {
	margin: 10px 0 10px 0;
	font: 12px/14px "Helvetica Neue LT Std 75 Roman", Helvetica, Arial, Verdana;
	font-weight: bold;
}

#maincontent .assortment_products p {
	margin: 0;
}

.artno {
	font-size: 11px;
	color: #306ce6;
}

#assortment_search {
	margin: 30px 0;
	padding: 15px;
	background: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px #e5e5e5;
	-moz-box-shadow: 0 1px 2px #e5e5e5;
	-o-box-shadow: 0 1px 2px #e5e5e5;
	-ms-box-shadow: 0 1px 2px #e5e5e5;
	box-shadow: 0 1px 2px #e5e5e5;
}

#assortment_search .search {
	margin-bottom: 10px;
	padding-bottom: 15px;
	border-bottom: 1px solid #eee;
}

#assortment_search .search input {
	width: 320px;
}

#assortment_search .filters {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #eee;
}

#assortment_search .filter_column {
	float: left;
	margin-right: 10px;
	width: 160px;
}

#assortment_search .filters .last {
	margin-right: 0;
}

#assortment_search .filters label {
	display: block;
	margin-top: 5px;
}

#assortment_search .filters select {
	width: 150px;
}

#assortment_product p {
	margin: 15px 0;
}

#assortment_product .info {
	float: left;
	width: 370px;
}

#assortment_product .images {
	float: left;
	margin-left: 30px; 
	padding-top: 15px;
	width: 300px;
	height: 300px;
	background: #eee;
}

#assortment_product .tabs {
	margin: 30px 0;
	padding: 15px;
	background: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px #e5e5e5;
	-moz-box-shadow: 0 1px 2px #e5e5e5;
	-o-box-shadow: 0 1px 2px #e5e5e5;
	-ms-box-shadow: 0 1px 2px #e5e5e5;
	box-shadow: 0 1px 2px #e5e5e5;
}

.contentslideshow {
	height: 307px;
}

.topimageslideshow {
	height: 460px;
}

/* Right column */

#rightcolumn > div {
	margin-bottom: 20px;
}

/* Mattias
#rightcolumn h3 { 
	margin-top: 0px;
}
*/

#rightcolumn h4 { 
	margin: 0 0 14px 0;
}

#rightcolumn p {
	margin: 0 0 10px 0;
	line-height: 16px;
}

/* Specials for less capable browsers */

.faux-placeholder { 
	color: #999;
}

.clear {
	clear: both; 
	display: block;
	height: 0;
	overflow: hidden; 
	float:none; /*Mattias*/
}

/* Login page*/

.login { /* Mattias */
	
}

.loginArea { /* Mattias */
    width: 100%;
}

.loginArea label { /* Mattias */
    display: block;
    line-height: 1em;
    width: 35%;
}

.loginArea input { /* Mattias */
    margin: 0.3em 0 1em 0;
}

.loginArea input[type="text"] { /* Mattias */
    font-size: 13px;
    padding: 5px;
    width: 250px;
}

.loginArea input[type="password"] { /* Mattias */
    font-size: 13px;
    padding: 5px;
    width: 250px;
}

/* Sitemap page */

#sitemap ul { /* Mattias */
    margin: 0;
    padding: 0;
    list-style-image: none;
}

#sitemap ul ul { /* Mattias */
    padding: 0;
    margin-left: 10px;
}

#sitemap li { /* Mattias */
    margin: 0 0 10px 0;
    padding: 0;
    list-style: none;
    font-size: 18px;
}

#sitemap li a { /* Mattias */
    color: #444;
    text-decoration: none;
}

#sitemap li li { /* Mattias */
    margin: 2px 0;
    padding-left: 15px;
    background: url(images/sitemap-bullet.png) no-repeat;
    font-size: 12px;
}

#sitemap li li a { /* Mattias */
    color: rgb(0, 145, 210);
    text-decoration: none;
}

#sitemap li li li { /* Mattias */
    font-size: 12px;
}

/* XForm page */
.xForm h2 {
    padding: 1em 0;
    margin: 0;
}

.xForm .heading {
    font-weight: bold;
    font-size: 1em;
    padding: 0;
    margin: 0.4em 0em;
}

.xForm #id_matrix {
    width: 100%;
    margin: 0;
    padding: 0;
}

.xForm #id_matrix td {
    border: 0;
    margin: 0;
    padding: 0.2em 0;
}

span.xformvalidator {
    color: Red;
}

.xForm input, .xForm .options {
    float: left;
}

.xForm fieldset {
    border: 1px solid #cdcdcd;
}

.xForm legend {
    color: #666;
    padding: 10px 5px;
}

.xForm label {
    line-height: 1.7em;
    margin-right: 0.5em;
    float: left;
    width: 120px;
    font-weight: bold;
}

#id_matrix br {
    clear: both;
}

.thankyoumessage {
    padding: 1em 0;
    margin: 0;
    font-weight: bold;
}

.xForm input.value, .xForm textarea.textbox {
    font-size: 13px;
    padding: 5px; 
    width: 300px;
}

/* Search page */

#search {
    float: right;
    overflow: hidden;
}

#search .sorting-area {
    margin-bottom: 20px;
}

#search .sizing-area {
    float:right; 
    text-align: right;
    margin-bottom: 20px; 
}

#search .search-result-area {
    margin-top: 0px;
}

#search ul.product-listing {
    width: 720px; 
    float: left;
    margin-bottom: 10px;
}

#search ul.product-listing a {
    color: #444; 
    text-decoration: none;
}

#search ul.product-listing p {
    margin-bottom: 5px;
}

#search ul.product-listing p.product-name {
    color: rgb(0, 145, 210);
}

#search ul.product-listing .thumbnail {
    width: 124px;
    height: 178px;
    overflow: hidden;
    margin-bottom: 5px;
}

#search ul.product-listing img {
    float: left;
}

#search ul.product-listing li {
    width: 126px;
    min-height: 200px;
	display: -moz-inline-stack;
    display: inline-block;
	vertical-align: top;
	margin: 0px 14px 10px 0px;
    /* For IE 7 */
    zoom: 1;
    *display: inline;
    _height: 200px;
}


#SearchArea {
    background-color: #fff;
	padding: 25px 20px 20px 20px;
	margin: 0px 0px 20px 0px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px #e5e5e5;
	-moz-box-shadow: 0 1px 2px #e5e5e5;
	-o-box-shadow: 0 1px 2px #e5e5e5;
	-ms-box-shadow: 0 1px 2px #e5e5e5;
	box-shadow: 0 1px 2px #e5e5e5;
}

#SearchArea input.searchText {
    font-size: 13px;
    padding: 5px; 
    width: 270px;
    margin: 0px 10px 0px 0px;
}

#SearchArea input.button{
	margin-top: -2px;
	padding: 4px 10px 4px 10px;
	text-align: center;
	background: rgb(0, 145, 210);
	color: #fff;
	font-size: 13px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	/*background-image: -webkit-linear-gradient(rgba(255,255,255,.2), #2258aa);*/
	background-image: -webkit-linear-gradient(rgba(255,255,255,.2), rgb(0, 145, 210));
	box-shadow: 0 1px 2px #7f7f7f; 
	cursor: pointer;
}

#AdvancedArea {
    margin: 15px 0px 0px 0px;
}

#ResultArea p {
    margin: 10px 0px 18px;
}

#ResultArea ol {
    /*margin-left: 20px;*/
    margin-top: 0px;
	margin-left: 10px;
    padding-left: 18px; 
}

#ResultArea li {
    margin: 0;
    padding: 0;
}

/* Product pages */

#product {
    float: right; 
	overflow:hidden;
}

#product p {
    margin: 0px 0px 18px 0px;
}

#product a {
	color: rgb(0, 145, 210);
	text-decoration: underline;
}

#product a:hover {
	text-decoration: none;
}


#product h1.product-name {
    margin: 5px 0px 5px 0px;
	font-size: 14px; 
	font-family: "Helvetica Neue LT Std 75 Roman", Helvetica, Arial, Verdana;
	line-height: normal;
	font-weight: 400;
    text-transform: uppercase;
    color: rgb(0, 145, 210);
}

#product h2 { 
	margin: 0px 0px 18px 0px;
}

#product h2.product-headline { 
	
}

#product .image-gallery {
    margin-bottom: 10px;
}

#product ul.image-gallery-thumbnails {
	
}

#product ul.image-gallery-thumbnails li {
    float: left;
    /*padding: 0px 10px 0px 0px;
	margin-bottom: 10px;*/
}
#product ul.image-gallery-thumbnails a {
	outline: 0px;
}

#product .filter-container {
    float: left;
    margin-top: 10px;
    margin-bottom: 18px;
}

#product ul.filter {
    float: left; 
    margin: 0px; 
    list-style-type: none;
    /*margin-bottom: 10px;*/
}

#product ul.filter li {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px; 
}

#product span.filter-label {
    display: block;
	padding: 2px 5px 2px 0px;
}

#product ul.filter li a {
    display: block;
	padding: 2px 5px;
	color: #736751;
	text-align: center;
	text-decoration: none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
	background-color: #e5e4e1; 
}

#product ul.filter li a.active {
    /*background-color: #cac7c0;*/ 
    background-color: rgb(0, 145, 210);
    color: #fff;
}

#product ul.filter li a.disabled {
    color: #999999 ;
    background-color: #f2f1ef; 
    text-decoration: line-through; 
}

#product .article-no {
   float: left;  
   margin: 0px 20px 18px 0px;
}

#product .article-no p {
   margin: 0px 0px 10px 0px;
}
	
#product .add-to-list {
   float:left; 
   margin: 0px 0px 18px 0px;
}

#product input {
    padding: 5px;
	font-size: 13px; 
}

#product .add-to-list-quantity {
    width: 50px;
	text-align: center; 
	margin-right: 10px;
}

/* Button design */

input.button {
    /*padding: 0 1.3em; 
	line-height: 2.7em;*/ 
	padding: 5px;
	font-size: 13px;
	line-height: 15px;
	border: none;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	-o-border-radius: 5px; 
	-ms-border-radius: 5px; 
	border-radius: 5px; 
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 2px 3px rgba(0,0,0,0.3);
	-o-box-shadow: 0 2px 3px rgba(0,0,0,0.3);
	-ms-box-shadow: 0 2px 3px rgba(0,0,0,0.3);
	box-shadow: 0 2px 3px rgba(0,0,0,0.3);
	color: #fff;
	text-shadow: 0 1px 1px rgba(0,0,0,0.5);
	background: rgb(0, 145, 210);
	/*background: -webkit-linear-gradient(top, rgb(0, 145, 210), #777); 
	background: -moz-linear-gradient(top, rgb(0, 145, 210), #777); 
	background: -o-linear-gradient(top, rgb(0, 145, 210), #777); 
	background: -ms-linear-gradient(top, rgb(0, 145, 210), #777); 
	background: linear-gradient(top, rgb(0, 145, 210), #777); */
	background: -webkit-linear-gradient(top, rgb(0, 145, 210), #5586cf);
	background: -moz-linear-gradient(top, rgb(0, 145, 210), #5586cf); 
	background: -o-linear-gradient(top, rgb(0, 145, 210), #5586cf); 
	background: -ms-linear-gradient(top, rgb(0, 145, 210), #5586cf); 
	background: linear-gradient(top, rgb(0, 145, 210), #5586cf);
	cursor: pointer;
}
		
input.button.magenta {
    color: #fff;
	background: #ec008c;
	background: -webkit-linear-gradient(top, #ec008c, #b10e6f);
	background: -moz-linear-gradient(top, #ec008c, #b10e6f); 
	background: -o-linear-gradient(top, #ec008c, #b10e6f); 
	background: -ms-linear-gradient(top, #ec008c, #b10e6f); 
	background: linear-gradient(top, #ec008c, #b10e6f); 
}
		
input.button.blue {
    color: #fff;
	background: rgb(0, 145, 210);
	/*background: -webkit-linear-gradient(top, #5586cf, rgb(0, 145, 210));
	background: -moz-linear-gradient(top, #5586cf, rgb(0, 145, 210)); 
	background: -o-linear-gradient(top, #5586cf, rgb(0, 145, 210)); 
	background: -ms-linear-gradient(top, #5586cf, rgb(0, 145, 210)); 
	background: linear-gradient(top, #5586cf, rgb(0, 145, 210)); */
	background: -webkit-linear-gradient(top, rgb(0, 145, 210), #5586cf);
	background: -moz-linear-gradient(top, rgb(0, 145, 210), #5586cf); 
	background: -o-linear-gradient(top, rgb(0, 145, 210), #5586cf); 
	background: -ms-linear-gradient(top, rgb(0, 145, 210), #5586cf); 
	background: linear-gradient(top, rgb(0, 145, 210), #5586cf);
}

#product .secondary-body {
   margin-top: 20px;
}

#product ul.tabs {
    float: left; 
    width: 100%; 
    height: 32px;
    border-bottom: 1px solid #e5e4e1;
    margin-bottom: 18px;
}

#product ul.tabs li {
    float: left;
    margin-right: 3px;
}

#product ul.tabs li a {
    display: block;
	padding: 7px 10px;
	color: #736751;
	text-align: center;
	text-decoration: none; 
	-webkit-border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	-o-border-radius: 5px 5px 0px 0px;
	-ms-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	/*background-color: #e5e4e1;*/
	background-color: #eeede9; 
	border-color: #eeede9; 
    border-style: solid;
    border-width: 1px 1px 0px 1px;
	font-size:14px; 
}

#product ul.tabs li a.active,
#product ul.tabs li.ui-tabs-selected a {
    /*background-color: #cac7c0;*/
    background-color: #f9f9f9; 
    font-weight: bold;  
    border-color: #e5e4e1; 
    border-style: solid;
    border-width: 1px 1px 0px 1px; 
}

#product .additional-content {
	padding-left: 19px;
	border-left: 1px solid #eee;
	width: 200px; 
	overflow: hidden;
}

#product .additional-content h4 {
   margin: 0px 0px 10px 0px;
}

#product .additional-content ul {
   margin: 0px 0px 15px 0px;
}

#product .additional-content li {
   line-height: 1.5;
}

#product .cross-sales {
   margin-top: 20px;
}

#product img {
   
}

#product .cross-sales a.show-more {
    float:right;
    margin-top: -35px; 
    margin-right: 20px;
}

#product .cross-sales p {
    margin: 5px 0px 0px 0px;
}

#product ul.product-listing {
    width: 720px; 
    float: left;
    margin-bottom: 10px;
}

#product ul.product-listing a {
    color: #444; 
    text-decoration: none;
}

#product ul.product-listing p {
    margin-bottom: 5px;
}

#product ul.product-listing p.product-name {
    color: rgb(0, 145, 210);
}

#product ul.product-listing .thumbnail {
    width: 124px;
    height: 178px;
    overflow: hidden;
    margin-bottom: 5px;
}

#product ul.product-listing img {
    float: left;
}

#product ul.product-listing li {
    width: 126px;
    min-height: 200px;
	display: -moz-inline-stack;
    display: inline-block;
	vertical-align: top;
	margin: 0px 14px 10px 0px;
    /* For IE 7 */
    zoom: 1;
    *display: inline;
    _height: 200px;
}

/* Product listing page */

/** NOT IN USE: Remove all .product-area-selection css *****************/
/*******************************************************************/
#product .product-area-selection {
    margin-bottom: 18px;
}

#product .product-area-selection .first-level li {
    padding: 10px;
    margin-bottom: 1px;
    min-height: 36px;
    line-height: 36px;
    background: #E5E4E1 url(images/product-area-selection-rigt.png) no-repeat center right;
}

#product .product-area-selection .second-level li {
    padding: 10px;
    margin-bottom: 1px;
    min-height: 18px;
    line-height: 18px;
    background: #E5E4E1 url(images/product-area-selection-rigt.png) no-repeat center right;
}

#product .product-area-selection .third-level li {
    padding: 10px;
    margin-bottom: 1px;
    min-height: 18px;
    line-height: 18px;
    background: #E5E4E1 url(images/product-area-selection-rigt.png) no-repeat center right;
}

#product .product-area-selection li.current {
    background-color: #DAD7D1;
}

#product .product-area-selection li span {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    padding-right: 18px;
}

#product .product-area-selection li span a {
    color: #736751;
}

#product .product-area-selection h2 {
    margin: 5px 0px 5px 0px;
}

#product ul.product-area-selection-thumbnails {
    float: left;
    width: 400px;
    margin-bottom: 8px;
}

#product ul.product-area-selection-thumbnails li {
    float: left;
    margin-right: 19px;
}

/* New custom paging control for whole site */

#content .paging-container {
   font-size: 11px;
   float: left;
   width: 100%;
   text-align: center;
}

#content .paging-container span {
   /*display: inline-block;
   height: 15px;
   width: 1px;
   padding: 0px;
   margin: 0px;*/
}

#content .paging-container a,
#content .paging-container span.selected-paging-item {
    display: inline-block; 
    padding: 1px 7px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px; 
	text-decoration: none; 
	margin-right: 3px;
}

#content .paging-container .selected-paging-item {
    color: #fff;
	background-color: rgb(0,145,210);
}

#content .paging-container .unselected-paging-item {
    background-color: #e5e4e1;
}

/* Fix for the paging on the news list page - To Be replaced! */
#content .paging-container a[title="First Page"],
#content .paging-container a[title="Previous Page"],
#content .paging-container a[title="Next Page"],
#content .paging-container a[title="Last Page"],
#content .paging-container a[title="Forsta sidan"],
#content .paging-container a[title="Foregaende sida"],
#content .paging-container a[title="Nasta sida"],
#content .paging-container a[title="Sista sidan"] { 
	padding: 1px 0px; 
	background-color: transparent; 
}

#content .paging-container .next-prev-paging-item {
	padding: 1px 0px; 
	background-color: transparent; 
}

#product .search-area {
    background-color: #fff;
	padding: 25px 20px 20px 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px #e5e5e5;
	-moz-box-shadow: 0 1px 2px #e5e5e5;
	-o-box-shadow: 0 1px 2px #e5e5e5;
	-ms-box-shadow: 0 1px 2px #e5e5e5;
	box-shadow: 0 1px 2px #e5e5e5;
	margin: 10px 0px 36px 0px;
}

#product input.search-box {
    font-size: 13px;
    padding: 5px; 
    width: 320px;
    margin: 0px 10px 0px 0px;
}

#product .search-result-area {
    margin-top: 0px;
}

#product select {
    padding: 2px;
	font-size: 13px; 
}

#product select.sort-by {
    margin: 0px 10px 0px 5px; 
}

#product select.sort-direction {
    margin: 0px 0px 0px 0px; 
}

#product select.page-size {
    /*margin: 0px 0px 0px 10px;*/ 
}

#product .page-size-label {
    margin: 0px 0px 0px 10px;
}

#product .sorting-area {
    margin-bottom: 20px;
}

#product .sizing-area {
    float:right; 
    text-align: right;
    margin-bottom: 20px; 
}

/* Catalogue structure menu */

#catalogue-menu-area {
    float: left;
    width: 680px;
    background-color: #fff;
	padding: 15px 10px 15px 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px #e5e5e5;
	-moz-box-shadow: 0 1px 2px #e5e5e5;
	-o-box-shadow: 0 1px 2px #e5e5e5;
	-ms-box-shadow: 0 1px 2px #e5e5e5;
	box-shadow: 0 1px 2px #e5e5e5;
	margin: 0px 0px 24px 0px;    
}

#catalogue-menu-area .catalogue-menu-content {
    float: left;
    width: 680px;
    background-image: url(Images/catalogue-menu-content-680px.png);
	background-repeat: repeat-y;
	background-position: 0px 0px;  
}

#catalogue-menu-area ul {
    float: left;
    /*width: 219px;*/ 
}

#catalogue-menu-area li {
    padding-top: 2px;
    padding-bottom: 2px;
}

#catalogue-menu-area li a {
    display: block;
}

#catalogue-menu-area li a:link {
    color: #444; 
    text-decoration: none;
}

#catalogue-menu-area li a:hover,
#catalogue-menu-area li a:active {
	color: #b9b3a8;
}

#catalogue-menu-area li.active a:hover {
	color: #444;
}

#catalogue-menu-area li a.active{
    /*font-weight: bold*/    
}

#catalogue-menu-area li.active {
    /*background-color: #cac7c0;*/
    background-color: #dad7d1;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;   
}

#catalogue-menu-area li .link {
    display: inline-block;
    zoom: 1;
	*display:inline;
    /*width: 185px;*/
    /*outline: red dotted 1px;*/ 
}

#catalogue-menu-area li .clear-choice {
    float: right;
    width: 6px;
    display: inline-block;
    padding: 0px 8px 0px 6px;
    zoom: 1;
	*display:inline;
    *margin-top:-22px; 
}

#catalogue-menu-area li .hidden {
    visibility: hidden;  
}

/* First level */

#catalogue-menu-area ul.catalogue-menu-first-level {    
    /*border-left: 1px solid #fff;*/
    width: 225px;
    margin-right: 5px;
}

#catalogue-menu-area ul.catalogue-menu-first-level li {
    margin-bottom: 5px;
    padding-left: 22px;
	background-image: url(Images/catalogue-menu-bullets-02.png);
	background-repeat: no-repeat;
	background-position:  4px -199px;   
}

#catalogue-menu-area ul.catalogue-menu-first-level li.active {
    background-position:  4px -239px;   
}

#catalogue-menu-area ul.catalogue-menu-first-level .link {
    width: 178px;   
}

/* #catalogue-menu-area ul.catalogue-menu-first-level li.price-product-information {
   background-position:  0px 0px;    
}

#catalogue-menu-area ul.catalogue-menu-first-level li.category-in-store-communication {
   background-position:  0px -40px;    
}

#catalogue-menu-area ul.catalogue-menu-first-level li.display-components {
   background-position:  0px -80px;    
}

#catalogue-menu-area ul.catalogue-menu-first-level li.shelf-merchandising {
   background-position:  0px -120px;    
}

#catalogue-menu-area ul.catalogue-menu-first-level li.product-merchandisers {
   background-position:  0px -160px;    
} */

/* Second level */
#catalogue-menu-area ul.catalogue-menu-second-level {    
    width: 215px;
    margin-left: 5px;
    margin-right: 5px;
}

#catalogue-menu-area ul.catalogue-menu-second-level li {
    margin-bottom: 3px;
    padding-left: 20px;
    background-image: url(Images/catalogue-menu-bullets-02.png);
	background-repeat: no-repeat; 
	background-position:  0px -478px;   
}

#catalogue-menu-area ul.catalogue-menu-second-level li.active {
    background-position:  0px -518px;   
}

#catalogue-menu-area ul.catalogue-menu-second-level .link {
    width: 170px;   
}

/* #catalogue-menu-area ul.catalogue-menu-second-level li.price-product-information {
   background-position:  0px -200px;    
}

#catalogue-menu-area ul.catalogue-menu-second-level li.category-in-store-communication {
   background-position:  0px -240px;    
}

#catalogue-menu-area ul.catalogue-menu-second-level li.display-components {
   background-position:  0px -280px;    
}

#catalogue-menu-area ul.catalogue-menu-second-level li.shelf-merchandising {
   background-position:  0px -320px;    
}

#catalogue-menu-area ul.catalogue-menu-second-level li.product-merchandisers {
   background-position:  0px -360px;    
} */

/* Third level */
#catalogue-menu-area ul.catalogue-menu-third-level {    
    width: 215px;
    margin-left: 5px;
}

#catalogue-menu-area ul.catalogue-menu-third-level li {
    margin-bottom: 3px;
    padding-left: 20px;
    background-image: url(Images/catalogue-menu-bullets-02.png);
	background-repeat: no-repeat; 
	background-position:  0px -478px;     
}

#catalogue-menu-area ul.catalogue-menu-third-level li.active {
    background-position:  0px -518px;   
}

#catalogue-menu-area ul.catalogue-menu-third-level .link {
    width: 170px;   
}

/*
.assortment_overview ul a, 
.assortment_shortcutslist a {
	padding-left: 20px;
	background: url(Images/sprite.png);
}

.priceandproductinformation li a {
	background-position: left -88px;
}

.categoryandinstorecommunication li a {
	background-position: left -108px;
}

.displaycomponents li a {
	background-position: left -128px;
}

.shelfmerchandising li a {
	background-position: left -148px;
}

.productmerchandisers li a {
	background-position: left -168px;
}
*/

/* Faceted search navigation */

#faceted-search-area {
    color: #736751;    
}

#faceted-search-area h3 {
    margin: 24px 0px 10px 0px;
}

#faceted-search-area h4 {
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 5px 0px;
    border-bottom: 1px solid #E5E4E1
}

#faceted-search-area select{
    width: 100%;
}

#faceted-search-area .product-search {
    margin-top: 0px;
    margin-bottom: 18px;
}

#faceted-search-area .product-search .search-field-container {
    /*background: url(Images/global-search-field.png) no-repeat;
    width: 180px;
    height: 30px;
    float: left;*/
}

#faceted-search-area .product-search .search-field-container {
    background: url(Images/product-search-field.png) no-repeat;
    width: 210px;
    height: 30px;
    padding: 0px 5px;
    margin: 0px 0px 10px 0px;
}

#faceted-search-area .product-search .search-field {
    /* background: url(Images/product-search-field.png) no-repeat; */
    background-color: transparent ; 
    float: left;
    width: 185px;
    height: 30px;
    font-size: 13px;
    color: #8A989F;
    outline: none;
    border: none;
    line-height: 30px;
}

#faceted-search-area .product-search .clear-text-box-container {
    float: right;
    margin: 5px 0 0 0px; 
    text-align: center;
}

#faceted-search-area .product-search .clear-text-box-container a {
    float: left; 
    width: 20px; 
    background-color: #dad7d1; 
    color: #444444; 
    height: 20px; 
    border-radius: 2px;
}

#faceted-search-area .product-search .search-button-container {
    
}

#faceted-search-area .product-search .clear-search-box a {
    color: rgb(0, 145, 210);
	text-decoration: underline;
	padding: 0px 0px 0px 5px;
}

#faceted-search-area .product-search .clear-search-box a:hover {
    text-decoration: none;
}

/*
#faceted-search-area .product-search .search-button {
    float: left;
}

#faceted-search-area .product-search .tool-tip  {
    font-style: italic; 
    font-size: 11px;
    margin: 10px 0px 0px 0px;
}

#faceted-search-area input.search-box {
    font-size: 13px;
    padding: 5px; 
    width: 210px;
    margin: 0px 10px 10px 0px;
}
*/

#faceted-search-area .filter-container {
    margin: 0px 0px 10px 0px;
}

#faceted-search-area ul.filter {
    float:left;
    margin-bottom:10px;
}

#faceted-search-area ul.filter li {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    display: block;
	padding: 2px 5px;
	color: #736751;
	text-align: center;
	text-decoration: none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
	/*background-color: #cac7c0;*/
	background-color: #dad7d1; 
}

#faceted-search-area ul.filter li.label {
    display: block;
	padding: 2px 0px 0px 0px;
	text-align: left; 
	background-color: transparent;
	width: 100%;
}

#faceted-search-area ul.filter li.link a {
	color: #736751;
}

#faceted-search-area .box {
    background-color: #fff;
	padding: 10px 10px 10px 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px #e5e5e5;
	-moz-box-shadow: 0 1px 2px #e5e5e5;
	-o-box-shadow: 0 1px 2px #e5e5e5;
	-ms-box-shadow: 0 1px 2px #e5e5e5;
	box-shadow: 0 1px 2px #e5e5e5;
	margin: 0px 0px 24px 0px;    
}

#faceted-search-area ul.link-collection {
    max-height: 105px;  
    overflow: auto;
    /*border:1px dotted red;*/
 
}
#faceted-search-area .link-collection li  {
    background-image: url(Images/faceted-search-bullet.png);
    background-position: 0px 5px; 
    background-repeat: no-repeat; 
    padding-left: 13px;
}

#faceted-search-area .link-collection a {
    color: #736751;
}

/* Image gallery page */

#image-gallery .sizing-area {
    float:right; 
    text-align: right;
    margin-bottom: 20px; 
}

.logged-in-as { 
	float:right;
	padding-top:8px;
	/*line-height: 100px;*/
}

/* Create account page */
#create-account td  {
    padding: 0 4px 4px 0; 
}

#create-account .textbox
{
    width: 240px;
}


/*** Extranet Buttons ************/

#ExtranetButtonsArea {
   
	/*border: 1px dotted blue;*/
}

#ExtranetButtonsArea ul{
     float:right;
     list-style-type: none;  
     margin: 0px 0px 0px 0px;
	 padding: 8px 0px 0px 0px;   
}

#ExtranetButtonsArea li {
    display: block;
	float: left;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	height: 20px;
	white-space: nowrap;
	/*line-height: 1.4em;*/
    /*border-left: 1px solid #ccc;*/
}

#ExtranetButtonsArea li.first {
	border-left: 0px;
}

#ExtranetButtonsArea a {
	display: block;
	color: #3397b9;
    text-decoration: none; 
    font-size: 12px;
    padding-right: 5px;
}
#ExtranetButtonsArea li.login { width: 58px; padding: 0px 0px 0px 20px;}
#ExtranetButtonsArea li.logout { width: 58px; padding: 0px 0px 0px 20px;  }
#ExtranetButtonsArea li.mypage {  /*padding: 0px 0px 0px 20px; */}
#ExtranetButtonsArea li.currentuser {/*padding: 2px 5px 2px 5px; */}

/* Login page */
#Login .messageArea {
    margin-top: 1em;
    color: #ff0000;
}

#Login .buttonArea,
#Login #PasswordRecoveryArea {
    margin-top: 1em;
}

#small-banner-left .banner-content {
	padding: 0px;
}
