/*
This file is based on the ploneCustom.css.dtml shipped with Plone.

 (do not remove this)
 (not this either)
 (not this either)
*/

/*
This stylesheet is used to affect the product section as well as the product display pages, e.i. 896mk3, ultralite, dp6, and so on.
Global elements can be locally selected and affected by using the id "product_pages"
*/

#vid-display-new-div{height:0;}
#vid-display-div{/*display:none;*/width:752px;height:298px;margin:-20px 0 0 0;position:absolute;z-index:8;}



/* -------------------- */


#product_pages #portal-columns {display:table;}
#product_pages #portal-row {display:table-row;}
#product_pages #portal-column-one {display:table-cell;}
#product_pages #portal-column-content {display:table-cell;}
#product_pages #portal-column-two {display:table-cell;}

#dp_tabs li a{color:#0098e5;text-decoration:none;}
#dp_tabs li a:hover{text-decoration:underline;}

#product_landing_pages #product_description p, #dp_tabs{padding:2px 0;}

#product_nav_btn{
width:524px;
margin:10px auto 25px auto;
}

#product_nav_btn .table_div_td{
padding:0 5px 10px 5px;
}

#product_nav_btn img{
border:1px #333333 solid;
}

#product_nav_btn img:hover{
border:1px #0098e5 solid;
}

#product_nav_btn img:active{
border:1px gray solid;
opacity:0.8;
}

#product_display{
width:100%;
height:278px;
overflow:hidden;
background-position:bottom center;
background-repeat:repeat-x !important;
}

#product_display ul{
list-style:none;
margin:0;
padding:0;
height:30px;
float:right;
clear:left;
padding-right:5px;
padding-top:250px;
padding-left:40px;
background:url(http://cdn-data.motu.com/site/images/display_tab.gif) left bottom no-repeat;
}

#product_display ul li{
display:inline;
padding:0 !important;
float:left;
color:white;
}

.thumb_array{
width:100%;
}

.thumb_array td{
text-align:center;
vertical-align:top;
}

.thumb_array img{
margin-bottom:4px;
border:1px gray solid;
}

.thumb_array img:hover{
border:1px solid #0098e5;
}

.product_table{
margin:auto;
width:100%;
border-collapse:separate;
border-spacing:5px;
}

.product_table h3{
font-size:1.1em;
}

.product_table td{
background:url(http://cdn-data.motu.com/site/images/content_bg1.jpg) repeat-x;
padding:8px;
border:1px #cccccc solid;
border-radius:5px;
opacity:.9;
}

.product_table td:hover{
border:1px #0098e5 solid;
opacity:1;
}

.product_table td img{
width:130px;
margin-top:1.2em;
}

/* Audio/MIDI page buttons */
#product_btn_nav{
width:524px;
margin:0 auto 25px auto;
}

#product_btn_nav td{
padding:0 5px 10px 5px;
/*border:1px #cccccc solid;
background:#f5f5f5;*/
}

#product_btn_nav td h3{
padding:0 8px;
}

#product_btn_nav td p{display:none;
padding:0 8px;
}

#product_btn_nav td a.hov_outline{
display:block;
}

#product_btn_nav td a.hov_outline:hover{
background:url(http://cdn-data.motu.com/site/images/product_btn_hover.png) no-repeat center;
}

#product_btn_nav td a.hov_outline:active{
opacity:0.6;
}


/* Resets padding from ploneCustom.css */
#product_pages #content,
#product_landing_pages #content{
margin:0;
padding:0 !important;
}

#center_content{
padding:15px 0 0 175px;
}

#center_content p{
line-height:1.6em;
}

.product_content{
padding:0 20px 15px 0;
background:url(http://cdn-data.motu.com/site/images/content_bg1.jpg) repeat-x top;
}

.product_content a{
color:#0098e5;
text-decoration:none;}

.product_content a:hover{
text-decoration:underline;
}

#product_content_left_col{
width:150px;
float:left;
clear:both;
min-height:500px;
padding-bottom:40px;
background:url(http://cdn-data.motu.com/site/images/grade3.jpg) no-repeat right bottom;
}

* html #product_content_left_col{
height:500px;
}

#product_tabs{
list-style:none;
margin:0;
padding:10px 0 0 0;
text-align:right;
}

#product_tabs li{
margin:0 1px 0 0;
padding:0 !important;
border-bottom:1px solid #cccccc;
}

#product_tabs li h3{
margin:5px;
/*border-bottom:1px dotted gray;*/
}

#product_tabs li a{
display:block;
padding:5px
}

#product_tabs li a:hover{
text-decoration:none;
color:white;
background:url(http://cdn-data.motu.com/site/images/product_tabs_hov.jpg) repeat-x #a6a6a6;
}

#product_tabs li a.selected{
color:white;
background:url(http://cdn-data.motu.com/site/images/product_tabs_select.jpg) repeat-x black;
}

#product_tabs li a.selected:hover{
text-decoration:none;
}

#product_tabs li ul{
list-style:none;
margin:0;
padding:0;
}

#product_tabs li ul li a.selected{

}

#product_tabs li ul li a.selected:hover{
text-decoration:none;
color:white;
background:url(http://cdn-data.motu.com/site/images/product_tabs_select.jpg) repeat-x black;
}

.third_level ul{
font-size:85%;
border-bottom:1px gray dotted !important;
}

.third_level ul li{
margin:0 !important;
}

.product_content .nav_drop_items ul li{
border-bottom:1px transparent solid !important;
margin:0 !important;
}

.product_content .nav_drop_items ul li a{
background:#f4f4f4;
}

.product_content .nav_drop_items ul li a.selected{
}

/* Breadcrumbs */
#product_breadcrumb{
background-position:top center !important;
background-repeat:repeat-x !important;
}

#product_breadcrumb #portal-breadcrumbs{
/*background:url(http://cdn-data.motu.com/site/images/pro_bread2.jpg) repeat-x top;*/
background-position:top center;
background-repeat:repeat-x;
}

#product_breadcrumb #portal-breadcrumbs a{
color:white;
text-decoration:none;
}

#product_breadcrumb #portal-breadcrumbs a:hover{
color:white;
text-decoration:underline;
}

#product_breadcrumb .breadcrumbSeparator{
color:#c3c3c3;
}

#product_breadcrumb .pathbar_selected{
color:#c3c3c3;
}



/* Hides featured product portlet */
#product_pages #portal-column-two #portlet-products, #product_landing_pages #portal-column-two #portlet-products, #product_pages #portal-column-two #portlet-global-nav{
display:none;
}


/* Featured products include */
#featured_products{
border-top:1px gray dotted;
margin-top:10px;
padding:10px 0;
}

/*#featured_products table{border:1px #aaaaaa solid;background:url(http://cdn-data.motu.com/site/images/content_bg1.jpg) repeat-x;}*/
#featured_products table td{padding:15px;text-align:center;vertical-align:top;}
#featured_products table td h5{font-size:1em;margin-bottom:5px;}
#featured_products table td img{width:110px;}

#product_pages #featured_products{
margin:0 25px 0 155px;
}

/* Product display box */

#product_display ul li p{
margin:0;
padding:8px 4px 0 0;
}

#product_display ul li a{
color:white;
text-decoration:none;
}

#product_display ul li a:hover{
text-decoration:underline;
}

.product_thumb{
margin:0px 2px;
}

.product_thumb .selected_images img{
border:1px #0098e5 solid;
}

.product_thumb img{
border:gray solid 1px;padding:0;
}

.product_thumb img:hover{
border:#0098e5 solid 1px;
}

#hide_flash, #hide_video{
border-top:1px black solid;
padding:0 12px;
}

.hide_flash{
color:white;
background:url(http://cdn-data.motu.com/site/images/interactive-bg-dark.jpg) repeat-x #323232;
}

.hide_flash_white{
color:#424242;
background:url(http://cdn-data.motu.com/site/images/content_bg1.jpg) repeat-x white;
}

.flash_hide_btn{
text-align:right;
margin:0;
}

.hide_flash .flash_hide_btn a{
color:white !important;
text-decoration:none;
}

.flash_hide_btn a:hover{
text-decoration:underline;
}

#product_description{
font-size:1.1em;
padding:5px 12px;
color:white;
background:url(http://cdn-data.motu.com/site/images/header_top_bg.jpg) bottom repeat-x black;
border-top:black 1px solid;
}

#product_description p{
margin:0;padding:0;
}

#product_description .line-list a{color:#6190fc;}


/* Product landing pages - v4hd, digital performer */


#product_landing_pages.section-products #portlet-static-dp-here{
display:none;
}

#product_landing_pages #portal-breadcrumbs{

}

#product_landing_pages #portal-breadcrumbs a{
color:white;
text-decoration:none;
}

#product_landing_pages #portal-breadcrumbs a:hover{
color:white;
text-decoration:underline;
}

#product_landing_pages .breadcrumbSeparator{
color:#c3c3c3;
}

#product_landing_pages #portal-breadcrumbs span span{
color:#c3c3c3;
}

/* Product listing page - Software, firewire, midi...*/

#product_button_list{
margin:15px 0 40px 0;
}

#product_button_list ul{
width:504px;
list-style:none;
margin:0 auto;
padding:0;
}

#product_button_list ul li{
margin:8px 0;
text-indent:-2408px;
}

#product_button_list ul li a{
display:block;
width:502px;
height:39px;
}


/* Electric Keys - Sounds page */
#soundbank-list{width:100%;text-align:center;border-collapse:separate;border-spacing:5px;}
#soundbank-list td{padding:15px;border:1px solid #cccccc;}
#soundbank-list td:hover{border:1px solid gray;background-color:#ededed;}
#soundbank-list td a{display:block;text-decoration:none;}
#soundbank-list td a img{text-decoration:none;border:1px black solid;}


/* Landing Pages */
/* height:292px; */
#land_display{width:100%;height:285px;overflow:hidden;background:black;}



/*  */

/* Latest version of the documentation on pre-defined properties from Plone
can be found in CMFPlone/skins/plone_styles/ploneCustom.css.dtml */