/**
 * 'ROLAND CANADA' THEME STYLESHEET.
 * 16/03/2009
 * 
 * Dev note: 
 * --stylename {} : 2-space tab = Should be part of the final code, but currently in testing mode.
 * ----stylename {} : 4-space tab = For dev phase only (tracers, etc.).
 * 
 * Font size: 
 * - Browsers baseline: 16px (default text size).
 * - 30px = 1.875em / 28px = 1.75em / 26px = 1.625em / 24px = 1.5em / 22px = 1.375em / 
 * - 20px = 1.25em / 19px = 1.187em / 18px = 1.125em / 17px = 1.062em / 16px = 1em / 15px = 0.937em / 14px = 0.875em / 13px = 0.812em / 12px = 0.75em / 11px = 0.687em / 
 * - 10px = 0.625em / 9px = 0.562em /
 * 
 */


/**
 * GLOBAL ELEMENTS
 */

body {
margin: 0;
background: url(/images/template/page-tpl-bg.gif) center top repeat-x #ebebec;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
color: #404042;
}

p, td, ul, ol, li {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
color: #404042;
}

html, body, div, table, tr, td, img, form {
margin: 0;
padding: 0;
border: 0;
}

a:link { color: #404042; text-decoration: none; }
a:visited { color: #404042; text-decoration: none; }
a:hover { color: #5faccc; text-decoration: underline; }
a:active { color: #5faccc; text-decoration: underline; }

p {
margin: 0 0 12px 0;
}

td {
vertical-align: top;
padding: 0;
border: 0;
text-align: left;
}

ol li {
margin: 0 0 6px 0;
text-align: justify;
}

address {
display: block;
margin: 0 0 12px 0;
}

img {
margin: 0;
padding: 0;
border: 0;
}

.menu {
margin: 0;
padding: 0;
}

.sidebar {
float: left;
}

.clear-block {
clear: both;
}


/**
 * PAGE TEMPLATE ELEMENTS
 */

#container-page {
position: relative;
width: 806px;
margin: 12px auto 0 auto;
padding: 0;
text-align: left;
}

#logo {
position: absolute;
left: 0px;
top: 0px;
}
#logo a {
display: block;
width: 173px;
height: 34px;
background: url(/images/template/roland-logo.gif) left top no-repeat;
}
#logo a span {
display: none;
}

#container-header {
width: 806px;
height: 101px;
    /*background: #ccc;*/
}

#flag {
position: absolute;
left: 773px;
top: 11px;
width: 32px;
height: 18px;
background: url(/images/template/flag-ca.gif) left top no-repeat;
}

#search-product {
position: absolute;
left: 490px;
top: 11px;
width: 270px;
height: 18px;
}

#navbar {
position: absolute;
left: 0px;
top: 42px;
width: 800px; /* Box width: 806px */
height: 32px;
margin: 0 0 0 0;
padding: 0 3px 0 3px;
background: url(/images/template/page-tpl-navbar-bg.gif) center top no-repeat;
}

#nav-global-1 {
position: absolute;
left: 593px;
top: 2px;
width: 210px;
margin: 0;
padding: 0;
}

#container-content-header {
width: 800px; /* Box width: 806px */
height: 10px;
padding: 0 3px 0 3px;
background: url(/images/template/page-tpl-container-content-header.gif) center top no-repeat;
}

#container-content {
overflow: hidden;
width: 800px; /* Box width: 806px */
margin: 0 0 0 0;
padding: 0 3px 12px 3px;
background: url(/images/template/page-tpl-container-content-bg.gif) center top repeat-y;
}

#container-content-footer {
width: 800px; /* Box width: 806px */
height: 10px;
padding: 0 3px 0 3px;
background: url(/images/template/page-tpl-container-content-footer.gif) center top no-repeat;
}

.breadcrumb {
width: 560px; /* Box width: 580px */
height: 14px; /* Box height: 20px */
margin: 0 0 0 0;
padding: 3px 10px 3px 10px;
background: url(http://rolandus.com/images/gradtop.gif) repeat-x #efefef;
font-size: 10px;
}

#content {
float: left;
width: 540px; /* Box width: 580px */
margin: 0 0 0 0;
padding: 10px 20px 10px 20px;
    /*background: pink;*/
}
/* IE6 hack */
* html #content {
width: 540px;
}

#sidebar-right {
width: 210px; /* Box width: 220px */
margin: 0 0 0 10px;
padding: 0 0 0 0;
    /*background: red;*/
}

#container-footer {
position: relative;
width: 790px; /* Box width: 806px */
height: 40px;
margin: 0 3px 0 3px;
padding: 9px 10px 0 0px;
}


/**
 * NAVIGATION - LEVEL 1
 */

#nav-1 {
position: absolute;
left: 8px;
top: 3px;
width: auto;
height: 26px;
}
#nav-1 .menu li {
position: relative;
float: left;
display: block;
width: auto;
margin: 0 auto 0 auto;
padding: 0 0 0 0;
border-right: 1px solid #ccc;
list-style: none;
font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 11px;
font-weight: bold;
}
#nav-1 .menu li a {
display: block;
height: 22px;
padding: 4px 8px 0 8px;
color: #58585b;
text-decoration: none;
}
#nav-1 .menu li a:hover, #nav-1 .menu li a:active {
background: url(/images/template/navbar-btn-bg-hover.gif) left top repeat-x;
color: #333;
}
/* IE6 hack */
* html #nav-1 .menu li a {
display: inline;
}
/* IE6 hack */
* html #nav-1 .menu li a:hover, * html #nav-1 .menu li a:active {
background: none;
color: #333;
}

#nav-1 .menu li .menu {
position: absolute;
  /*left: 0px;*/
top: 30px;
display: none;
width: 800px;
height: 25px;
}
#nav-1 .menu li:hover .menu {
display: block;
}

#nav-1 .menu li .menu#whats-new { left: 0px; background: none; }
#nav-1 .menu li .menu#support { left: 0px; background: none; }
#nav-1 .menu li .menu#register-purchase { left: 0px; background: none; }
#nav-1 .menu li .menu#profile { left: 0px; background: none; }
#nav-1 .menu li .menu#event { left: 0px; background: none; }
#nav-1 .menu li .menu#product { left: 0px; background: none; }
#nav-1 .menu li .menu#corporate { left: 0px; background: none; }

#nav-1 .menu li .menu li {
float: left;
  display: block;
height: 14px;
margin: 0 0 0 5px;
padding: 0 0 0 5px;
border-left: 1px solid #aaaab0;
border-right: none;
list-style: none;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: normal;
}
#nav-1 .menu li .menu li:first-child {
margin-left: 3px;
padding-left: 0;
border: 0;
}
#nav-1 .menu li .menu li a {
background: none;
}
#nav-1 .menu li .menu li a:hover, #nav-1 .menu li .menu li a:active {
background: none;
color: #5faccc;
}


/**
 * PAGE TEMPLATE SUB ELEMENTS
 */

#nav-global-1 .menu li {
float: left;
height: 14px;
margin: 0 0 0 5px;
padding: 0 0 0 5px;
border-left: 1px solid #aaaab0;
list-style: none;
}
#nav-global-1 .menu li:first-child {
margin-left: 3px;
padding-left: 0;
border: 0;
}

#search-product form, #search-product ul {
margin: 0;
padding: 0;
}
#search-product .form-search li {
float: left;
list-style: none;
}
#search-product .form-search .form-search-input {
width: 160px;
height: 14px;
margin: 1px 5px 0 0;
padding: 0;
background: #fefefe;
border: 1px solid #bebebe;
font-size: 11px;
color: #666;
}
#search-product .form-search .form-search-submit {
width: 94px;
height: 18px;
border: 0;
background: url(/images/template/form-search-product-submit.gif) left top no-repeat;
cursor: pointer;
}
#search-product .form-search .form-search-submit:hover {
background: url(/images/template/form-search-product-submit-hover.gif) left top no-repeat;
}

#sidebar-right .content {
width: 190px; /* Box width: 210px */
padding: 0 10px 0 10px;
    /*background: blue;*/
}

#sidebar-right .banner {
width: 160px; /* Box width: 210px */
padding: 0 25px 0 25px;
    /*background: green;*/
}

#container-footer .menu li {
float: left;
height: 14px;
margin: 0 0 0 5px;
padding: 0 0 0 5px;
border-left: 1px solid #aaaab0;
list-style: none;
}
#container-footer .menu li:first-child, #container-footer .menu li.first {
margin-left: 3px;
padding-left: 0;
border: 0;
}

#container-footer .menu.logo {
position: absolute;
left: 600px;
top: 10px;
width: 400px;
height: 35px;
}
#container-footer .menu.logo li {
height: 35px;
margin: 0 8px 0 8px;
padding: 0;
border: 0;
}
#container-footer .menu.logo a {
display: block;
height: 35px;
}
#container-footer .menu.logo a span {
display: none;
}
.menu.logo .boss a {
width: 83px;
background: url(/images/template/logo-boss.gif) no-repeat;
}
.menu.logo .edirol a {
width: 82px;
background: url(/images/template/logo-edirol.gif) no-repeat;
}
.menu.logo .rss a {
width: 65px;
background: url(/images/template/logo-rss.gif) no-repeat;
}
.menu.logo .cakewalk a {
width: 95px;
background: url(/images/template/logo-cakewalk.gif) no-repeat;
}


/**
 * BLOCK ELEMENTS
 */
 
/* Social Media */
#sidebar-right .socialmedia{
background: url(/images/template/block-socialmedia-bg.gif) repeat-x #eeeeef;
border-bottom: solid 1px #e0e0e2;
margin: -20px 0 20px 0;
padding: 8px 0 6px 8px; 
}

#sidebar-right .socialmedia img.icon{
margin: 6px 6px 0 0;
}

/* Sign-up*/
#sidebar-right .signup{
background: url(/images/template/block-signup-bg.gif) #eeeeef no-repeat;
border-bottom: solid 1px #e0e0e2;
margin: -20px 0 20px 0;
padding: 24px 51px 7px 8px; 
}

#sidebar-right .signup p{
margin: 0;
font-size: 10px;
line-height: 10px;
}

#sidebar-right .signup p a{
color: #888;
text-decoration: none;
}
#sidebar-right .signup p a:hover{
color: #000;
text-decoration: none;
}

/* Frontpage Social Media */
#container-footer .frontpage-socialmedia {
width: 110px;
margin: 2px 0 5px 0;
}
#container-footer .frontpage-socialmedia h4.header {
width: 100px;
height: 12px;
margin: 0 0 5px 0;
padding: 0;
background: url(/images/template/frontpage-block-socialmedia-followus.gif) no-repeat;
}
#container-footer .frontpage-socialmedia h4.header span {
display: none;
}
#container-footer .frontpage-socialmedia ul.menu {
height: 28px;
margin: 0 0 10px 0;
padding: 0;
}
#container-footer .frontpage-socialmedia ul.menu li {
float: left;
height: 28px;
margin: 0 3px 0 3px;
padding: 0 0 0 0;
border: none;
list-style: none;
}
#container-footer .frontpage-socialmedia ul.menu li.first {
margin: 0 3px 0 0;
}
#container-footer .frontpage-socialmedia li a span {
display: none;
}
#container-footer .frontpage-socialmedia li a {
display: block;
width: 28px;
height: 28px;
}
#container-footer .frontpage-socialmedia li.leaf.facebook { background: url(/images/template/frontpage-block-socialmedia-icon-facebook.gif) no-repeat; }
#container-footer .frontpage-socialmedia li.leaf.twitter { background: url(/images/template/frontpage-block-socialmedia-icon-twitter.gif) no-repeat; }
#container-footer .frontpage-socialmedia li.leaf.youtube{ background: url(/images/template/frontpage-block-socialmedia-icon-youtube.gif) no-repeat; }

/**
 * BANNER ELEMENTS
 */

/* Default styles */
.block-banner {
}
ul.block-banner {
margin: 0 0 0 0;
padding: 0 0 0 0;
}
.block-banner li {
list-style: none;
}
.block-banner .banner {
float: left;
}
.block-banner .banner a {
display: block;
width: 178px;
height: 93px;
}
.block-banner .banner a span {
display: none;
}

/* 'What's New' banners */
.whats-new.block-banner {
height: 93px;
margin: 0 0 10px 0;
}
.whats-new.block-banner .banner a {
width: 178px;
height: 93px;
}
.whats-new.block-banner .banner a.current-promotions {
background: url(/images/banner-h-current-promotions.jpg) no-repeat;
}
.whats-new.block-banner .banner a.contests {
margin: 0 3px 0 3px;
background: url(/images/banner-h-contests.jpg) no-repeat;
}
.whats-new.block-banner .banner a.roland-in-community {
background: url(/images/banner-h-roland-in-community.jpg) no-repeat;
}


/**
 * CONTENT ELEMENTS
 */

/* Node Title */
#content h2.title {
margin: 0 0 12px 0;
padding: 0 0 1px 0;
font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 20px;
font-weight: normal;
border-bottom: 1px solid #8bbaca;
}
#content h2.title span {
display: block;
padding: 0 0 3px 0;
border-bottom: 1px solid #8bbaca;
}

/* Roland.ca uses 'h1' as node title in views. For this reason, 'h1' in content is styled as a 'h3'. */
#content h1 {
/*display: inline-block;*/ /* Fix issue with bottom border and floating elements beside heading. */
margin: 0 0 6px 0;
padding: 0 0 2px 0;
border-bottom: 1px solid #e0e0e2;
font-size: 12px;
font-weight: normal;
}

/* Roland.ca uses 'h1' as node title in views. For this reason, 'h1' in content is styled as a 'h3', and 'h2' in content is styled as a 'h3'. */
#content h2 {
margin: 0 0 6px 0;
padding: 0 0 2px 0;
border-bottom: 1px solid #e0e0e2;
font-size: 12px;
font-weight: normal;
}

#content h3 {
margin: 0 0 6px 0;
padding: 0 0 2px 0;
border-bottom: 1px solid #e0e0e2;
font-size: 12px;
font-weight: normal;
}

#content h4 {
}

#content h5 {
}

#content h6 {
}

#content a { color: #5faccc !important; }
#content a:link { text-decoration: none; }
#content a:visited { text-decoration: none; }
#content a:hover { text-decoration: underline; }
#content a:active { text-decoration: underline; }

#content img {
margin: 5px 10px 5px 10px;
}
#content img[align="left"] {
margin: 5px 15px 5px 0px;
}
#content img[align="right"] {
margin: 5px 0px 5px 15px;
}


/**
 * FRONTPAGE TEMPLATE
 */

#frontpage-container-content {
position: relative;
width: 806px; /* Box width: 806px */
height: 500px;
margin: 0 0 0 0;
padding: 0 0 0 0;
background: none;
}

#frontpage-container-content #frontpage-content {
float: none; /* IE6 hack, to override the 'float: left' of page-tpl. */
width: 806px; /* Box width: 800px */
height: 290px;
margin: 0;
padding: 0;
}
/* IE6 hack */
* html #frontpage-container-content #frontpage-content {
width: 806px;
}

#frontpage-container-content h4.header {
margin: 0;
padding: 0;
}
#frontpage-container-content h4.header a {
display: block;
width: 398px;
height: 35px;
}
#frontpage-container-content h4.header span {
display: none;
}
#frontpage-container-content p a span {
display: none;
}

#frontpage-container-content #frontpage-content-product {
position: absolute;
left: 0px;
top: 290px;
width: 398px;
height: 220px;
}
#frontpage-container-content #frontpage-content-product h4.header a {
background: url(/images/template/frontpage-content-product-header.gif) no-repeat;
}
#frontpage-container-content #frontpage-content-product p a {
display: block;
width: 98px;
height: 176px;
}
#frontpage-container-content #frontpage-content-product p.product-1 { position: absolute; left: 0; top: 38px; background: no-repeat; }
#frontpage-container-content #frontpage-content-product p.product-2 { position: absolute; left: 100px; top: 38px; background: no-repeat; }
#frontpage-container-content #frontpage-content-product p.product-3 { position: absolute; left: 200px; top: 38px; background: no-repeat; }
#frontpage-container-content #frontpage-content-product p.product-4 { position: absolute; left: 300px; top: 38px; background: no-repeat; }

#frontpage-container-content #frontpage-content-product p.product-1 { background: url(/images/banner-v-v-piano.jpg); }
#frontpage-container-content #frontpage-content-product p.product-2 { background: url(/images/banner-v-ax-synth.jpg); }
#frontpage-container-content #frontpage-content-product p.product-3 { background: url(/images/banner-v-cube-80x.jpg); }
#frontpage-container-content #frontpage-content-product p.product-4 { background: url(/images/banner-v-fr-1.jpg); }

#frontpage-container-content #frontpage-content-promo {
position: absolute;
left: 408px;
top: 290px;
width: 398px;
height: 220px;
}
#frontpage-container-content #frontpage-content-promo h4.header a {
background: url(/images/template/frontpage-content-promo-header.gif) no-repeat;
}
#frontpage-container-content #frontpage-content-promo p a {
display: block;
width: 198px;
height: 87px;
}
#frontpage-container-content #frontpage-content-promo p.promo-1 { position: absolute; left: 0; top: 38px; background: no-repeat; }
#frontpage-container-content #frontpage-content-promo p.promo-2 { position: absolute; left: 200px; top: 38px; background: no-repeat; }
#frontpage-container-content #frontpage-content-promo p.promo-3 { position: absolute; left: 0; top: 126px; background: no-repeat; }
#frontpage-container-content #frontpage-content-promo p.promo-4 { position: absolute; left: 200px; top: 126px; background: no-repeat; }

#frontpage-container-content #frontpage-content-promo p.promo-1 { background: url(/images/banner-h-cakewalk.jpg); }
#frontpage-container-content #frontpage-content-promo p.promo-2 { background: url(/images/banner-h-roland-digital-grand.jpg); }
#frontpage-container-content #frontpage-content-promo p.promo-3 { background: url(/images/banner-h-roland-classic-series.jpg); }
#frontpage-container-content #frontpage-content-promo p.promo-4 { background: url(/images/banner-h-roland-artists.jpg); }




/**
 * LEGACY STYLES
 * From before website redesign in April 2009.
 * Tweaked to fit new design.
 */

/* 'Login' form */
#content table#login_panel {
}
#content table#login_panel img {
margin: 0;
padding: 0;
}

/* 'Product Registration' form */
#content form select[id="ProductRegistration.int_product_id"], 
#content form select[id="ProductRegistration.vch_heardfrom"] {
float: right;
width: 300px;
}

/* 'FAQ' search form */
#content .block-faq-search {
}
#content .block-faq-search input {
width: 410px;
}
#content .block-faq-search select {
width: 414px;
}
#content .block-faq-search input[type="submit"] {
width: 100px;
}
/* IE6 hack */
* html #content .block-faq-search input[type="submit"] {
width: 100px;
}

/* 'Event' page */
#content table.event_panel {
}
#content table.event_panel .event_name {
font-size: 12px;
}


/**
 * LEGACY STYLES
 * From before website redesign in April 2009.
 * As-is or tweaked a bit.
 */

/* begin faq styles */

div.clsQuestion {
color: #989898;
font: bold 12 px ms sans serif;
}

div.clsAnswer {
color: #333333;
padding-top: 5px;
font: 11px ms sans serif;
}

div.clsFAQ {
border-bottom: 1px solid gray;
margin-bottom: 8px;
padding: 8px;
}

a.FAQLink {
color: #F49231;
text-decoration: none;
}
a.FAQLink:hover {
color: #F49231;
text-decoration: underline;
}

span.PageNav {
margin-left: 10px;
}

span.PageNav a {
font: 10px arial;
color: #F49231;
text-decoration: none;
}
span.PageNav a:visited {
font: 10px arial;
color: #FFCA52;
text-decoration: none;
}
span.PageNav a:hover {
font: 10px arial;
color: #FF0000;
text-decoration: none;
}

/*FAQ entry */

td.label {
color: #333333;
font: bold 11px tahoma,arial;
padding-left: 10px;
}

div.subheading {
font-family: arial, verdana, helvetica, sans-serif;
font-size: 14px;
color: #333333;
font-weight: bold;
margin-bottom: 5px;
border-bottom: 1px solid gray;
margin-top: 7px;
margin-left: 3px;
margin-right: 3px;
}

input.standard {
width: 100%;
}

span.french {
color: #9FA3A5;
}

span.checkboxlabel {
font: 10px tahoma;
}

table.checkboxbox {
border: 1px solid gray;
}

/* Style for the 'Additional Signup Options' box. Added by Shervin 15/11/2007. */
table.checkboxbox.additional-options-signup {
background-color: #edf5fa;
}
table.checkboxbox.additional-options-signup label {
color: #0e69a3;
}
table.checkboxbox.additional-options-signup label.roland-inspire {
display: block;
width: 200px;
height: 40px;
background: url(http://www.roland.ca/images/template/form-signup-options-roland-inspire-logo.gif) left 2px no-repeat;
}
table.checkboxbox.additional-options-signup label.roland-inspire span {
display: none;
}
/* end */

/*FAQ entry */

/** end faq styles **/

/** Begin Login Styles **/

input.Login {
border: 1px solid silver;
width: 150px;
}

input.LoginSubmit {
border: 0x;
background-color: #FF8000;
}

.LoginMessage {
color: silver;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}

a.Logout {
color: #FF8000;
font-weight: bold;
text-decoration: none;
}
a:hover.Logout {
color: #FF8000;
font-weight: bold;
text-decoration: underline;
}

table.LoginBox {
background-color: #E7E7E7;
border: 1px solid gray;
}

/** End Login styles **/

div.clsError {
color: #333333;
font: bold 11px tahoma;
}

div.clsErrors {
border: 1px solid silver;
background-color: #E7E7E7;
padding: 5px;
margin-bottom: 8px;
margin-top: 8px;
color: #333333;
width: 400px;
}

div.clsMessage {
text-align: left;
width: 400px;	
padding: 5px;
color: #333333;
font: bold 12px tahoma;
}

div.clsMessage a {
text-align: left;
width: 400px;
padding: 0px;
color: #333333;
font: bold 12px tahoma;
text-decoration: underline;
}
div.clsMessage a:Hover {
text-decoration: underline;
}

div.BoxMessage {
border: 1px solid silver;
background-color: #E7E7E7;
padding: 5px;
margin-bottom: 8px;
margin-top: 28px;
color: #333333;
width: 230px;
font-size: 12px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
}

.clsLabel {
color: #333333;
font: 14 px ms sans serif;
}

td {
color: #333333;
font: 12px ms sans serif;
}

input.clsText {
border: 1px solid gray;
color: #232323;
}

a.clsPublic {
font-family: arial, helvetica, sans-serif;
font-size: 11px;
color: #333333;
text-decoration: underline;
}
a:hover.clsPublic {
color: #666666;
text-decoration: underline;
}

/*
* CONTENT ELEMENTS (New Styles, January 2007)
*/

.clsContentMain img.block-title {
margin: 0px;
padding: 0px;
}

.clsContentMain .content {
margin: 0px 0px 0px 0px;
padding: 20px 25px 20px 25px;
}

.clsContentMain .content a, .clsContentMain .content a:link, .clsContentMain .content a:active, .clsContentMain .content a:visited {
color: #6e880b;
text-decoration: none;
}
.clsContentMain .content a:hover {
color: #000000;
text-decoration: none;
}

.clsContentMain .content h1 {
margin: 5px 0px 10px 0px;
border-bottom: 2px dotted #999;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #0e69a3;
text-transform: uppercase;
}

.clsContentMain .content h1 a, .clsContentMain .content h1 a:link, .clsContentMain .content h1 a:active, .clsContentMain .content h1 a:visited {
color: #0e69a3;
}
.clsContentMain .content h1 a:hover {
color: #000;
}

.clsContentMain .content h2 {
margin: 5px 0px 5px 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #666;
text-transform: uppercase;
}

.clsContentMain .content h3, .clsContentMain .content h4, .clsContentMain .content h5, .clsContentMain .content h6 {
margin: 5px 0px 5px 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #888;
text-transform: uppercase;
}

.clsContentMain .content p {
margin: 5px 0px 10px 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333;
line-height: 14px;
}

.clsContentMain .content ul {
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 25px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #333;
line-height: 13px;
}
.clsContentMain .content ul li {
list-style: disc;
}

.clsContentMain .content ul li a, .clsContentMain .content ul li a:link, .clsContentMain .content ul li a:visited, .clsContentMain .content ul li a:active {
color: #6e880b;
font-weight: normal;
text-decoration: none;
}
.clsContentMain .content ul li a:hover {
color: #000;
font-weight: normal;
text-decoration: none;
}

.clsContentMain .content ul li ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 25px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333;
line-height: 13px;
}
.clsContentMain .content ul li ul li {
list-style: disc;
}

.clsContentMain .content ul li ul li ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 25px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333;
line-height: 12px;
}
.clsContentMain .content ul li ul li ul li {
list-style: disc;
}

.clsContentRight img.block-title {
margin: 0px;
padding: 0px;
}

.clsContentRight .content {
margin: 0px 0px 0px 0px;
padding: 15px 25px 15px 25px;
}

.clsContentRight .content p {
margin: 10px 0px 10px 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 11px;
color: #333;
}

.clsContentRight .content h1 {
margin: 0px 0px 0px 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #888;
}

.clsContentRight .content a, .clsContentRight .content a:link, .clsContentRight .content a:visited, .clsContentRight .content a:active {
color: #6e880b;
text-decoration: none;
}
.clsContentRight .content a:hover {
color: #000;
text-decoration: none;
}

.highlighter-1 {
margin: 10px 0px 10px 0px;
padding: 6px 10px 6px 10px;
background-color: #f3f4f5;
border: 2px solid #dddddd;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333;
line-height: 13px;
}

/*
* Podcast
*/
#content .content .podcast {
width: 450px;
margin: 0px 0px 20px 0px;
padding: 10px 0px 0px 0px;
background: url(http://www.roland.ca/images/template/podcast-item-bg.gif) no-repeat;
overflow: hidden;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
line-height: 14px;
}
#content .content .podcast .date {
height: 14px;
margin-left: 30px;
font-size: 11px;
text-transform: uppercase;
}
#content .content .podcast .title {
width: 410px;
height: 16px;
overflow: hidden;
margin: 2px 100px 8px 25px;
padding: 4px 0px 1px 5px;
background: #fff;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
}
#content .content .podcast .wrapper {
width: 410px;
margin: 0px 0px 0px 30px;
/*background-color: #CC99FF;*/
}
#content .content .podcast .wrapper .description {
width: 260px;
float: left;
min-height: 16px;
margin: 0px 0px 0px 0px;
}
#content .content .podcast a.btn-download, #content .content .podcast a.btn-download:link, #content .content .podcast a.btn-download:active, #content .content .podcast a.btn-download:visited, #content .content .podcast a.btn-download:hover {
position: relative;
display: block;
float: left;
left: 340px;
top: -15px;
width: 63px;
height: 15px;
margin: 0px 0px 0px 0px;
padding: 1px 0px 0px 4px;
/*background: url(http://www.roland.ca/images/template/podcast-btn-download.gif) no-repeat;*/
font-size: 9px;
color: #fff;
text-transform: uppercase;
text-decoration: none;
}
#content .content .podcast a.btn-demo, #content .content .podcast a.btn-demo:link, #content .content .podcast a.btn-demo:active, #content .content .podcast a.btn-demo:visited, #content .content .podcast a.btn-demo:hover {
position: relative;
display: block;
left: 42px;
margin: 0px 0px 0px 0px;
font-size: 11px;
font-weight: bold;
color: #666;
text-transform: uppercase;
text-decoration: none;
}
#content .content .podcast .footer {
width: 450px;
height: 8px;
margin: 0px 0px 0px 0px;
background: url(http://www.roland.ca/images/template/podcast-footer.gif) no-repeat;
font-size: 0px;
line-height: 0px;
}
/* Podcast : end */

/* Homapge Icons and Promo Box - November 5, 2007 - Added by Shervin - Contact Info: 604-422-0174 */

.promo-box{
width: 460px;
margin: 20px 0px 10px 0px;
background-color: #d0df98;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333;
line-height: 13px;
}

.promo-box-header{
height: 29px;
background: url(../../../images/template/icons/promo-box-header.gif) no-repeat #FFF;
padding: 1px 10px 0px 10px;
}

.promo-box-content{
background: url(../../../images/template/icons/promo-box-bg.gif) no-repeat #d0df98;
padding: 1px 10px 6px 10px;
}

.promo-box .promo-box-content a.btn-learn, .promo-box .promo-box-content a.btn-learn:link, .promo-box .promo-box-content a.btn-learn:active, .promo-box .promo-box-content a.btn-learn:visited{
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
background: url(../../../images/template/icons/btn-learn.gif) 2px no-repeat;
padding: 0px 0px 0px 10px;
}

.promo-box .promo-box-content a.btn-learn:hover{
color: #000;
background: url(../../../images/template/icons/btn-learn-hover.gif) 2px no-repeat;
padding: 0px 0px 0px 10px;
}

/* End */