@import url("alert_boxes.css");

/*Browser reset*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, 
form, fieldset, input, p, blockquote, table, th, td, embed, object {
	padding: 0;
	margin: 0; 
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
fieldset, img, abbr {
	border: 0;
	}
address, caption, cite, code, dfn, em, 
h1, h2, h3, h4, h5, h6, th, var {
	font-weight: normal;
	font-style: normal;
	}
ul {
	list-style: none;
	}
caption, th {
	text-align: left;
	}
h1, h2, h3, h4, h5, h6 {
	font-size: 1.0em;
	}
q:before, q:after {
	content: '';
	}
a, ins {
	text-decoration: none;
	}

*, a {
	font-size:11px;
	}

/*Browser reset*/



body {
	background:#f1f1f1;
	font:11px arial;
	line-height:145%;
	text-align:center;
	}
	
.container {
	width:985px;	
	text-align:left;
	margin:0 auto;
	}


.break {clear:both;}


/*Mainbox layout*/

.main {
	background:#FFF url(../images/mainBg.gif) repeat-y 0% 0%;
	padding:none;
	margin:none;
	}
	
.mainTop {
	background:transparent url(../images/mainTop.gif) no-repeat 0% 0%;
	height:6px;
	padding:none;
	margin:none;
	}

.mainBot {
	background:transparent url(../images/mainBot.gif) no-repeat 0% 100%;
	height:8px;
	padding:none;
	margin:none;
	}

.main .padding {
	margin:0px 4px 2px;
	}
	
.mainAreaBoxPadding {
	margin:30px;
	}

/*END Mainbox layout*/

/* TOP */

.logo {
	padding:27px 0 7px 20px;
	float:left;
	}

.logo div {
	width:180px;
	height:40px;
	background:url(../images/hidealite-logo.gif) no-repeat;
	}
	
.flags {
	float:left;
	height:75px;
	width:450px;
	}

.flags div {
	float:right;
	padding-top:21px;
	}

.moduletable-flags {
	width:38px !important;
	float:right;
}

.flags .moduletable-rss img {
	border:0px;
	}

.moduletable-rss {
	width:50px !important;
	float:right;
}

.search {
	float:right;
	padding:27px 183px 0 25px;
	}

div.default div.yoo-search .resultbox-bg img {
	border:0 none;
	}



#searchForm table {
	display:block;
	padding:10px 10px 10px 0;
	}

#searchForm table td {
	padding:10px 10px 10px 0;
	}

.searchintro {
	padding-left:20px;
	}
	
.search-loader {
	position:relative;
	top:-3px;
	}

.search-close {
	position:relative;
	top:5px;
	}

.search-magnifier{
	position:relative;
	top:-3px;
	}

.searchbox {
	background:transparent url(../images/searchbox.gif) no-repeat scroll 0 0 !important;
	height:32px !important;
	padding:5px 0 0 8px !important;
	position:relative;
	width:300px !important;
}

.searchbox input {
	height:20px !important;
	width:250px !important;
}

div.default div.yoo-search div.resultbox {
	right:-174px !important;
	top:56px !important;
	z-index:10000 !important;
	position:absolute !important;
}

.search-magnifier {
	position:relative;
	top:0px;
	left:-3px;
	}

.search-close, .search-loader {
	position:relative;
	top:0px;
	left:-10px;
	}

div.default div.yoo-search h3.search-header {
	padding:5px 0 0 5px !important;
}

/* END TOP */

/* CENTERCOL BOXAR*/

.centerColRight {
	float:left;
	width:730px;
	}

.centerColRight .mainAreaBox .moduletable {
	margin:3px 5px 3px 5px;
}

/* END CENTERCOL BOXAR*/

/* MAINAREA BOXAR*/

.mainBefore div.moduletable {
	margin:5px 5px 0px 5px;	
	}

.mainAreaBox .moduletable {
	margin:5px 5px 0px 5px;	
	}

.mainAfter .module {
	float:left;	
	margin:5px 0 0 5px;	
	}

.mainAfter .module-yoologin {
	float:left;	
	margin:22px 0 3px 5px;
	}

.mainAfter .module div {
	width:319px;
	}

.mainAfter .module-yoologin div {
	width:319px;
	height:91px;
	background-color:#E9E9E9;	
	}

.mainAfter .module div div, .mainAfter .module-yoologin div div {
	width:auto;
	height:auto;
	background-color:transparent;	
	}

.mainAfter .module div div, .mainAfter .module-yoologin div div {
	width:auto;
	height:auto;
	background-color:transparent;	
	}

.mainAfter .module-yoologin div div div {
	padding:10px;
}

.mainAfter a {
	background:transparent url(../images/arrow-cyan.gif) no-repeat scroll left 50%;
	margin:0 !important;
	padding:0 0 0 10px !important;
}
		
/* END MAINAREA BOXAR*/

/* RIGHTCOL BOXAR*/

.startpagebox-right {
	height:111px;
	}
 
.rightCol .module {
	background: #eeeeee url(../images/boxGrad.gif) repeat-x 0 0% !important;
	border:1px solid #dfdfdf;
	float:right;
	clear:right;
	margin:3px 5px 3px 0px;
	}

.rightCol .module div, .rightCol .module-catalogues div, .rightCol .module-blue div, .rightCol .module-ljusdesigner div, .rightCol .module-contact div, .rightCol .module-jobbahososs div {
	width:236px;
	}

.rightCol .module div div, .rightCol .module-catalogues div div, .rightCol .module-blue div div, .rightCol .module-ljusdesigner div div, .rightCol .module-contact div div, .rightCol .module-jobbahososs div div {
	padding:15px;
	width:auto;
	}

.rightCol .module div div div, .rightCol .module-catalogues div div div, .rightCol .module-blue div div div, .rightCol .module-ljusdesigner div div div, .rightCol .module-contact div div div, .rightCol .module-jobbahososs div div div {
	padding:0px;
	}

.rightCol .readon {
	display:block;
	padding-top:10px;
	background-position:left 15px;
	}

/* Catalogues */

.rightCol h3 {
	font-size:16px !important;
	padding:0;
}

.rightCol .module-catalogues {
	background: #eeeeee url(../images/boxGrad-catalogues.gif) repeat-x 0 0% !important;
	border:1px solid #dfdfdf;
	float:right;
	clear:right;
	margin:3px 5px 3px 0px;
	}

/* Ljusdesigner */

.rightCol .module-ljusdesigner {
	border:1px solid #777 !important;
	}

.rightCol .module-ljusdesigner h3 {
	color:white;
	font-size:16px !important;
	padding:0;
}

.rightCol .module-ljusdesigner {
	background: #eeeeee url(../images/boxGrad-ljusdesigner.gif) repeat-x 0 0% !important;
	border:1px solid #dfdfdf;
	float:right;
	clear:right;
	margin:3px 5px 3px 0px;
	}

.rightCol .module-ljusdesigner div div div {
	color:white;
	}

.rightCol .module-ljusdesigner .readon {
	background-image:url(../images/arrow-white.gif) !important;
	color:white !important;
	}

/* Jobba hos oss */

.rightCol .module-jobbahososs {
	border:1px solid #e1e3df !important;
	}

.rightCol .module-jobbahososs {
	background: #eeeeee url(../images/boxGrad-jobbahososs.jpg) repeat-x 0 0% !important;
	border:1px solid #dfdfdf;
	float:right;
	clear:right;
	margin:3px 5px 3px 0px;
	}


/* Contact */

.rightCol .module-contact {
	border:1px solid #e7e7e7 !important;
	}

.rightCol .module-contact h3 {
	font-size:16px !important;
	padding:0;
}

.rightCol .module-contact {
	background: #eeeeee url(../images/boxGrad-contact.gif) repeat-x 0 0% !important;
	border:1px solid #dfdfdf;
	float:right;
	clear:right;
	margin:3px 5px 3px 0px;
	}

.rightCol .module-contact div div div {
	color:black;
	}


.rightCol .module-contact div div div a{
	color:#457EAA;
	}


/* Blue Box */

.rightCol .module-blue {
	border:1px solid #e2e1dd !important;
	}

.rightCol .module-blue h3 {
	font-size:16px !important;
	padding:0;
}

.rightCol .module-blue {
	background: #eeeeee url(../images/boxGrad-blue.gif) repeat-x 0 0% !important;
	border:1px solid #e2e1dd;
	float:right;
	clear:right;
	margin:3px 5px 3px 0px;
	}


/*Enviroment-box*/

.module-enviro {
	background-image:url(../images/enviro-bg.gif);
	width:231px;
	float:right;
	clear:right;
	margin:3px 5px 3px 0px;
}

.module-enviro div {
	background:transparent url(../images/enviro-top.gif) no-repeat 0 0;
}

.module-enviro div div {
	background:transparent url(../images/enviro-bot.gif) no-repeat 0 100%;
}

.module-enviro div div div {
	padding:75px 40px 20px;
}

.module-enviro div div div h1, .module-enviro div div div h2, .module-enviro div div div h3, .module-enviro div div div h4 {
	font-size:14px;
	color:#88bd39;
	margin:7px 0 9px;
}
		
/* END RIGHTCOL BOXAR*/


/* LEFTCOL BOXAR*/

.leftCol .module {
	float:left;
	padding:7px;
}

.leftCol .module {
	width:210px;
}

.dtree div .dTreeNode a, .dtree div .dTreeNodeHover a {
	font-weight:800 !important;
	padding-top:0px !important;
}

.dtree div .dTreeNode, .dtree div .dTreeNodeHover {
	margin-top:20px !important;
}

.dtree div div .dTreeNode a, .dtree div div .dTreeNodeHover a {
	font-weight:400 !important;
}

.dtree div div .dTreeNode, .dtree div div .dTreeNodeHover {
	margin-top:0px !important;
}

#sdtree_4acb44deeec050 {
	display:none;
	}

/* END LEFTCOL BOXAR*/


/* Menyerna */
	
.divMenu {
	background: #eeeeee url(../images/boxGrad.gif) repeat-x 0 0% !important;
	border:1px solid #dfdfdf;
	margin:3px 5px 0px 5px;
	}
	
.divMenu div {
	background:none;
	padding:10px !important;
	}

.divMenu div div {
	padding:0px !important;
	}

.divMenu div ul {
	padding:0;
	margin:0;
	}
	
.divMenu div ul li {
	float:left;
	list-style-type:none;
	padding-right:20px;
	border-right:1px solid #BBBBBB;
	margin-right:10px;
	padding-right:10px;
	}

.divMenu div ul li a {
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	color:#555;
	text-transform:uppercase;
	}
	
.divMenu div ul li a:hover {
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	color:#457eaa;
	text-transform:uppercase;
	}
	
	
.divSubMenu {
	background: #eeeeee url(../images/boxGrad.gif) repeat-x 0 0% !important;
	border:1px solid #dfdfdf;
	margin:5px 5px 3px;
	}
	
.divSubMenu div {
	background:none;
	padding:5px 10px !important;
	}

.divSubMenu div div {
	padding:0px !important;
	}

.divSubMenu div ul {
	padding:0;
	margin:0;
	}
	
.divSubMenu div ul li {
	float:left;
	list-style-type:none;
	padding-right:20px;
	border-right:1px solid #BBBBBB;
	margin-right:10px;
	padding-right:10px;
	}

.divSubMenu div ul li a {
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	color:#555;
	case:upper;
	}
	
.divSubMenu div ul li a:hover {
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	color:#457eaa;
	case:upper;
	}
	
#current a {
	color:#457eaa;
	}
	
/* END Menyerna */


/* BANNERS */

.banners div {
	float:left;
	margin:2px 0 0 5px;
	}
	
.banners .padding {
	margin:19px 0 10px 28px;
	}

.readon, .banners .padding a {
	margin-left:20px;
	padding:0 0 0 10px;
	background:url(../images/arrow-cyan.gif) no-repeat left 50%;
	}

/* END BANNERS */


/* FOOTER */

.gradBoxWide {
	background: #eeeeee url(../images/boxGrad.gif) repeat-x 0 0% !important;
	border:1px solid #dfdfdf;
	float:right;
	clear:right;
	margin:3px 5px 3px 0px;
	}

.gradBoxWide div {
	}

.gradBoxWide .moduletable {
	padding:10px 10px 0 30px;
	float:left;
	}

.gradBoxWide .moduletable li {
	padding:0 0 3px 15px;
	background:url(../images/arrow-cyan.gif) no-repeat left center;
}

.logoBox {
	width:965px;
	height:61px;
	}

.footerLeft {
	float:left;
	}

.footerLeft .moduletable {
	padding:15px 0 0 15px;
	}

.footerRight {
	float:right;
	width:120px;
	}

.footerRight .moduletable {
	padding:7px 15px 0 0;
	}

.footerRight ul li {
	padding:0px !important;
	background:none !important;
	float:right !important;
	}
	
.adressFooter {
	padding:20px 0 40px 17px;
	color:#777;
	}
		
/* END FOOTER*/


/* KATALOGER */

.news-item-container {
	width:455px;
	height:150px;
	}

.news-image {
	float:left;
	width:156px;
	}

.news-content {
	float:left;
	width:250px;
	}

.news-content .readon {
	float:right;
	padding:10px;
	}


/* SPECIALLAYOUT */

/* Search */
.search-tip-arrow {
	position:absolute;
	}

.search-tip-arrow img {
	left:150px;
	position:relative;
	top:-100px;
	}

/* Contacts */

.contact-box {
	width:180px;
	height:350px;
	float:left;
}

.contact-box-wide {
	width:275px;
	height:350px;
	float:left;
}


.login {
	height:100px !important;
	}

/*Newsticker*/
	
.divSubMenu #text1, .divSubMenu #text2, .divSubMenu #text3, .divSubMenu #text4 {
	color:#666 !important;
	}
	
/* END SPECIALLAYOUT */




/* VIRTUEMART */

.dtree div {
	display:none;
	}

.dtree div div {
	display:block;
	}

.centerColLeft {
	float:left;
	width:750px;
	}
	
.centerColLeft .mainAreaBoxPadding {
	margin:20px 0 20px 10px;
	}

body .dtree {
	width:200px;
}

body #vmMainPage {
}

.clip .dTreeNode {
	padding:6px 0;
	/*border-top:1px solid #BBB;*/
}

.clip .dTreeNodeHover {
	padding:6px 0 4px 0;
	/*border-top:1px solid #BBB;*/
	background-color:#EEE;
}

.clip .clip .dTreeNode {
	padding:6px 0;
	border-top:0px;
}

.clip .clip .dTreeNodeHover {
	padding:6px 0 4px 0;
	border-top:0px;
	background-color:#EEE;
}

body .dtree a.nodeSel {
	background-color:transparent;
	font-weight:800;
}

.dTreeNode {
	height:17px !important;
	}
	
.clip {
	height:auto !important;
	}

.filedown {
	background:transparent url(../images/readon.gif) no-repeat scroll 0 65%;
	display:block;
	height:15px;
	padding:2px 0 2px 22px;
	color:#457eaa;
	text-decoration:none;
	}

.shopLeftCol {
	float:left;
	width:330px;
}

.shopLeftCol .padding {
	padding-left:30px;
}

.shopImages {
	width:275px;
	}

.shopSmallImages a {
	float:left;
	padding: 5px 5px 0 0;
	}
	
.shopCenterCol {
	float:left;
	width:290px;
	}

.shopProductDesc p {
	line-height:16px;
	}

.shopProductDesc .shopProductHeader {
	margin-bottom:10px;
	line-height:24px;
	color:#5c5c5c;
	font-size:24px;
	font-weight:bold;
	}

.shopRightCol {
	float:right;
	width:115px;
	border-left:1px solid #dfdfdf;
}

.shopRightCol .padding {
	padding:0 0 0 15px;
}

.shopProductData {
	margin:20px 20px 0 0 !important;
	width:275px;
	}

.shopProductData table {
	padding-top:20px;
	border-collapse:collapse;
	font-size:100%;
}

.shopProductData table tr {
	border-bottom:1px solid #DDDDDD !important;
}

.shopProductData table td {
	padding:4px 7px !important;
}

.childProduct {
	float:left;
	width:140px;
	}

.childProduct div {
	width:80px;
	}
	
.closebutton {
	background:transparent url(../highslide/graphics/close.png) no-repeat scroll 0 0;
	cursor:pointer;
	height:30px;
	left:15px;
	position:relative;
	top:-15px;
	width:30px;
	/* For IE6, remove background and add filter */
	/* Note! the src is relative to the HTML file, not the CSS file */
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.hidealite.se/svenska/templates/hidealite/highslide/graphics/close.png', sizingMethod='scale');

	}

.browseProductContainerMain {
	float:left !important; 
	width:180px !important; 
	margin-bottom:15px !important;
	}

.browseImage {
	background:#E7E7E7 none repeat scroll 0 0 !important;
	height:145px !important;
	width:145px !important;
	}

.browseDetails {
	padding:5px 1px 0 !important;
	overflow:hidden !important;
	}

.product_list div {
	width:144px !important;
	margin-right:0px !important;
	}

a.readonSmall, .readchild {
	background:transparent url(../images/readon-small.gif) no-repeat scroll 66% 50%;
	display:block;
	padding-right:10px;
	color:#457eaa;
	text-decoration:none;
}

.symboler img {
	padding:0 5px 5px 0;
	}

html body .dTreeNode a.nodeSel, html body .dTreeNodeHover a.nodeSel {
	color:#457eaa !important;
	font-weight:bold !important;
	}

/* END VIRTUEMART */




/* form 5 */

	.jform{
		margin:1em 0;
		padding-top:10px;
		}

	.jform h2{
		margin:1em 0;
		padding-top:10px;
		}
	
	.jform label{
		width:60px;
		display:block;
		margin-right:10px;
		float:none !important;
		margin-bottom:0px !important;
		height:16px !important;
		}	
	.jform input, .jform textarea{	
		margin:0;
		border:1px solid #ddd;		
		padding:3px 5px 3px 25px;
		}		
	
	
	.jform input.name{background:#fff url(../images/form_name.gif) no-repeat 5px 50%;}
	.jform input.email{background:#fff url(../images/form_email.gif) no-repeat 5px 50%;}
	.jform input.company{background:#fff url(../images/form_work.png) no-repeat 5px 50%;}
	.jform input.phone{background:#fff url(../images/form_phone.png) no-repeat 5px 50%;}
	.jform textarea.message{background:#fff url(../images/form_note.gif) no-repeat 5px 6px;}
	
	
	.jform textarea{
		height:176px;
		overflow:auto;
		}
						
	.jform p.submit{
		margin:1em 0;
		padding:.5em 0px;
		}
			
	.jform .jfbutton{
		height:28px !important;
		width:auto !important;
		line-height:28px;		
		border-top:1px solid #999;
		border-left:1px solid #999;
		border-right:1px solid #333;
		border-bottom:1px solid #333;
		background:url(../images/form_button.gif) no-repeat;
		padding:0 10px 0 25px;
		color:#333;
		cursor:pointer;
		text-align:left;
		font-size:11px;
		font-weight:bold;
		}				

/* // form 5 */


/* com_search */

.contentpaneopen fieldset {
	padding:10px 0;
	margin:10px;
	border-bottom:1px solid #DFDFDF;
	}

.contentpaneopen fieldset img {
	float:left;
	padding-right:20px;
	}
	
.contentpaneopen fieldset a {
	font-size:15px;
	font-weight:bold;
	}

.contentpaneopen fieldset a span {
	display:block;
	padding-left:103px;
	}

.contentpaneopen fieldset span.bullet {
	font-size:11px !important;
	color:#949494;
	}

.contentpaneopen fieldset .date {
	font-size:11px;
	color:#949494;
	font-style:italic !important;
	}
		
.contentpaneopen fieldset span.small {
	display:block;
	padding-left:103px;
	color:#949494;
	}
	
.contentpaneopen fieldset .category {
	display:none;
	}
		
		
		
/*Quick FAQ*/

.item_text {
	width:400px;
	float:left;
	}
	
.item_details {
	width:400px;
	float:right;
	}

div#quickfaq dl.item_info_right {
	float:none !important;
	}	


button.search-magnifier {
	background:transparent url(http://www.hidealite.se/svenska/modules/mod_yoo_search/styles/default/images/magnifier_icon.png) no-repeat scroll 0 0;
	height:21px;
	width:18px;
	border:0px;
	}

div#quickfaq table.faqitemtable {
	border:0px solid !important;
	}

div#quickfaq table.faqitemtable th {
	background-color:#fff !important;
	border-bottom:0px solid #E5E5E5 !important;
	border-right:0px solid #E5E5E5 !important;
	}

div#quickfaq table.faqitemtable td {
	border-bottom:0px solid #E5E5E5 !important;
	border-right:0px solid #E5E5E5 !important;
	}
	
div#quickfaq h2 {
	border-bottom:0px solid #DDDDDD !important;
	padding-bottom:0 !important;
	}	
	
div#quickfaq .floattext {
	padding-bottom:20px !important;
	}

.quickfaq {
	margin:10px 0;
	}
	
div#quickfaq div.description {
	margin:5px 0;
	padding:0 0 !important;
	}
	
	
.cat3 {
	color:#5C5C5C;
	font-size:40px !important;
	font-weight:bold;
	height:40px;
	padding:10px 0 20px;
	}

div#quickfaq .item_details dl {
	width:100% !important;
	}
	
	
/* Eventlist */

.eventlistmod-div, .eventlistmod-div-hover {
	padding-top:20px !important;
	}