@media screen {
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, 
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}
	
	strong, b { font-weight: bold !important;}
	i, u, em { font-style: italic;}
	
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section {
		display: block;
	}
	figure {
		margin:0;
		padding:0;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
}

/*Sweet sweet styling*/
body {min-width: 320px; width: 100%;font-family: Helvetica, Arial, sans-serif;color: #464646;background: #F0F0F0;font-size: 12px;}
a { color: #464646;}

#header { height: 90px;background: #f0f0f0;position: relative;
    -webkit-box-shadow:  0 2px 5px 0 rgba(69, 69, 69, .50);
    -moz-box-shadow:  0 2px 5px 0 rgba(69, 69, 69, .50);
    -ms-box-shadow:  0 2px 5px 0 rgba(69, 69, 69, .50);
    -o-box-shadow:  0 2px 5px 0 rgba(69, 69, 69, .50);
    box-shadow:  0 2px 5px 0 rgba(69, 69, 69, .50);}
    
    
#header-home-link { background: #464646;display: block;padding: 12px 3% 8px 3%;overflow: hidden;}
#logo { width: 133px;height: auto;}
#header-home-link-icon { float: right;width: 25px;height: auto;}

#main { background: #fff;}
.banner-image { width: 100%;height: auto;margin-bottom: -4px;}

/*Frontpage*/
#frontpage-nav li a  {width: 94%;padding: 5px 3%;display: block;text-decoration: none;font-size: 25px;font-weight: bold;border-top: solid 1px #eee;    
    text-shadow: 0 1px 0px #fff;   
    -ms-background-origin-text-shadow: 0 1px 0px #fff;
    -moz-background-origin-text-shadow: 0 1px 0px #fff;
    -webkit-background-origin-text-shadow: 0 1px 0px #fff;                                  
    background: -ms-linear-gradient(top, #e4e4e4 50%, #d8d8d8 100%);
    background: -moz-linear-gradient(top, #e4e4e4 50%,#d8d8d8 100%);
    background: -webkit-linear-gradient(top, #e4e4e4 50%,#d8d8d8 100%);
}

#frontpage-nav li a:hover    {                           
    background: -ms-linear-gradient(top, #d4d4d4 50%, #c8c8c8 100%);
    background: -moz-linear-gradient(top, #d4d4d4 50%,#c8c8c8 100%);
    background: -webkit-linear-gradient(top, #d4d4d4 50%,#c8c8c8 100%);
}
#frontpage-nav li img { max-width: 25px;margin: 0 1% -4px 0;}

/*Textpage*/
#text-area { padding: 10px 3% 15px 3%;line-height: 18px;}
#text-area .mobile-header { font-size: 20px;font-weight: bold;margin-bottom: 0;}
#text-area a { font-weight: bold;}

/*dropdown-page*/
#list-description { padding: 12px 3%;font-size: 14px; font-weight:bold;}
#dropdown-button { width:94%;padding: 6px 3%;margin:0 3%;background: #f0f0f0;border: solid 1px #e9e9eb;text-align: left;border-radius: 5px;position: relative;}
#dropdown-button:after {content:" ";display: block;width:32px;height: 30px;border-radius:0 5px 5px 0;position: absolute;top: -1px;right: -1px;background: url(/images/mobile/dropdown-arrow.png) center center no-repeat #464646;background-size: 60%;}
#dropdown-list { margin:3px 3% 0 3%;background: #fff;border-radius: 5px;display: none;width: 94%;}
#dropdown-list li a { padding: 6px 3%;border-left: solid 1px #e9e9eb;border-right: solid 1px #e9e9eb;border-bottom: solid 1px #e9e9eb;display: block;text-decoration: none;}
#dropdown-list li a:hover { background: #f0f0f0;}
#dropdown-list li:first-child a { border-top: solid 1px #e9e9eb;border-radius: 5px 5px 0 0;}
#dropdown-list li:last-child a {border-radius: 0 0 5px 5px;}
.dropdown #text-area { margin-top: 5px;}

/*Listview*/
#main.listview { width: 94%;padding: 10px 3%;}

.product-list header { border-bottom: solid 1px;position: relative;padding: 5px 0;}
.product-list header .product-list-header-text { font-size: 20px;font-weight: bold;}
.product-list header .product-list-header-icon {right: 0;position: absolute;bottom: 5px;}
.items-list .col1,
.items-list .col2,
.items-list .col3,
.items-list .col4 { display: block;float: left;overflow: hidden;min-height: 1px;white-space: nowrap;overflow: hidden;
                    
        -webkit-text-overflow: ellipsis;
        -moz-text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        }

.items-list .col1 { width: 15%;margin-right: 5%;}
.items-list .col2 { width: 25%;margin-right: 2.5%;}
.items-list .col3 { width: 25%;margin-right: 2.5%;}
.items-list .col4 { width: 25%;margin-right: 0%;text-align: right;}

.items-list li {border-bottom: solid 1px #e9e9eb;}
.items-list li:last-child {border-bottom: none;}
.items-list img { max-width: 100%;height: auto;}
.items-list .item-clickable { height: 30px;line-height: 30px;overflow: hidden;padding: 5px 0;}
.items-list .item-clickable figure { height: 30px;}
.items-list .item-tooltip {color: #fff;display: block;clear: both;padding: 10px 2%;overflow: hidden;position: relative;display: none;width: 96%;font-size: 10px;}

.item-tooltip .item-tooltip-close-btn { position: absolute;top: 5px;right: 2%;width: 10px;height: 11px;}
.item-tooltip .col1 { width: 20%;margin-right: 5%;}
.item-tooltip .col2 { width: 75%;margin-right: 0;float: left;white-space: normal;overflow: visible;}
.item-tooltip .col2-left { width: 47.5%;float: left;}
.item-tooltip .col2-right { width: 47.5%;float: right;}

.item-tooltip-line { margin-bottom: 5px;display: block;overflow: hidden;}
.item-tooltip-line:last-child { margin-bottom: 0;}
.item-tooltip-line h4 { font-weight: bold;}

/*Yellow*/
.product-list.yellow header .product-list-header-text { color: #f4d400;}
.product-list.yellow header { border-color: #f4d400;}
.product-list.yellow .item-tooltip { background: #f4d400;}

/*blue*/
.product-list.blue header .product-list-header-text { color: #5b97ce;}
.product-list.blue header { border-color: #5b97ce;}
.product-list.blue .item-tooltip { background: #5b97ce;}

/*Grey*/
.product-list.grey header .product-list-header-text { color: #004678;}
.product-list.grey header { border-color: #004678;}
.product-list.grey .item-tooltip { background: #004678;}

/*orange*/
.product-list.orange header .product-list-header-text { color: #dc931a;}
.product-list.orange header { border-color: #dc931a;}
.product-list.orange .item-tooltip { background: #dc931a;}

/*green*/
.product-list.green header .product-list-header-text { color: #94ac32;}
.product-list.green header { border-color: #94ac32;}
.product-list.green .item-tooltip { background: #94ac32;}

/*red*/
.product-list.red header .product-list-header-text { color: #831b21;}
.product-list.red header { border-color: #831b21;}
.product-list.red .item-tooltip { background: #831b21;}

/*swsand*/
.product-list.swsand header .product-list-header-text { color: #cec8b2;}
.product-list.swsand header { border-color: #cec8b2;}
.product-list.swsand .item-tooltip { background: #cec8b2;}

/*swbeige1*/
.product-list.swbeige1 header .product-list-header-text { color: #9c9ba4;}
.product-list.swbeige1 header { border-color: #9c9ba4;}
.product-list.swbeige1 .item-tooltip { background: #9c9ba4;}

/*swbeige2*/
.product-list.swbeige2 header .product-list-header-text { color: #8f9688;}
.product-list.swbeige2 header { border-color: #8f9688;}
.product-list.swbeige2 .item-tooltip { background: #8f9688;}

/*swbeige3*/
.product-list.swbeige3 header .product-list-header-text { color: #9c9ba4;}
.product-list.swbeige3 header { border-color: #9c9ba4;}
.product-list.swbeige3 .item-tooltip { background: #9c9ba4;}

/*hdm1*/
.product-list.hdm1 header .product-list-header-text { color: #154c90;}
.product-list.hdm1 header { border-color: #154c90;}
.product-list.hdm1 .item-tooltip { background: #154c90;}

/*hdm2*/
.product-list.hdm2 header .product-list-header-text { color: #222c74;}
.product-list.hdm2 header { border-color: #222c74;}
.product-list.hdm2 .item-tooltip { background: #222c74;}

/*hdm3*/
.product-list.hdm3 header .product-list-header-text { color: #120b3a;}
.product-list.hdm3 header { border-color: #120b3a;}
.product-list.hdm3 .item-tooltip { background: #120b3a;}

/*Footer*/
#footer-link { line-height: 45px;background: #f0f0f0;display: block;text-decoration: none;font-size: 20px;padding: 0 3%;
               
    -ms-background-origin-text-shadow: 0 1px 0px #fff;
    -moz-background-origin-text-shadow: 0 1px 0px #fff;
    -webkit-background-origin-text-shadow: 0 1px 0px #fff;  
               
    -webkit-box-shadow:  0 -2px 5px 0 rgba(69, 69, 69, .50);
    -moz-box-shadow:  0 -2px 5px 0 rgba(69, 69, 69, .50);
    -ms-box-shadow:  0 -2px 5px 0 rgba(69, 69, 69, .50);
    -o-box-shadow:  0 -2px 5px 0 rgba(69, 69, 69, .50);
    box-shadow:  0 -2px 5px 0 rgba(69, 69, 69, .50);}
    
.footer-link-icon { height: 25px;width: 25px;border-radius: 5px;background: url(/images/mobile/icon-arrow.png) center center no-repeat #464646;background-size: 50%;display: block;float: right;margin-top: 12px;}