/*

    CSS Document


    Site: Westal

    URL: http://www.westal.se

    Author: PS Kommunikation
 
    Version: 1.0

    Date: 2008.06.15


*/


/*
 *      HTML GENERAL
 *
 */

body {
	font-size: 62.5%;     
    font-family: "Arial", sans-seriff;
    color: #666;
}
h1, h2, h3 {
    color: #666;
	text-align: left;    
	font-weight: normal;
}
h1 {
    font-size: 3.0em;
    line-height:1.1em;
    margin: 0 0 0.5em 0;
}
h2 {
    font-size: 1.9em;
    margin: 0 0 0.5em 0;
}
h3 {
    font-size: 1.4em;
    margin: 0 0 0.5em 0;
}
h4 {
    font-weight:bold;
}
p {
    font-size: 1.2em;
	line-height: 1.6em;
    color: #666;
    margin: 0 0 1.5em 0;
}
td {
    font-size: 1.2em;
	line-height: 1.6em;
    color: #666;
    margin: 0 0 1.5em 0;
}
img {
    border: none;
}
abbr {
    border-bottom: dotted 1px;
    cursor: help;
}

em {
    color: #fff;
    background-color: #087590;
    font-style: normal;
}
ul {
    font-size: 1.2em;
    list-style-type:square;
    margin:0 0 10px 25px;
}
ul li {
    margin-bottom:0.5em;
}
ol {
    font-size: 1.2em;
    list-style-type: decimal;
    margin:0 0 10px 30px;
}
ol li {
    margin-bottom:0.5em;
}
/*
 *      LINKS
 *
 */

a {
    font-family: "Arial", sans-seriff;
	color: #087590;
}
a:hover {
    text-decoration: none
}
div#primaryContent a:hover {
    text-decoration: none;
}

/*
 *      CLASSES
 *
 */

.margintop {
    border-top:20px solid #fff;
}
p.login {
    margin: 25px 0 0 0;
    text-align: right;
    font-size: 1.1em;
}
p.login a {    
    color: #999;
    text-decoration: none;
}
.searchAttributes {
    font-size: 1em;
}
.map {    
   display: block;
   float: left;
   height: 20px;
   line-height: 20px;
   color: #666;
   background: url(../images/iconMap.gif) center left no-repeat;
   padding-left: 20px;
   color: #666;
 }
.pdf {    
   display: block;
   float: left;
   height: 20px;
   line-height: 20px;
   color: #666;
   margin-bottom:3px;
   background: url(../images/iconPdf.gif) center left no-repeat;
   padding-left: 20px;
   color: #666;
}
.link {    
   display: block;
   float: left;
   line-height: 20px;
   color: #666;
   margin-bottom:3px;
   background: url(../images/iconLink.gif) center left no-repeat;
   padding-left: 20px;
   color: #666;
}
.strong {
    font-weight: bold;
}

/*
 *     NAVIGATION
 */


/*      MAIN        */

ul#mainNav {
    display: inline;
    font-weight: bold;
    list-style-type: none;
    margin:0;
    padding:0;
}
ul#mainNav li {
    float: left;
    margin:0;
    background: #3e5fa0 url(../images/bgMainNav.gif) top left repeat-x;
    border-left:#3d5ea0 1px solid;
    border-right:#3d5ea0 1px solid;
    border-top:#3d5ea0 1px solid;
    margin-right:-1px;  
}
ul#mainNav li a {
    text-decoration: none; 
    color: #fff;
    padding:0 1em 0 1em;
    display:block;    
    border-right: solid 1px #93b7f5;
    border-left: solid 1px #93b7f5;
    line-height:2em;
}
ul#mainNav li a:hover {
    color: #fff;
    background: #65aaf9 url(../images/bgMainNavHover.gif) top left repeat-x;
    border-right: solid 1px #93b7f5;
    border-left: solid 1px #93b7f5;
}

/*    MAIN ACTIVE     */

ul#mainNav li.active {
    color: #666;
    background: #fff url(../images/bgMainNavActive.gif) top left repeat-x;
    border-top:#ccc 1px solid;
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
}
ul#mainNav li.active a {
    display: block;
    background: url(../images/bgMenuLeftBottom.gif) bottom left no-repeat; 
    color:#666; 
    border-right: solid 1px #fff;
    border-left: solid 1px #fff;
}

/*      HELP        */

ul#helpNav {
    display: block;
    float: right;
	list-style: none;
	font-size:1.1em;
	height: 2em;
	width: 100%;
	margin:5px 0 0 0;
}
ul#helpNav li {
	line-height: 1.4em;
	color: #999;
	float: right;
}
ul#helpNav li a {
    color: #999;
}

/*    SUB     */

ul#subNav {
    list-style-type: none;
    margin: 0 0 15px 0;
    padding:0;
    width: 180px;
    border-top: solid 3px #999;
}
ul#subNav li {
    border-bottom: solid 1px #cacaca;
    background: url(../images/square.gif) left center no-repeat ;
    padding:0 0 0 15px;
    margin:0.3em 0 0 0;    
}    
ul#subNav li a {
    color: #666;
    display: block;
    padding:0.6em 0 0.6em 0;
    line-height:normal;
    text-decoration: none;
}
ul#subNav li a:hover {
    font-weight: bold; 
}
ul#subNav li.current  {
    font-weight: bold;
    background: none;
}

/*
 *      SIDEBAR
 *
 */

div#sidebar h2 {
    font-size: 1.4em;
    font-weight: bold;
    color: #999;
    margin: 20px 0 10px 0;
    background: url(../images/arrowDown.gif) left center no-repeat ;
    padding: 0 0 0 17px;
}

/*
 *      CONTENT
 *
 */

/*      INDEX        */
div#entryOne a, div#entryTwo a {
    color: #fff;
    padding:155px 20px 0px 25px;
    text-decoration: none;
    display:block;
    height:25px;
    font-size:1.2em;
}
div#entryOne h2, div#entryTwo h2 {
    position: absolute;
    top: 130px;
    left: 25px;
    color: #fff;
}
div#content div#puffOne h2 {
    margin:25px 20px 0 100px;
}
div#content div#puffOne p {
    margin:15px 20px 0 100px;
}
div#content div#puffOne a {
    position: absolute;
    bottom: 20px;
    left: 100px;
    font-family: "Arial", sans-seriff;
    font-size: 1.2em;
    border: solid 1px #999; 
    background: #999 url(../images/bgSubmit.gif) top left repeat-x; 
    width: 5em; 
    height: 1em; 
    color: #fff; 
    padding: 0.3em 1em 0.3em 1em;
    text-decoration:none;
}
div#content div#puffOne img {
    float:left; 
    margin:-35px 20px 0 0;
}
div#content div#puffTwo h2 {
    margin:25px 100px 0 20px;
}
div#content div#puffTwo p {
    margin:15px 100px 0 20px;
}
div#content div#puffTwo a {
    position: absolute;
    bottom: 20px;
    left: 20px;
    font-family: "Arial", sans-seriff;
    font-size: 1.2em;
    border: solid 1px #999; 
    background: #999 url(../images/bgSubmit.gif) top left repeat-x; 
    width: 5em; 
    height: 1em; 
    color: #fff; 
    padding: 0.3em 1em 0.3em 1em;
    text-decoration: none;
}
div#content div#puffTwo img {
    float:right; 
    margin:-35px 20px 0 20px;
}
div#content div#puffThree h2 {
    margin: 28px 20px 0 20px;
}
div#content div#puffThree p {
    margin: 15px 20px 0 20px;
}
body#start div#news {
    margin: 5px 0 5px 0;  
}
body#start div#newsHead h3 {
    font-size: 1.2em;
    text-align: right;
    font-weight: bold;
    margin: 8px 10px 5px 0;
}
body#start div#newsItem p {
    margin: 5px 5px 5px 10px;    
}
body#start div#newsItem a {
   color: #666;
}

/*
 *      FORM
 *
 */

/* COMMON */

fieldset p {
    margin:0; 
    padding:0; 
    display:inline
}

/* SEARCH WEBSITE*/

fieldset#searchWebsite {
    display:block;
    float:right;
}    
fieldset#searchWebsite legend {
    display:none;
    visibility:hidden;  
}
fieldset#searchWebsite input {
    display:inline; 
	float:left;
    font-family: "Arial", sans-seriff;
    font-size:1.1em;
    width:10em;
	border: 1px solid #999;
	height:1.5em;
	background: #e9e9e9 url(../images/bgInput.gif) top left repeat-x;
	color:#444;
	padding:2px;
}
fieldset#searchWebsite input.submit {
    font-family: "Arial", sans-seriff;
    font-size:1.1em;
    border:solid 1px #999; 
    background: #999 url(../images/bgSubmit.gif) top left repeat-x; 
    width:5em; 
    height:2em; 
    color:#fff; 
    padding:0;
    margin: 0 0 0 10px;
    cursor:pointer;
}

/* LOGIN */

fieldset#login {
    display:inline;
    float:right;
}
fieldset#login legend {
    display: none;
    visibility: hidden; 
}
fieldset#login input {
    display: inline; 
	float: left;
    font-family: "Arial", sans-seriff;
    font-size: 1.1em;
    width: 10em;
	border: 1px solid #999;
	height: 1.5em;
	background: #e9e9e9 url(../images/bgInput.gif) top left repeat-x;
	color: #444;
	padding: 2px;
	margin-right: 10px
 }
fieldset#login input.submit {
    font-family: "Arial", sans-seriff;
    font-size: 1.1em;
    border: solid 1px #999; 
    background: #999 url(../images/bgSubmit.gif) top left repeat-x; 
    width: 5em; 
    height: 2em; 
    color: #fff; 
    padding:0;
    cursor: pointer;
    margin:0;
}

/* SEARCH PRODUCT START */

fieldset#searchProductStart {
    margin: 0px 20px 0 0;
    padding-left: 20px;
}    
fieldset#searchProductStart legend {
    display: none;
    visibility: hidden;  
}
fieldset#searchProductStart input {
    display: inline;
    float: left;
    font-family: "Arial", sans-seriff;
    font-size: 1.1em;
    width: 160px;
	border: 1px solid #999;
	height: 1.5em;
	background: #e9e9e9 url(../images/bgInput.gif) top left repeat-x;
	color: #999;
	padding: 2px;
	margin: 0;
}
fieldset#searchProductStart input.submit {
    display: inline;
    float: left;
    font-family: "Arial", sans-seriff;
    font-size: 1.1em;
    border: solid 1px #999; 
    background: #999 url(../images/bgSubmit.gif) top left repeat-x; 
    width: 5em; 
    height: 2em; 
    color: #fff; 
    padding: 0.2em 1em 0.2em 0.5em;
    cursor: pointer;
    margin: 0 0 0 10px;
}

/* SEARCH PRODUCT */

.searchBox {
    margin: 5px 0 0 0;
    width: 160px;
    background: #999;
    padding:10px;
}
.searchBox h3 {
    font-weight: bold;
    background: url(../images/iconQuestionmark.gif) no-repeat;
    padding:0 0 0 15px;
    color: #fff;
    margin:0 0 10px 0 ;   
}
.searchBox p {
    color: #fff;
    margin: 0;
    padding: 0;   
}
fieldset#searchProduct {
    margin: 0;
    padding: 0;
}    
fieldset#searchProduct legend {
    display: none;
    visibility: hidden;  
}
fieldset#searchProduct input {
    font-family: "Arial", sans-seriff;
    font-size: 1.1em;
    width: 156px;
	border: none;
	height: 1.5em;
	background: #e9e9e9 url(../images/bgInput.gif) top left repeat-x;
	color: #444;
	padding: 2px;
	margin:0;
 }
fieldset#searchProduct input.submit {
    float: right;
    font-family: "Arial", sans-seriff;
    font-size: 1.1em;
    border: solid 1px #81a3de; 
    background: #3c5ea1 url(../images/bgSubmitTwo.gif) top left repeat-x; 
    width: 5em;
    height: 2em; 
    color: #fff; 
    padding: 0.2em 1em 0.2em 0.5em;
    cursor: pointer;
    margin:3px 0 0 0;
}

/* SEARCH DISTRIBUTOR */

fieldset#searchDistributor {
    margin: 20px 20px 0 0;
}    
fieldset#searchDistributor legend {
    display: none;
    visibility: hidden;  
}
fieldset#searchDistributor input {
    display: inline;
    float: left;
    font-family: "Arial", sans-seriff;
    font-size: 1.1em;
    width: 160px;
	border: 1px solid #999;
	height: 1.5em;
	background: #e9e9e9 url(../images/bgInput.gif) top left repeat-x;
	color: #444;
}
fieldset#searchDistributor select 
{
    background:#fff;
    display:inline;
    border:1px #999 solid;
    color:#444;
    float:left;
    margin-left:10px;
    width:150px;
    height:2em;
    font-size: 0.9em;
 }
fieldset#searchDistributor input.submit {
    display: inline;
    float: left;
    font-family: "Arial", sans-seriff;
    font-size: 1.1em;
    border: solid 1px #999; 
    background: #999 url(../images/bgSubmit.gif) top left repeat-x; 
    width: 5em; 
    height: 1.8em; 
    color: #fff; 
    padding: 0em 1em 0em 1em;
    cursor: pointer;
    margin: 0 0 0 10px;
}

/* CONTACT  */

fieldset#formContactinfo {
    float:left;
    font-family: "Arial", sans-seriff;
	font-size: 1.0em;
	line-height: 1.5em;
	font-weight:normal;
	color: #666;
	margin-bottom: 1em;
	border:solid 1px #e9e9e9;
	padding:10px;
}
fieldset#formContactinfo legend, fieldset#formMessage legend {
    margin-bottom:2em;
    font-weight:bold;
    padding: 0 5px 0 5px;
}

fieldset#formContactinfo p label, fieldset#formMessage p label{
    color:#666;
    display:block; 
    font-size:0.9em;
    text-align:left;
    margin-top:10px;
}
fieldset#formContactinfo input {
    font-family: "Arial", sans-seriff;
    font-size:1.0em;
    width:230px;
	border: solid 1px #ccc;
	color:#333;
	padding:3px;
}
fieldset#formMessage {
    float:left;
    font-family: "Arial", sans-seriff;
	font-size: 1.0em;
	line-height: 1.5em;
	font-weight:normal;
	color: #666;
	margin-bottom: 1em;
	border:solid 1px #e9e9e9;
	padding:10px;
	width:365px;
	margin-left:5px;
}
fieldset#formMessage label {
    color:#666;
    display:block; 
    font-size:1.0em;
    text-align:left;
}
fieldset#formMessage textarea {
    font-family: "Arial", sans-seriff;
    color:#444;
	font-size:1.0em;
	line-height: 1.8em;
	width: 355px;
	border: 1px solid #ccc;
	padding: 4px;
	height:12.2em;
}
fieldset#formMessage input.submit {
    display: inline;
    float: left;
    font-family: "Arial", sans-seriff;
    font-size: 1.1em;
    border: solid 1px #999; 
    background: #999 url(../images/bgSubmit.gif) top left repeat-x; 
    width: 6em; 
    height: 2em; 
    color: #fff; 
    padding: 0.2em 1em 0.2em 0.5em;
    cursor: pointer;
    margin: 3px 20px 0 0;
}

/*
 *     FOOTER
 */

div#footer h3 {
    color: #666; 
    font-size: 1.1em;
    font-weight: bold; 
    margin: 0;
    padding: 0; 
    line-height: 1.8em;
    text-align: left;
}
div#footer p {
    color: #666; 
    font-size: 1.1em; 
    margin: 0; 
    padding: 0; 
    line-height: 1.4em;
}
div#footer a {
    color: #666; 
    text-decoration: none;
}

/*
 *     PRODUCTION
 */

div#production p {
    color: #666; 
    font-size: 1.1em; 
    margin: 0; 
    padding: 0; 
    line-height: 1.8em;
}
div#production a {
    color: #666; 
    text-decoration: none;    
}