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, font, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}
:focus{outline:0}
body{line-height:1; color:black; background:white}
ol, ul{list-style:none}
table{border-collapse:separate; border-spacing:0}
caption, th, td{text-align:left; font-weight:normal}
blockquote:before, blockquote:after, 
q:before, q:after{content:""}
blockquote, q{quotes:""""}

.container{margin:0px auto 0 auto; padding:0px 0 0px 0; width:790px; text-align:left; position:relative; z-index:1; background:#fff url("/images/bg-content.gif") repeat-y}

.container{float:left; float/**/:none}

.container:after{content:'[DO NOT LEAVE IT IS NOT REAL]'; display:block; height:0; clear:both; visibility:hidden}
.container{display:inline-block}
/*\*/
.container{display:block}

* html .extra1{display:inline}
.extra1, .extra2, .extra3, 
.prod_block1, .prod_block2, .prod_block3{float:left}
.extra1, .extra2, .extra3{margin-top:220px; margin-bottom:0px; min-height:400px}
.extra1{margin-top:267px}

.pageheader{position:absolute; top:0px; left:0; background:#fff url("/images/bg-top.gif") no-repeat top; width:790px; height:220px; padding:0px}

.logo{position:absolute; top:18px; left:20px}

.ui-one .extra1{width:750px; margin-left:10px}

.ui-two-left .extra1{width:549px; margin-left:222px; min-height:250px; padding:0}

.ui-two-left .extra2{ width:178px; margin-left:-752px; padding:0px 0px 0px 0px}

.ui-three .extra1{width:369px; margin-left:180px; min-height:250px; padding:0}

.ui-three .extra2{width:160px; margin-left:-539px; padding:0px 0px 0px 0px}

.ui-three .extra3{width:211px; float:right; margin-right:10px}

.extra4, #search, .stillingar, .font-sizer, .breadcrumbs, .sortinator, .paginator, .banner, .snav{position:absolute}

.logo{z-index:3000; display:block}
.banner{z-index:1}
.extra4{top:27px; left:0}

.breadcrumbs{ top:201px;  left:222px}

#search{top:-10px; left:590px}

.banner{top:49px; left:19px}

.font-sizer{top:-20px; left:200px}

.stillingar{top:-10px; left:550px}

.snav{top:-5px; left:320px}

.footer{font-size:0.9em; width:790px; margin:0 auto 0 auto; text-align:left; background:url("/images/bg-bottom.gif") no-repeat bottom; height:33px}

.footer p{padding-left:220px}

#search{  padding-left:3px;   width:190px;   height:25px}

#search .fi_txt label{display:block; color:#868686; font-weight:normal; font-size:11px; padding-bottom:6px}

#search .fi_txt input{width:148px; border:1px solid #C2C2C2; height:16px}

#search input.ff_btn{background:#fff url("/images/searcbtn.gif") no-repeat; border:0; color:#fff; height:18px; width:24px; margin-top:0px; _margin-top:0px; margin-left:5px; cursor:pointer; font-size:0.9em}

*:first-child+html #search input.ff_btn{ margin-top:0px}
 
#search .fi_txt, #search .fi_btn{float:left}

.font-sizer ul, .font-sizer ul li{float:left; list-style-type:none; display:inline}

.font-sizer{ background:none;  height:23px;  position:absolute;  top:-18px;  left:455px;  padding:5px 32px 0px 11px;  padding:5px 56px 0px 11px;  width:35px;  _width /**/:53px;  _width /**/:107px}

.font-sizer ul{ list-style:none;  padding:0;  margin:0}

.font-sizer li{ float:right}

.font-sizer #smallLink{ position:absolute;  top:7px;  left:10px}

.font-sizer #mediumLink{ position:absolute;  top:7px;  left:35px}

.font-sizer #bigLink{ position:absolute;  top:7px;  left:60px}

.font-sizer a{ display:block;  width:20px;  color:#000;  height:17px;  padding-top:3px;  _height /**/:20px;  text-align:center}

.font-sizer a:link{color:#333}
.font-sizer a:visited{color:#333}
.font-sizer a:hover{color:#0060af}
.font-sizer a:active{color:#333}

.font-sizer ul li a{background:#fff; border:1px solid #efefef}

.font-sizer ul li #smallLink{font-size:10px}
.font-sizer ul li #mediumLink{font-size:12px}
.font-sizer ul li #bigLink{font-size:14px}

.font-sizer ul li a:hover, 
.font-sizer ul li a:focus, 
.font-sizer ul li a:active, 
.font-sizer ul li a.selectedTextSize{background-position:0px 0px; color:#fff; background:#0060af}

.entry{margin-bottom:10px}
.entry h4{font-size:0.8em}
.entry .entrytitle{margin-bottom:5px}
.entry p strong{font-weight:bold}

#mainnav{width:178px}

#mainnav ul,  #mainnav ul li{list-style-type:none; padding:0; margin:0; font-size:1em; text-transform:uppercase}

#mainnav ul li{padding:0px 1px 0px 0px}
#mainnav ul li a{padding:8px 0px 8px 15px; display:block; _height:1%; width:163px; background:#fff url("/images/mnav-bg.gif") no-repeat right; border-bottom:1px solid #e1e1e1; font-size:90%}

#mainnav ul li a:link{font-weight:normal; color:#0060af; text-decoration:none}
#mainnav ul li a:visited{font-weight:normal; color:#0060af; text-decoration:none}
#mainnav ul li a:hover{font-weight:normal; color:#fff; text-decoration:none; background:#0060af url("/images/mnav-selected.gif") no-repeat 3% 50%}
#mainnav ul li a:active{font-weight:normal; color:#fff; text-decoration:none}

#mainnav ul li a.selected, 
#mainnav ul li a.selected:link, 
#mainnav ul li a.selected:visited, 
#mainnav ul li a.selected:hover, 
#mainnav ul li a.selected:active{font-weight:normal; color:#fff; text-decoration:none; background:#0060af url("/images/mnav-selected.gif") no-repeat 3% 50%}

#mainnav ul li ul li a{padding:8px 0px 8px 25px; display:block; _height:15px; width:153px; border-bottom:0px solid #e1e1e1}
#mainnav ul li ul li a:hover{font-weight:normal; color:#0060af; text-decoration:underline; background:none}
#mainnav ul li ul{border-bottom:1px solid #e1e1e1}

.snav{width:146px}

.snav ul{list-style-type:none; padding:0; margin:0}

.snav ul li{margin:0 0 5px 0; padding:0 5px 0 0; float:left; color:#676767}
.snav ul li ul{margin-top:5px}

.snav ul li a{color:#676767; text-decoration:none; font-size:90%}

.snav ul li a:hover{text-decoration:underline}

.snav ul li a:visited{color:#676767}

.breadcrumbs{border-bottom:1px solid #e1e1e1; padding:0px 0px 8px 0px; width:549px; font-size:0.75em; height:10px}
.breadcrumbs ul, .breadcrumbs ul li{list-style-type:none; padding:0; margin:0; float:left}

.breadcrumbs ul li{padding-right:5px}

body{margin:0px 0 0 0px; padding:13px 0 0 0; text-align:left; text-align:center; background:#E9E9E9 url("/images/bg.gif") repeat-x}

body, td, input, select, textarea{font-size:75%; font-family:arial,Geneva,Helvetica,sans-serif; color:#333}

.clear{clear:both; display:block; font-size:1px; margin:0px; line-height:0px; height:0px}

hr{border-bottom:#CACACA 1px solid; border-top:0px; padding:0px; margin:5px 0px; height:1px; margin-bottom:5px; clear:both}

h1{margin:0; padding:0; font-size:1.5em; font-weight:normal; padding:5px 0px 10px 0px; text-transform:uppercase}
h2{font-size:1.1em}

h1, h2, h3, h4, h5{color:#000; font-weight:normal}
 
h2{font-size:1.5em; color:#000; margin-bottom:10px; text-transform:uppercase}

h3{font-size:1.2em}

.footer h2{color:#333; font-size:90%; padding-bottom:2px}

p, form{padding:0px; margin:0px}

input:focus, input.sffocus{background:#efefef; color:#000}
textarea, select{color:#000}

h2.lowtech, .lowtech, .brand, #search label{position:absolute; font-size:1px; width:1px; height:1px; overflow:hidden; left:-9999px; padding:0; margin:0}

.extra1 p{margin-bottom:10px}

img a{border:0}

input, textarea, select{font-size:13px; color:#000}

a:link{color:#0060af; text-decoration:none}
a:visited{color:#0060af; text-decoration:none}
a:hover{color:#0060af; text-decoration:underline}
a:active{color:#0060af; text-decoration:none}

abbr, 
acronym{ border-bottom:1px dotted #777;  cursor:help}
abbr:hover, 
acronym:hover{border-bottom-color:#555}

.extra1{line-height:130%; _height:400px}

.prod-img{float:right; padding:10px; width:120px}

.prod-description{margin-bottom:20px}

.prod-description table tr td{padding:3px}

table {
font-size:120%;
}

table th {
background:#ffc000;
padding:5px;
}

.backlink{float:right}


.pdf{
width:20px;
padding:5px 20px 5px 0;
background: url(/images/pdf.png) no-repeat right;
}
.zip{
width:20px;
padding:0 23px 0 0;
background: url(/images/zip.png) no-repeat right;
}
.doc{
width:20px;
padding:0 20px 0 0;
background: url/(images/doc.png) no-repeat right;
}
.ppt{
width:20px;
padding:0 20px 0 0;
background: url(/images/ppt.png) no-repeat right;
}
.xls{
width:20px;
padding:0 20px 0 0;
background: url(/images/xls.png) no-repeat right;
}



/*products*/
ul.products li,
ul.categories li
 {
display:block;
float:left;
width:135px;
height:150px;
text-align:center;
}

h3 {
text-transform:uppercase;
border-bottom:1px solid #efefef;
padding-bottom:2px;
margin-bottom:10px;
}