/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.0
74.8 = 74.2; 67 = 66; 
*/


body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
@media screen,projection,print,handheld {
body{text-align:center;}#ft{clear:both;}#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.301em;min-width:750px;}#doc2{width:73.074em;*width:71.313em;}#doc3{margin:auto 10px;width:auto;}#doc4{width:74.923em;*width:73.117em;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.3207em;*width:12.0106em;}.yui-t1 #yui-main .yui-b{margin-left:13.3207em;*margin-left:13.0106em;}.yui-t2 .yui-b{float:left;width:13.8456em;*width:13.512em;}.yui-t2 #yui-main .yui-b{margin-left:14.8456em;*margin-left:14.512em;}.yui-t3 .yui-b{float:left;width:23.0759em;*width:22.52em;}.yui-t3 #yui-main .yui-b{margin-left:24.0759em;*margin-left:23.52em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.512em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.512em;}.yui-t5 .yui-b{float:right;width:18.4608em;*width:18.016em;}.yui-t5 #yui-main .yui-b{margin-right:19.4608em;*margin-right:19.016em;}.yui-t6 .yui-b{float:right;width:23.0759em;*width:22.52em;}.yui-t6 #yui-main .yui-b{margin-right:24.0759em;*margin-right:23.52em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gb .yui-u,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;margin-left:0.8%;/**/width:32%;}.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{/**margin-left:1.8%;_margin-left:4%;*/}.yui-g .yui-gb .yui-u{_margin-left:.8%;}.yui-gb .yui-u{float:right;}.yui-gb div.first{margin-left:0;float:left;}.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first{*margin-right:0;*width:32%;_width:31.7%;}.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}.yui-gb .yui-gd .yui-u{*width:67%;_width:61.2%;}.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u{width:32%;_float:right;margin-right:0;_margin-left:0;}.yui-gb .yui-gc div.first{width:67%;*float:left;*margin-left:0;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;}.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-g div.first,.yui-gc div.first,.yui-gc div.first div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first{float:left;}.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:49%;*width:48.1%;*margin-left:0;}.yui-g .yui-g div.first{*margin:0;}.yui-gb .yui-g div.first{*margin-right:4%;_margin-right:1.3%;}.yui-gb .yui-gb .yui-u{_margin-left:.7%;}.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{*width:48.1%;*margin-left:0;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-g .yui-gc div.first,.yui-gc div.first,.yui-gd .yui-g,.yui-gd .yui-u{width:67%;}.yui-gd div.first,.yui-gb .yui-gd div.first{width:32%;}.yui-g .yui-gd div.first{_width:29.9%;}.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf div.first{width:24%;}.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u{float:right;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first {float:left;}.yui-ge div.first,.yui-gf .yui-g,.yui-gf .yui-u{width:74.8%;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}#bd:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#bd,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;}.yui-gb .yui-u{float:left;} 

/* fix nested grid column width priorities */
.yui-gd .yui-u .yui-gb .yui-u { width: 31% !important; }
.yui-gd .yui-u .yui-gc .yui-u { width: 31% !important; }
.yui-gd .yui-u .yui-gc .first { width: 66% !important; }
.yui-gf .yui-u .yui-gb .yui-u { width: 31% !important; }
.yui-gf .yui-u .yui-gc .yui-u { width: 31% !important; }
.yui-gf .yui-u .yui-gc .first { width: 66% !important; }
.yui-gf .yui-u .yui-ge .yui-u { width: 31% !important; }
.yui-gf .yui-u .yui-ge .first { width: 66% !important; }
.yui-gf .yui-u .yui-gd .yui-u { width: 66% !important; }
.yui-gf .yui-u .yui-gd .first { width: 31% !important; }
.yui-gc .yui-u .yui-gb .yui-u { width: 31% !important; }
.yui-ge .yui-u .yui-gb .yui-u { width: 31% !important; }
.yui-ge .yui-u .yui-gf .first { width: 24% !important; }
/*.yui-gc .yui-u { margin-left: 0 !important; }
.yui-gc .yui-u.first { width: 67% !important; }*/

.yui-g {
    width: 100% !important;
    margin: 0 !important;
    float: none !important;
}

}


/*******************************************************************************
***************************** Typography ***************************************
*******************************************************************************/

@media screen,projection,print,handheld {

html {
    background: #fff url("../images/cotradeco/backgrounds/bg-linen-wall-darker-companion-tile.jpg") repeat left top;
    color: #2c271c;
}
body { 
    font-size: 75%; 
    font-family: Verdana, Geneva, Tahoma, Helvetica, Arial, sans-serif; /* sans-serif */
    background: transparent url("../images/cotradeco/backgrounds/bg-linen-wall-darker-topper.jpg") repeat-x left top; 
    color: #4f483a; /* 2c271c */
}
html>body { font-size: 12px; } /*1em font-size with 1.5em line-height = 18px total line*/



input, textarea, select, pre, code {
    font-family: "Andale Mono", "Lucida Console", "Bitstream Vera Sans Mono", "Courier New", monospace;
}
input, select, textarea, label, .label {
    font-size: 1.1667em;
    line-height: 1.286em;
    padding: 4px;
}
input.text, input.multiple_file_upload, textarea  {
    background: #cadeed url(../images/jquery-markitup/bg-editor-no-branding-focused.png) repeat-x left -3px; 
    border: 1px solid #79868f; 
    
}
.tab_contents input.text, .tab_contents input.multiple_file_upload, .tab_contents textarea  {
    border: 1px solid #dcdfe1;
    background-position: left top;
}

input.text.required, textarea.required {
    border-width: 3px;
}
input.text.required.active, textarea.required.active { }

input.text.active, textarea.active { 
    background: #fff url(../images/jquery-markitup/bg-editor-no-branding.png) repeat-x left -3px;
    height: 100%; /*fixes ie6 fuckedupedness damn*/
}
.tab_contents input.text.active, .tab_contents textarea.active  {
    background-position: left top;
}

input.button {
    font-family: "Palatino Linotype", Palatino, "Book Antiqua", Georgia, "Bitstream Vera Serif", serif;
    font-size: 1em;
    line-height: 1.2em;
    padding: 5px;
}

.ie6 input, .ie7 input { /*padding-bottom: 5px;*/ }
.ie6 .bd_sidebar { margin: 0; }

input.number { text-align: right; }

select {
    background: #b7c9d7 none repeat-x left bottom; /* slightly darker to compensate for no bg */ 
    border: 1px solid #79868f; 
}
.ie6 select {
    font-size: 1.2em;
}
select.active {
    background: #f0f0f0 none repeat-x left bottom;
}

label, .label {
    font-family: Georgia, "Palatino Linotype", Palatino, "Book Antiqua", "Bitstream Vera Serif", serif;
}

/* main block level elements and default classes */
div {
    font-size: 1em;
    line-height: 1.5em;
}
p {
    font-size: 1em;
    line-height: 1.5em;
    margin: 1.5em 0 1.5em 0;
    text-align: inherit;
}
p[style="float: left;"] {
    margin: 0 10px 2em 0;
}
p[style="float: right;"] {
    margin: 0 0 2em 10px;
}

pre {
    font-size: 1em;
    line-height: 1.5em;
    margin: 1.5em 26px 1.5em 0;
    margin:10px 0pt;
    overflow:auto;
    padding:10px;
}
blockquote {
    font-size: 1em;
    margin: 1em 0 2em 0;
    padding: 0 10% 0 50px;
    background: transparent url(../images/cotradeco/backgrounds/blockquote-talk-blurb-light-grey.png) no-repeat scroll 0 0; 
    font-style: italic;
}
.tab_contents blockquote {
    background: transparent url(../images/cotradeco/backgrounds/blockquote-talk-blurb-dark-blue.png) no-repeat scroll 0 0;
}

hr {
    clear: both;
    float: none;
    width: 100%;
    height: 0.1em;
    margin: 0 0 1.4em 0;
    border: none;
    border-top: 1px dashed #D6D6D6;
    background-color: transparent;
}

/* headers */
h1, h2, h3, h4, h5, h6 {
    font-family: Georgia, "Palatino Linotype", Palatino, "Book Antiqua", "Bitstream Vera Serif", serif; /* serif */
    color: #5d230b; 
}
h1 {
    font-size: 1.7em; 
    line-height: 1em;
    margin: 0 0 0.45em 0;
    font-weight: normal;
    text-align: left;
}
.h1_sub_line { font-size: 0.5em; }
.h1_sub_line img { padding-bottom: 2px; }
.products_h1_brand { font-size: 0.7em; }
h2 {
    font-size: 1.5em; 
    line-height: 1em;
    margin: 1.35em 0 0.45em 0; 
    font-weight: normal;
    text-align: left;
}
h3 {
    font-size: 1.4em; 
    line-height: 1em;
    margin: 1.35em 0 0.45em 0; 
    font-weight: normal;
    font-style: italic;
    text-align: left;
}
h4 {
    font-size: 1.3em; 
    line-height: 1;
    margin: 1.35em 0 0.45em 0; 
    font-weight: normal;
    text-align: left;
    
}
h5 {
    font-size: 1.05em;
    line-height: 1em;
    margin: 1.35em 0 0.45em 0; 
    font-weight: normal;
    font-style: italic;
    text-align: left;
}
h6 { }

h1.first, h2.first, h3.first, h4.first, h5.first, h6.first { margin-top: 0; }
h1 a, h1 a:visited, h1 a:active, h2 a, h2 a:visited, h2 a:active, h3 a, h4 a, h5 a, h5 a { color: #803413; }
.tab_contents h1.first, .tab_contents h2.first, .tab_contents h3.first, .tab_contents h4.first, .tab_contents h5.first, .tab_contents h6.first { margin-top: 0; }
h1 a, .tab_contents h1 a:visited, .tab_contents h1 a:active, .tab_contents h2 a, .tab_contents h2 a:visited, .tab_contents h2 a:active, .tab_contents h3 a, .tab_contents h4 a, .tab_contents h5 a, .tab_contents h5 a { color: #fe4b04; }

/* lists */
ul, ol {
    font-size: 1em;
    line-height: 1.5em;
    margin: 0.75em 0 2.25em 2em; 
}
ul ul, ol ol { margin: 0 0 0 1.75em; }
ul { 
    list-style-type: none;
    padding: 0 0 0 0;
    margin: 0;
}
ul li {
    background: transparent url(../images/cotradeco/bullets/li-default.png) no-repeat 0 1px;
    padding-left: 19px;
}
ol, ol li { list-style-type: decimal; }
dl {
    font-size: 1em;
    line-height: 1.5em;
    margin: 1.5em 0 1.5em 2em;
}
dt {
    font-size: 1em;
    line-height: 1.5em;
    margin: 1em 0 1em 0; /*1.5em*/
    font-weight: bold;
}
dd { margin: 0 0 0.75em 1.5em; }

/* tables (these break vertical rythm due to browser peculiarities) */
table {
    border: 0 solid #808080;
    border-width: 0.08333em 0 0 0.08333em;
    border-color: #DDD;
}
th, td {
    padding: 0.2em 0.4em;
    border: 0 solid #808080;
    border-width: 0 0.08333em 0.08333em 0;
}
th {
    background-color: #212d36;
    color: #f9f3e5;
    font-weight: bold;
    text-align: center;
}
td { 
    text-align: left; 
}
tr.odd { background-color: #EFEFEF; }
tr.even { background-color: #fff; }

/* inline elements */
a, a:active, a:visited, a:hover, a:focus { text-decoration: underline; outline: 0; }
a { 
    text-decoration: none;
    color: #db5c21; 
}
a:visited { 
    text-decoration: none;
    color: #db6a39; 
}
a:active { 
    text-decoration: none;
    color: #b0481a; 
}
a:hover, a:focus {
    text-decoration: underline;
    color: #fe4b04;
}
a.image:hover, a.image:focus { 
    background-color: transparent;
    color: #5f270e; 
}
.tab_contents a, .dropdown_content a { 
    color: #ffc;
}
.tab_contents a:visited, .dropdown_content a:visited { 
    color: #b5b59a;
}
.fake_link { cursor: pointer; }
abbr {
    border-width: 0;
    text-decoration: none;
    cursor: help;
    border-bottom: 1px dotted #000;
}
cite, em { font-style: italic; font-weight: inherit }
strong { font-style: inherit; font-weight: bold; }

img { vertical-align: middle; border: none; }
input.image { vertical-align: middle; }
img.icon { background: #00C url(../images/icons/bg_rounded.gif) no-repeat left top; }

.quiet { color: #767a87; /* 999*/ } 
.quiet a { color: #b0775d; }
div.quiet_accent { border: 1px dashed #D6D6D6; }
div.quiet_accent div.quiet_accent {
    padding: 5px;
    border: none;
}
.quiet_input_prompt {
    color: #658fae; 
}
.highlight { background-color: #FFC; }


/* forms (these break vertical rythm to make them look better) */
div.basic_form {
    margin: auto auto;
}
fieldset {  }
.basic_form fieldset {
    margin: 0 0 1.5em 0;
}
.basic_form legend {
    margin: 0 0.5em 0 0.5em;
    font-weight: bold;
}
.basic_form .block_intro {
    margin: 0.5em 0;
    padding: 0 0.5em;
}
.basic_form div.block {
    width: 100%;
    padding: 0.5em 0;
    background: #e5e5e5 url(/images/cotradeco/backgrounds/bg-linen-wall-darker-companion-tile.jpg) repeat left top;
    border-color: #708a91;
}
.tab_contents .basic_form div.block, .basic_form_with_tabs div.block, #hd_masthead_login_form.basic_form div.block {
    background: transparent none; 
}
    .basic_form div.block td {
        background-color: #fff;
    }
.basic_form .block dd.active, .basic_form .block .form_item.active, .order_form .form_item.active {
    background-color: #E5E8EA;
}
.tab_contents .basic_form .block dd.active, .tab_contents .basic_form .block .form_item.active, .basic_form .tab_contents .block dd.active, .basic_form .tab_contents .block .form_item.active {
    background-color: #4f606b;
}
.basic_form .block .form_item {
    margin: 0;
    padding: 0.5em;
}

.basic_form div.explanation {
    margin: 0.5em 0 1.5em 120px;
    padding: 0.1em 1em;
    background-color: #f0f0f0; /* f8eeca ffc */
    color: #a8a8a8; /*736649*/
}
.tab_contents .basic_form div.explanation, .basic_form .tab_contents div.explanation {
    margin: 0.5em 0 1.5em 120px;
    padding: 0.1em 1em;
    background-color: #4f606b; /* f8eeca ffc */
    color: #212d36; /*736649*/
}

.basic_form div.explanation p {
    font-size: 0.8333em;
    line-height: 1.8em;
    margin: 0.5em 0 0.5em 0;
}

.basic_form div.action {
    padding: 1em 0.9em 1em 0.9em;
    text-align: right;
    border-top: 1px dashed #ccc;
    background-color: transparent; 
    border-color: #708a91;
}

.basic_form dl { margin: 0 0 0 0; }
.basic_form dt {
    float: left;
    clear: left;
    position: relative;
    width: 110px;
    font-size: 1;
    line-height: 1.5em;
    margin: 0 10px 0 0;
    padding: 0;
    white-space: nowrap;
    font-weight: normal;
}
.basic_form dt.required { font-weight: bold; color: inherit; }
.basic_form dd {
    margin: 0.25em 0 0.50em 0;
}

div.basic_form h2 {
    padding-bottom: 0.5em;
    border-bottom-color: #b89f63;
}

div.order_form {
    margin-bottom: 3em;
    padding: 0;
    width: 100%;
}
div.order_form div.action {
    margin-top: 3em;
}
#product_order_form_totals div {
    margin: 0 5px;
    padding: 5px;
    text-align: right;
    background-color: #F5F5F5;
    border-top: 1px dashed #CCCCCC;
    border-right: 1px dashed #CCCCCC;
}
#product_order_form_totals div.product_order_form_totals_subtotal {
    background: transparent none;
    border-right: none;
}

form.edit_user dt {
    width: 160px;
}
form.edit_user dd {
    margin: 0 0 0.75em 0;
}
form.edit_user .tab_contents div.explanation {
    margin-left: 170px;
}


div.subproduct_order_form div {
    background-color: #f5f5f5;
}

div.subproduct_order_form h3 {
    border-bottom: 1px dashed #cccccc;
}
div.subproduct_order_form h3 {
    margin: 0;
    padding-left: 10px;
}
div.subproduct_order_form h3 a {
    margin: 0;
    font-size: inherit;
}
div.subproduct_order_form h4 {
    font-size: 1em;
    margin: 0;
    padding: 1em 0 0.5em 39px
}

div.subproduct_order_form div.form_item {
    margin-left: 39px;
}

div.form_item, div.form_item_header, div.form_option, div.subproduct_order_form h3 {
    padding: 5px;
}
div.form_item {
    padding: 0.5em 5px 0.5em 5px;
    border-bottom: 1px dashed #cccccc;
}
div.form_item.active { }

div.form_option {
    background-color: #fff;
    margin: -1px 0 0 0;
    padding: 0 0 1em 0;
    border-bottom: 1px dashed #cccccc;
}

div.form_option_title, div.form_option_option {
    float: left;
}
div.form_option label, div.form_option .label {
    float: left;
    width: 6em;
    padding-left: 45px;
    margin-right: 5px;
}
div.form_option_option {
    width: 350px;
    height: 100%;
}


/***** bd_sidebar form *****/ 
.bd_sidebar .basic_form dt {
    float: left;
    clear: left;
    position: relative;
    width: 100px;
    margin: 0 5px 0 0;
    padding: 0;
    text-align: right;
    white-space: nowrap;
    font-weight: normal;
}
#bd_sidebar .basic_form div.explanation {
    margin: 0.5em 0 1.5em 0;
}
/***** bd_sidebar form *****/ 

dl.inline_field_list dt {
    display: inline;
    float: none;
    width: inherit;
    margin: 0 0 0 10px;
}
dl.inline_field_list dd {
    display: inline;
    float: none;
}

.basic_form_subject_prefilled {
    font-family: "Andale Mono", "Lucida Console", "Bitstream Vera Sans Mono", "Courier New", monospace;
}

.narrow_form dt {
	width: 80px;
}

.image_button {
    vertical-align: middle;
}

.errorExplanation {
    margin-bottom: 1.5em;
    padding: 0.5em 0.5em 1.5em 0.5em;
    background-color: #F4F4F4;
    border: 2px solid #E17777;
    color: #000;
}
.errorExplanation h2 {
    font-size: 1em;
    line-height: 1.5em;
    margin: -0.5em -0.5em 1.5em -0.5em;
    padding: 0 0.5em 0.5em 0.5em;
    font-weight: bold;
    background-color: #E17777;
    color: #FFF;
}
.errorExplanation p {
    margin: 0;
}
.errorExplanation ul {
    margin: 0 0 0 1.5em;
}
.errorExplanation img.icon { background: #E17777 url(../images/icons/bg_blank.gif) no-repeat left top; }
div.fieldWithErrors { display: inline; }
.fieldWithErrors input, .fieldWithErrors textarea, .fieldWithErrors select {
    border-color: #F00;
    background-color: #FFF0F0;
}
.fieldWithErrors label, .fieldWithErrors .label {
    color: #F00;
}
.errorExtraInfo {
    font-weight: bold;
    color: #F00;
}

::-moz-selection {
    background-color: #5598D7;
    color: #FFF;
}
::selection {
    background-color: #5598D7;
    color: #FFF;
}


}

/*******************************************************************************
******************************* Misc. ******************************************
*******************************************************************************/
@media screen,projection,handheld {
.printer_version_only { display: none; /*in conjunction with internal_use_only*/ } 
}

@media screen,projection,print,handheld {

.hide { display: none; }
.clear { clear: both; }
.align_left { text-align: left; }
.align_right { text-align: right; }
.align_center { text-align: center; }
.align_justify { text-align: justify; }
.position_center { margin: auto auto; }
.small {
    font-size: 0.8333em;
    line-height: 1.8em;
}
.large {
    font-size: 1.416em;
    line-height: 1.05em;
    margin: 1em 0 1em 0;
}
#flash_messages {
    margin: 0 0 0 2em;
    font-weight: bold;
}
.nested_list ul {
    margin: 10px 0 0 0;
}
.nested_list ul ul {
    margin: 0 0 10px 0;
}
div.half_a_line_worth_of_margin {
    margin: 0.375em 0 0.375em 0 !important; /* used to maintain grid; important because of yui hacks */
}
div.line_worth_of_margin {
    margin: 0.75em 0 0.75em 0 !important; /* used to maintain grid; important because of yui hacks */
}

.model_list_break {
    /*border-bottom: 1px solid #dcdfe1;*/
}

.jqmWindowContainer p.block_intro {
    color: #faefde;
}
.rss_feed { width: 100%; }
.rss_feed, .rss_feed_post td { border: none; }
.rss_feed a, .rss_feed a:visited, .rss_feed a:active { color: #ae5e15; }
.commmunity_rss_feed { }

}

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

#doc { 
    width: 980px; 
    padding: 0; 
    background: #fff url("../images/cotradeco/backgrounds/bg-linen-wall-darker-page-runner.jpg") repeat-y left top;
    
}

#doc.empty { margin-top: 5em; }
body.ie6 #doc {
    margin-top: 0;
}

#hd {
    height: 89px;
    margin: 0;
    padding: 0;
    width: 980px;
    background: transparent url("../images/cotradeco/backgrounds/bg-v3.2-linen-wall-masthead.jpg") no-repeat center top ; 
}
body.ie6 #hd {
    background-position: left top;
}
#hdb { }
#bd {
    min-height: 400px; 
    margin: 0 15px 0 15px; 
    padding: 5px 10px 10px 10px;
    background: transparent url("../images/cotradeco/backgrounds/bg-linen-wall-companion-tile.jpg") repeat left top;
    clear: both;
}
#bd.admin { background: transparent url("../images/cotradeco/backgrounds/bg-linen-wall-companion-tile.jpg") repeat left top; }
#ft {
    clear: both;
    margin: 3em 15px 0 15px; 
    padding-top: 1.5em;
    padding-bottom: 3em;
    color: #d7e3ef; 
    background: #4c7496 url("../images/cotradeco/backgrounds/bg-v3.2-wood-blue-tile.jpg") repeat left top; 
}
#ft, #ft p { text-align: center; }
.ft_nav_actions li {
    display: inline;
    padding: inherit 1em inherit 0;
    background: transparent none;
}
.ft_nav_actions {
    margin: 0 0 0 1em;
}
.ft_view_debug {
    margin: 2em;
    font-size: 0.8em;
    text-align: center;
}
#ft a, #ft a:visited, #ft a:active {
    background-color: transparent;
    color: #fff; 
    text-decoration: none;
}
#ft a:hover {
    color: #faefde;
    text-decoration: underline;
}
#google_adsense_ft { margin: 2em; }

/*******************************************************************************
***************************** Typography ***************************************
*******************************************************************************/

@media screen,projection,print,handheld {

}

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

@media screen,projection,print,handheld {

/********** collapsable - sidebar / bulletin board **********/
.collapsable_toggler {
    cursor: pointer;
}
.bulletin_board {
    margin-bottom: 0;
    clear: both;
}
.bulletin_board .collapsable_content {
    clear: both;
    padding: 0 5px 5px 5px;
}
.bulletin_board .collapsable_toggler_icon, .collapsable .collapsable_toggler_icon, .sb_collapsable .collapsable_toggler_icon, .subproduct_order_form .collapsable_toggler_icon {
    float: left;
    width: 20px;
    height: 20px;
    margin-right: 6px;
    margin-bottom: 0;
    cursor: pointer;
}
.bulletin_board .collapsable_toggler_icon, .collapsable.dark_bg .collapsable_toggler_icon, .sb_collapsable.dark_bg .collapsable_toggler_icon {
    background: transparent url(../images/cotradeco/buttons/bg-v3.2-toggler-arrow-light-blue.png) no-repeat -20px 0;
}
.collapsable.light_bg .collapsable_toggler_icon, .sb_collapsable.light_bg .collapsable_toggler_icon, .subproduct_order_form .collapsable_toggler_icon {
    background: transparent url(../images/cotradeco/buttons/bg-v3.2-toggler-arrow-brown.png) no-repeat -20px 0;
}
.showing .collapsable_toggler_icon {
    background-position: -20px 0;
}
.hidden .collapsable_toggler_icon {
    background-position: 0 0;
}
.showing .collapsable_toggler.hover .collapsable_toggler_icon   {
    background-position: -20px -20px;
}
.hidden .collapsable_toggler.hover .collapsable_toggler_icon {
    background-position: 0 -20px;
}

.sb_collapsable {
    margin-bottom: 0;
    clear: both;
}
.sb_collapsable .collapsable_content {
    clear: both;
}
/********** collapsable - sidebar / bulletin board **********/


}

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



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

@media screen,projection,print,handheld {


div.bd_sidebar {
    margin: 0;
    padding: 0;
    font-size: 0.95em;
    line-height: 1.3em;
}
div.bd_sidebar div.bd_sidebar {
    margin: 0 0 10px 0;
    padding: 10px;
    border: none;
    background: #e5e5e5 url(/images/cotradeco/backgrounds/bg-linen-wall-darker-companion-tile.jpg) repeat left top;
    font-size: inherit;
}

.bd_sidebar h2, .bd_sidebar h3, .bd_sidebar h4 {
    margin: 0;
    padding: 5px;
}
.bd_sidebar h2 {
    font-size: 1.2em;
    line-height: 1.286em;
    /*border-bottom: 1px dashed #cccccc;*/
}
.bd_sidebar h2 a { }

.bd_sidebar h3 {
    font-size: 1.1em;
    line-height: 1.286em;
    
}
.bd_sidebar h4 {
    font-size: 1.0833em; /*approximately 14px*/
    line-height: 1.286em;
    
}
.bd_sidebar p { }

        .sidebar_quiet_instructions {
            text-align: center;
            color: #726549;
            margin: 0 0 .75em 0;
            font-size: 0.75em;
        }
        .bd_sidebar ul {
            font-size: 0.95em;
            line-height: 1.3em; /* 1.5789em */
        }

div.bd_sidebar div.bd_sidebar ul {
    margin: 0 inherit 0 inherit;
}

#sb_products_search {
    margin-bottom: 3em;
    background: #cbb99f url(../images/cotradeco/backgrounds/bg-manila-folder-stackable-companion-tile.jpg) repeat center bottom;
}
#sb_products_search h1, #sb_products_search h2, #sb_products_search h3 {
    border: none;
}
#sb_products_search div.sb_collapsable {
    background: transparent none;
    padding: 0;
    margin: 0;
    
}
div.sb_collapsable.hidden {
    border-bottom: 1px dashed #726549;
}
div.sb_collapsable.showing {
    border: none;
}
#sb_products_search div.collapsable_content {
    padding: 5px 5px 3em 5px;
    background: transparent url(../images/cotradeco/backgrounds/bg-manila-folder-stackable.jpg) no-repeat center bottom;
}
.sb_product_search_up_navigation {
    margin-bottom: 1em;
    padding: 3px;
    background-color: #ded9d1;
    border: 1px dashed #b19d80;
    color: #5F270E;
}
#sb_products_search a {
    color: #963f17;
}
#sb_products_search_brand div {
    font-size: 0.95em;
    line-height: 1.3em;
}
div.sb_collapsable.hidden input.product_criteria_update_button_icon {
    display: none;
}
div.sb_collapsable.showing input.product_criteria_update_button_icon {
    display: block;
}

#hd_messages, #ie6Warning {
    clear: both;
    color: #212d36;
    background-color: #e5e8ea;
    margin: 0 auto 2em;
    padding: 5px;
}
#ie6Warning {
    display: none;
    visibility: none;
}
.ie5 #ie6Warning, .ie6 #ie6Warning {
    display: block;
    visibility: visible;
}

.map_other_places {
    margin: 1em 0 1.5em 0;
    padding: 3px 10px 3px 10px;
    font-size: 1em;
    line-height: 1.5em;
    text-align: center;
    background-color: #dcdfe1;
    color: #2c271c;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}
.map_other_places ul, .map_other_places li {
    display: inline;
    background: transparent none;
    padding: inherit inherit inherit 0;
}



#flash_messages ul, #flash_messages li {
    list-style-type: none;
    background: transparent none;
}

.reminder {
    margin-top: 10px;
    padding: 1em;
    font-size: 0.9em;
    line-height: 1.6667em;
    border-top: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc;
    background-color: #ffffde;
    /*background: #faefde url("../images/backgrounds/palette-faefde-cream.png") repeat left top;*/
}
.tab_contents .reminder {
    background-color: #4f606b;
}
.reminder h1, .reminder h2, .reminder h3  {
    margin-top: 0;
}


div.exposition, div.single_exposition { /* very similar in use and functionality to the sidebar */
    background: #eeeeed none repeat-x left top; /**/
    border-top: 1px dashed #bba; /*cccccc*/
    border-bottom: 1px dashed #bba; /*cccccc*/
    margin: 0 0 1.5em 0;
    padding: 0;
    font-size: 0.95em;
}
div.small.exposition, .div.small.single_exposition {
    font-size: 0.8333em;
    line-height: 1.8em;
    margin: 0.5em 0 0.5em 0;
}
div.large.exposition, .div.large.single_exposition {
    font-size: 1.416em;
    line-height: 1.05em;
    margin: 1em 0 1em 0;
}
.tab_contents div.exposition, .tab_contents div.single_exposition { 
    background: #212d36 none repeat-x left top; /**/
    border-color: #141c21;
    color: #fff;
}
div.exposition div.exposition, div.single_exposition { /* very similar in use and functionality to the sidebar */
    margin: 3px 3px 10px 3px;
    padding: 3px;
    border: none;
}
p.exposition, span.exposition, dl.exposition dd, dl.exposition dt, ul.exposition li {
    margin-top: 0.75em;
    font-family: Georgia, "Palatino Linotype", Palatino, "Book Antiqua", "Bitstream Vera Serif", serif;
}
li.exposition {
    font-family: Georgia, "Palatino Linotype", Palatino, "Book Antiqua", "Bitstream Vera Serif", serif;
}
h2.exposition {
    margin-top: 0.9em; /* half of 0.9em which is standard for h2 for grid layout */
}

.breadcrumbs {
    clear: both;
    margin: 0;
    padding: 5px;
    background-color: #f0f0f0;
    border-top: 1px dashed #e5e5e5;
    border-bottom: 1px dashed #e5e5e5;
    color: #666;
    font-size: 0.9em;
}
.breadcrumbs_mutual { }
.tab_contents_add_on .breadcrumbs {
    clear: both;
    margin: 10px 0 0 0;
    padding: 5px 5px 2em 5px;
    background-color:#141C21;
    border-color: #4f606b;
    color: #fff;
}
.product_related_callout {
    float: right;
    position: relative;
    width: 39%;
    margin: 10px 0 10px 10px;
    padding: 5px 5px 2em 5px;
    background-color:#141C21;
    border-top: 1px dashed #4f606b;
    border-bottom: 1px dashed #4f606b;
    color: #fff;
    font-size: 0.9em;
    line-height: 1.6em;
}
.trivia {
    background: #212d36 none repeat-x left top; /**/
    border-color: #141c21;
    color: #fff;
}

.featured_box, .control_box {
    clear: both;
    margin-bottom: 1em; 
    padding: 5px; 
    border: 1px dashed #d6d6d6; 
    background: transparent url(/images/cotradeco/backgrounds/bg-linen-wall-darker-companion-tile.jpg) repeat left top; 
}
.featured_box h2 {
    border-bottom: 1px dashed #e5e5e5;
}
.featured_box a.image {
    float: right;
    display: block;
    margin: 0 0 5px 5px;
}

body.ie6 .bd_sidebar .featured_box, body.ie7 .bd_sidebar .featured_box {
    margin-bottom: 3em; /*There is something genuinely wrong here I think. In fact a couple of ie css problems are likely things that need fixed in general but better browsers hide and ignore them. Things like colors being assigned where they shouldn't spacing things etc...*/
}

.scrollables_for_ripped .scroll_item .featured_box { border: 1px dashed #b19d80; background-image: url('/images/cotradeco/backgrounds/tools-scrollables-tile-companion-lighter.jpg') }
.scrollables_for_ripped hr { border-top: 1px dashed #b19d80; }
.scroll_item .featured_box {
    width: 98%;
    margin-bottom: 5px;
    overflow: hidden;
}
.scroll_item .featured_box.columns_2 {
    width: 46%;
    margin: 0 5px 5px 0;
    float: left;
    clear: none;
}
.scroll_item .featured_box.columns_3 {
    width: 30.3%;
    margin: 0 4px 5px 0;
    float: left;
    clear: none;
}  
.scroll_item .featured_box.rows_1 { height: 218px; }
.scroll_item .featured_box.rows_2 { height: 107px; }

.criteria_remover {
    font-family: "Arial Black", Gadget, sans-serif;
    font-size: 0.95em;
    font-weight: bold;
}
div.criteria_sidebar_current_level {
    margin-bottom: 0.75em;
    color: #2c271c;
}
div.criteria_sidebar_current_level h4 { margin-left: 7px; }
div.criteria_sidebar_current_level img { vertical-align: baseline; }

/* bb_template = bulletin board template used especially on product category and department pages in database */
.bb_template_3_2 { }

.bb_template_3_2 .yui-gb {
    height: 120px;
}
.bb_template_3_2 .yui-gb .yui-u {
    height: 100%;
    background: #fff url(../images/cotradeco/backgrounds/bg-v3.1-generic-content-closing-gradient.jpg) no-repeat bottom right;
    margin-left: 5px;
}
.bb_template_3_2 .yui-g {
    margin-top: 10px;
    height: 240px;
}
.bb_template_3_2 .yui-g .yui-u {
    height: 100%;
    background: #fff url(../images/cotradeco/backgrounds/bg-v3.1-generic-content-closing-gradient.jpg) no-repeat bottom right;
    margin-left: 0;
}

.bb_template_thumb_image {
    float: left; 
    margin: 0 5px 5px 0;
    padding: 0 auto;
    width: 100px; 
    height: 100px;
}
            
            /*This stuff can go as soon as I finish converting all the featured gliders*/
            .featured_slide_680w_g, .featured_slide_680w_gg {
                width: 680px;
                height: 300px;
            }
            .featured_slide_680w_u {
                float: left;
                padding: 5px;
                background: #fff url(../images/cotradeco/backgrounds/bg-v3.1-generic-content-closing-gradient.jpg) no-repeat bottom right;
                border-right: 1px solid #dcdfe1;
                border-bottom: 1px solid #dcdfe1;
            }
            .featured_slide_680w_g .featured_slide_680w_u {
                width: 329px;
                height: 290px;
            }
            .featured_slide_680w_gg .featured_slide_680w_u {
                width: 329px;
                height: 140px;
                float: left;
                background: #fff url(../images/cotradeco/backgrounds/bg-v3.1-generic-content-closing-gradient.jpg) no-repeat bottom right;
                border-right: 1px solid #dcdfe1;
                border-bottom: 1px solid #dcdfe1;
            }
            .featured_slide_680w_gg .thumb_image {
                float: left; 
                margin: 5px 5px 5px 5px;
                padding: 0 auto;
                width: 100px; 
                height: 100px;
            }

/***** users *****/
.user_in_list_user {
    display: block;
    float: left;
    margin: 1.5em 6px 1.5em 0;
    padding: 0;
    width: 140px;
    text-align: center;
}
.user_in_list_user .user_in_list_image a {
   display: block;
   width: 140px;
   height: 100px;
   margin: 0 auto 0 auto;
   text-align: center;
}
.user_in_list_user .user_in_list_title {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-size: 1em;
    line-height: 1.5em;
    text-align: center;
    background-color: #eeeeed;
}
.user_in_list_title {
    font-size: 0.95em;
    line-height: 1.5789em; /*1.5789*/
    text-align: center;
}

.user_in_horiz_list_user {
    float: left;
    margin: 0 5px 0.5em 5px;
    padding: 4px;
    width: 100px;
    list-style-type: none;
    text-align: center;
}

.user_in_horiz_list_user .user_in_list_image a {
    display: block;
    width: 100px;
    height: 100px;
    margin: 0 auto 0 auto;
    text-align: center;
    overflow: hidden;
    border: 1px solid #eeeeed;
}

.user_in_compact_list_user {
    clear: both;
    margin-bottom: 1.5em;
}
.user_in_compact_list_user .user_in_list_title {
    padding: 0 0 3px 0;
    margin: 0 0 5px 0;
    font-size: 0.9em;
}
.user_in_compact_list_user .user_in_list_image {
    float: left;
    width: 110px;
    text-align: center;
}
.user_in_compact_list_user .user_in_list_image a {
    display: block;
    width: 110px;
    text-align: center;
}

.users_show_tagline p {
    margin-top: 0;
    text-align: center;
}
.users_show_last_login p {
    margin-top: -1em;
}
.users_show_profile_image {
    width: 240px;
    margin: auto auto;
    text-align: center;
}
.users_show_profile_image img {
    border: 1px solid #000;
}
.users_fine_print {
    font-size: 0.9em;
}
.user_home_image {
    float: left;
    width: 50px;
    margin: 0 5px 0 0;
    text-align: center;
}
.user_home_welcome_name {
    float: left;
    width: 210px;
    margin: 0 0 5px 0;
}
.user_home_welcome_name h1 {
    font-size: 1.5em; /*approximately 18px*/
    line-height: 1em;
    margin: 0 0 0.5em 0;
    font-weight: normal;
    text-align: left;
}

.user_return_to_profile_or_home {
    clear: both;
    margin: 0 0 1.5em 0;
    padding-top: 1.5em;
}

.user_member_status {
    font-size: 0.95em;
}
/***** /users *****/

/***** communities *****/
.communities_tree dl {
    margin: 0 0 0 0;
    padding: 0 0 1em 0;
    color: #faefde;
    background-color: #2c271c;
}
.communities_tree dl dt {
    margin: 0;
    padding: 5px 5px 7px 5px;
    line-height: 1em;
}
.communities_tree dl dd {
    margin: 0.5em 0.5em 1em 0.5em;
}

.communities_show_tagline {
    text-align: center;
    margin-top: 1em;
    margin-bottom: 1em;
}

.community_in_list_community {
    display: block;
    float: left;
    margin: 1.5em 10px 1.5em 0;
    padding: 0;
    width: 150px;
    list-style-type: none;
    text-align: center;
}
.community_in_list_community .community_in_list_image a {
    display: block;
    width: 140px;
    height: 100px;
    margin: 0 auto 0 auto;
    text-align: center;
}
.community_in_list_community .community_in_list_title {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-size: 1em;
    line-height: 1.5em;
    text-align: center;
    background-color: #eeeeed;
}

.community_in_list_title {
    font-size: 0.95em;
    line-height: 1.5789em; /*1.5789*/
    text-align: center;
}

.community_in_horiz_list_community {
    float: left;
    margin: 0 5px 0.5em 5px;
    padding: 4px;
    width: 100px;
    list-style-type: none;
    text-align: center;
}
.community_in_horiz_list_community .community_in_list_image a {
    display: block;
    width: 100px;
    height: 100px;
    margin: 0 auto 0 auto;
    text-align: center;
    overflow: hidden;
    border: 1px solid #eeeeed;
}


.community_in_compact_list_community {
    clear: both;
    margin-bottom: 1.5em;
}
.community_in_compact_list_community .community_in_list_title {
    padding: 0 0 3px 0;
    margin: 0 0 5px 0;
    font-size: 0.9em;
}
.community_in_compact_list_community .community_in_list_image {
    float: left;
    width: 110px;
}
.community_in_compact_list_community .community_in_list_image a {
    display: block;
    width: 110px;
    text-align: center;
}

.community_show_add_subscribe_links {
    margin-bottom: 20px;
}

/***** /communities *****/

/***** comments *****/
.comments_show_comment {
    margin-bottom: 3em;
}
.comments_show_body {
    margin: 2em 0 25px 120px;
}
.comments_show_title {
    margin: 0;
    border: none;
}
.comments_show_byline {
    margin: 0 0 0 0;
    font-weight: bold;
}
.comments_show_profile_image {
    float: left;
    margin-right: 20px;
    margin-bottom: 25px;
}
/***** /comments *****/

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

h1.post_single {
    font-size: 1.6667em; /* approximately 20px - this should be the same size as an h2*/
    line-height: 0.9em;
    margin: 0 0 0.45em 0;
    font-weight: normal;
    text-align: left;
}
h1.post_single .h1_sub_line {
    font-size: 0.55em;
    font-weight: normal;
}

h2.post_single_about_sidebar_community_topic {
    font-size: 1.5em;
    line-height: 0.9em; 
    margin: 0; 
    padding: 0;
}
.post_single_about_sidebar_community_topic_small {
    font-size: 0.85em;
}
.post_single_about_sidebar_title {
    margin-bottom: 9px;
}

.post_single_post,
.message_single_message {
    clear: both;
    margin-top: 10px;
    margin-bottom: 50px;
}
.post_single_body {
    width: 100%;
    margin-top: 1em;
}

.post_single_title,
.message_single_title {
    font-size: 1em;
    font-weight: bold;
    line-height: 1.5em;
    margin: 0;
    border: none;
}
.post_single_byline,
.message_single_byline {
    margin: 0 0 1.5em 0;
    font-size: 0.8em;
}
.post_single_byline_sidebar ul li {
    margin-left: 10px;
    background: transparent none;
}
.post_single_profile_image,
.message_single_profile_image {
    float: left;
    width: 100px; 
    margin: 0 7px 2em 0; 
}
.post_single_image{
    float: right;
    margin-left: 1em;
}
.post_show_image {
    display: block;
    width: 99%;
    text-align: center;
    margin: 0 0 20px 0;
    z-index: 1;
}
.post_show_image img{
    margin: 0 0 0 0;
}
.post_show_more_images {
    text-align: center; 
    margin: 10px;
    padding: 5px;
    background-color: #fff;
    border: 1px dashed #dcdfe1;
}
.post_show_more_images a {
    margin-right: 0;
}
.post_show_more_images_image {
    margin: 0 7px 5px 0;
    float: left;
    width: 75px;
    height: 75px;
    overflow: hidden;
    text-align: center;
    border: 1px solid #dcdfe1;
    background-color: #eeeeed;
}
.post_single_post .post_guest_blogger_close {
    border-top: 1px solid #ded2ab; /* dcdfe1 */
    font-style: italic;
}
.post_single_comments { 
    clear: both;
    margin-top: 3em;
}

.post_in_list_post,
.plog_in_list_plog,
.news_in_list_news {
    /*border-top: 1px solid #dcdfe1;*/
    border-bottom: 1px dashed #4f606b;
}

.post_in_list_post {
    clear: both;
    padding: 5px;
    margin: 1.5em 0 1.5em 0;
}
.post_in_list_post .post_in_list_intro {
    font-size: 0.9em;
}
.post_in_list_post .post_in_list_short_bio {
    margin-bottom: 5em;
    font-size: 0.8em;
    font-style: italic;
}

.post_in_blog_style_list_post {
    margin-bottom: 4em;
}
.post_in_blog_style_list_post .post_show_summary {
    margin-bottom: 0;
}
.post_in_blog_style_list_post .post_show_summary h2 {
    margin-bottom: 0;
    border-bottom: 1px solid #008a00;
}
.post_in_blog_style_list_post .post_show_summary p {
    margin-top: 0;
    font-size: 0.9em;
    text-align: right;
    color: #999;
}


.post_in_compact_list_post,
.message_in_list_message {
    clear: both;
    margin-bottom: 1.5em;
}
.post_in_compact_list_post .post_in_list_title {
    padding: 0 0 3px 0;
    margin: 0 0 5px 0;
    font-size: 0.9em;
    font-weight: bold;
    border-bottom: 1px solid #ded2ab; /* dcdfe1 */
}
.post_in_list_byline,
.message_in_list_byline {
    margin: 0 0 1.6667em 0;
    font-size: 0.9em;
    line-height: 1.1111em;
    color: #85775a;
}
.post_in_list_byline a { }
.post_in_list_comments_count {
    margin: 0 0 1.875em 0;
    font-size: 0.8em;
    line-height: 1.875em;
    color: #83521e;
}
.post_show_perma_comment,
.post_in_compact_list_perma_comment,
.post_in_blog_style_list_perma_comment {
    margin: 0 0 1.6667em 0;
    font-size: 0.9em;
    line-height: 1.6667em;
    text-align: right;
    color: #85775a;
}
.post_in_list_perma_comment {
    margin: 0 0 1.6667em 0;
    font-size: 0.9em;
    line-height: 1.6667em;
    text-align: left;
}
.post_in_list_image {
    float: left;
    width: 110px;
    text-align: center;
}
.message_in_list_image {
    float: left;
    width: 60px;
    text-align: center;
}
.post_in_compact_list_post .post_in_list_image,
.message_in_compact_list_message .message_in_list_image {
    float: left;
    width: 60px;
    text-align: center;
}
.post_in_list_summary,
.message_in_list_summary {
    float: left;
    width: 470px;
    text-align: left;
}
.post_in_compact_list_post .post_in_list_summary {
    float: left;
    width: 215px;
    text-align: left;
}
.home_compact_list .post_in_compact_list_post .post_in_list_summary {
    width: 160px;
}
.plog_in_compact_list_plog .plog_in_list_ratings {
    font-size: 0.9em;
}
.post_in_list_summary h3, 
.message_in_list_summary h3 {
    margin-top: 0;
    margin-bottom: 0;
}


.post_in_horiz_list_post {
    float: left;
    margin: 0 5px 0.5em 5px;
    padding: 4px;
    width: 100px;
    list-style-type: none;
    text-align: center;
}
.post_in_horiz_list_post .post_in_list_image a {
    display: block;
    width: 100px;
    height: 100px;
    margin: 0 auto 0 auto;
    text-align: center;
    overflow: hidden;
    border: 1px solid #eeeeed;
}
.post_in_horiz_list_post .post_in_list_byline {
    width: 100px;
    text-align: center;
}

.post_in_list_post.post_type_guest_blog_post, .post_in_horiz_list_post.post_type_guest_blog_post {
    border: 1px dashed gold;
}
.guest_blog_label { color: gold; }

.post_in_list_short_bio {
    border-top: 1px dashed #4f606b;
}

.post_previous_posts { 
    float: left;
    width: 48%;
    
}
.post_next_posts { 
    float: right;
    width: 48%;
    
}

.post_previous_next_post { float: left; width: 48%; text-align: center; margin-bottom: 2em; }

.post_previous_next_post .post_in_list_image { float: none; margin: auto auto; }
.post_previous_next_post .post_in_list_title { /*display: none;*/ font-size: 0.75em; }
.post_return_to_index { clear: both; text-align: center; margin: 1em; border-bottom: 1px dashed #d6d6d6; }

.plog_form_ratings_have_it {
    float: left;
    margin-right: 1em;
}
.product_plogs_new_plog_link { clear: both; }

.posts_edit_upload_images {
    float: left;
    padding: 0 1em 0.5em 0;
}

.community_topic_select_widget_communties {}
.community_topic_select_widget_communties_group {
    float: left;
    padding: 0 1em 0.5em 0;
}
.community_topic_select_widget_topics {
    float: left;
    padding-top: 0.5em;
}
/***** /posts *****/

/***** messages *****/
.message_in_list_message.unread {
    padding: 10px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #ffffde;
}
.message_new_in_reply_to {
}
/***** messages *****/

/***** departments *****/
/***** /departments *****/

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

.new_label_product {
    font-weight: bold;
    color: red;
    font-family: Georgia, "Palatino Linotype", Palatino, "Book Antiqua", "Bitstream Vera Serif", serif;
}


h1.products_header_with_category {
    font-size: 1.1667em;
    line-height: 1em;
    margin-top: 0;
}
h1.collapsable_toggler {
    margin-top: 0;
}
div.bulletin_board.showing {
    margin-bottom: 1.5em;
}

.product_category_splash {
    border: none;
    margin-top: 0;
}

.product_in_any_list_sale_regular_price {
    text-decoration: line-through;
    color: #726549;
}
.product_in_any_list_sale_price {
    font-weight: bold;
    color: red;
}

.products_category_container { margin: 0 0 3em 0; }
.products_category_container h2 { padding: 5px; }

.products_category_subcategories_index {
    width: 195px;
    float: left;
    margin: 1.5em 0;
}
.products_category_subcategories_homepage {
    width: 195px;
    float: left;
    margin: 1.5em 0;
}

.store_criteria_tree ul {
    font-size: 1.1em;
    margin-top: 0;
}
.store_criteria_tree ul li {
    background: transparent none;
    padding-left: 5px;
    border-top: 1px dashed #ccc3af;
}
.store_criteria_tree ul li a {
    display: block;
    padding: 2px 2px 2px 0;
}
.store_criteria_tree ul li ul li {
    font-style: normal;
    font-weight: normal;
    padding-left: 14px;
    font-size: 0.9em;
    background: transparent url(../images/cotradeco/bullets/li-stackable-folders-tiny-arrow.png) no-repeat -1px 7px;
}
.store_criteria_tree ul li ul li ul li {
    font-weight: normal;
    font-style: italic;
}
.store_criteria_tree ul li ul li ul li ul li {
    /*font-weight: normal;*/
    font-style: normal;
    font-size: 0.8em;
}

.products_category_featured {
    width: 360px;
    float: right;
    text-align: center;
}
.products_category_featured_homepage {
    width: 220px;
    float: right;
    text-align: center;
}
.products_category_featured .product_in_list_product {
    margin: 1em 5px 0 0;
}

.product_in_list_product, .product_in_list_related_product {
    display: block;
    padding: 0;
    text-align: center;
    background-color: #212d36;
    border:1px dashed #4F606B;
}
.product_in_list_product {
    float: left;
    /*width: 190px;*/
    width: 150px;
    margin: 1em 9px 1.5em 0;
}
.product_in_list_related_product {
    width: 144px;
    margin: 0.5em 0 0.5em 6px;
}
.product_in_featured_list_product {
    float: left;
    width: 190px;
    overflow: hidden;
    margin: 5px 5px 0 0;
    background-color: #212d36;
    border: 1px dashed #4F606B;
}
.product_in_featured_list_product a.image {
    float: left;
    margin-right: 5px;
}
.product_in_featured_list_product .product_in_list_title {
    float: left;
    width: 125px;
    margin: 3px 3px 3px 0;
    text-align: left;
    line-height: 1.1em;
}
.product_in_featured_list_product img {
    border: 0 none !important;
}

.product_in_list_product.hover, .product_in_list_related_product.hover {
    background-color: #4f606b;
} 

.product_in_list_info {
    width: 100%;
    padding: 0;
    text-align: center;
}
.product_in_list_product .product_in_list_image, .product_in_list_related_product .product_in_list_image {
    background-color: #fff;
    border-bottom: 1px solid #eeeeed;
}
.product_in_list_image a {
    display: block;
    width: 100%;
    height: 100px;
    margin: 0 auto 0 auto;
    text-align: center;
    overflow: hidden;
}
.product_in_list_image img {
    border: none !important;
}
.product_in_list_product .product_in_list_title, .product_in_list_related_product .product_in_list_title {
    margin: 0 auto;
    padding: 5px 0;
    width: 100%;
    height: 3.3em;
    font-size: 0.95em;
    line-height: 1.1em; 
    text-align: center;
    overflow: hidden;
}
.product_in_list_product .product_in_list_brands, .product_in_list_related_product .product_in_list_brands {
    margin: 0;
    padding: 5px 0;
    width: 100%;
    height: 2em;
    font-size: 0.8em;
    line-height: 1em; 
    text-align: center;
    background-color: #141c21; 
    
}
.product_in_list_product .product_in_list_brands a, .product_in_list_product .product_in_list_brands a:visited, .product_in_list_related_product .product_in_list_brands a {
    color: #3d4a54;
}

.product_in_list_description {
    font-size: 0.95em;
    line-height: 1.5789em;
    margin: 0 0 1.5789em 0;
}
.product_in_list_model_number {
    font-size: 0.95em;
    line-height: 1.5789em; 
    margin: 0 0 0 0;
}

.product_in_list_price {
    margin-top: 0.5em;
    text-align: center;   
    
}

#fg_related_products .product_in_list_product {
    float: left;
    margin: 0.5em 5px 0.5em 5px;
    padding: 4px;
    width: 135px;
    list-style-type: none;
    text-align: center;
}
#fg_related_products .product_in_list_info {
    width: 135px;
    padding: 0 0 0 5px;
    text-align: center;
}
#fg_related_products .product_in_list_image a {
    display: block;
    width: 135px;
    height: 100px;
    margin: 0 auto 0 auto;
    text-align: center;
    overflow: hidden;
}

.product_in_horiz_list_product {
    float: left;
    margin: 0 5px 0.5em 5px;
    padding: 4px;
    width: 100px;
    list-style-type: none;
    text-align: center;
}
.product_in_horiz_list_product .product_in_list_image a {
    display: block;
    width: 100px;
    height: 100px;
    margin: 0 auto 0 auto;
    text-align: center;
    overflow: hidden;
    border: 1px solid #eeeeed;
}

.product_in_compact_list_product {
    clear: both;
    margin-bottom: 1.5em;
}
.product_in_compact_list_product .product_in_list_title {
    padding: 0 0 3px 0;
    margin: 0 0 5px 0;
    font-size: 0.9em;
}
.product_in_compact_list_product .product_in_list_image {
    float: left;
    width: 110px;
}
.product_in_compact_list_product .product_in_list_image a {
    display: block;
    width: 110px;
    text-align: center;
}

.products_category_featured .product_in_horiz_list_product {
    margin-right: 5px;
}

.products_spec_table .products_items_table { /* poorly named - these are manually entered matrix of alt configurations and accessories seen on the product pages typically below the product_spec_table */
    width: 90%;
}

.products_show_image {
    margin: 0;
    padding: 10px 0 10px 0;
    background: transparent url(/images/cotradeco/backgrounds/tools-scrollables-tile-companion.jpg) repeat left top;
   
}
.products_show_image a {
    display: block;
    width: 240px;
    margin: 0 auto 0 auto;
    padding: 18px;
    overflow: hidden;
    text-align: center;
    border: 1px dashed #b19d80;
}
.products_show_image a img {
    
    border: 1px dashed #726549;
}
.products_show_image a:hover {
    border-color: #b0481a;
}

a.products_show_more_images_image {
    display: block;
    margin: 0 0 10px 9px;
    float: left;
    width: 85px;
    height: 85px;
    background-color: transparent;
    border: 1px dashed #726549;
    overflow: hidden;
}
a.products_show_more_images_image:hover {
    border-color: #b0481a;
}
a.products_show_more_images_image img { 
    margin: -8px inherit -8px inherit; 
}

.subproduct_order_form, .subproduct_order_form select, .subproduct_order_form .text {
    font-size: 0.9em;
}

.product_autocomplete_list {
    margin: 0 0 3em 129px;
}

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

/***** cart and checkout & orders admin *****/

td.auto_calculated {
    background-color: #e5e5e5 !important;
}

table td.money {
    text-align: right;
}

.admin_orders_edit_order {
    clear: both;
}

table.shopping_cart, table.admin_info_bar {
    width: 100%;
    margin: 1em 0 2em 0;
}
table.shopping_cart .order_total {
    text-align: right;
}
table.shopping_cart td.order_quantity {
    text-align: center;
}
table.shopping_cart td.order_total {
    background-color: #eeeeed;
}

.checkout_credit_card {
    float: left;
    width: 20%;
    margin: 0 1% 2em 0;
    padding: 0 1% 1em 1%;
    border: 1px solid #b89f63;
}
.checkout_credit_card input.button {
    margin: 3px;
}
.checkout_review_contact_info, .checkout_review_shipping, .checkout_review_billing, .checkout_review_payment, .checkout_review_submit {
    float: right;
    width: 165px;
    margin: 0 10px 1em 0;
    padding: 0 5px 1em 5px;
    border: 1px solid #b89f63;
    background-color:#F1E7C4;
    font-size: 0.9em;
}
.checkout_review_submit {
    text-align: right;
    margin-right: 0;
    border: none;
    background-color: transparent;
    /*margin: 20px 1% 20px 0;*/
}
.checkout_review_submit input{ }

.checkout_review_contact_info h2, .checkout_review_shipping h2, .checkout_review_billing h2, .checkout_review_payment h2 {
    border: none;
    font-size: 1em;
    line-height: 1.5em;
    margin: 0;
}
.checkout_review_order {
    clear: both;
    margin-bottom: 2em;
}

.checkout_steps {
    margin: 0;
    padding: 1em;
    color: #212d36;
    background-color: #e5e8ea;
    text-align: center;
}
.checkout_step {
    padding: 0 1em;
}
.current_checkout_step {
    font-weight: bold;
}
/***** /cart and checkout *****/


/***** /search *****/
.search_results_divider {
    clear: both;
    height: 1.5em;
    line-height: 1.5em;
}
.search_result { /* used to override certain attributes of varying types in the search results*/
    width: 103px !important;
    margin: 1em 10px 1.5em 10px !important;
}
/***** /search *****/

/***** pages *****/
.resource_pages_nested_list ul li {
    font-weight: bold;
}

.resource_pages_nested_list ul li ul li {
    font-weight: bold;
    border: none;
}

.resource_pages_nested_list ul li ul li ul li {
    display: inline;
    font-size: 0.95em;
    line-height: 1.5789em;
    font-weight: normal;
    border: none;
}

/* Plain page_in_list isn't used anywhere. Styles may be incorrect. */
.page_in_list_page {
    display: block;
    float: left;
    margin: 0 40px 70px 0;
    padding: 0;
    width: 240px;
    list-style-type: none;
    text-align: left;
}
/*.page_in_list_page .page_in_list_image {
    width: 240px;
    margin: auto auto;
}*/
.page_in_list_page .page_in_list_image a {
    display: block;
    width: 140px;
    height: 100px;
    margin: 0 auto 0 auto;
    text-align: center;
}
.page_in_list_page .page_in_list_title {
    width: 240px;
    margin: 0 0 10px 0;
    padding: 0 0 5px 0;
    font-size: 1em;
    text-align: center;
}

.page_in_horiz_list_page {
    float: left;
    margin: 0 5px 2em 5px;
    padding: 4px;
    width: 100px;
    list-style-type: none;
    text-align: center;
}
.page_in_horiz_list_page .page_in_list_image a {
    display: block;
    width: 100px;
    height: 100px;
    margin: 0 auto 0 auto;
    text-align: center;
    overflow: hidden;
    border: 1px solid #eeeeed;
}

.page_in_compact_list_page {
    clear: both;
    margin-bottom: 1.5em;
}
.page_in_compact_list_page .page_in_list_title {
    padding: 0 0 3px 0;
    margin: 0 0 5px 0;
    font-size: 0.9em;
}
.page_in_compact_list_page .page_in_list_image {
    float: left;
    width: 110px;
}
.page_in_compact_list_page .page_in_list_image a {
    display: block;
    width: 110px;
    text-align: center;
}

.major_section_header {
    text-align: center;
}

ul.resource_category_tree  {
    margin: 0.5em 0;
    font-size: 0.9em;
}
ul.resource_category_tree li {
    display: inline;
    margin-right: 5px;
    list-style-type: none;
    font-weight: normal;
}
/***** /pages *****/


/***** Textile help *****/
.textile_explanation_extra {
    font-size: 0.8em;
    font-weight: normal;
}
.textile_example1 {
    padding: 20px;
}
.textile_big {
    font-size: 2em;
}
#textile_big_red {
    font-size: 2em;
    color: red;
}
#textile_big_red2 {
    font-size: 3em;
    color: red;
}
/***** /Textile help *****/


/***** pagination *****/
.pagination {
    clear: both;
    margin: 0 auto 1.5em auto;
    padding: 2px;
    /*float: right;*/
    background-color: #212d36; /*#212d36*/
    /*font-size: 1.5em;*/
    text-align: center;
    border: 1px dashed #4F606B;
}
.pagination a, .pagination a:visited {
    /*display: block;
    float: left;*/
    padding: 3px 10px;
    margin: 0;
    /*background-color: #141c21;*/
    color: #ffffcc;
    text-decoration: none;
    /*
    border-top: 1px dashed #4F606B;
    border-bottom: 1px dashed #4F606B;
    */
}
.pagination a:hover {
    /*display: block;
    float: left;*/
    padding: 3px 10px;
    margin: 0;
    background: transparent url(/images/cotradeco/buttons/btn-v3.1-pagination-link-bg.png) no-repeat center center;
    text-decoration: none;
    color: #b3b3b3;
}
.pagination span.current {
    /*display: block;
    float: left;*/
    height: 100%;
    padding: 3px 10px;
    margin: 0;
    background: transparent url(/images/cotradeco/buttons/btn-v3.1-pagination-current-bg.png) no-repeat center center;
    color: #fff;
    font-weight: bold;
}
.pagination span.gap {
    /*display: block;
    float: left;*/
    padding: 3px 10px;
    margin: 0;
    background-color: inherit;
    text-decoration: none;
}

.pagination .next_page, .pagination .next_page a:hover, .pagination .prev_page, .pagination .prev_page a:hover {
    width: 33px !important;
    /*height: 22px !important;*/
    margin: 0 !important;
    padding: 0 !important;
    background: none;
} 
.pagination img {
    border: none !important;
}
.pagination span.disabled img {
    display: none;
}
.pagination span.disabled {
    /*display: block;
    float: left;*/
    /*height: 17px;*/
    padding: 3px 10px;
    margin: 0;
    background: transparent none;
    /*background: transparent url(../images/cotradeco/buttons/btn-v3.1-pagination-disabled.png) no-repeat;*/
    /*color: #ddd;*/ 
}
/***** /pagination *****/

}

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

/***** jqmodal *****/
/* jqModal base Styling courtesy of;
    Brice Burgess <bhb@iceburg.net> */

/* ALL JQMODAL STUFF IS IN THE SITE STYLES */

/***** /jqmodal *****/

/***** sortables *****/
.sortable_images_container {
    float: left;
}
.sortable_image {
    float: left;
    margin: 0.5em;
    text-align: center;
}
.sortable_image img {
    display: block;
    margin-bottom: 0.5em;
}
/***** /sortables *****/


/***** tools.scrollables (common styling) *****/
.scrollables_for_ripped {
    /*width: 614px;*/ 
    /*height: 300px;*/
    margin: 0 auto 0 auto;
    background: transparent url(../images/cotradeco/backgrounds/tools-scrollables.jpg) repeat-x left bottom;
    /*max-width: 614px;*/
}
.scrollables_header {
    padding: 5px 5px 0 5px;
    font-family: Georgia, "Palatino Linotype", Palatino, "Book Antiqua", "Bitstream Vera Serif", serif;
    background: transparent url(../images/cotradeco/backgrounds/tools-scrollables-tile-companion.jpg) repeat left bottom;
    text-align: right;
}
.scrollables_footer {
    clear: both;
    padding: 1em 5px 2.5em 5px;
    font-family: Georgia, "Palatino Linotype", Palatino, "Book Antiqua", "Bitstream Vera Serif", serif;
    text-align: center;
}

/***** /tools.scrollables (common functionality) *****/

/* root element for the scrollable. When scrolling occurs this element stays still. */ 
.scrollables_scrollable { 
    position:relative; 
    overflow:hidden; 
    width: 100%;
} 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a super large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
.scrollables_scrollable .scroll_items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
    border-bottom: 1px dashed #b19d80;
} 
/* 
    a single item. must be floated on horizontal scrolling 
    typically this element is the one that *you* will style 
    the most. 
*/ 
.scrollables_scrollable .scroll_items .scroll_item { 
    float: left;
} 
/* you may want to setup some decorations to active item */ 
.scroll_items .active { }
    
    .scrollables_previous {
        float: right;
        width: 52px;
        height: 25px;
        margin: 5px 5px;
        background: transparent url(/images/cotradeco/buttons/tools-left.png) 0 0 no-repeat;
    }
    .scrollables_next {
        float: right;
        width: 52px;
        height: 25px;
        margin: 5px 5px;
        background: transparent url(/images/cotradeco/buttons/tools-right.png) 0 0 no-repeat;
    }
    .scrollables_navigator {
        float: left;
        margin: 0 0 0 5px;
        width: 50%;
        text-align: center;
    }
    .scrollables_navigator a {
        display: block;
        float: left;
        width: 15px;
        height: 14px;
        margin: 3px;
        background: transparent url(/images/cotradeco/buttons/tools-navigator.png) 0 0 no-repeat;
        font-size: 1px;
    } 
    /* mouseover state */
    .scrollables_previous:hover, div.scrollables_next:hover, div.prevPage:hover, div.nextPage:hover {
        background-position:0px -25px;	
        cursor: pointer;
    }
    /* disabled navigational button */
    .disabled {
        visibility:hidden !important;		
    }
    /* mouseover state */
    div.scrollables_navigator a:hover {
        background-position:0 -14px;      
    }
    /* active state (current page state) */
    .scrollables_navigator a.active {
        background-position:0 -28px;     
    } 	
/***** tools scrollable (instance styling and customization) *****/
.related_products .scrollables_scrollable { height: 220px; }
.products_show_more_images div.scrollables_scrollable { height: 105px; }
.store_root_scrollable { margin-bottom: 5em; }
.store_root_scrollable .scrollables_scrollable { height: 260px; }
.home_featured .scrollables_scrollable { height: 220px; }
.home_featured .scroll_item { margin: 7px; }

.dept_cat_scrollable { width: 614px; }
.dept_cat_scrollable .scrollables_scrollable, .dept_cat_scrollable .scroll_items { height: 254px; }
.dept_cat_scrollable .scroll_item {
    width: 600px;
    margin: 7px;
}

.dept_cat_new_scrollable { width: 614px; }
.dept_cat_new_scrollable .scrollables_scrollable, .dept_cat_new_scrollable .scroll_items { height: 254px; }
.dept_cat_new_scrollable .scroll_item {
    width: 600px;
    margin: 7px;
}


.brand_scrollable { width: 694px; }
/*.brand_scrollable .scrollables_scrollable { border: 1px dashed #D6D6D6; background: transparent url(/images/cotradeco/backgrounds/bg-linen-wall-darker-companion-tile.jpg) repeat scroll left top; }*/
.brand_scrollable .scrollables_scrollable, .brand_scrollable .scroll_items { height: 300px; }
.brand_scrollable .scroll_item {
    width: 680px;
    margin: 7px;
}
/***** tabs *****/
.tabs ul, .tabs ul li {
    background: transparent none;
    margin: 0 3px 0 0;
    padding: 0;
}
.ui-tabs-protected_ie6_text { 
    display: inline-block;
    width: 100%;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
/***** /tabs *****/

/***** autocomplete *****/
.ac_results {
	padding: 0px;
	border: 1px solid #000;
	background-color: #ffffde;
	overflow: hidden;
	z-index: 99999;
}
.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}
.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
    background: transparent none;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
/*  font: menu;*/
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}
.ac_loading {
    background: #FFF url('../images/loading-small.gif') right center no-repeat !important;
}
.ac_over {
	background-color: #FFF;
	color: #000;
}
/***** /autocomplete *****/


/***** Clue Tip tooltips *****/

/***** tip trigger styles *****/
.form_tips {
    display: inline-block;
    border-bottom: 1px dotted #b0775d;
    color: inherit;
    cursor: help;
}
span.guest_blogger_summary_tips {
    display: inline-block;
    border-bottom: 1px dotted #b0775d; /*b0481a*/
}
/***** /tip trigger styles *****/

/***** global *****/
#cluetip-close img { border: 0; }
#cluetip-title #cluetip-close {
  float: right;
  position: relative;
}
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(../images/loading-small.gif);
}
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  height: 22px;
  width: 11px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#cluetip-extra {
  display: none;
}
/***** /global *****/

/***** =cluetipClass: 'default' *****/
.cluetip-default {
    background-color: #fff;
}
.cluetip-default #cluetip-outer {
    position: relative;
    margin: 5px;
    background-color: #f0f0f0; /* ffffcc */
    border: 1px solid #141c21; /* ffc333 */
    text-align: left;
}
.cluetip-default h3#cluetip-title {
  margin: 0 0 5px;
  padding: 8px 10px 4px;
  font-size: 1.1em;
  font-weight: normal;
  background-color: #141c21; /* ffc333 */
  color: #fff;
}
.cluetip-default #cluetip-title a {
  color: #d9d9c2;
  font-size: 0.95em;
}  
.cluetip-default #cluetip-inner {
  padding: 10px;
}
.cluetip-default div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* default arrows */
.clue-right-default .cluetip-arrows {
  /* background-image: url(images/darrowleft.gif); */
}
.clue-left-default .cluetip-arrows {
  /* background-image: url(images/darrowright.gif); */
  left: 100%;
  margin-right: -11px;
}
.clue-top-default .cluetip-arrows {
  /* background-image: url(images/darrowdown.gif); */
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-default .cluetip-arrows {
  /* background-image: url(images/darrowup.gif); */
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}
/***** /=cluetipClass: 'default' *****/

/***** =cluetipClass: 'jtip' *****/
.cluetip-jtip {
  background-color: transparent;
}
.cluetip-jtip #cluetip-outer {
  border: 2px solid #ccc;
  position: relative;
  background-color: #fff;
}

.cluetip-jtip h3#cluetip-title {
  margin: 0 0 5px;
  padding: 2px 5px;
  font-size: 16px;
  font-weight: normal;
  background-color: #ccc;
  color: #333;
}

.cluetip-jtip #cluetip-inner {
  padding: 0 5px 5px;
  display: inline-block;
}
.cluetip-jtip div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* jtip arrows */
.clue-right-jtip .cluetip-arrows {
  /*background-image: url(images/arrowleft.gif);*/
}
.clue-left-jtip .cluetip-arrows {
  /*background-image: url(images/arrowright.gif);*/
  left: 100%;
  margin-right: -11px;
}
.clue-top-jtip .cluetip-arrows {
  /*background-image: url(images/arrowdown.gif);*/
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-jtip .cluetip-arrows {
  /*background-image: url(images/arrowup.gif);*/
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}
/***** /Clue Tip tooltips *****/

/***** Accessible News Slider *****/
.fl {
    float: left; display: inline;
}
.fl a {
    font-weight: bold;
}
.news_slider .messaging {
    display: block; padding: 5px; margin: 0 20px 5px 20px; background: #eeeeed;
}
.news_slider .prev, .news_slider .next {
    position: absolute; top: 20px; display: none;  z-index: 0;
}
.news_slider .next {
    right: 0;
}
.news_slider .container {
    position: relative; top: 0; left: 0; width: 100%; background: #fff; border: 1px solid #eeeeed;  z-index: 0;
}
.news_slider .view_all {
    font-size: 1em; 
    padding: 0 5px; 
    margin: 0; 
    font-size: 0.8em;
    text-align: left;
    color: #726549; /* 999 */
    /* background-color: #eeeeed; */
}
.news_slider .view_all a {
     padding: 0;
     margin: 0 0 2px 0; 
     text-align: center;
     color: #b0775d;
}
.news .view_all a:hover {
     color: #583a29;
}


.featured_slider {
    position: relative; width: 590px; margin: 0.75em auto 20px auto; text-align: left; z-index: 0;
}
.featured_slider .news_items {
    /* The width must be equal to .item ((width + margin-right) * 2). */
    position: relative; 
    width: 550px; 
    top: 0; 
    left: 20px; 
    overflow: hidden;
}
.featured_slider .item {
    /* Must contain a width and a margin-right. */
    width: 270px; 
    margin-right: 10px;
}
.featured_slider .item div {
    font-size: .85em; 
    line-height: 1.25em;
    width: 170px; 
    padding: 5px 5px 5px 2px;
}
.featured_slider img {
    border: 0; display: block;
}
.featured_slider .item img {
    padding: 5px;
}

/* ONE COLUMN sliders have funny spacing, something to do with the way the margin-right is calculated for .item for the animation. Add 20px? to make it slide correctly for a single column */
.guest_blogger_promo_slider {
    position: relative; 
    width: 298px; 
    margin: 0.75em auto 20px -10px; 
    text-align: left; z-index: 0;
}
.guest_blogger_promo_slider .news_items {
    /* The width must be equal to .item ((width + margin-right) * 2(ornumberofcolumns)). */
    position: relative; 
    width: 258px; 
    top: 0; 
    left: 20px; 
    overflow: hidden;
}
.guest_blogger_promo_slider .item {
    /* Must contain a width and a margin-right. */
    width: 260px; 
    margin-right: 20px;
}
.guest_blogger_promo_slider .item div {
    font-size: .85em; 
    line-height: 1.25em;
    padding: 5px 5px 5px 2px;
}
.guest_blogger_promo_slider .item img {
    padding: 5px;
    
}

/***** /Accessible News Slider *****/

/***** DynaCloud *****/
#dynacloud {
    margin: 5px;
    font-size: 1em;
}
/***** /DynaCloud *****/

/***** checklist_app *****/
form.checklist_app .autosave_saving { color: red; font-weight: bold; }
form.checklist_app {
    background: #f5f5f5 url(/images/cotradeco/backgrounds/bg-notebook-paper-tile.jpg) repeat left top;
    border: 1px dotted #cccccc;
    margin: 1em 5px 3em;
    padding: 1em 10px 2em;
}
form.checklist_app li {
    padding: 3px 3px 3px 25px;
    background: transparent none;
}
form.checklist_app li.active {
    font-weight: bold;
    color: green;
}
form.checklist_app li.hover {
    background-color: #f0f0f0;
}
form.checklist_app li.ignore label, form.checklist_app li.ignore input {
    color: #b3b3b3;
    font-weight: normal;
    text-decoration: line-through;
}
form.checklist_app #notes {
    width: 400px;
    height: 300px;
}
div.extra_line_options {
    position: relative;
    float: left;
    width: 40px;
    height: 100%;
    padding-left: 3px;
    
    background-color: #f0f0f0;
    color: #000;
    
    top: 0;
    left: -43px;
    margin: -3px -43px -3px 0;
    /*margin-right: -43px;*/
    
    font-weight: normal;
    font-size: 0.8em;
}
div.extra_line_options a {
    cursor: pointer;
}
/***** /checklist_app *****/

@media print {

* {
    visibility: hidden;
}
#bd, #bd * {
    visibility: visible;
}

.internal_use_only, .bd_sidebar, div.exposition, div#pages_what_links_here, #hd, #ft, #help_or_quote, #reviews div.basic_form, #responses div.basic_form, form.checklist_app li.ignore, .checklist_app_controls {
    display: none;
    /*visibility: hidden !important;*/
    
}
input, textarea, select {
    border: none !important;
}

}