/* DOCUMENT ---------- ----------------------*/
* { margin: 0; padding: 0; }

a img { border: none; }

body { font-size: 76%; color: #666; font-family: Arial; }

#inside { margin: 10px auto; width: 962px; position: relative; overflow: hidden; }

#master_container { width: 980px; margin: 0 auto; overflow: hidden; position: relative; }

#enclosure { margin: 10px auto; width: 962px; overflow: hidden; position: relative; }

#ctc_cbia_image_overlay_container { text-align: center; position: absolute; top: 60px; left: 0; width: 980px; z-index: 2; }

/* HEADER ======================= */
#header { overflow: hidden; clear: both; position: relative; }

#verytop { font: bold 14px Arial; background: #FFF; margin-bottom: 10px; float: left; clear: left; width: 962px; overflow: hidden; }

#verytop ul { float: right; margin: 0; padding-left: 15px; text-align: left; background: white url(../images/yoshika/mini_icons.gif) no-repeat left -78px; }

#verytop ul li { padding-right: 5px; margin-left: 4px; list-style-type: none; float: left; border-right: 1px solid #ccc; text-align: left; }

#verytop ul li:last-child { border-right: none; }

#verytop ul li.contactaccount { border-left: none; }

#verytop ul li a { color: #666; text-decoration: none; display: inline; float: left; }

#verytop ul li a:hover { color: #333; }

#verytop a { float: right; }

#verytop a img { color: #FFF; border: none; }

#verytop #corporatelogoholder { float: left; clear: left; width: 256px; height: 50px; background: white url(../images/yoshika/corporate_renew_logo.gif) no-repeat top left; }

/* FOOTER ======================= */
#footer { float: left; clear: both; margin-bottom: 30px; width: 100%; border-top: 3px solid #CCC; margin-top: 30px; font-size: 1.1em; }

#footer p { float: left; clear: left; width: 300px; }

#footer p a { color: #666; }

#footer ul { float: right; margin-top: 18px; }

#footer ul li { list-style-type: none; padding-right: 5px; margin-left: 5px; border-right: 1px solid #ccc; font: normal 12px Arial; float: left; }

#footer ul li:last-child { border-right: none; }

#footer ul li a { color: #666; text-decoration: none; }

#footer ul li a:hover { color: #333; }

#footer ul#footersocial { float: left; background: #FFF; clear: both; margin-top: 10px; }

#footer ul#footersocial li { float: left; margin-left: 0px; border-right: 0; }

#footer ul#footersocial li a.crenew { background: white url(../images/yoshika/footericons/crenew.gif) no-repeat top left; height: 28px; width: 139px; display: block; float: left; }

#footer ul#footersocial li a.footericon { width: 16px; height: 16px; background: green; position: relative; display: block; float: left; margin-top: 5px; }

#footer ul#footersocial li a.facebook { background: white url(../images/yoshika/mini_icons.gif) no-repeat left top; }

#footer ul#footersocial li a.linkedin { background: white url(../images/yoshika/mini_icons.gif) no-repeat left -19px; }

#footer ul#footersocial li a.twitter { background: white url(../images/yoshika/mini_icons.gif) no-repeat left -38px; }

#footer ul#footersocial li a.rss { background: white url(../images/yoshika/mini_icons.gif) no-repeat left -57px; }

#subfooter { clear: both; width: 100%; overflow: hidden; text-align: center; margin-top: 15px; float: left; }

#subfooter p { width: auto; text-align: center; float: none; font-weight: bold; margin-top: 10px; }

#subfooter a img { border: none; }

#subfooter a { margin-left: 10px; margin-right: 10px; }

/* MAINNAV ======================== */
#mainnav { width: 962px; height: 46px; background: white url(../images/yoshika/navbar.gif) no-repeat right top; float: left; margin-bottom: 10px; }

#mainnav ul { float: left; clear: both; }

#mainnav ul li { list-style-type: none; font: bold 14px Arial; float: left; }

#mainnav ul li a { display: block; color: #666; text-decoration: none; line-height: 40px; padding-right: 15px; padding-left: 15px; border-right: 1px solid #CCC; border-left: 1px solid #FFF; margin-top: 1px; }

#mainnav ul li a:hover { background: white url(../images/yoshika/navbar.gif) no-repeat -7px -48px; border-left: none; padding-left: 16px; }

/* styling for active navigation items */
#mainnav ul li.active a { background: white url(../images/yoshika/navbar.gif) no-repeat -6px -48px; border-left: none; padding-left: 16px; }

/* special styling for home buttom */
#mainnav ul li a.home { border-left: 0px; }

#mainnav ul li a.home:hover { background: white url(../images/yoshika/navbar.gif) no-repeat left -48px; padding-left: 15px; }

#mainnav ul li.active a.home { background: white url(../images/yoshika/navbar.gif) no-repeat 0px -48px; padding-left: 15px; }

#mainnav ul li.active a.home:hover { background: white url(../images/yoshika/navbar.gif) no-repeat 0px -48px; padding-left: 15px; }

/* EXPOSE ======================= */
#expose { display: inline; background: #FFF; width: 100%; clear: both; overflow: hidden; position: relative; float: left; }

#expose p { font: normal 12px Arial; }

#expose a img { border: none; }

#expose table { text-align: left; }

#banner { border: 1px solid #CCC; width: 695px; height: 314px; float: left; position: relative; }

/* STYLES FOR BANNER, THESE REALLY DON'T MATTER IN THE LONG RUN. MAJORITY OF STYLES ARE INLINE, CREATED BY TINYMCE */
#banner p { text-indent: 30px; }

#banner ul { margin-left: 10px; margin-top: 20px; width: 350px; }

#banner ul li { margin-left: 45px; list-style-type: disc; margin-top: 10px; }

/* #banner a img{ margin-left: 45px; margin-top: 15px; margin-bottom: 20px; } */
/* ABOVE ARE STYLES FOR BANNER, THESE REALLY DON'T MATTER IN THE LONG RUN. SUPERFICIAL STYLES ARE INLINE, CREATED BY TINYMCE */
/* ebook section ---------------- */
#moreinfo { width: 264px; float: right; position: relative; overflow: hidden; height: 314px; border-bottom: 1px solid #CCC; background: white url(../images/yoshika/info_shadow.gif) repeat-x bottom; }

#moreinfo a { color: green; text-decoration: none; }

#moreinfo p { margin-left: 10px; margin-right: 10px; font: normal 12px Arial; margin-top: 10px; }

#moreinfo h2 { margin-left: 0; left-right: 0; font: normal bold 16px Arial; width: 100%; position: relative; background: white url(../images/yoshika/navbar.gif) no-repeat right bottom; margin-right: 1px; font-style: normal; line-height: 39px; text-align: center; display: block; }

#moreinfobox { background: white url(../images/yoshika/press_shadow.png) no-repeat top center; position: relative; border-top: 1px solid #CCC; height: 274px; border-right: 1px solid #CCC; }

#moreinfoboxprivacy { height: 120px; width: 252px; position: absolute; bottom: 0; right: 0; background: transparent url(../images/yoshika/businessperson.gif) no-repeat right bottom; z-index: 1; }

/* revised styles ----------- */
#moreinfo ul { margin: 20px 0 0 0; }

#moreinfo ul li { list-style-type: none; height: 30px; }

#moreinfo label { margin: 0 0 0 10px; float: left; clear: left; width: 64px; line-height: 19px; }

#moreinfo input { float: left; }

#moreinfo submit { margin: 0 10px 0 0; }

#moreinfoboxprivacy p { margin: 40px 0 0 0; width: 160px; }

/* moreinfo button styles ------- */
submit { text-decoration: none; }

#getinfo { height: 31px; width: 165px; background: transparent url(../images/yoshika/moreinfo.gif) no-repeat scroll 0 0; outline: none; -moz-outline-style: none; border: none; margin: 0 0 0 0; position: absolute; z-index: 2; }

#getinfo::-moz-focus-inner { border: 0; }

#getinfo:active { border: none; outline: none; }

#getinfo:focus { border: none; outline: none; }

#getinfo:hover { cursor: pointer; }

:focus { outline: none; text-decoration: none; }

/* RENEWS ======================= */
#renews { height: 34px; clear: both; position: relative; border-left: 1px solid #CCC; border-right: 1px solid #CCC; background: white url(../images/yoshika/news_shadow_repeat.gif) repeat-x; }

#renews a { color: #666; text-decoration: none; line-height: 36px; margin-bottom: -2px; font-weight: bold; }

#renews a:hover { color: #333; }

#renews dl { text-indent: 20px; }

#renews dt { display: inline; text-decoration: underline; }

#renews dd { display: inline; margin-left: 3px; }

#renews dd strong { font: bold 10px Arial; }

/* BREAKDOWN ======================= */
#breakdown { background: white url(../images/yoshika/news_shadow.gif) no-repeat top center; clear: left; overflow: hidden; padding-top: 20px; margin-top: -2px; }

.breakboxes { float: left; height: 130px; }

#leftbreakboxes { float: left; overflow: hidden; width: 240px; }

#rightbreakboxes { float: left; overflow: hidden; width: 210px; }

#breakdown a { color: #666; text-decoration: none; }

#breakdown a p:hover { color: green; text-decoration: underline; }

#breakdown a img { color: #FFF; }

#breakdown a h3 { float: left; color: #666; margin-top: 15px; font-size: 16px; margin-bottom: 12px; }

#breakdown a h3:hover { color: #333; text-decoration: none; }

#breakdown ul { clear: left; }

#breakdown div.breakboxes a img { float: left; margin-right: 5px; color: #FFF; border: 0; }

#breakdown div.breakboxes ul li { background: white url(../images/yoshika/mini_icons.gif) no-repeat left -92px; padding-left: 24px; line-height: 16px; margin-bottom: 11px; width: 185px; margin-left: 10px; list-style-type: none; }

#breakdown div.breakboxes ul li a { color: #666; text-decoration: none; }

#breakdown div.breakboxes ul li a:hover { color: green; text-decoration: underline; }

#breakdown div.breakboxes p { clear: left; line-height: 20px; }

/* testimonials ------------------ */
#testimonials { width: 210px; float: left; }

#breakdown #testimonials { text-align: center; }

#breakdown #testimonials h3 { text-align: center; float: none; margin-bottom: 20px; }

#breakdown #testimonials img { margin-bottom: 10px; }

#breakdown #testimonials p { margin-left: 20px; text-align: left; width: 166px; }

/* regular selector not working, using #inside for now to override */
#inside #breakdown #testimonials a:hover { text-decoration: none; color: #333; }

#inside #breakdown #testimonials a h3:hover { color: #333; }

/* press --------------------- */
#press { width: 267px; background: white; float: right; position: relative; overflow: hidden; }

#breakdown #press a p:hover { color: #333; text-decoration: none; }

#pressbox { width: 265px; background: white url(../images/yoshika/press_shadow.png) no-repeat top center; overflow: hidden; -moz-border-radius-bottomleft: 7px; -moz-border-radius-bottomright: 7px; -webkit-border-bottom-left-radius: 7px; -webkit-border-bottom-right-radius: 7px; border: 1px solid #CCC; margin-bottom: 10px; padding-bottom: 10px; position: relative; }

#pressbox ul { float: left; position: relative; }

#pressbox ul li { list-style-type: none; float: left; display: inline; margin-left: 15px; color: green; margin-top: 10px; position: relative; }

#pressbox ul li a { color: green; border: none; text-decoration: none; display: inline; outline: none; position: relative; }

#pressbox ul li a img { border: 0px; position: relative; }

#press p { font: normal bold 16px Arial; }

#press p em { width: 100%; position: relative; background: white url(../images/yoshika/navbar.gif) no-repeat right bottom; margin-right: 1px; font-style: normal; line-height: 40px; text-align: center; display: block; }

/* NEWSBAR ======================= */
#newsbar { border-top: 2px solid #CCC; clear: both; overflow: hidden; width: 100%; }

#newsbar a { color: transparent; }

#newsbar a img { border: none; }

#trialrun, #twitterfeed, #corporaterenew { float: left; clear: right; margin-top: 25px; }

#trialrun h3, #twitterfeed h3, #corporaterenew h3 { margin-bottom: 10px; }

#trialrun, #twitterfeed { margin-right: 30px; }

#trialrun { width: 240px; }

#trialrun a img { clear: both; margin-top: 10px; margin-bottom: 10px; }

#trialrun p { float: left; clear: left; }

#twitterfeed { width: 240px; }

#twitterfeed a { color: #666; text-decoration: underline; }

#twitterfeed a:hover { color: #333; }

#corporaterenew { width: 420px; }

#corporaterenew em { margin-bottom: 3px; display: block; font: italic normal 11px Arial; }

#corporaterenew h3 a { background: white url(../images/yoshika/mini_icons.gif) no-repeat right -56px; width: auto; display: inline; padding-right: 20px; text-decoration: none; }

#corporaterenew h3 a:hover { color: #666; }

#corporaterenew a { color: #666; }

#corporaterenew a:hover { color: green; text-decoration: underline; }

/* SECONDARY DEFAULTS ================== */
.noclear { clear: none; width: auto; }

.verticalmargin { margin: 10px 0px; }

.center { text-align: center; }

.floatleft { float: left; clear: left; }

#treebar { width: 100%; height: 50px; float: left; clear: both; background: white url(../images/yoshika/secondary/treenleaf_bar.jpg) no-repeat top right; -moz-border-radius: 7px; -webkit-border-radius: 7px; border: 1px solid #CCC; margin-bottom: 20px; }

#treebar h2 { line-height: 50px; text-indent: 20px; }

#content { font: normal 15px Arial; text-align: left; float: left; margin-left: 10px; margin-right: 30px; margin-top: 15px; }

/* SECONDARY FORM STYLES  =========== */
#secondary-majority fieldset { border: none; float: left; clear: left; }

#secondary-majority fieldset h3 { margin-top: 20px; margin-bottom: 10px; }

#secondary-majority fieldset ol { margin-bottom: 25px; }

#secondary-majority fieldset.dateinput { margin-top: 5px; margin-bottom: 20px; }

#secondary-majority fieldset.dateinput select { margin-left: 0px; float: left; clear: none; }

#secondary-majority fieldset.dateinput ul { width: 100%; }

#secondary-majority fieldset select.daysinput { margin-left: 20px; width: auto; }

#secondary-majority label { font: bold 15px Arial; color: #666; width: 140px; display: block; clear: left; float: left; margin-top: 3px; }

#secondary-majority label.formnoclear { clear: none; margin-left: 15px; }

#secondary-majority label.daylabel { width: auto; }

#secondary-majority p { float: left; clear: left; }

#secondary-majority p.help-text { float: left; clear: left; margin-left: 140px; width: 100%; display: inline; font: normal 9px Arial; }

#secondary-majority p a { color: green; text-decoration: none; }

#secondary-majority ol { float: left; clear: left; }

#secondary-majority ol li { list-style-type: none; margin-top: 10px; float: left; clear: left; }

#secondary-majority form ol li input, #secondary-majority form ul li select, #secondary-majority form ul li textarea { font: normal 15px Arial; color: #666; border: 1px solid #CCC; float: left; }

#secondary-majority form ol li input { height: 22px; background: white url(../images/yoshika/secondary/input_gradient.gif) repeat-x; padding-top: 2px; padding-left: 2px; width: 200px; }

#secondary-majority textarea { background: white url(../images/yoshika/secondary/input_gradient.gif) repeat-x; border: 1px solid #CCC; float: left; font: normal 15px Arial; height: 150px; width: 250px; }

#secondary-majority form ol li input[type="checkbox"] { height: inherit; width: inherit; }

#secondary-majority form ol li select { height: 22px; padding-right: 6px; }

#secondary-majority form ol#pickup-form li:last-child { margin-top: 1.75em; }

#secondary-majority input.zipcode { margin-left: -33px; width: 50px; }

#secondary-majority form input.basic-form-button { float: left; clear: both; margin-bottom: 10px; margin-top: 15px; border: none; }

#secondary-majority form input.basic-form-button:hover { cursor: pointer; }

#secondary-majority form input.basic-form-button::-moz-focus-inner { border: 0; }

#secondary-majority form input.placeorder { background: transparent url(../images/yoshika/secondary/place_order.gif) no-repeat top left; width: 185px; height: 31px; }

#secondary-majority form input.tryus { background: transparent url(../images/yoshika/secondary/try_us.gif) no-repeat top left; width: 185px; height: 31px; }

#secondary-majority form input.submit { background: transparent url(../images/yoshika/secondary/submit.gif) no-repeat top left; height: 31px; width: 97px; }

#secondary-majority form input.submit_long { background: transparent url(../images/yoshika/partner/submit.png) no-repeat top left; height: 31px; width: 185px; }

#secondary-majority form input.moreinfo { background: transparent url(../images/yoshika/secondary/get_info_highlight.gif) no-repeat top left; height: 31px; width: 185px; }

#getinfo::-moz-focus-inner { border: 0; }

/* GET STARTED 2 COLUMN STYLES (for getstarted.html) ============== */
.getstarted ul { float: left; margin-left: 40px; margin-top: 15px; float: left; }

.getstarted ul li { float: left; clear: left; margin-bottom: 10px; list-style-type: disc; }

.getstarted p { clear: left; float: left; }

.getstarted-column { margin-top: 35px; width: 40%; overflow: hidden; float: left; }

.getstarted-column h3 { margin-bottom: 10px; }

.getstarted-column a img { margin-top: 30px; }

#getstarted-leftcolumn { clear: left; margin-right: 10%; }

#getstarted-rightcolumn { margin-right: 5%; }

/* INPUT LAYOUT ELEMENTS (for place_order.html) ========================= */
#inputintro { margin-bottom: 20px; clear: both; overflow: hidden; }

#inputintro ul { list-style-type: disc; float: left; margin-left: 20px; overflow: hidden; margin-top: 15px; margin-bottom: 10px; }

#inputintro ul li { list-style-type: disc; list-style-position: inline; clear: left; margin-bottom: 3px; margin-left: 20px; }

#inputintro p { float: left; clear: left; }

#inputdifference form { margin-top: 30px; }

#inputdifference input, #inputdifference select { border: 1px solid #CCC; float: left; height: auto; font: normal 15px Arial; color: #666; background: white url(../images/yoshika/secondary/input_gradient.gif) repeat-x; }

#inputdifference input { padding-top: 2px; padding-bottom: 2px; padding-left: 5px; }

#inputdifference select { padding-top: 1px; padding-bottom: 1px; padding-left: 2px; }

/* auto complete */
.ac_results img { vertical-align: middle; padding: 3px; }

.ac_results ul { color: #666; background: white; }

.ac_results ul li a { padding: 4px; }

.ac_over { background-color: #e4ffba; }

ul#item-entry-headers { float: left; }

ul#item-entry-headers li { float: left; list-style-type: none; font: normal 15px Arial; }

ul#item-entry-headers li.productlabel { font: bold 18px Arial; }

#inputdifference ol#item-entry-rows { float: left; clear: left; margin-top: 15px; width: 100%; overflow: hidden; }

#inputdifference ol#item-entry-rows li { width: 100%; margin-left: 0; height: auto; list-style-type: decimal; float: left; }

#inputdifference ol#item-entry-rows li ul { clear: left; width: 100%; }

#inputdifference ol#item-entry-rows li ul li { list-style-type: none; float: left; overflow: hidden; margin-top: 12px; }

/* included checkbox */
#inputdifference ol#ifem-entry-rows li ul li.can-send { list-style-type: none; overflow: hidden; height: auto; float: left; width: 200px; height: 50px; overflow: hidden; }

#inputdifference ol#item-entry-rows li ul li.can-send ul { height: auto; }

#inputdifference ol#item-entry-rows li ul li.can-send ul li { float: left; clear: left; height: auto; width: 80px; margin-top: 0; height: 100%; }

#inputdifference ol#item-entry-rows li ul li.can-send input { margin-top: 2px; border: none; float: left; clear: left; }

#inputdifference ol#item-entry-rows li ul li.can-send label { float: left; clear: left; }

#inputdifference ol#item-entry-rows li ul li.functional select { width: 70px; }

#inputdifference ol#item-entry-rows li ul li.quantity input { width: 50px; }

#inputdifference ol#item-entry-rows li ul li.can-send { margin-top: 5px; }

#inputdifference ol#item-entry-rows li.offer-price { height: 25px; text-align: center; border-bottom: 1px dotted #CCC; font: bold 23px Arial; text-align: right; color: green; }

#inputdifference ol#item-entry-rows li ul li.product, #inputdifference .productlabel { width: 330px; }

#inputdifference ol#item-entry-rows li ul li.product input { width: 300px; }

#inputdifference ol#item-entry-rows li ul li.functional, #inputdifference .funclabel { width: 100px; }

#inputdifference ol#item-entry-rows li ul li.condition, #inputdifference .conditionlabel { width: 90px; }

#inputdifference ol#item-entry-rows li ul li.quantity, #inputdifference .quantitylabel { width: 80px; }

#inputdifference ol#item-entry-rows li ul li.can-send, #inputdifference .can-sendlabel { width: 100px; }

#inputdifference ol#item-entry-rows li ul li.can-send label { float: left; }

#inputdifference ol#item-entry-rows li ul li.offer-price, #inputdifference .offer-pricelabel { width: 105px; }

#inputdifference ol#item-entry-rows li ul li.calculate { width: 75px; height: 26px; margin-left: 10px; cursor: pointer; background: white url(../images/yoshika/secondary/calculate.gif) no-repeat top left; display: block; position: relative; }

#inputdifference ol#item-entry-rows li ul li.delete { width: 25px; height: 25px; }

#inputdifference ol#item-entry-rows li ul li.delete input { margin-left: 10px; margin-top: 6px; background: white url(../images/yoshika/secondary/red_cross.gif) no-repeat; width: 12px; height: 12px; cursor: pointer; border: none; }

#inputdifference .input-price span#grand-total { font: bold 28px Arial; text-align: center; color: green; border-bottom: 1px dotted #CCC; width: 90px; display: block; }

#inputdifference .input-price span#grand-total { font: bold 28px Arial; text-align: center; color: green; border-bottom: 1px dotted #CCC; width: 90px; display: block; }

#inputdifference p { display: inline; }

#inputdifference p span { font: bold 35px Arial; }

#inputdifference p.textfloatl { float: left; clear: left; font: normal 15px Arial; width: 600px; margin-top: 25px; }

#inputdifference p.textfloatr { float: right; clear: right; font: bold 18px Arial; margin-top: 25px; margin-right: 7px; width: 200px; }

#inputdifference p#large-order-note { display: none; }

#inputdifference #add-more-items { width: 165px; margin-top: 10px; height: 31px; float: left; clear: left; cursor: pointer; margin-bottom: 20px; }

#inputdifference #input-text-bar { width: 100%; overflow: hidden; border-bottom: 1px dotted #CCC; margin-bottom: 20px; clear: both; }

#inputdifference #input-text-bar span.asterisks { font: bold 28px Arial; color: #666; float: left; margin-top: 8px; margin-right: 10px; }

#inputdifference #place-order { overflow: hidden; margin-top: 30px; }

#inputdifference #place-order p { display: inline; float: left; clear: left; width: 560px; margin-bottom: 10px; margin-top: 10px; }

#inputdifference #place-order ul { float: left; margin-top: 15px; clear: left; width: 570px; overflow: hidden; }

#inputdifference #place-order ul li { margin-left: 40px; width: 525px; clear: left; margin-bottom: 10px; list-style-type: disc; }

#inputdifference #place-order input { float: right; clear: right; border: none; }

/* CONTACT (for contact.html) ================ */
#secondary-majority .secondary-text-area { width: 300px; height: 120px; }

#contact-info { width: 500px; height: 90px; float: left; clear: left; margin-top: 15px; }

#contact-info ol { margin-top: 10px; }

#contact-info ol li { margin-top: 0px; float: right; clear: right; margin-right: 30px; width: 150px; }

#contact-info ol li.facility-phone { background: white url(../images/yoshika/mini_icons.gif) no-repeat left -76px; margin-right: 0; padding-left: 30px; float: left; clear: none; }

/* menubox for /who-we-are subdirectory */
#whoweare-menu { width: 267px; margin-top: 15px; margin-right: 15px; margin-bottom: 20px; background: white; float: right; position: relative; overflow: hidden; }

#whoweare-menu p { font: normal bold 16px Arial; margin: 0; }

#whoweare-menu p em { width: 100%; position: relative; background: white url(../images/yoshika/navbar.gif) no-repeat right bottom; margin-right: 1px; font-style: normal; line-height: 40px; text-align: center; display: block; }

#whoweare-menu-box { width: 265px; background: white url(../images/yoshika/press_shadow.png) no-repeat top center; overflow: hidden; -moz-border-radius-bottomleft: 7px; -moz-border-radius-bottomright: 7px; -webkit-border-bottom-left-radius: 7px; -webkit-border-bottom-right-radius: 7px; border: 1px solid #CCC; margin-bottom: 10px; padding-bottom: 10px; position: relative; }

#whoweare-menu-box ul { float: left; position: relative; margin-top: 6px; margin-left: 16px; }

#whoweare-menu-box ul li { list-style-type: none; position: relative; float: left; clear: left; display: inline; margin-left: 15px; line-height: 25px; margin-top: 0px; }

#whoweare-menu-box ul li a { color: #666; border: none; text-decoration: none; display: inline; position: relative; font: normal 13px Arial; }

#whoweare-menu-box ul li a:hover { color: #333; }

#whoweare-menu-box ul li a.active { font-weight: bold; }

ul.errorlist { margin-left: 140px; }

#secondary-majority ol ul.errorlist li { float: left; clear: left; margin-top: 0; font: normal 12px Arial; color: red; }

/* case studies ================== */
#content.secondary-case-studies { float: left; width: 700px; margin-left: 10px; margin-top: 30px; }

.individual-case { overflow: hidden; color: #666; margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px dotted #CCC; clear: both; position: relative; width: 100%; }

.individual-case img { float: left; margin-bottom: 20px; margin-right: 20px; }

.individual-case blockquote { font: normal 18px Arial; color: #333; width: 700px; display: inline; }

.individual-case .blockcite { float: left; clear: left; margin-left: 20px; margin-top: 18px; margin-bottom: 22px; width: 100%; font: normal 12px Arial; font-style: italic; }

.individual-case p { float: left; clear: left; font: normal 12px Arial; width: 690px; margin-left: 5px; margin-top: 20px; }

#content.secondary-fineprint { float: left; width: 700px; }

.secondary-fineprint h3 { margin-bottom: 20px; font: bold 20px Arial; }

.secondary-fineprint p { margin-top: 10px; margin-bottom: 10px; }

.secondary-fineprint ol { margin-top: 20px; margin-left: 60px; margin-bottom: 40px; }

.secondary-fineprint ol li { line-height: 20px; margin-bottom: 10px; }

.secondary-fineprint ul { margin-bottom: 40px; margin-top: 20px; }

.secondary-fineprint ul li { margin-left: 40px; line-height: 20px; margin-bottom: 10px; }

.secondary-fineprint ul ul { margin-bottom: 0; }

.secondary-fineprint ul li ul li { margin-left: 20px; }

#entice-bar { overflow: hidden; float: right; clear: right; width: 140px; margin-top: 30px; }

#entice-bar img { margin-bottom: 10px; }

/* Menu for /press & /news ---- */
#pressnews-menu { width: 267px; margin-right: 15px; margin-bottom: 20px; margin-top: 15px; background: white; float: right; position: relative; overflow: hidden; }

#pressnews-menu p { font: normal bold 16px Arial; margin: 0; }

#pressnews-menu p em { width: 100%; position: relative; background: white url(../images/yoshika/navbar.gif) no-repeat right bottom; margin-right: 1px; /* border: 1px dotted red; */ font-style: normal; line-height: 40px; text-align: center; display: block; }

#pressnews-menu-box { width: 265px; background: white url(../images/yoshika/press_shadow.png) no-repeat top center; overflow: hidden; -moz-border-radius-bottomleft: 7px; -moz-border-radius-bottomright: 7px; -webkit-border-bottom-left-radius: 7px; -webkit-border-bottom-right-radius: 7px; border: 1px solid #CCC; margin-bottom: 10px; padding-bottom: 10px; position: relative; }

#pressnews-menu-box ul { float: left; position: relative; margin-top: 6px; margin-left: 16px; }

#pressnews-menu-box ul li { list-style-type: none; position: relative; width: 214px; float: left; clear: left; display: inline; margin-left: 15px; line-height: 25px; margin-top: 0px; }

#pressnews-menu-box ul li a { color: #666; border: none; text-decoration: none; display: inline; outline: none; position: relative; font: normal 14px Arial; }

#pressnews-menu-box ul li a.active { font-weight: bold; }

#pressnews-menu-box ul li a:hover { color: #333; }

/* Our Vision ----------------- */
#content.secondary-whoweare-vision { width: 620px; }

.secondary-whoweare-vision p { margin-bottom: 30px; margin-top: 5px; }

.secondary-whoweare-vision h2 { margin-bottom: 20px; }

.secondary-whoweare-vision h3 { margin-bottom: 25px; }

.secondary-whoweare-vision ul { margin-bottom: 30px; }

.secondary-whoweare-vision ul li { line-height: 20px; list-style-type: none; margin-left: 40px; margin-bottom: 10px; }

/* Management Team ------------ */
#content.secondary-whoweare-management { width: 620px; float: left; clear: left; overflow: hidden; }

.secondary-whoweare-management div.management-wrapper { overflow: hidden; float: left; width: 450px; margin-bottom: 30px; }

.secondary-whoweare-management p { font: normal 13px Arial; margin-bottom: 20px; line-height: 20px; }

.secondary-whoweare-management img { float: left; clear: left; margin-bottom: 20px; margin-right: 20px; }

/* Management Team Personnel -- */
#personel { overflow: hidden; text-align: center; margin-bottom: 35px; }

#personel li { display: inline; list-style-type: none; border-right: 1px solid #CCC; padding-right: 8px; margin-left: 4px; font: normal 13px/21px Arial; }

#personel li:last-child { border-right: 0; }

#personel li a { text-decoration: none; color: #666; white-space: nowrap; }

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

/* CEO Letter ----------------- */
#content.secondary-whoweare-letter { float: left; width: 620px; }

.secondary-whoweare-letter p { font: italic normal 13px Arial; margin-bottom: 20px; line-height: 20px; }

.secondary-whoweare-letter img { float: right; margin-bottom: 20px; margin-left: 20px; }

/* Press & News ---------------------- */
#content.secondary-happenings { width: 630px; margin-top: 20px; float: left; clear: left; overflow: hidden; }

#content.secondary-happenings p { line-height: 20px; }

#content.secondary-happenings a { color: green; font: normal 13px Arial; }

#content.secondary-happenings p a { float: none; }

#content.secondary-happenings .happenings-warning { margin-bottom: 20px; font: 15px Arial; }

#content.presspage .press-wrapper { overflow: hidden; float: left; width: 450px; }

#content.presspage .learn-more { float: right; clear: right; margin-bottom: 17px; }

#content.presspage img { float: left; clear: left; margin-bottom: 20px; margin-right: 20px; background: #fff; border: none; }

#content.newspage p { font: normal 13.5px/1.4em Arial; margin-bottom: 10px; }

#content.newspage ol { margin-left: 20px; font: normal 13.5px Arial; margin-bottom: 10px; }

#content.newspage ol li { list-style-type: disc; margin-bottom: 5px; }

/* Thank you pages ================== */
#content.thankyou { float: left; clear: left; }

#content.thankyou img { margin-top: 40px; }

#content.thankyou p { font: normal 16px Arial; }

#content.thankyou em { margin-top: 20px; margin-bottom: 18px; display: block; font: normal bold 18px/20px Arial; }

/* try-us-now ================ */
#try-us-intro p { float: left; clear: left; }

#try-us-intro ul { float: left; margin-left: 40px; margin-top: 15px; }

#try-us-intro ul li { float: left; clear: left; margin-bottom: 10px; }

/* #inputdifference #place-order .checkbox { clear: none; } */
/* #inputdifference #place-order .checkagreement { float: right; clear: right; width: auto; margin-top: 0; } */
#inputdifference #place-order ul.agreement { overflow: hidden; width: auto; list-style-type: none; float: right; clear: right; }

#inputdifference #place-order ul.agreement li { width: auto; height: 20px; overflow: hidden; list-style-type: none; float: left; margin: 0; clear: none; }

#inputdifference #place-order ul.agreement li.checkbox { width: 20px; margin-top: 2px; margin-right: 5px; }

.form-error { color: red; font: normal 10px Arial; margin-top: 30px; }

/* calculate pulse ---------------- */
.hidden { display: none; }

.pulse { display: none; position: absolute; top: 0; left: 0; width: 75px; height: 26px; background: white url(../images/yoshika/secondary/calculate_pulse.gif) no-repeat; }

/* misc --------------------------- */
#roundie { -moz-border-radius-topleft: 7px; -webkit-border-top-left-radius: 7px; border: 1px solid #CCC; position: absolute; height: 313px; width: 695px; }

#banner_topleft_rounded { position: absolute; width: 9px; height: 8px; top: -1px; left: -1px; background: transparent url(../images/yoshika/topleftrounded.png) no-repeat top left; }

#banner_img_container { overflow: hidden; height: 314px; width: 695px; }

#moreinfo.blog { width: 267px; }

#content.blog { width: 600px; }

#content.blog h1 { color: #f26522; font: bold 23px Verdana; text-align: center; }

#content.blog h2 { color: #ee842f; font: bold 17px Arial; margin-top: 20px; }

#content.blog h3 { color: #959595; font: normal 9px/15px Arial; margin-bottom: 10px; }

#content.blog p { font: normal 13px/19px Arial; color: #666; margin-bottom: 10px; }

#content.blog strong { color: #666; }

.blog #moreinfobox { border-left: 1px solid #CCC; }

/* CTC & CBIA styles --------------------- */
#ctc_container { position: relative; margin: 35px 0 0 0; overflow: hidden; clear: both; width: 100%; float: left; }

#ctc_container #ctc_col_left { float: left; width: 32%; padding-right: 2.3%; }

#ctc_container #ctc_col_right { float: right; width: 32%; padding-left: 2.3%; }

#ctc_container #ctc_col_center { margin: 0 34.5%; padding: 0 1.5%; border-right: 1px dashed #CCCCCC; border-left: 1px dashed #CCCCCC; }

#ctc_container p, #ctc_container h2 { margin: 0; }

#ctc_container p { font: normal 1.1em/1.35em Arial; color: #4e4e4e; }

#ctc_container h2 { white-space: nowrap; text-align: left; font: bold 1.6em Tahoma, Geneva, sans-serif; letter-spacing: -0.01em; color: #4e4e4e; margin: 0 0 5px 0; }

#expose.ctc_margin { margin-top: 180px; }

#promotion-banner { position: absolute; height: 200px; width: 100%; min-width: 962px; overflow: hidden; margin: 0 auto; z-index: 2; }

#promotion-banner.ctc { background: transparent url(../images/yoshika/ctc_cbia/ctc.png) no-repeat top center; }

#promotion-banner.cbia { background: transparent url(../images/yoshika/ctc_cbia/cbia.png) no-repeat top center; }

#promotion-banner-spacer { height: 0px; }

.ctcinfo { font: bold 10px Arial; margin-top: 2px; }

#ctc_container a { text-decoration: none; color: green; }

#ctc_container a:hover { text-decoration: underline; }

/* ===  MOBILE DEVICE RECYCLING PROGRAM  ================ */
.mdrph { width: 962px; margin: 10px auto; overflow: hidden; }

.mdrph #branding_bar { height: 80px; width: 902px; padding: 15px 30px; }

.mdrph #branding_bar img.right { float: right; }

.mdrph #branding_bar img.left { float: left; }

.mdrph h1 { height: 39px; background: #6b91ce url(../images/yoshika/partner/gradient_spritemap.png) no-repeat top right; font: bold 24px/39px Arial; color: #FFFFFF; }

.mdrph h1 .page_header_bar_sliding_door { height: 39px; width: 15px; background: black url(../images/yoshika/partner/gradient_spritemap.png) no-repeat top left; }

.mdrph h1 .page_header_bar_text { margin-left: 30px; }

.mdrph #assistance { background-color: #f7f7f6; width: 238px; height: 55px; -moz-border-radius: 8px; -webkit-border-radius: 8px; padding: 25px 30px 30px 30px; border: 1px solid #CCC; }

.mdrph #assistance #assistance_text { font: normal 15px Arial; color: #666666; text-align: left; }

.mdrph #assistance p { font-size: 11px; color: #999; text-align: right; }

.mdrph #assistance p a { text-decoration: none; color: #6699cc; }

.mdrph #assistance #assistance_phone_number { font: bold 30px Arial; color: #3366cc; text-align: right; }

.mdrph #footer { width: 962px; float: left; clear: both; height: 50px; margin-bottom: 0; border-top: 1px solid #CCC; }

.mdrph #sidebar { width: 300px; overflow: hidden; background-color: white; float: right; margin: 30px 20px 20px 20px; text-align: center; }

.mdrph #main_portion { width: 600px; overflow: hidden; float: left; margin: 30px 0 0 0; }

.mdrph #sidebar img { margin-top: 20px; }

.mdrph #main_portion #instructions { float: left; width: 550px; overflow: hidden; float: left; padding: 0 0px 0 45px; margin: 0 0 15px 0px; }

.mdrph h2 { height: 41px; width: 100%; background: transparent url(../images/yoshika/partner/gradient_spritemap.png) no-repeat right -47px; font: bold 24px/39px Arial; color: #767676; text-align: center; position: relative; }

.mdrph h2 .page_header_bar_sliding_door { height: 41px; width: 15px; background: transparent url(../images/yoshika/partner/gradient_spritemap.png) no-repeat left -47px; display: block; position: absolute; top: 0; left: 0; z-index: 2; }

.mdrph #or_clause { width: 160px; height: 100px; float: left; display: inline; font: bold 24px/39px Arial; color: #767676; text-align: center; }

.mdrph #presentation dl { font: bold 15px Arial; margin: 0 0 20px 0; }

.mdrph #presentation dt { font: bold 18px Arial; margin: 0 0 10px 0; }

.mdrph #presentation dd { margin-left: 20px; }

/* PAGE 25 (Mobile Device Recycling Program Default Tangoe)  --------------------- */
#page_25 #partner-override-secondary-majority { overflow: hidden; float: left; width: 390px; margin-left: 30px; margin-top: 20px; }

#page_25 #partner-override-secondary-majority p { font: normal 15px Arial; }

#page_25 #main_portion #instructions p { font: bold 18px Arial; color: #666; }

#page_25 #partner-override-secondary-majority p.help-text { font: normal 9px Arial; }

/* form styles ------------------------------------------------------------------  -- basically overrides CR form styles (trying to setup some basic form styles)  --------------------------------------------------------------------------- */
/* PAGE 25 (Mobile Device Recycling Program Devices Default) ---------- */
#page_25 #schedule_pickup { float: left; clear: left; width: 450px; }

/* PAGE 26 (Mobile Device Recycling Program Thank you) ---------- */
#page_26 #assistance { margin: 40px 0 0 0; }

#page_26 #assistance p { margin-top: 0; }

#page_26 h3 { font: bold 18px Arial; margin: 0 0 20px 0; }

#page_26 p { font: normal 12px Arial; margin-top: 15px; }

#page_26 p em { font: normal 14px Arial; margin-top: 15px; }

/* PAGE 27 (Mobile Device Recycling Program Devices Both) ---------- */
#page_27 #choice { display: none; width: 962px; height: 40px; text-align: center; clear: both; }

#page_27 #presentation { float: left; width: 917px; overflow: hidden; float: left; padding: 30px 0 0 45px; margin: 0 0 15px 0px; }

#page_27 #presentation img { float: right; width: 175px; }

#page_27 #presentation #instructions { width: 670px; float: left; margin: 10px 0 0 0; }

#page_27 #presentation #instructions p { font: normal 15px Arial; margin: 0 0 20px 0; }

#page_27 #presentation #instructions dl { font: bold 15px Arial; margin: 0 0 20px 0; }

#page_27 #presentation #instructions dt { font: bold 15px Arial; }

#page_27 #presentation #instructions dd { margin-left: 20px; }

#page_27 #more_than_ten { float: left; margin: 0 0 0 0px; overflow: hidden; width: 400px; }

#page_27 #more_than_ten .more_less_softwrap { width: 350px; margin: 20px 0 0 25px; }

.more_less_softwrap p { font: normal 15px Arial; }

#page_27 #fewer_than_ten { clear: right; width: 400px; overflow: hidden; float: right; margin: 0 0 20px 0; }

#page_27 #fewer_than_ten .more_less_softwrap { text-align: center; width: 350px; margin: 20px auto 0; }

#page_27 #fewer_than_ten .more_less_softwrap p { text-align: left; margin-bottom: 15px; }

#page_27 #fewer_than_ten .more_less_softwrap img { margin: 30px auto 0; }

#page_27 #assistance { margin-right: 48px; float: right; clear: right; display: inline; }

/* END MOBILE DEVICE RECYCLING PROGRAM ================ */
.form-style-1 fieldset { border: none; float: left; clear: left; }

.form-style-1 fieldset h3 { margin-top: 20px; margin-bottom: 10px; }

.form-style-1 fieldset ol { margin-bottom: 25px; }

.form-style-1 fieldset.dateinput { margin-top: 5px; margin-bottom: 20px; }

.form-style-1 fieldset.dateinput select { margin-left: 0px; float: left; clear: none; }

.form-style-1 fieldset.dateinput ul { width: 100%; }

.form-style-1 fieldset select.daysinput { margin-left: 20px; width: auto; }

.form-style-1 label { font: bold 15px Arial; color: #666; width: 140px; display: block; clear: left; float: left; margin-top: 3px; }

.form-style-1 label.formnoclear { clear: none; margin-left: 15px; }

.form-style-1 label.daylabel { width: auto; }

.form-style-1 p { float: left; clear: left; }

.form-style-1 p.help-text { float: left; clear: left; margin-left: 140px; width: 100%; display: inline; font: normal 9px Arial; }

.form-style-1 p a { color: green; text-decoration: none; }

.form-style-1 ol { float: left; clear: left; width: 600px; }

.form-style-1 ol li { list-style-type: none; margin-top: 10px; float: left; clear: left; width: 600px; }

.form-style-1 ol li input, .form-style-1 form ul li select, .form-style-1 form ul li textarea { font: normal 15px Arial; color: #666; border: 1px solid #CCC; float: left; }

.form-style-1 ol li input { height: 22px; background: white url(../images/yoshika/secondary/input_gradient.gif) repeat-x; padding-top: 2px; padding-left: 2px; width: 200px; }

.form-style-1 textarea { background: white url(../images/yoshika/secondary/input_gradient.gif) repeat-x; border: 1px solid #CCC; float: left; font: normal 15px Arial; height: 150px; width: 250px; }

.form-style-1 ol li input[type="checkbox"] { height: inherit; width: inherit; }

.form-style-1 ol li select { height: 22px; padding: 1px; }

.form-style-1 ol#pickup-form li:last-child { margin-top: 1.75em; }

.form-style-1 input.zipcode { margin-left: -33px; width: 50px; }

.form-style-1 input.basic-form-button { float: left; clear: both; margin-bottom: 10px; margin-top: 15px; border: none; }

.form-style-1 input.basic-form-button:hover { cursor: pointer; }

.form-style-1 input.basic-form-button::-moz-focus-inner { border: 0; }

.form-style-1 input.placeorder { background: transparent url(../images/yoshika/secondary/place_order.gif) no-repeat top left; width: 185px; height: 31px; }

.form-style-1 input.tryus { background: transparent url(../images/yoshika/secondary/try_us.gif) no-repeat top left; width: 185px; height: 31px; }

.form-style-1 input.submit { background: transparent url(../images/yoshika/secondary/submit.gif) no-repeat top left; height: 31px; width: 97px; }

.form-style-1 input.submit_long { background: transparent url(../images/yoshika/partner/submit.png) no-repeat top left; height: 31px; width: 185px; cursor: pointer; }

.form-style-1 form input.moreinfo { background: transparent url(../images/yoshika/secondary/get_info_highlight.gif) no-repeat top left; height: 31px; width: 185px; }

.form-style-1 ul.errorlist { margin-left: 140px; }

.form-style-1 ol ul.errorlist li { float: left; clear: left; margin-top: 0; font: normal 11px Arial; color: red; }

.form-style-1 button { float: left; clear: left; position: relative; border: 0; padding: 0; cursor: pointer; overflow: visible; /* removes extra side padding in IE */ }

.form-style-1 button::-moz-focus-inner { border: none; /* overrides extra padding in Firefox */ }

.form-style-1 button span { position: relative; display: block; white-space: nowrap; margin-left: -2px; }

@media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari and Google Chrome only - fix margins */
  .form-style-1 button span { margin-top: -1px; margin-left: -3px; } }

.form-style-1 button.submitBtn { padding: 0 70px 0 0; margin-right: 5px; font: bold 15px Arial; text-align: center; text-shadow: 0 1px 4px #b35f2d; background: transparent url(http://imgur.com/J0dhj.png) no-repeat right top; }

.form-style-1 button.submitBtn span { padding: 7px 0 0 70px; height: 24px; background: transparent url(http://imgur.com/J0dhj.png) no-repeat left top; color: #FFF; }

.form-style-1 button.submitBtn:hover, button.submitBtnHover { /* the redundant class is used to apply the hover state with a script */ background-position: right -51px; }

.form-style-1 button.submitBtn:hover span, button.submitBtnHover span { background-position: 0 -51px; }