/* 
Only positioning rules! Use Style.css for styling rules.

IE Only CSS Hacks: 
----------------------------------------------------------------------------------
IE8 only:
    Use the following to make <p> blue only in IE8
    body:last-child p {
	    color: blue;
    }

IE7 and below only: 
    Use an asterisk before the property to target IE7 and below, e.g. to make <p> red only in IE7 and below:
    p { 
        color:green;
        *color:red;
      }

If you use both of the above hack examples, then <p> in FF, Safari, Chrome and Opera will be green

You can also use the following to target specific IE versions:

IE7 only:
    Use an 'greater than' before the element to target IE7 only:
    >p {color:black}

IE6 and below: 
    Use an underscore before the property:
    _color: black;
   
----------------------------------------------------------------------------------
*/

/* Elements */
html{ overflow-y:scroll }
html, body, div, table, tr, td, img, form {	margin: 0; padding: 0; border: 0 }
html { position: relative; left: 0px; top: 0px; }
body { position: relative; left: 0px; top: 0px; }
/* body { text-align: center } */
p { margin: 0 0 12px }
td { vertical-align: top; padding: 0; border: 0; text-align: left }
h1 {margin: 0 0 0 0;}
a.logo { display: block; float:left; width: 173px; height: 30px }
h2, h3, h4, h5, h6 { margin: 0 0 12px }
ol li {	margin-bottom: 6px;	text-align: justify }
address { display: block; margin: 0 0 12px 0 }

#aspnetForm { position: relative; left: 0px; top: 0px; }

/* Classes */
ul.linklist { margin: 0; padding: 0 }
ul.linklist li { padding: 0 0 0 5px;	margin: 0 0 0 5px; float: left; }
ul.linklist li.first { margin-left: 3px; padding: 0}

ul.linklistbulleted { margin: 0;  padding: 14px 15px 6px 15px }
ul.linklistbulleted li { list-style: none; margin: 0 0 8px 0; }
ul.linklistbulleted li a { padding: 0 0 0 10px }

ul.navlist { margin: 0 3px; padding: 0; background: #0f0 }
ul.navlist li { list-style: none; margin: 0; padding: 0; display: inline }
ul.navlist a { display: block; margin: 0; padding: 0 0 0 15px; height: 20px }

p.pcen { text-align: center !important }

.silent { display: none }

span.stn_button
{
	float: left;
	margin: 12px 0;
	padding-right: 6px;
	height: 19px;
}

span.stn_button a
{
	float: left;
	height: 19px;
	padding: 3px 0 2px 4px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 14px;
}
html>body span.stn_button a { height: 14px}

/* Named Elements */

#pagewrapper {
	position: relative;
	width: 806px;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	text-align: left;
	overflow: hidden;
}

#header { margin-top:7px; height: 107px; }
#navbg { position: absolute; top: 55px; left: 2px; width: 806px; height:58px }
#locatelinks   { position: absolute; top: 12px; right: 30px;}
#flag   { position: absolute; top: 5px; right: 0px; display: block; width: 24px; height: 24px }
#companyname {position:absolute; top:34px; left:65px}
#backstagelogo { position: absolute; top: 49px; right: 0px; width:138px; height:45px; z-index:1000 }
#footer {clear:both; *clear:none; display: block; width: 806px; height:20px; padding: 12px 0 24px 0}
#footer ul.homelogos { float: right; padding: 0; margin: 0 3px 0 0}
#footer ul.homelogos li { padding: 0; margin: 0 0 0 15px; float: right; width: 78px; }
#rightcolumn { width:216px; float:right }
h2#title { padding-bottom: 1px; margin-bottom: 12px }
h2#title span { display: block;	padding-bottom: 3px }

/* product list and product details rules */

#ProdInfo { padding: 17px 20px 0px 1px}

table.productlist td { width: 33%; }
table.productlist td div { 
    width: 162px; 
    margin-bottom: 16px;
    padding: 0 5px 0 22px; 
} 
table.productlist td div.b_row { padding: 0 5px 0 0 }
table.productlist p.img_thumb { text-align: center; margin: 12px 0 }
table.productlist img.thumb { padding:0; margin:0 }

table.articlesummarylist { width:560px}
table.articlesummarylist tr td { width:187px;}
table.articlesummarylist img { width:176px; height:91px;}
table.articlesummarylist p { width:170px }

div.singlearticle { width:550px; margin-top:10px;}
/*div.singlearticle img {padding: 10px;}*/

div.articlersslist { margin-top:10px}
div.articlersslist h3 { width:550px;}
div.articlersslist h3 a { color: #5FACCC }

div.articlersspdflist { margin-top:10px}
div.articlersspdflist div { float:left }
div.articlersspdflist img { float:right }

table.eventlist { margin-top:10px; width:560px;}
table.eventlist tr td { width:50%; padding:15px 15px 15px 0}
table.eventlist h3 {font-weight:bold}

img.articleicon { width:176px;height:91px;margin:0 4px 9px 2px }
div.articleiconlist { width:540px; padding:1px 0 4px 3px;margin-bottom:5px;background-color:#eee}

dl.feed { margin: 14px 0 20px; }
dl.feed dt, dl.feed dd { margin: 0; padding: 0 }
dl.feed dt { float: left; width: 200px; font-weight: bold }
dl.feed dd { margin: 0 0 10px 210px; }
a.feed { background: url("/images/icons/rss_feed.gif") left center no-repeat; padding-left: 14px}

dl#specs dt { margin: 4px 0; padding: 4px; }
dl#specs dt.section { margin: 19px 0 6px 0; height: 16px; padding: 4px 10px; }
dl#specs dd {padding-left: 40px}

#downloads_list dt, #downloads_list dd { margin: 0; padding: 0 }
#downloads_list dd { margin: 0 0 12px 0}
#downloads_list dt { padding: 0 0 2px 0; margin: 0 0 6px 0 }

#mainBusy{ position:absolute; left:720px; top: 30px }
#mfeHolder { 
    padding-bottom: 0; 
    *padding-bottom: 3px  /* overrule for IE7 and below only */
} 

.formLabel 
{
    width: 150px;
    display:block;
    float: left;
    clear:left;
    text-align: right;
    padding-top: 4px;
    padding-right: 10px;
    font-weight: bold;
}

.formButtons
{
    padding-left: 150px;
}

.formRow
{
    margin-top: 11px;
}

#MyRolandHeader { margin-top:7px; height: 84px; }
a.MyRolandLargeLogo { display: block; float:left; width: 276px; height: 77px }

.rightColumn {width:50%; float:right;}
.leftColumn {width: 50%; float: left;}