/*

    CSS Document


    Site: Alséns Glasmästeri
    URL: http://www.alsens.se
    Author: PS Kommunikation
    Version: 1.1

    Date: 2009.05.01

*/


/*
 *      DEFAULT
 *
 */

BODY {
	background:url(../images/bg-body.gif) repeat-x left top;	
	text-align:center;
}
DIV#wrapper {
	background:url(../images/bg-wrapper.gif) no-repeat right top;	
	margin:0 auto; 
    text-align: left;	
    width:900px;
}

/*
 *      MASTHEAD
 *
 */

DIV#masthead {
margin:0 0 30px 0;
height:95px;
position:relative;
}

/** LOGO **/

DIV#logo {
 float:left;
 width:auto;
}

/** HELPNAV **/

DIV#helpNav {
  	display:inline;
	float:right;
    margin:0;
    text-align:right;
    width:26em;
}
DIV#helpNav UL {
    float:right;    
    list-style-type:none;
}
DIV#helpNav UL LI {
    display:inline;
    float:left;
    font-size:0.8em;
    margin:0 0 0 10px;
}
DIV#helpNav A {
    text-decoration:none;
    color:#666;
    display:inline; /* IE6 */
}
DIV#helpNav A:HOVER {
    text-decoration:underline;
}
DIV#helpNav INPUT {
    border:none;
    color:#666; 
}
DIV#helpNav .search {
    background:url(../images/bg-input-search.gif) no-repeat bottom left;
    float:left;
    font-size:1em;
    font-weight:bold;
    height:18px;
    margin-left:15px;
    padding:3px 0 0 30px;      
    width:145px; 
}
DIV#helpNav .btn {
    color:#fff;
    float:right;
}

/** MAINNAV **/

DIV#mainNav {
}
UL#TopMenu   {
    position:absolute;
    bottom:0;
    right:0; 
    list-style-type:none;
    margin:0;
    padding:0;
}
UL#TopMenu LI {
    float:left;
    margin:0 0 0 10px;
}
UL#TopMenu LI A {
    color:#666;
    display:block;
    font-size:1.1em;
    font-weight:bold;
    padding:8px 15px 5px 5px; 
    text-decoration:none;
}
UL#TopMenu LI.TopMenuLiSelected {
    background:url(../images/bg-menu-left.gif) no-repeat left top;
    float:left;
    padding:0 0 0 10px;
}
UL#TopMenu LI.TopMenuLiSelected A {
    background:url(../images/bg-menu-right.gif) no-repeat right top;
    color:#333;
    display:block;
    font-size:1.1em;
    font-weight:bold;
    text-decoration:none;
}
UL#TopMenu LI A:hover {
    text-decoration:none;
}

/** SUBNAV **/

DIV#menu {
    display:inline;
    float:left;    
    margin:0 15px 20px 0;
}
DIV#menu H2 {
    background:#147acd url(../images/subnav-h2.gif) repeat-x left top;
    color:#fff;
    font-size:1.2em;
    font-weight:bold;
    line-height:1.5em;
    margin:0;
    padding:5px 5px 5px 25px;
}
UL#SubMenu {
    list-style:none;
    line-height:normal;
    margin:0;
    padding:0;
    width:185px;
} 
UL#SubMenu LI {
    background:url(../images/bg-news-divider.gif) no-repeat left bottom;    
    display:block; 
    float:left;
    font-family: "Arial", Verdana, sans-serif;	    
    margin:0;     
    padding:0;
    width:185px;
}
UL#SubMenu LI A {
    background:url(../images/subnav-arrow-right.gif) no-repeat 160px center;
    color:#666;
    display:block;
    line-height:1.6em;
    padding:7px 20px 7px 5px;
    margin:0;
    text-decoration:none;
}
UL#SubMenu LI A:HOVER {
    color:#36afe7;
}
UL#SubMenu LI.SubMenuLiSelected A {
    background:none;
    color:#666;  
    font-weight:bold;   
}

/*
 *      CONTENT COMMON
 *
 */

DIV#content {
	float:right;
	margin:0 0 0 0;
	width:695px;
}
DIV#contentwide {		
	float:left;
	margin:0 0 0 0;
	width:900px;
}
DIV#placeholder {		
}

/*
 *      CONTENT START
 *
 */

DIV#startPlaceholder {
}

/** USP **/
 
DIV#startUsp {
    height:340px;
    margin:0 0 30px 0;
    width:900px;
} 

/** MIDDLE **/

DIV#startMiddle { 
    margin:0 0 0 0;
    width:900px;
}

/** SIDEBAR **/

DIV#startSidebar {
    display:inline;
    float:left;
    width:230px;     
}
DIV#startNnews {
    margin:0 0 0 0;
    width:230px;
}
DIV#startNews H2 {
    color:#333;
    font-size:1.3em;
    font-weight:bold;    
    margin:0 0 10px 0;
}
DIV#startNews P {
    background:url(../images/bg-news-divider.gif) no-repeat bottom left;
    font-size:1.1em;
    line-height:1.3em;
    padding:0 0 10px 0;
    margin:0 0 10px 0;  
}
DIV#startNews .more-options {
    background:none;
    margin:0 0 0 0;
}
DIV#startNews STRONG {
    color:#c24a30;
}
DIV#startNews A {
    color:#C24a30;
    text-decoration:none;
}
DIV#startNews A:HOVER {
    text-decoration:underline;
}
DIV#startLogin {
    background:url(../images/bg-login-bottom.gif) repeat-y bottom left;
    height:10em;
    margin:10px 0 0 0;
    position:relative;
    width:230px;    
}
DIV#startLogin H2 {
    background:url(../images/bg-login-top.gif) no-repeat top left;
    color:#fff;
    font-size:1.2em;
    font-weight:bold;
    padding:10px 0 0 10px;
}
DIV#startLogin INPUT {
    background:url(../images/bg-input-login.gif) no-repeat top left;
    border:none;
    color:#555;
    height:18px;    
    font-size:0.9em;
    font-weight:bold;
    margin:5px 0 0 10px;
    padding:2px 0 0 5px;
    width:137px; 
}
DIV#startLogin .password {
    display:inline;
    float:left;
}
DIV#startLogin .btn {
    background:url(../images/btn-login.gif) no-repeat bottom left;
    bottom:22px;    
    color:#fff;
    font-size:11px;
    font-weight:bold;
    height:18px;
    padding:0;
    position:absolute;
    right:20px;
    width:46px;
}

/** TEXT **/

DIV#startPlaceholderText {
    float:right;
    width:640px;     
}
DIV#startPrimaryContent {
    width:640px;
}
DIV#startSecondaryContent {
    width:640px;    
}
DIV#startPrimaryContent H1 {
    color:#538306;
}
DIV#startSecondaryContent H2 {
    font-size:1.3em;
    font-weight:bold;
    margin:5px 0 5px 0;
}
DIV#startSecondaryContent P {
    font-size:1.1em;
    line-height:1.3em;
    margin:0 0 0.8em 0;
}
DIV#startSecondaryContent A {
    background:url(../images/icon-arrow-right.gif) no-repeat center right;
    padding:0 15px 0 0;    
    color:#147acd;
    font-weight:bold;
    text-decoration:none;
}
DIV#startSecondaryContent A:HOVER {
    text-decoration:none;
}
DIV#startPuffOne {
    background:url(../images/bg-box-sapa.jpg) no-repeat top left;
    display:inline;
    float:left;
    margin:0 20px 0 0;    
    width:200px;    
}
DIV#startPuffTwo {
    background:url(../images/bg-box-focus.jpg) no-repeat top left;
    display:inline;
    float:left;
    margin:0 20px 0 0;    
    width:200px;    
}
DIV#startPuffThree {
    background:url(../images/bg-box-focus.jpg) no-repeat top left;
    display:inline;
    float:right;
    margin:0 0 0 0;    
    width:200px;    
}

/*
 *      CONTENT COMMON SUBPAGE
 *
 */

DIV#subpagePrimaryContent {
    float:left;
    width:550px;    
}
DIV#subpageSecondaryContent {
    float:right;    
    width:130px;    
}
DIV#subpagePrimaryContent IMG.subpagePrimaryContentMainImage {
    float:right;
    margin:0 0 10px 10px;
}

/* breadcrumbs */

DIV#breadcrumbs {
    font-family: "Arial", Verdana, sans-serif;
    margin:0 0 1em 0;
}
DIV#breadcrumbs P {
    margin:0 0 0.5em 0;
}
DIV#breadcrumbs A {
    font-weight:bold;
    text-decoration:none;
}
DIV#breadcrumbs A:HOVER {
    text-decoration:none;
}

/* pagetools */

UL#pagetools {
   	background:#eee;
   	list-style:none;
   	margin:0 0 20px 0;
   	padding:5px 5px 10px 5px; 
}
UL#pagetools LI {
    font-size:0.9em;
    line-height:1.8em;
    margin:0 0 0 2px;
}
UL#pagetools LI A {   
    color:#0090f0;
    display:block;
    font-weight:bold;
    text-decoration:none;
}
UL#pagetools LI A#normal {
    background:url(../images/icon-text-small.gif) no-repeat;
    padding:0 0 0 20px;
}
UL#pagetools LI A#larger {
    background:url(../images/icon-text-medium.gif) no-repeat;
    padding:0 0 0 20px;    
}
UL#pagetools LI A#largest {
    background:url(../images/icon-text-large.gif) no-repeat;
    padding:0 0 0 20px;    
}
UL#pagetools LI A#print { 
    background:url(../images/icon-print.gif) no-repeat;
    padding:0 0 0 20px;
}

/* puff */

DIV#subpagePuff {
    background:#eee;
    padding:10px;
}
DIV#subpagePuff H2 {
    color:#000;
    font-size:1.2em;
    font-weight:bold;
    margin:0 0 0.3em 0;
}
DIV#subpagePuff P {
    color:#555;
    font-size:1.1em;
    line-height:1.4em;
    margin:0 0 0.1em 0;
}

/*
 *      CONTENT PRODUCTS
 *
 */
    
DIV#product-container {    
}    
.product-image-container {
    background:#555;
    float:left;
    margin:0 5px 0 0;
    width:130px;    
}
.product-image-container P {
    font-size:1em;
    font-weight:bold;
    margin:0;
    padding:0 0 0 5px;         
}
.product-image-container A {
    background:url(../images/icon-enlarge.gif) no-repeat 115px center;
    display:block;
    color:#fff;    
    text-decoration:none;             
}

/*
 *      CONTENT SEARCH RESULTS
 *
 */

span#LabelSearch {
    display:block;
    margin:0 0 25px 0;
    font-size:1.1em;
    font-family:Arial, Sans-Serif;
}
DIV#listArticles TABLE {
    display:block;
    font-size:1.1em;
    line-height:1.4em;
}
DIV#listArticles TD {
    border-top:solid 1px #f2f2f2;
    border-bottom:solid 1px #f2f2f2;
    padding:5px 0px;
    width:590px;
}
DIV#listArticles TD:hover {
    background:#f2f2f2;
} 
DIV#listArticles TD A {
    display:block;
    text-decoration:none;
}
DIV#listArticles TD A EM {
    font-style:normal;
    color:#888;
}

/*
 *      CONTACT PERSONS
 *
 */
 
 TABLE#ContactPersons TD {
     vertical-align:top;
     padding: 5px 10px 20px 0;
 }
 TABLE#ContactPersons TD H2 {
     margin-top:5px;
}

/*
 *      SITEMAP
 *
 */
 
.SiteMap {
  font-family: arial; 
  font-size: 1.2em;
  line-height:15px;
}
.SiteMapTableCell {
  padding: 5px;
}
.RootNode,
.ParentNode,
.LeafNode { 
  padding-left:5px;
} 
.RootNode a { 
  color: #000;
  font-weight: bold;
  text-decoration:none;
} 
.RootNode a:hover { 
  text-decoration:underline;
} 
.ParentNode a { 
  text-decoration:none;
} 
.ParentNode a:hover { 
  text-decoration:underline;
} 
.LeafNode a { 
  text-decoration:none;
} 
.LeafNode a:hover { 
  text-decoration:underline;
} 

/*
 *      GALLERY
 *
 */

.gThumb {
	float:left;
	padding:10px;
	height:127px;
	width:127px;
}
.gThumb:hover {
    background:#eaeaea;
}
.gThumb img {	
	cursor:pointer;
	display:block;
	margin:2px auto;
}
div#imgText {
    font-size:1.2em;
    margin:10px;
	text-align:center;    
}

/*
 *      NEWS VIEW
 *
 */

DIV#newsImgTop P,
DIV#newsImgRight P,
DIV#newsImgBottom P,
DIV#newsImgLeft P {
    color:#999;
    font-size:1.1em;
}
DIV#newsImgTop IMG,
DIV#newsImgRight IMG
DIV#newsImgBottom IMG,
DIV#newsImgLeft IMG {
    margin-bottom:5px;
}
DIV#newsImgTop {
    margin-bottom:15px;
}
DIV#newsImgLeft {
    display:inline;
    float:left;
    margin:0 15px 15px 0;
}
DIV#newsImgRight {
    display:inline;
    float:right;
    margin:0 0 15px 15px;
}
DIV#newsImgBottom {
    margin:0;
}

/*
 *      FOOTER
 *
 */

DIV#footer {
    border-top:solid 3px #538306;
    padding:5px 0px;
    margin:30px 0 0 0;
}
.col {
    display:inline;
    float:left;
    margin:5px 40px 0 0;
    width:270px;
}
.col-right {
    display:inline;
    float:right;
    margin:5px 0 0 0;
    text-align:right;
    width:270px;
}
DIV#footer H2 {
    font-size:1.1em;
    color:#666;
    margin-bottom:0.3em;        
}
DIV#footer P {
    color:#888;
    font-size:1.1em;
    line-height:1.3em;
    margin:0;
    padding:0; 
}
DIV#footer A {
    color:#888;    
    font-size:1em;    
}
DIV#footer A:HOVER {
    color:#777;    
}

/*
 *      CLASSES
 *
 */

.btn {
    background:url(../images/btn-blue.gif) no-repeat left bottom;
    color:#fff;
    font-size:11px;
    font-weight:bold;
    height:18px;
    padding:0;
    width:46px; 
}
.rss { 
    background:url(../images/icon-rss.gif) no-repeat left center;
    height:20px;
    line-height:20px;
    display:block;
    padding:0 0 0 20px;
}
.arrow-right-small { 
    background:url(../images/icon-arrow-right.gif) no-repeat top left;
    height:17px;
    line-height:17px;
    display:block;
    padding:0 0 0 15px;
}
.sitemap { 
    background:url(../images/icon-sitemap.gif) no-repeat left center;
    height:20px;
    line-height:20px;
    display:block;
    padding:0 0 0 20px;
}
.about { 
    background:url(../images/icon-about.gif) no-repeat left center;
    height:20px;
    line-height:20px;
    display:block;
    padding:0 0 0 16px;
}
.float-left {
    display:inline;
    float:left;
}
.float-right {
    display:inline;
    float:right;
} 
.no-margin {
    margin:0;
}
.hide {
    position: absolute;
	left: -9999px;
	z-index: 100;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block; clear:both;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */