/**
 *  CSS for CM HAmmar
 *  Screen Media
 *  Republic Factory, www.republic.se
 **/




/* basic typography */

body                       { font-size: 62.5%; font-family: Tahoma, Arial, sans-serif; background: #eee; color: #1a1a19; text-align: center; }
h1, h2, h3, h4, h5, h6, p  { font-weight: normal; line-height: 1.8em; }

h1 { font-size: 1.7em; margin-bottom: 0.2em; letter-spacing: 0.03em; line-height: 1.2; font-weight: bold; color: #5A5A5A; }  /* displayed at 24px */
h2 { font-size: 1.5em; margin-bottom: 0.25em; font-weight: bold; color: #ef8200; line-height: 1.4em; margin-top: 5px;}  /* displayed at 14px */
h3 { font-size: 1.4em; margin-bottom: 6px; color: #084172; font-weight: bold; line-height: 1.4em; margin-top: 5px;}  /* displayed at 15px */
h4 { font-size: 1em }  /* displayed at 12px */

h3.country { background: transparent url(../images/h3-bg.jpg) no-repeat 0 0; padding: 5px 10px; margin: 15px 0 8px 0; height: 21px;}

p              { font: normal 1.2em/1.5em Tahoma, Arial, sans-serif; padding: 0 0 10px 0;}
p.date         { padding-bottom: 0;}
p.distributors { padding-left: 10px;}
p.nospace      { padding: 0;}
#footer p      { padding: 5px 0;}

img        { margin: 0; padding: 0; line-height: 1;}
a img      { border: 0;}
img.right  { float: right; margin: 0 0 0 20px; }


hr          { visibility: hidden; }
#content hr { visibility: visible; height: 1px; border: 0; margin: 30px 0 10px 0; padding: 0; border-top: 1px solid #ccc; width: 100%; }
#header     { clear: both;}


/* links */

a:link      { color: #000; text-decoration: underline;}
a:visited   { color: #555; text-decoration: underline;}
a:hover     { color: #24b0e3; text-decoration: underline;}
a:active    { color: #24b0e3; text-decoration: underline;}

#navigation a:link     { color: #fff; text-decoration: none;}
#navigation a:visited  { color: #fff; text-decoration: none;}
#navigation a:hover    { color: #50b9e7; text-decoration: none;}
#navigation a:active   { color: #50b9e7; text-decoration: none;}

#breadcrumbs a:link    { color: #fff; text-decoration: none;}
#breadcrumbs a:visited { color: #fff; text-decoration: none;}
#breadcrumbs a:hover   { color: #50b9e7; text-decoration: none;}
#breadcrumbs a:active  { color: #50b9e7; text-decoration: none;}

#sidebar a:link       { color: #fff; text-decoration: none;}
#sidebar a:visited    { color: #fff; text-decoration: none;}
#sidebar a:hover      { color: #24b0e3; text-decoration: none;}
#sidebar a:active     { color: #24b0e3; text-decoration: none;}

#sidebar .pictures    { margin-bottom: 50px;}

h2 a:link     { text-decoration: none; }
h2 a:visited  { color: #000; text-decoration: none; }
h2 a:hover    { color: #50b9e7; }
h2 a:active   { color: #50b9e7; }


/* layout */             

#container              { width: 996px; margin: 0 auto; background: #fff; text-align: left; }

/* navigation */

ul#navigation           { clear: both; background-color: #FAAC56; clear: both; overflow: hidden; float: left; margin: 0; padding: 0; width: 996px; }
#navigation li          { float: left; }
#navigation li a        { width: 123px; background-color: #FAAC56; border-right: 1px solid #FFFFFF; color: #000; float: left; padding: 6px 0; 
                          font-size: 11px; font-weight: bold; letter-spacing: 1px; text-align: center; text-decoration: none; }

#navigation a:link      { color: #000; text-decoration: none; }
#navigation a:visited   { color: #000; text-decoration: none; }
#navigation a:active    { color: #000; text-decoration: none; }
#navigation a:hover     { background-color: #F7851E; color: black; text-decoration: none; }

li#navlistRight a       { border-right: medium none !important; color: white !important;}
li#navlistRight a:hover { background-color: #FAAC56 !important; }
#navigation .active a   { background-color: #F7851E !important; }

#navigation #navlistRight {}

/* subnav */
#nav_wrapper            { clear: both; float: left; width: 220px; margin-right: 15px;}

ul#subnav               { float: left; width: 220px; margin: 20px 0px 20px 15px; padding: 0; border-top: 1px solid #084172; }
#subnav li              { margin: 0; padding: 0; font-size: 15px; font-weight: bold; border-bottom: 1px solid #084172; }
#subnav li a            { color: #084172; display: block; margin: 0; padding: 8px 0; text-decoration: none; }
#subnav li a:hover      { color: #F7851E; }

#subnav ul              { margin: 0 0 10px 0; padding: 0;}
#subnav li li           { border: 0; }
#subnav li li a         { color: #5b5c5c; font-size: 12px; font-weight: normal; padding: 0; margin: 0; line-height: 16px; }
#subnav li li a:hover   { color: #F7851E; }
#subnav li li           { background: transparent url(../images/structure/bullet-arrow.gif) no-repeat 0 3px; padding-left: 12px;}

#subnav li.active a     { color: #F7851E; }
#subnav li li.active a  { color: #F7851E; }
#subnav li.active li a  { color: #5b5c5c; }


/* subnav - downloads */

ul#subnav_downloads           { float: left; width: 220px; margin: 10px 0px 10px 15px; padding: 0;}
#subnav_downloads li          { color: #084172;margin: 0 0 0 0; padding: 0; font-size: 15px; font-weight: bold;}
#subnav_downloads li li       { color: #084172;margin: 8px 0 0 0; padding: 0; font-size: 12px; font-weight: bold;}
#subnav_downloads li li ul    { margin-top: 8px;}
#subnav_downloads li li li    { margin-top: 8px;}
#subnav_downloads li a        { color: #666666; display: block; margin: 0; padding: 0; text-decoration: none; font-size: 12px; font-weight: normal;}
#subnav_downloads li a:hover  { color: #F7851E; }

ul#subnav_news           { float: left; width: 220px; margin: 20px 0px 20px 15px; padding: 0; }
#subnav_news li a        { color: #5b5c5c; font-size: 11px; font-weight: normal; padding: 0; margin: 0; line-height: 16px; }
#subnav_news li a:hover  { color: #F7851E; }
#subnav_news li.active a { color: #F7851E; }


/* content */

#content                { float: left; width: 470px; margin: 20px 30px 0 35px; display: inline; min-height: 450px;}
#content.start          { clear: both; float: left; width: 960px; margin: 40px 0 20px 30px;}
#content.products       { width: 685px;}
#content.distributors   { width: 620px; }


#content ol li { list-style-type: decimal; margin: 0 0 0 30px; padding: 0 0 0 0; font-size: 1.2em; line-height: 1.5em; }
#content ul li { list-style-type: disc; margin: 0 0 0 30px; padding: 0 0 0 0; font-size: 1.2em; line-height: 1.5em; }
#content ul,
#content ol    { margin-top: -8px;}

.col { width: 300px; float: left; margin-right: 15px; display: inline; }

.box { border: 1px solid #999; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin: 0 0 20px 0; padding: 10px; }
.box img { margin: -3px 0 0 -3px;}
.box.introduction { height: 392px; }
.box.highlight    { height: 200px; }
.box.news         { height: 440px; }

.search           { height: 30px; width: 300px; background: url(../images/start-search.gif) no-repeat; padding:4px;}
.search label     { font-weight: bold; color: #fff; margin: 0 10px 0 5px; }



#content table { width: 100%; margin: 5px 0;}
#content table th { font: bold 11px arial; padding: 3px; padding-left: 10px;}
#content table td { font: normal 11px arial; padding: 3px; padding-left: 10px;}

th.product   { width: 30%;}
th.approval  { width: 45%;}
th.date      { width: 15%;}

th.download  { width: 80%;}
th.size      { width: 20%;}

#country-form { float: right; }



table#results td.title { width: 100px;}


table#news td.date  { width: 65px;}
table#news td.title { width: 90px;}





/* sidebar */

#sidebar          { float: left; margin-top: 20px; width: 190px; padding-left: 20px;;display: inline; }
#sidebar label    { font-weight: bold; margin: 0 10px 4px 0px; display: block;}
#sidebar .submit  { margin: 5px 0 0 0;}
#sidebar .imgdesc { margin-top: 7px; width: 150px; line-height: 1.5em; text-align: left; font-size: 1.1em;}

/* footer */

#footer          { clear: both; background: #b6ceeb; color: #000; width: 996px; }
#footer p        { text-align: center; }