/* HTML Elements */
body, h1, h2, h3, form, input, td {margin:0;}
h1 {font: normal normal 24px/normal Arial, Helvetica, sans-serif; color: #000;}
b, strong    {font-weight:bold;}
blockquote   {margin:1em;}
em, i        {font-style:italic;}
img, fieldset{border:0;}
li           {margin:0 0 0 15px; padding:0;}
ol, ul       {list-style:disc outside; margin:0; padding:0;}
p            {margin:10px 0; padding:0;}
tr, td       {vertical-align:top;}
a {color:#3e69c5; text-decoration: none; outline:none;}
a:hover {text-decoration:none;}
* {padding:0; outline:none;}
td {font-size: 12px ; padding:0;}
body {font-size:12px; font-family:Arial,sans-serif; color:#666;}

/* PAGE LAYOUT */
body {background-color:#d8d8d8; text-align:center;position:relative;padding:20px;}
#container-holder {margin:0px auto; width:1000px;position:relative;}
.c-holder-corners {display:block;}
.c-holder-sides {border-width:0 1px; border-color:#e3e3e3; border-style:none solid; background-color:#fff;}
#container {width:940px; margin:0 auto; text-align:left; padding:10px 0 25px;}
#bodycontent {margin:15px 0 25px;}
#footer {border-top:1px solid #f3f3f3; padding:5px 0 15px; clear:both;position:relative; z-index:10;}
#sub-footer {margin:20px 15px; text-align:left;}

.clear {clear:both; font-size:0px; line-height:0px;}
.m3-headline {margin:5px 0 25px; font-size:18px; font-weight:bold; color:#3f6dc5; padding:0;}


/* HEADER */
#header {height:75px;}
#topsearch {margin:10px 0 0; padding:0; float:right; clear:right; display:block; background:#fff url(/lib/yhst-20804281831352/search-bg.gif) no-repeat 0 0; height:25px; width:280px; line-height:24px; text-align:left;}
#topsubmit {float:right; display:block; width:60px; height:25px; color:#fff; font-weight:bold;}
#topquery {border:0px none #fff; margin-left:10px;}
#m3-tagline {font-size:11px; width:400px;}
#m3-logo {display:block; margin-top:8px; float:left;}

/* TOP NAV BAR */
#m3-navbar {height:30px;}
#navul {list-style-type:none; padding:0; margin:0;}
.navli {display:block; font-size:14px; line-height:30px; text-align:center; margin:0; padding:0; height:30px; overflow:hidden; float:left;}
#navul .spacer {background-image:url(/lib/yhst-20804281831352/topnav-spacer.gif); background-position:0 0; padding-left:2px; background-repeat:no-repeat;}
.nava {padding:7px 28px; background-image:url(/lib/yhst-20804281831352/topnav-bg.gif); background-repeat:no-repeat; color:#fff;}
.nava:hover {text-decoration:none;}
.navli .nmid {background-position:top center;}
.navli .nleft {background-position:top left;}
.navli .nright {background-position:top right;}
.navli .nmid:hover {background-position:bottom center;}
.navli .nleft:hover {background-position:bottom left;}
.navli .nright:hover {background-position:bottom right;}

/* FOOTER */
#footer {color:#999;}
#f-linktable {}
#f-linktable td {padding:2px 35px 2px 0; border-bottom:1px solid #f8f8f8; color:#999; font-size:11px;}
#f-linktable td a {color:#999;}
#shareimgs {vertical-align:middle; margin:-3px 0;}

#emailform-holder {float:right;}
#emailform {display:block; height:26px; width:220px; margin:8px 0; padding:0; background-image:url(/lib/yhst-20804281831352/email-bg.gif);}
#email-submit {float:right; display:block; width:60px; height:26px;}
#email-text {border:#fff 0px none; margin:5px 0 0 10px; color:#999; font-size:11px; width:140px;}

/* SUB FOOTER */
#sub-footer {color:#999; font-size:11px;}
#sub-footer a {color:#999;}
#sf-yahoo {float:left; display:block;}
.sf-indented {margin-left:165px;padding-top:25px;}


/* BOXES WITH TITLES */
.m3-box-holder {}/*width set in RTML*/
#top-acc-header, .m3-title-r {background-image:url(/lib/yhst-20804281831352/m3-box-tr.gif); background-repeat:no-repeat; background-position:top right; padding-right:7px;}
.m3-title-l {background-image:url(/lib/yhst-20804281831352/m3-box-tl.gif); background-repeat:no-repeat; background-position:top left; padding-left:7px;}
.m3-box-title {background-image:url(/lib/yhst-20804281831352/m3-box-t.gif); background-repeat:repeat-x; padding-left:10px; color:#fff; font-weight:bold; height:30px; line-height:29px; font-size:13px; overflow:hidden;}
.m3-box-mid {border-color:#ccc; border-width:1px; border-style:none solid; background-color:#fff; text-align:center;}
.m3-box-content {padding:15px 0 5px; margin:0 auto; text-align:left;}/*width set in RTML*/
.m3-bot-r {background-image:url(/lib/yhst-20804281831352/m3-box-br.gif); background-repeat:no-repeat; background-position:top right; padding-right:10px;}
.m3-bot-l {background-image:url(/lib/yhst-20804281831352/m3-box-bl.gif); background-repeat:no-repeat; background-position:top left; padding-left:10px; height:8px;}
.m3-bot {border-bottom:1px solid #ccc; height:7px; font-size:0px; line-height:0px;}

/* BREADCRUMBS */
.m3-breadcrumbs {margin:15px 0px;}
.m3-breadcrumbs a {color:#666;}



/* HOME PAGE STYLES */
#home-top-section {margin-bottom:10px;}
#home-sellbox {margin-top:16px; float:left;}
#home-sellbox .m3-box-mid {height:161px; _height:131px;}
.home-list-link {display:block; background:#fff url(/lib/yhst-20804281831352/home-list-link.gif) no-repeat 0 1px; color:#2475e4; padding-left:20px; text-align:left;}
#mss-home-slide-holder {margin:0 0 25px 235px; text-align:right;}

#home-leftcol {float:left;}
#home-rightcol {float:right;}

/* Slideshow */
#homeshow {width:700px; height:216px; overflow:hidden; position:relative;}
.aslide {display:none; position:absolute;}
.goLeft {background-image:url(/lib/yhst-20804281831352/l-arrow.png); background-position:center center; background-repeat:no-repeat;}
.goRight {background-image:url(/lib/yhst-20804281831352/r-arrow.png); background-position:center center; background-repeat:no-repeat;}
* html .goLeft {_background-image:url(/lib/yhst-20804281831352/l-arrow.gif);}
* html .goRight {_background-image:url(/lib/yhst-20804281831352/r-arrow.gif);}

/* Whats new */
#scroll-pane {height:350px;}
.scroll-product-holder {margin:20px 20px; clear:left;}
.scroll-product-image {display:block; float:left; margin:0 0 20px 0;}
.scroll-prod-indent {margin-left:100px; line-height:150%; font-size:10px; color:#777;}
.scroll-prod-title {font-size:12px; display:block;}

/* jQuery accordian */
.accord-height {height:400px; float:right;}
.acc-header {outline:none; cursor:pointer;}
.gray-acc {height:30px; line-height:29px; font-weight:bold; color:#666; font-size:13px; border-color:#ccc; border-width:1px; border-style:none solid solid; background-image:url(/lib/yhst-20804281831352/gray-acc-bg.gif); background-repeat:repeat-x; padding:0 15px;}
#m3-box-1,
#m3-box-2,
#m3-box-3 {height:290px;}
.accord-height .m3-box-mid {border-top:0px; border-bottom:0px;overflow:hidden;}
/*.accord-height .m3-box-mid {text-align:left;}

.accord-height .m3-box-mid .jScrollPaneContainer {width:436px !important;}
.accord-height .m3-box-mid .jScrollPaneContainer .m3-box-content {width:416px !important;}
*/

#gray-tr .m3-title-r, #top-acc-header.ui-state-default {background-image:url(/lib/yhst-20804281831352/gbox-tr.gif) !important;}
.ui-state-default .m3-title-l {background-image:url(/lib/yhst-20804281831352/gbox-tl.gif);}
.ui-state-default .m3-box-title {background-image:url(/lib/yhst-20804281831352/gray-acc-bg.gif); color:#666;}
.gray-acc.ui-state-active {background-image:url(/lib/yhst-20804281831352/m3-box-t.gif); color:#fff;}

#home-rightcol .scroll-prod-indent {margin-left:150px;}



/* IE6 Fix for multiple classes */
* html .gray-acc {background-image:url(/lib/yhst-20804281831352/gray-acc-bg.gif); color:#666;}
* html .ui-state-active {background-image:url(/lib/yhst-20804281831352/m3-box-t.gif); color:#fff;}











/* CONTACT PAGE STYLES */
.contact-note {margin:5px 0 25px; font-size:18px; font-weight:bold; color:#3f6dc5;}
#contact-info {float:right;}

.contact-table {}
.contact-table td {color:#666; font-size:12px;}
.contact-table .lef {font-weight:bold; width:75px;}
.contact-table .rig {}
.m3-location-text {margin:20px 0;}

.contact-title {margin:10px 0;}
.contact-title img {margin-right:7px; vertical-align:middle;}

#budget-slider-holder {width:280px;}
#budget-slider-value {width:280px; text-align:center; margin:8px 0;}
#amount {text-align:center;}

.txtinp {width:260px; height:30px; background-image:url(/lib/yhst-20804281831352/m3-input-bg.gif); text-align:center; line-height:29px;}
.txtinp input {border:0px #eee none; background-color:#eee; font-size:16px;}
.txtareatop {background:#eee url(/lib/yhst-20804281831352/m3-textarea-top.gif) no-repeat top center; padding-top:8px; margin-bottom:20px;}
.txtareabot {background:#eee url(/lib/yhst-20804281831352/m3-textarea-bottom.gif) no-repeat bottom center; padding-bottom:8px; text-align:center;}
.txtareatop textarea {border:0px #eee none; background-color:#eee; width:460px; height:100px;}

#thank-you {text-align:center; margin:150px 0; display:none;}


/* CLIENTS / PORTFOLIO PAGE */
.m3-thin-rightcol {float:right; width:220px;}
.m3-portfolio-leftcol {width:712px;}
#other-clients {margin:15px 0;}
.testimonial-block {margin-bottom:15px; line-height:13px;}
.testimonial-block .owner {text-align:right; margin-top:7px;}
.testimonial-block .storename {text-align:right; color:#fc8a24; font-style:italic;}

.client-table {width:708px;}
.client-table td {text-align:center;}
/*
actual dimensions: 230x170
thumb dimensions: 214x154
 */
.img-holder {margin:0 auto; width:214px; height:154px; border:8px solid #666; background-color:#eee; text-align:center; display:table-cell; vertical-align:middle;}
.img-holder img {display:block; margin:0 auto}
.info-holder {margin:0 8px 30px; line-height:170%; text-align:left;}
.info-holder a {display:block;}

#scroll-clients {height:450px;}
.client-ul {list-style-type:none; margin:0;}
.client-ul li {margin:10px 0; line-height:150%;}
.client-ul b {display:block;}
.client-ul strong {font-weight:bold;}
.client-ul em {font-style:normal; color:#fc8a24;}


/* SHOWCASE / INDIVIDUAL CLIENT PAGE */
#scroll-clients2 {height:700px;}

.inset-col {float:left; width:305px;}
.inset-holder {width:300px; height:310px;text-align:center; display:none;}
#mssImage1 {display:block;}
.inset-holder img {display:block; margin:0 auto;}
.inset-image {border:5px solid #666;}
.thumbimg {border:3px solid #666;}
.mss-enlarge {text-align:center; width:300px; margin:6px 0;}

.showcase-text-col {margin-left:330px; width:325px; line-height:150%;}

.m3-image-modal {position:absolute; top:0px; left:0px;display:none;height:100%;z-index:1000;width:100%;}
  .m3-image-modal-frame {width:100%; background:#000; opacity:0.7; filter:alpha(opacity=70); position:absolute; top:0px; left:0px; z-index:1001;}
  .m3-image-modal-container {margin:0px auto; top:200px; width:860px; height:auto;position:relative; z-index:2000;border:10px solid #ccc; background-color:#fff;}
    .m3-image-modal-close {text-align:right; padding:5px 15px 3px 0px;}
      .m3-image-modal-close a {text-decoration:none; color:#666;}
    #m3-modal-image-1 {display:block;}
    .m3-image-modal-container .inset-holder {width:810px;height:auto; margin:0px auto;}
    .m3-image-modal-container .prod-thumb-table {margin:10px auto 0px;}
      .m3-image-modal-container .inset-holder a {cursor:default;}


/* PRODUCTS / YSE: YAHOO STORE ENHANCEMENTS PAGE */
#shortcap {line-height:150%; margin:20px 0; width:700px;}
#shortcap h3, #shortcap p, #shortcap ul {margin:10px 0;}


.m3-thin-rightcol .accord-height {height:auto;}
.enhance-table {width:100%;}
.enhance-table .m3-box-content {padding:1px 0;}
.enhance-table td {padding:0 0 15px; width:33%;}
/*
.enhance-table .lef {text-align:left;}
.enhance-table .mid {text-align:center;}
.enhance-table .rig {right-align:right;}
*/
.enhance-link {margin:15px 0;}

.tooltip {display:none; padding:30px; width:270px; _width:330px; height:230px; _height:290px; background:transparent url(/lib/yhst-20804281831352/thinkbox.png) no-repeat scroll 0 0; z-index:56; zoom:1.0;}


.tooltip-title {display:block; font-size:13px; font-weight:bold; color:#3F6DC5; margin-bottom:10px;}
.tooltip-img {display:block; float:left; margin:0 0 10px 0;}
.toolright {margin-left:155px;}
.tooltext {font-size:11px; line-height:150%;}

.m3-buybox {margin-bottom:20px; line-height:100%;}
.m3-options-holder {margin:10px 0; padding:3px 10px;}
.buybox-lt {float:left; padding-right:5px;width:150px;line-height:18px;vertical-align:middle;}
.m3-options-holder .buybox-rt {line-height:18px;vertical-align:middle;}
.m3-options-holder .buybox-rt input {vertical-align:middle;}
.order-button {display:block; margin:10px 0;}



/* COMPANY - ABOUT US PAGE */
.m3-fat-rightcol {float:right;}
.m3-fat-leftcol {width:585px;}
.abouttext {line-height:150%;}
.abouttext h5 {font-size:12px; font-weight:bold; margin:0; padding:0;}



/* RESOURCES PAGE */
.resource-table {width:100%;}
.resource-table td {width:50%; padding:10px 0;}
.resource-height {height:175px;}
.resource-image-l {float:left;}
.resource-text-r {margin-left:135px;}
.resource-img {display:block; float:left;}
.resource-indent {margin-left:140px; line-height:150%;}


/* YAHOO STORE DESIGN PAGE STYLES */
#example-table-holder {clear:left; padding-top:40px;}
.compare-table {margin:10px auto;}
.compare-table td {width:300px; padding:17px 0; line-height:150%;}
.compare-img-holder {float:left; text-align:center;}
.compare-img-holder img {margin-bottom:8px;}
.compare-indent {margin-left:130px;}
.compare-prod-name {color:#2d84eb; font-weight:bold;}
.compare-add {margin:7px 0; width:130px; height:30px;}
.compare-instruct {font-size:16px; font-weight:bold; padding:15px;}
#csb-holder {display:block !important; background-color:#eee; padding:4px;}
#csb {height:40px; width:232px; float:left; padding:0 !important; background:#eee url('/lib/yhst-20804281831352/compare-blank-box.gif') repeat-x scroll 0 0;}
.mssCompareProd {width:58px; height:40px; float:left;}
.mssCompareName {margin:0 !important;}
.mssCompareGo {margin-left:20px; margin-top:5px; display:block; float:left;}
.mssCompareX {width:16px !important; height:16px !important; background-color:transparent !important; position:relative; top:28px; right:10px; z-index:90; margin:0 !important;}
.mssCompareLink, .mssCompareX {display:block; float:left;}
.mssCompareLink {border:1px solid #ccc; height:38px; width:38px; background-color:#fff; text-align:center;}
.mssCompareLoading .mssCompareLink {opacity:0.5; filter:alpha(opacity=50);}

.mssCompareTable {border-collapse:collapse;}
.oddRow td {background-color:#f7f7f7; border:1px solid #eee;}
.evenRow td {border-color:#eee; border-width:1px; border-style:none solid;}
#mssCompareChartHolder .mssCompareTable {border:none;}
#mssCompareChartHolder .mssCompareTable .mssCompareLeftCol {padding-right:18px; text-align:right; font-size:12px; font-weight:normal;}
#mssCompareChartHolder .mssCompareTable td {padding:5px 10px; width:170px; text-align:left;}

.design-height .m3-box-mid {height:180px; line-height:150%;}
.compare-chart {}
.compare-chart td {padding:3px 0; border-collapse:collapse;}
.compare-chart .oddrow td {background-color:#f5f5f5;}
.compare-chart .headrow td {font-size:14px; font-weight:bold; color:#666; line-height:150%;}
.compare-chart .f-check {width:140px; text-align:center;}
.compare-chart .f-check img {vertical-align:center;}
.compare-chart .f-name {padding:10px 0 10px 10px; width:240px; _width:150px;}
.compare-chart .enhance-link {margin-left:25px;}


/* SECTION PAGES / CATEGORY PAGES */
.categ-cell {padding-top:15px;}
.categ-img {display:block; float:left;}
.categ-right {margin-left:115px;}

.categ-price-holder {font-size:12px;}
.categ-cell .categ-price-holder {margin:10px 0;}
.categ-price-holder strong {font-weight:bold;}
.categ-price-holder em {font-style:normal; color:#fc8a24;}
.categ-price-holder td {padding:0 10px 0 0; width:auto;}
.categ-price-holder .lside {text-align:right;}

.m3-text-tub {margin:10px 0; line-height:150%;}

/* RECENTLY VIEWED ITEMS */
.recentTable {margin:0 auto;}
.recentTable td {width:220px; text-align:center;}
.recentImg {display:block; margin:0 auto;}
.recentTitle {display:block; margin-top:15px;}
.recentPr {line-height:150%;}
.recentSaPr {line-height:150%;}
.recentTable td em {font-style:normal; color:#fc8a24;}

/* Tabs */
#m3-tabs {clear:left; padding-top:10px;}
  #m3-tabs .tab-container {height:30px;border-bottom:1px solid #ccc;}
    #m3-tabs .tab-container .mss-tab,
    #m3-tabs .tab-container .mss-tab-on {width:150px;text-align:center;float:left;}
    #m3-tabs .tab-container .mss-tab-spacer {width:10px; float:left;}
    #m3-tabs .tab-container .mss-tab.m3-title-r {background-image:url(/lib/yhst-20804281831352/gbox-tr.gif);}
    #m3-tabs .tab-container .mss-tab .m3-title-l {background-image:url(/lib/yhst-20804281831352/gbox-tl.gif);}
    #m3-tabs .tab-container .mss-tab .m3-box-title {background-image:url(/lib/yhst-20804281831352/gray-acc-bg.gif);}
    #m3-tabs .tab-container .mss-tab-on a {color:#fff;}
    #m3-tabs .tab-container .mss-tab a {color:#666;}
  
  #m3-tabs .m3-box-content {padding:5px 10px 15px;}

  

/* Multi Order Table */
.multi-order-table {width:712px;margin:15px 0px 10px 0px;}
.multi-order-table tr.title td{font-weight:bold;height:20px;}
.multi-order-table tr.odd td {background-color:#f7f7f7;}
.multi-order-table tr td {text-align:left; padding-left:10px;}
.package-cart-btn {color:#fc8a24;text-align:right;padding-right:25px;}
  .package-cart-btn #currenttotal {display:inline;padding-right:20px;}
  .package-cart-btn input {vertical-align:middle; }


#contact-form-holder {}
#contact-form-holder .m3-box-mid {height:493px;}

/* Tell a friend */
#mss-tellFriend-holder {position:absolute; bottom:310px; left:0; z-index:100005; text-align:center; width:100%; display:none;}
#mss-tellFriend {margin:0px auto 0 auto; width:420px; background-color:#fff; border:2px solid #444; text-align:left; z-index:100005; display:none;}
#mss-tellFriend a {display:block; text-align:right; padding-right:5px;}
#modalOverlay-friend {position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000; opacity:0.35; filter:alpha(opacity=35); z-index:100000;}

