/*******************************************************************************
******************************* Misc. ******************************************
*******************************************************************************/

@media screen,projection,print,handheld {

.edit_product #product_department_ids {
    width: 290px;
    height: 450px;
}
.edit_product #product_brand_ids {
    width: 290px;
    height: 450px;
}
.edit_product #product_group_ids {
    width: 290px;
    height: 450px;
}

.edit_product #product_category_ids, .new_product #product_category_ids {
    margin-left: 7px;
    width: 450px;
    height: 450px;
}

.basic_form #brand_page_category_ids {
    height: 600px;
}
#product_category_mutual_categories_ids, #product_category_page_category_ids {
    height: 600px;
}
#page_category_ids, #page_category_product_category_ids {
    height: 600px;
}


.stackable_folder_close {
    height: 13px;
    background: #fff url(../images/cotradeco/backgrounds/bg-manila-folder-stackable-bottom.jpg) no-repeat left bottom;
}

#home_badges {
    margin: 0.5em 0 1em 0;
}

}

/*******************************************************************************
***************************** Basic layouts ************************************
*******************************************************************************/

@media screen,projection,print,handheld {


#hd_logo {
    float: left;
    width: 302px;
    height: 89px;
}
#hd_logo_trader_dan_head {
    float: left;
}
#hd_masthead_submenu, #hd_masthead_sessionmenu, #hd_masthead_special_messages {
    color: #dcdfe1;
}
#hd_masthead_submenu a, #hd_masthead_submenu a:visited, #hd_masthead_submenu a:active, 
#hd_masthead_sessionmenu a, #hd_masthead_sessionmenu a:visited, #hd_masthead_sessionmenu a:active, 
#hd_masthead_special_messages a, #hd_masthead_special_messages a:visited, #hd_masthead_special_messages a:active { 
    color: #C9CBD2; 
}
#hd_masthead_submenu a:hover, 
#hd_masthead_sessionmenu a:hover, 
#hd_masthead_special_messages a:hover { 
    color: #dcdfe1; 
}
#hd_masthead {
    position: relative;
    height: 89px;
    width: 950px;
    margin: 0;
    padding: 0;
    background-color: #2c271c;
    z-index: 500;
}
#hd_masthead_special_background{
    float: right;
    width: 630px;
    height: 55px;
}
#hd_masthead_special_messages {
    float: right;
    width: 605px;
    margin: 0 20px 0 0;
    font-size: 0.9em; /* approximately 10.8px */
    line-height: 1.6667;
    text-align: right;
    color: #423d32;
}
#hd_masthead_submenu {
    float: left;
    width: 352px;
    margin: 0 0 10px 0;
    font-size: 0.8em; /* approximately 10.8px */
    line-height: 1.6667;
    text-align: center;
}


#hd_masthead_sessionmenu {
    float: right;
    width: 252px;
    margin: 0 20px 10px 0;
    font-size: 0.9em; /* approximately 10.8px */
    line-height: 1.6667;
    text-align: right;
    color: #423d32;
}
#hd_masthead_sessionmenu a, #hd_masthead_sessionmenu a:active, #hd_masthead_sessionmenu a:visited, #hd_masthead_special_messages a, #hd_masthead_special_messages a:active, #hd_masthead_special_messages a:visited {
    color: #b0481a;
}
#hd_masthead_sessionmenu a:hover, #hd_masthead_special_messages a:active {
    color: #b0775d;
}
#hd_masthead_sessionmenu .dropdown_tab {
    width: 125px;
    float: right;
}
#hd_masthead_login_form {
    display: none;
    position: absolute;
    width: 300px;
    /*margin-top: 14px;*/
    margin-left: -50px;
    text-align: left;
}
body.ie6 #hd_masthead_login_form, body.ie7 #hd_masthead_login_form { 
    margin-top: 19px;
    margin-left: -302px;
} /*experiment to fix the IE6&7 Signin form drop down CSS bugaboo*/

#hd_masthead_login_form a, #hd_masthead_login_form a:visited, #hd_masthead_login_form a:active { 
    color: #b0481a; 
}
#hd_masthead_login_form a:hover { color: #583a29; }


#hd_masthead_search {
    width: 19em;
    float: left;
    margin: 0 0 0 2em;
    padding: 0;
}

#hd_masthead_search_form {
    padding: 5px;
}
#hd_masthead_search_button { /*vertical-align: top;*/ }
#hd_masthead_search_chooser {
    display: none;
    clear: both;
    width: 400px;
    position: absolute;
    margin-top: 0;
    margin-left: -5px; /* -5.5em */
    padding: 10px;
    z-index: 10000;
}
body.ie6 #hd_masthead_search_chooser, body.ie7 #hd_masthead_search_chooser {
    position: relative;
    float: left;
}
#hd_masthead_search_chooser_checkboxes {
    padding: 5px;
    background-color: #212d36;
}
#hd_masthead_search_button {
    margin: 0;
    padding-left: 0;
}
#hd_masthead_menu {
    float: right;
    width: 34em;
    margin: 0 1em 0 0;
    text-align: right;
}
.hd_masthead_menu_item {
    float: right;
    margin: 0.5em 3px 0 0;
    padding: 5px 0 0 5px;
}       
.hd_masthead_menu_item.active { }     
.hd_masthead_menu_trigger a, .hd_masthead_menu_trigger a:visited {
    display: inline;
    font-family: Georgia, "Palatino Linotype", Palatino, "Book Antiqua", "Bitstream Vera Serif", serif; /* serif */
    font-size: 1.1667em; /*approximately 14px*/
    line-height: 1.286em;
    margin: 0; /* margin: 2.572em 0 0.643em 0; */
    color: #DB5C21; /*b0481a*/
}
.hd_masthead_menu_trigger_button { /*down out*/
    display: inline;
    width: 25px;
    height: 12px;
    cursor: pointer;
    background-image: url(../images/cotradeco/backgrounds/bg-v3.2-menu-arrow.png);
    background-position: 0 0;
}
.dropdown_tab.active .hd_masthead_menu_trigger_button { /*up out*/
    background-position: 25px 0;
}
.dropdown_tab .hd_masthead_menu_trigger_button.hover { /*down over*/
    background-position: 0 -12px;
}
.dropdown_tab.active .hd_masthead_menu_trigger_button.hover { /*up over*/
    background-position: 25px -12px;
}

.hd_masthead_menu_dropdown {
    display: none;
    position: absolute;
    width: 680px;
    margin: 5px 0 0 0;
    text-align: left;
    padding: 0;
    z-index: 10000;
    
}
.menu_column, .menu_column_wide, .menu_column_with_wide {
    font-size: 0.9em;
    line-height: 1em;
    float: left;
    margin-left: 5px;
    padding-top: 5px;
}
.menu_column {
    width: 220px;
}
.menu_column_wide {
    width: 250px;
}
.menu_column_with_wide {
    width: 205px;
}
.hd_masthead_menu_dropdown .column_1 {/*margin: 0 !important; padding: 0 !important;*/ }
.hd_masthead_menu_dropdown .column_2 { }

.hd_masthead_menu_header {
    background-color: #141c21;
    padding: 5px 5px 5px 10px;
    text-align: right;
    font-family: Georgia, "Palatino Linotype", Palatino, "Book Antiqua", "Bitstream Vera Serif", serif; /* serif */
}

.hd_masthead_menu_header {
    margin-right: 10px;
    text-align: left;
}
.hd_masthead_menu_dropdown > .hd_masthead_menu_header {
    margin: 0;
    text-align: right;
}

.hd_masthead_menu_note {
    font-size: 0.9333em;
    line-height: 1em;
    margin: 0 5px 10px 10px;
    color: #cccccc;
}

.hd_masthead_menu_content {
    margin-bottom: 15px;
    padding: 5px 5px 5px 10px;
    font-family: Georgia, "Palatino Linotype", Palatino, "Book Antiqua", "Bitstream Vera Serif", serif;
}
.hd_masthead_menu_dropdown ul, .hd_masthead_menu_dropdown li  {
    margin-left: 0;
    background: transparent none;
}
.hd_masthead_menu_dropdown ul  {
    list-style-type: none;
    margin: 3px 3px 1.5em 5px;
}
.hd_masthead_menu_dropdown ul li {
    padding: 0;
}
.hd_masthead_menu_dropdown p {
    margin: 3px 3px 1.5em 3px;
}
.hd_masthead_menu_dropdown .yui-u.first {
    height: 100%;
    margin: 0;
    background-color: #e5e8ea;
}
.hd_masthead_menu_dropdown .yui-u {
    margin: 0;
}
.hd_masthead_menu_dropdown .disabled {
    color: #ccc;
}

.dropdown_container, .dropdown_content {
    background: transparent none;
    /*z-index: 9999;*/
}
.dropdown_content {
    background: #212d36 url("../images/cotradeco/backgrounds/bg-v3.2-wood-blue-dark-tile.jpg") repeat left top;
    /*z-index: 9999;*/
}
.dropdown_tab {
    background: transparent none;
    
}
.dropdown_tab.active {
    height: 30px;
    background: #141c21 none repeat left top;
}
.dropdown_tab.active .hd_masthead_menu_trigger a {
    color: #f0f0f0;
}
.dropdown_content {
    color: #f9f3e5;
    border: 1px solid #141c21;
    border-top: none;
}

/***** communities *****/
.communities_tree dl dt {
    background: #2c271c url("../images/backgrounds/tradin-sidebar-gradient.png") repeat-x left top;
}
.communities_tree a:hover {
    color: #faefde;
}
/***** /communities *****/

/***** comments *****/
.comments_show_comment {
    border-bottom: 1px dashed #4F606B; /* B89F63 */
}
/***** /comments *****/

/***** posts *****/



#guest_blogs_users_present_guest_bloggers, #guest_blogs_users_future_guest_bloggers, #guest_blogs_users_past_guest_bloggers {
    clear: both;
    margin: 2em 0;
    border-bottom: 1px solid #DCDFE1;
}
#guest_blogs_users_present_guest_bloggers h2, #guest_blogs_users_future_guest_bloggers h2, #guest_blogs_users_past_guest_bloggers h2 {
    margin: inherit 0 1em 0;
}

#guest_blogs_users_present_guest_bloggers h3, #guest_blogs_users_future_guest_bloggers h3, #guest_blogs_users_past_guest_bloggers h3 {
    border-bottom: 1px solid #DCDFE1;
    float: left;
    width: 340px;
}


.guest_blogger_in_list {
    clear: both;
    margin-bottom: 2em;
    padding-top: 1em;
    background: transparent url(../images/cotradeco/backgrounds/bg-v3.1-generic-content-closing-gradient.jpg) no-repeat bottom right;
}
.guest_blogger_in_list .guest_blogger_controls {
    float: left;
    width: 240px;
    margin-right: 1em;
    text-align: left;
}
.guest_blogger_in_list .guest_blogger_avatar {
    text-align: center;
}
.guest_blogger_in_list .guest_blogger_profile {
    float: left;
    width: 340px;
}
.guest_blogger_in_list .user_in_list_name {
    margin-top: 0;
}
.guest_blogger_in_list .user_in_list_bio {
}
.guest_blogger_in_list .user_in_list_schedule {
}

.past_guest_blogger_in_list {
    float: left;
    width: 120px;
    margin-right: 2em;
    text-align: center;
}
.past_guest_blogger_in_list .user_in_list_image {
}
.past_guest_blogger_in_list .user_in_list_name {
    margin-top: 0;
}
/***** /posts *****/

/***** messages *****/
/***** messages *****/

/***** products *****/
/***** /products *****/

/***** cart and checkout *****/
/***** /cart and checkout *****/

/***** orders admin *****/
.order_in_list_awaiting_review {}
.order_in_list_awaiting_fulfillment { background-color: #FF0; }
.order_in_list_completed { background-color: #0F0; }
.order_in_list_canceled,
.order_in_list_test { background-color: #CCC; }
/***** /orders admin *****/

/***** search *****/
.search_result img.search_label {
    position: absolute;
    left: 0;
    bottom: 0px;
    margin-top: -52px;
    z-index: 2;
    width: 103px;
    height: 52px;
}
.post_in_horiz_list_post img.search_label {
    background-image: url('../images/cotradeco/overgrounds/search-label-post.png');
}
.user_in_horiz_list_user img.search_label {
    background-image: url('../images/cotradeco/overgrounds/search-label-spot.png');
}
.product_in_horiz_list_product img.search_label {
    background-image: url('../images/cotradeco/overgrounds/search-label-product.png');
}
.brand_in_horiz_list_brand img.search_label {
    background-image: url('../images/cotradeco/overgrounds/search-label-brand.png');
}
.page_in_horiz_list_page img.search_label {
    background-image: url('../images/cotradeco/overgrounds/search-label-resource.png');
}

.search_result a.search_result_image {
    position: relative;
    height: 100px;
}
.search_result a.search_result_image img.search_result_image {
    display: block;
    position: relative;
    z-index: 1;
    /*top: -52px;
    left: 0;
    margin-bottom: -102px;*/
}
/***** /search *****/

/***** pages *****/
.page_home_dark_column {
    background-color: #2c271c; 
    color: #faefde;
}
.pelForm2table {
    font-size: 0.7em;
    line-height: 0.8em;
}
.pelForm2table .pelStyle5, .pelForm2table .pelStyle6, .pelForm2table .pelStyle9 {
    line-height: 0.8em;
}
.pelStyle5 {
    color: red;
}
.pelStyle6 {
    color: blue;
}
.pelStyle9 {
    color: green;
}
th.pelForm2table {
    text-align: right;
}
td.pelForm2table {
    text-align: center;
}
/***** /pages *****/

/*******************************************************************************
***************************** Scripts ******************************************
*******************************************************************************/

/***** jqmodal *****/
/* jqModal base Styling courtesy of;
    Brice Burgess <bhb@iceburg.net> */
/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
    the Window's z-index value will be set to 3000 by default (in jqModal.js). You
    can change this value by either;
      a) supplying one via CSS
      b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
      
.jqmWindow {
    display: none;
    position: absolute;
    top: 17%;
    left: 50%;
    text-align: left;
}
.jqmWindowAbsolute {
    margin-left: 0 !important;
}
.jqmWindowSmall {
    margin-left: -200px;
    width: 400px;
}
.jqmWindowMedium {
    margin-left: -300px;
    width: 600px;
}
.jqmWindowLarge {
    margin-left: -400px;
    width: 800px;
    
}

div.jqmWindowContainer {
    height: auto;
    width: auto;
    margin: auto;
    padding: 0;
    background-color: #2c271c;
    border: 2px solid #000;
}

.jqmWindowTitle {
    margin: 0 0 5px 0;
    height:25px;
    color: #FFF;
    background: #000;
}

.jqmWindowTitle h2 {
    float: left;
    height: 25px;
    margin: 1px 2px 5px 2px;
    padding-left: 5px;

    font-size: 14px;
    /*text-transform: capitalize;*/
    letter-spacing: -1px;
    font-weight: bold;
    color: #FFF;
	border: none;
    background: #000;
}

div.jqmWindow .jqmClose span { display:none; }
div.jqmWindow .jqmClose {
    display: block;
    float: right;
    clear: right;
    width: 20px;
    height: 20px;
    margin-top: 2px;
    background: transparent url(../images/alert/close-icon-double.png) 0 0 no-repeat;
}

div.jqmWindow a.jqmClose:hover, div.jqmWindow a.jqmCloseHover { background-position: 0 -20px; }

div.jqmWindowContent {
    padding: 5px 20px 5px 20px;
    margin: 5px;
    color: #000;
}

.jqmOverlay {
    /*background: #83521E url(../image/home/dirty-dan-head-tile.png) repeat right top !important;*/
    background: #2c271c none;
}

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
    width: expression(this.parentNode.offsetWidth+'px');
    height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
/*
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
*/

/***** /jqmodal *****/
}


/***** tabs *****/
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav { }
}

@media projection, screen {
    
.tabs {
    z-index: 0;
    margin-top: 20px;
    border-bottom: 1px solid #2c271c;
    clear: both;
}
.tab_contents, .tab_contents_add_on {
    background: #3d4a54 url("../images/cotradeco/backgrounds/bg-tab-contents-tile.jpg") repeat top left;
    /*background-color: #3d4a54;*/
    color: #f9f3e5;
    padding: 0;
}
.tab_contents_add_on {
    /*background: #3d4a54 none repeat-x left top;*/
    padding: 1em 10px 2em 10px;
}
.tabs ul, .tabs ul li {
    background: transparent none;
    margin: 0 3px 0 0;
    padding: 0;
}
.tab_contents h1, .tab_contents h2, .tab_contents h3, .tab_contents h4, .tab_contents h5, .tab_contents h6 {
    color: #f9f3e5;
    border-bottom: 1px dashed #4f606b;
}
.ui-tabs-panel { 
    padding: 1em 10px 2em 10px;
    background: transparent url("../images/cotradeco/backgrounds/bg-tab-contents-shadow-tile.jpg") repeat-x top left
}
.ui-tabs-panel { 
    padding: 1em 10px 2em 10px;
    background: transparent url("../images/cotradeco/backgrounds/bg-tab-contents-shadow-tile.jpg") repeat-x top left
}
body.ie6 .ui-tabs-panel {
    padding: 1em 5px 2em 5px;
}
.tab_contents img {
    border: 1px dashed #4F606B;
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {  }
.ui-tabs-nav { 
    font-family: Georgia, "Palatino Linotype", Palatino, "Book Antiqua", "Bitstream Vera Serif", serif; /* serif */
    font-size: 1.2em;
}
.ui-tabs-nav {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    margin: 0 0 0 4px;
}
.ui-tabs-nav li {
    /*list-style-type: none;*/
    float: left;
    margin: 0 0 0 1px;
    min-width: 64px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    background: transparent url(../images/cotradeco/backgrounds/bg-v3.1-tab.png) no-repeat scroll 0%;
    padding: 0pt 10px;
}

.ui-tabs-nav a {
    /* position: relative makes opacity fail for disabled tab in IE */
    margin: 1px 0 0; 
    padding-left: 0;
    color: #2c271c !important;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav a:hover {
    text-decoration: none;
    color: #FFFFDE !important;
}
.ui-tabs-selected a { font-weight: bold; }
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    text-decoration: none;
    color: #FFFFDE !important;
}
.ui-tabs-nav a span {
    width: 44px; /* IE 6 treats width as min-width */
    min-width: 44px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 3px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
    
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    /*background: #fff;*/ /* declare background color for container to avoid distorted fonts in IE while fading */
    
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(../images/loading-small.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}
/***** /tabs *****/


}