/* CSS Document */ /*******************************************************************************************************************/ /* Begin standard html tag styles /*******************************************************************************************************************/ * { margin: 0px; padding: 0px; } html, body { height: 100%; } body { font-size: 62.5%; background-image: url(../images/bodyBG.gif); background-repeat: repeat-y; background-position: center; background-color: #FFFFFF; } h3 { font-size: 1.7em; } textarea, input { font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; } /*******************************************************************************************************************/ /* End standard html tag styles /*******************************************************************************************************************/ /*******************************************************************************************************************************/ /* Begin all defined id and class styles that exist inside the container /* -------------------------------------------------------------------- /* ----------------------------------------------------------------- /*******************************************************************************************************************************/ #container, #container_home { margin: 0 auto 0 auto; width: 990px; min-height: 100%; height: auto !important; height: 100%; background-color: #FFF; background-repeat: repeat-y; border: 1px solid #ADADAD; border-bottom:0px; border-top:0px; } #container { background-image: url(../images/containerBG-right.gif); } /*Begin header styles*/ #header { width: 990px; height: 135px; background-image: url(../images/headerBG.gif); background-repeat: no-repeat; overflow: hidden; position:relative; } #header #homeLink { position:absolute; top:0px; left:0px; } #nav-left { float: left; } #nav-right { float: right; padding-top: 107px; } #nav-right ul { list-style: none; } #nav-right li { display: inline; float: left; } #nav-right .active { cursor: default; } #social-facebook { position:absolute; top:51px; right:94px; } #social-twitter { position:absolute; top:50px; right:60px; } /*End header styles*/ /*Begin utilityBar styles*/ #utilityBar { width: 990px; height: 32px; border-top: 1px solid #ADADAD; border-bottom: 1px solid #ADADAD; background-image: url(../images/utilityBarBG.gif); background-repeat: no-repeat; } #utilityBar form { padding-left: 135px; } #utilityBar form #keyword { border: none; background-color: #FFFFFF !important; height: 17px; width: 160px; margin-top: 8px; } #inputBox { float: left; } #submitButton { float: left; } /*End utilityBar styles*/ .required { color:#CC0000; } /*******************************************************************************************************************/ /* Begin leftCol styles /*******************************************************************************************************************/ #leftCol { min-height: 550px; height: auto !important; height: 600px; width: 172px; float: left; padding: 10px; border-right: 1px solid #ADADAD; background:none; } /*Begin category styles*/ #category { width: 171px; font-family: "Trebuchet MS", sans-serif; position: relative; } #categoryTop { height: 13px; width: 171px; background-image: url(../images/categorySelect.png); background-repeat: no-repeat; overflow: hidden; } #categoryBody { width: 169px; border-left: 1px solid #B2B2B2; border-right: 1px solid #B2B2B2; background-color: #FFFFFF; font-size: 1.0em; color: #4F4D4D; } #categoryBody ul { list-style: none; width:169px; } #categoryBody ul li a { display: block; } #categoryBody ul li a:hover { background-color: #EBEBEB; } #categoryBody ul li a.head { padding: 0; margin: 0; height: 19px; } #categoryBody ul li a.sub { width: 159px; color: #4F4D4D; text-decoration: none; padding-left:10px; } #ulCategories ul { margin-top:5px; } /*End category styles*/ /*Begin resource styles*/ #resource { width: 171px; font-family: "Trebuchet MS", sans-serif; } #resourceHeader { height: 20px; width: 171px; background-image: url(../images/resourceHeader.png); background-repeat: no-repeat; } #resourceBody { width: 169px; border-left: 1px solid #B2B2B2; border-right: 1px solid #B2B2B2; background-color: #FFFFFF; font-size: 1.0em; color: #4F4D4D; } #resourceBody ul { list-style: none; } #resourceBody ul li a { display: block; width: 159px; color: #4F4D4D; text-decoration: none; padding: 2px 0 2px 10px; } #resourceBody ul li a:hover { background-color: #EBEBEB; } /*End resource styles*/ /*Begin Free Music styles*/ #freemusic{text-decoration: none; margin-top:5px;} /*End Free Music styles*/ .sideColumnFooter { height: 13px; width: 171px; background-image: url(../images/sideColumnFooter.png); background-repeat: no-repeat; } /*******************************************************************************************************************/ /* End leftCol styles /*******************************************************************************************************************/ /*******************************************************************************************************************/ /* Begin main styles /*******************************************************************************************************************/ #main { float: left; } #bannerAd { padding: 0 0 10px 0; } /*Begin main-body-text styles*/ #main-body-text { width: 757px; padding: 10px 20px 0 20px; background-color: #FFFFFF; } #main-body-text h2 { font-size: 1.8em; color: #333333; padding: 10px 0 10px 0; font-family: "Trebuchet MS", sans-serif;} #main-body-text h3 { font-size: 1.4em; color: #336699; font-family: "Trebuchet MS", sans-serif;} #main-body-text p, #main-body-text td { font-size: 1.2em; font-family: "Trebuchet MS", sans-serif; color: #333333; } #main-body-text p { padding: 0 0 10px 0; } #main-body-text a { text-decoration: none; color: #2E4DA0; } #main-body-text a:hover { text-decoration: underline; } /*Home Styles*/ #clients { border-top:1px solid #d7d6d4; } #main-left-home { background:url(../images/home/homeHeader.gif) top no-repeat; border-right:1px solid #d7d6d4; float: left; height:490px; width:499px; } #main-right-home { float: left; width:490px; } #slides { height:364px; width:490; } #slides a img { border:0px; } /*About Us Styles*/ #mainLeftCol { float: left; width: 232px; padding: 20px 0 0 50px; } #mainRightCol { float: left; width: 252px; padding: 0 0 0 30px; } /*Art Information style*/ #EPS-wrapper { border-top: 1px solid #C0BCBC; border-bottom: 1px solid #C0BCBC; padding: 15px 0 5px 0; margin: 0 0 10px 0; } #EPS_leftCol { float: left; width: 262px; padding: 0 10px 0 10px; } #EPS_leftCol p { font-size: 1.0em; } #EPS_rightCol { float: left; width: 262px; padding: 0 10px 0 10px; } #EPS_rightCol p { font-size: 1.0em; } #pantone-wrapper { border-top: 1px solid #C0BCBC; border-bottom: 1px solid #C0BCBC; padding: 15px 0 5px 0; margin: 0 0 10px 0; } #pantone-wrapper p { font-size: 1.0em; } /*Newsletter styles*/ #main-body-text p.newsletter-smallText { font-size: 1.0em; padding-left: 4px; } #main-body-text p.listHeader { padding: 0; } #main-body-text ul.ulNewsletter { font-size: 1.2em; font-family: "Trebuchet MS", sans-serif; padding: 0 0 10px 0; color: #333333; list-style-type: disc; } #main-body-text ul.ulNewsletter li { margin: 0 0 0 20px; } #main-body-text #newsletterColumn1 { float: left; width: 175px; padding: 20px 0 0 0; } #main-body-text #newsletterColumn2 { float: left; width: 175px; padding: 8px 0 0 0; } #main-body-text #newsletterColumn3 { float: left; width: 175px; padding: 10px 0 0 0;} #newsletterColumn1 p, #newsletterColumn2 p, #newsletterColumn3 p { font-size: 1.2em; font-family: "Trebuchet MS", sans-serif; padding: 0; color: #333333; text-align: center; } #newsletterColumn1 p { padding-top: 7px; } #main-body-text .newsletterColumnBorder { float: left; width: 10px; padding: 0 0 0 9px; } /*Sunsaver styles*/ #main-body-text #sunsaversLeftCol { float: left; width: 272px; padding: 0 10px 0 0; } #main-body-text #sunsaversRightCol { float: left; width: 272px; padding: 0 0 0 10px; } #main-body-text #sunsaversLeftCol ul, #main-body-text #sunsaversRightCol ul { list-style-type: none; padding: 5px 0 5px 0; font-size: .9em; font-family: "Trebuchet MS", sans-serif; color: #666666; } /*Clothes Sizing styles*/ .clothes_sizing_border { border-top: 1px solid #C0BCBC; padding: 5px 0 0 0; } .tableWrapper { padding: 0 0 10px 0; } .clothesSizingTable { font-family: "Trebuchet MS", sans-serif; font-size: 1.2em; border: 1px solid #666666; background-color: #C0BCBC; } .clothesSizingTable td { text-align: center; } .clothesSizingTable tr { background-color: #EEEEEE; } .clothesSizingTable tr.trHeader { background-color: #2E4DA0; color: #EEEEEE; font-weight: bold; } .sizeAbbreviation { font-weight: bold; color: #336699; } .tablePadding { padding: 0 0 10px 0; } /*End main-body-text styles*/ /*Begin change and payment form styles*/ div#errorContainer, div.error { display:none; } div#errorContainer, div.error { border:1px solid #990000; padding:5px 5px 5px 10px; } div#errorContainer .error, div.error { color:#990000; font-size: 1.1em; font-weight:bold; font-family: "Trebuchet MS", sans-serif; display:block; } div#successContainer { border:1px solid #006600; padding:5px 5px 5px 10px; color:#006600; font-size: 1.1em; font-weight:bold; font-family: "Trebuchet MS", sans-serif; display:block; } div#successContainer a { color:#006600; text-decoration:underline; } form#frmChange fieldset, form#frmPayment fieldset { border:1px solid #c0bcbc; padding:0px 6px 6px 6px; margin:5px; } form#frmChange legend, form#frmPayment legend { border:1px solid #c0bcbc; padding:2px 8px 2px 8px; font-size: 1.3em; font-weight:bold; font-family: "Trebuchet MS", sans-serif; color: #333333; } form#frmChange input#btnSubmit, form#frmPayment input#btnSubmit { font-size:1.4em; font-weight:bold; width:150px; cursor:pointer; font-family: "Trebuchet MS", sans-serif; color: #333333; } form#frmPayment input, form#frmPayment textarea, form#frmPayment select, form#frmChange input, form#frmChange textarea, form#frmChange select, div#recaptcha_image { border:1px solid #adadad; } form#frmPayment input, form#frmPayment textarea, div#recaptcha_image { width:300px; padding:2px; } form#frmChange input, form#frmChange textarea { width:360px; padding:2px; } input.error, select.error, textarea.error { border:1px solid #990000!important; background-color:#FFEEFF; } form#frmPayment select option, form#frmChange select option { padding:0 10px 0 0; } /*End payment styles*/ /*Begin specials styles*/ #specials { } .specials-container img { float:left; } .specials-row img { display:block; } .specials-column-1 { float: left; } .specials-column-2 { float: left; } .specials-column-3 { float: left; } .specials-column-4 { float: left; } .clickHere{ z-index:100;} #fragment-1{ } #fragment-2{ } #fragment-3{ } /*End speacials styles*/ /*Begin media styles*/ #media { font-family: "Trebuchet MS", sans-serif; } #media .tabs { font-size: 1.2em; color: #333333; font-weight: normal; } #media .divMedia { width: 604px; height: 245px; } #media .video { width: 290px; height: 225px; padding: 10px 0 0 26px; overflow: hidden; float: left; } #media .content { width: 243px; padding: 25px 30px 0 15px; float: left; } #media .content h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: lighter; letter-spacing: 1px; color: #A02D22; } #media .content p { font-size: 1.0em; font-family: Verdana, Arial, Helvetica, sans-serif; margin-left: 1px; background-image: url(../images/listMidDot.gif); background-repeat: no-repeat; padding: 4px 0 3px 4px; } #media .content p a { color: #2E4DA0; text-decoration: none; } #media .content p a:hover { text-decoration: underline; } /*End media styles*/ /*Begin main-footer styles*/ #main-footer-home, #main-footer { background:#fff url(../images/footerBG.gif) top repeat-x; font-family: "Trebuchet MS", sans-serif; text-align: center; color: #999999; clear:both; margin:0 0 10px 0; padding:21px 0 0 0; } #main-footer a ,#main-footer-home a { color: #999999; text-decoration: none; } #main-footer a:hover, #main-footer-home a:hover { text-decoration: underline; } /*End main-footer styles*/ /*******************************************************************************************************************/ /* End main styles /*******************************************************************************************************************/ /*******************************************************************************************************************/ /* Begin rightCol styles /*******************************************************************************************************************/ #rightCol { min-height: 600px; height: auto !important; height: 600px; width: 172px; float: left; padding: 10px; border-left: 1px solid #ADADAD; background:none; } /*Begin customer styles*/ #customer { width: 171px; font-family: "Trebuchet MS", sans-serif; } #customerHeader { height: 20px; width: 171px; background-image: url(../images/customerHeader.png); background-repeat: no-repeat; } #customerBody { width: 143px; border-left: 1px solid #B2B2B2; border-right: 1px solid #B2B2B2; background-color: #FFFFFF; font-size: 1.0em; color: #000000; padding: 3px 13px 0 13px; } #customerBody ul { list-style: none; } #customerBody li { background-image: url(../images/listMidDot.gif); background-repeat: no-repeat; padding: 3px 0 3px 4px; } /*End customer styles*/ /*Begin ideasForm styles*/ #ideasForm { width: 171px; font-family: "Trebuchet MS", sans-serif; } #ideasFormHeader { height: 20px; width: 171px; background-image: url(../images/ideasFormHeader.png); background-repeat: no-repeat; } #ideasFormTop { width: 143px; border-left: 1px solid #B2B2B2; border-right: 1px solid #B2B2B2; background-color: #FFFFFF; font-size: 1.0em; color: #4F4D4D; padding: 3px 13px 3px 13px; } #ideasFormTop.hiddenMessage { display: none; } #ideasFormBody { height: 227px; width: 171px; background-image: url(../images/ideasForm.gif); background-repeat: no-repeat; } form #ideasFormBody input { border: none; background-color: #FFFFFF !important; height: 16px !important; width: 137px !important; margin-left: 17px; } form #ideasFormBody input, form #ideasFormBody textarea { border: none; background-color: #FFFFFF !important; width: 137px !important; margin-left: 17px; } form #inputName { margin-top:20px; } form #inputEmail { margin-top:23px; } form #inputDescription { margin-top:23px; height:45px; } form #inputQuantity { margin-top:23px; } form #inputPrice { margin-top:23px; } #ideasFormSubmit { width: 171px; background-image: url(../images/ideasFormSubmit.gif); background-repeat: repeat-y; } form #submit { margin: 3px 0 0 102px !important; } form #inputDvh { display:none; } #ideasFormFooter { height: 12px; width: 171px; background-image: url(../images/ideasFormFooter.png); background-repeat: no-repeat; } /*Begin form success styles*/ #formComplete { width: 169px; border-left: 1px solid #B2B2B2; border-right: 1px solid #B2B2B2; background-color: #FFFFFF; } #formSuccessBox { width: 142px; border: 2px solid #009900; background-color: #99FF99; padding: 2px 10px 10px 13px; } #formSuccessMessage p { padding: 0; color: #009900; font-weight: bold; } #formSuccessExit { padding: 0 0 5px 0; text-align: right; cursor: pointer; } /*End form success styles*/ /*Begin error styles*/ #errorMessage { width: 169px; border-left: 1px solid #B2B2B2; border-right: 1px solid #B2B2B2; background-color: #FFFFFF; } #errorBox { width: 150px; border: 2px solid #4C0404; background-color: #F1C5C5; padding: 2px 10px 10px 5px; } #errorBox p { padding: 0; color: #FF0000; } #errorExit { padding: 0 0 5px 0; text-align: right; cursor: pointer; } #errorBG { background-image: url(../images/contactError.gif); background-repeat: no-repeat; font-weight: bold; padding: 2px 0 0 20px; } #errorBG a { font-weight: normal; font-style: italic; color: #4C0404; text-decoration: none; } #errorBG a:hover { text-decoration: underline; } #no-errorBG { margin-left: 25px; } /*End error styles*/ /*End ideasForm styles*/ /*Begin experience styles*/ #experience { width: 171px; font-family: "Trebuchet MS", sans-serif; } #experienceHeader { height: 20px; width: 171px; background-image: url(../images/experienceHeader.png); background-repeat: no-repeat; } #experienceBody { width: 169px; border-left: 1px solid #B2B2B2; border-right: 1px solid #B2B2B2; background-color: #FFFFFF; font-size: 1.0em; color: #000000; padding-top:0; } /*End experience styles*/ /*Begin acceptedCredit styles*/ #acceptedCreditHeader { height: 13px; width: 171px; background-image: url(../images/acceptedCreditHeader.png); background-repeat: no-repeat; } #acceptedCreditBody { width: 169px; border-left: 1px solid #B2B2B2; border-right: 1px solid #B2B2B2; background-color: #FFFFFF; font-size: 1.0em; color: #000000; } #acceptedCreditFooter { height: 13px; width: 171px; background-image: url(../images/acceptedCreditFooter.png); background-repeat: no-repeat; } /*End acceptedCredit styles*/ #easterSeals { text-align:center; } /*******************************************************************************************************************/ /* End rightCol styles /*******************************************************************************************************************/ #footer { clear: both; background-color: #C0BCBC; } .hiddenLink a { cursor: text; } #main-footer .hiddenLink a:hover { text-decoration: none; } .clear { clear: both; } .spacer { height: 10px; } .sidebar-module { margin-bottom:10px; } /********************************************************************************************************************************/ /* End all defined id and class styles that exist inside the container /* ------------------------------------------------------------------ /* --------------------------------------------------------------- /********************************************************************************************************************************/