/*Datahost stylesheet*/ /*Set up body, td, and p as the same style. You'll also want to include the same info in the tag on main template.*/ /* commented backslash hack \*/ html, body{height:100%;} /* end hack */ html,body {margin:0;padding:0;} body { margin: 0; padding: 0; border: 0; font-family: arial, helvetica, sans-serif; font-size: 13px; line-height: 1.4em; color: #333; background: #fff url(images/bkgnd_body.jpg) top left repeat-x; } .bodyhome { color: #fff; background: #000 url(images/bkgnd_body.jpg) top left repeat-x; } a:link, a:visited { color: #c42320; text-decoration: underline; } a:hover { color: #db6404; text-decoration: underline; } td, p { font-family: arial, helvetica, sans-serif; font-size: 13px; line-height: 1.4em; color: #333; } /*Main template styles.*/ #outer{min-height:100%;margin-bottom:-93px;height:auto;} * html #outer{height:100%;} #wrapper { width: 770px; margin: 0 auto; position: relative; } #banner { height: 150px; position: relative; margin-bottom: 15px; } .default { background: url(images/bkgnd_bannercontact.jpg) top left no-repeat; } .defaulthome { background: url(images/bkgnd_bannerdefault2.jpg) top left no-repeat; } .design { background: url(images/bkgnd_bannerdesign.jpg) top left no-repeat; } .marketing { background: url(images/bkgnd_bannermarketing.jpg) top left no-repeat; } .portfolio { background: url(images/bkgnd_bannerportfolio.jpg) top left no-repeat; } .about { background: url(images/bkgnd_bannercontact.jpg) top left no-repeat; } #logo { width: 200px; height: 65px; position: absolute; top: 22px; left: 0px; } .icons { font-size: 9px; color: #fff; text-align: center; } .icons a:link, .icons a:visited { color: #fff; text-decoration: none; } .icons a:hover { color: #fbaa56; text-decoration: none; } #mainnav { width: 495px; height: 26px; position: absolute; bottom: 12px; right: 0px; text-align: right; } #navbuttons { height: 187px; } #navigation { width: 216px; } #navigation ul { margin: 0; padding: 0; text-align: left; } #navigation li { list-style: none; color: #322211; font-size: 12px; line-height: 1.2em; margin-top: 5px; } #navigation li a:link, #navigation a:visited { display: block; color: #322211; text-decoration: none; background: url(images/bullet_orangewhite.gif) 0px 2px no-repeat; padding-left: 12px; border-bottom: 1px dotted #db6404; } #navigation li a:hover { color: #fff; text-decoration: none; } #navigationhome { width: 216px; } #navigationhome ul { margin: 0; padding: 0; text-align: left; } #navigationhome li { list-style: none; color: #ffffff; font-size: 12px; line-height: 1.2em; margin-top: 5px; } #navigationhome li a:link, #navigationhome a:visited { display: block; color: #ffffff; text-decoration: none; background: url(images/bullet_orangegray.gif) 0px 2px no-repeat; padding-left: 12px; border-bottom: 1px dotted #fff; } #navigationhome li a:hover { color: #fbaa56; text-decoration: none; } #content { padding-right: 20px; padding-bottom: 15px; } #footerwrapper { width:100%; clear:both; height:93px; background: url(images/bkgnd_footer.jpg) bottom left repeat-x; text-align: center; color: #000000; } #clearfooter{clear:both;height:93px;} div>p {margin:0} #footer { width: 770px; height: 93px; margin: 0 auto; } .footerlinks { color: #c42320; font-size: 12px; } .footerlinks a:link, .footerlinks a:visited { color: #c42320; text-decoration: none; } .footerlinks a:hover { color: #db6404; text-decoration: none; }/*site links in the footer, like home, etc.*/ .footername { padding-top: 25px; color: #fbaa56; font-weight: 400; font-size: 12px; } .footername a:link, .footername a:visited { color: #fbaa56; text-decoration: underline; } .footername a:hover { color: #3cb040; } .siteby { padding-top: 8px; font-size: 10px; line-height: 1.2em; color: #fbaa56; } .siteby a:link, .siteby a:visited { color: #fbaa56; text-decoration: underline; } .siteby a:hover { color: #3cb040; } .moreinfolink { text-align: right; margin-top: 12px; color: #fb5956; font-size: 13px; font-weight: bold; }/*these are with a line break*/ .moreinfolink a:link, .moreinfolink a:visited { color: #fb5956; text-decoration: none; } .moreinfolink a:hover { color: #3cb040; text-decoration: none; } .moreinfolink2 { text-align: right; margin-top: 0px; color: #3c7cb0; font-size: 13px; font-weight: bold; border-bottom: 1px dotted #fbaa56; }/*these are inline*/ .moreinfolink2 a:link, .moreinfolink2 a:visited { color: #3c7cb0; text-decoration: none; } .moreinfolink2 a:hover { color: #3cb040; text-decoration: none; } /*index template styles*/ .intro { font-size: 13px; line-height: 1.3em; color: #000; } .intro a { text-decoration: none; font-weight: bold; } .intro a:hover { color: #3cb040; text-decoration: underline; } .quotebox { width: 510px; background: url(images/quotes_top.gif) top left no-repeat; margin-top: 10px; margin-bottom: 0px; } p.quoteboxbottom { /*width: 510px;*/ height: 35px; background: url(images/quotes_bottom.gif) top left no-repeat; margin-bottom: 0px; padding-left: 50px; padding-right: 50px; font-weight: bold; } .quoteboxcontent { padding: 12px 50px 5px 50px; } /*Category and Product list, cell and details pages*/ h1 { margin-top: 0px; margin-bottom: 8px; font-size: 22px; font-weight: 400; line-height: 1.1em; color: #db6404; } /*this is always used for the page title, except home page and product detail pages*/ h2 { margin-top: 10px; margin-bottom: 4px; font-size: 18px; font-weight: 400; line-height: 1.1em; color: #db6404; } h2.intro { margin-top: 0px; margin-bottom: 10px; font-size: 18px; font-weight: 400; line-height: 1.2em; color: #db6404; } h3 { margin-top: 10px; margin-bottom: 2px; font-size: 15px; font-weight: bold; line-height: 1.1em; color: #322211; } h4 { margin-bottom: 2px; font-size: 14px; font-weight: bold; line-height: 1.2em; color: #322211; } li { font-size: 13px; line-height: 1.2em; margin-bottom: 4px; list-style-type: square; list-style-position: outside; } li.webpages { font-size: 13px; line-height: 1.2em; margin-bottom: 4px; } .cellheader, .testimonialcellheader { font-size: 15px; color: #db6404; font-weight: bold; } .cellheader a, .testimonialcellheader a { color: #db6404; text-decoration: none; } .cellheader a:hover, .testimonialcellheader a:hover { color: #c42320; text-decoration: none; }/*cat name or product name, depending on which cell*/ .celltext, .testimonialcelltext { font-size: 13px; } .testimonial { color: white; /*i applied the tag before and after the blurb in the insert statement so it didn't effect the span class below this one */ } .testimonial .person { font-size: 14px; color:#fbaa56; font-style: null; A:link {text-decoration: none} A:visited {text-decoration: none} A:active {text-decoration: none} A:hover {text-decoration: underline; color: red;} } .portheader { font-size: 12px; color: #333; line-height: 1.2em; font-weight: bold; } .portheader a { color: #333; text-decoration: none; } .portheader a:hover { color: #fbaa56; } .portclickhere { font-size: 11px; } #homePictureText { position: relative; top: 65px; left: 136px; width: 200px; color:white; font-size: 16px; font-family: helvetica, arial, sans-serif; font-style: italic; } .highlight { font-size: 13px; font-weight: bold; color: #db6404; } .highlight a:link, .highlight a:visited { color: #db6404; text-decoration: underline; } .highlight a:hover { color: #c42320; text-decoration: underline; } .highlight2 { color: #db6404; font-size: 14px; font-weight: bold; #text-decoration: underline; } .freeship { font-size: 12px; font-weight:bold; color: #9b0075;} .multiheader { margin-top: 0px; margin-bottom: 8px; font-size: 18px; font-weight: 400; line-height: 1.1em; color: #6cbd45; background-color: #ffffff; display: block; padding: 4px 10px; } /*multilist header*/ .insertlist1 { font-size: 11px; line-height: 1.2em; } .insertlist1 a:link, .insertlist1 a:visited { text-decoration: none; } /*youarehere links*/ .nextprev { font-size: 12px; line-height: 1.5em; } .gotocart { font-size: 12px; line-height: 1.5em; } /*for viewcart links*/ .cellclickhere { font-size: 12px; } .cellclickhere a:link, .cellclickhere a:visited, .cellclickhere a:hover { text-decoration: none; } .jumplinks {font-size: 12px; line-height: 1.5em;} /*used on faq page*/ .clickhere { font-size: 11px; } /*back to top links*/ /*Cart pages and shipping*/ .clear { clear: both; } .smallnotes { font-size: 11px; line-height: 1.2em; } /*Miscellaneous*/ input {margin-top: 0px; margin-bottom: 0px; margin-left: 0px;} form {margin-top: 0px; margin-bottom: 0px; } table {margin-top: 0px; margin-bottom: 0px; } table p { margin-bottom: 10px; } .fancyform p { padding-top: 6px; clear: left; margin-bottom: 2px; } .fancyform input, .fancyform textarea, .fancyform select, .fancyform option { border: 1px solid #666; } .fancyform p label { width: 180px; float: left; text-align: right; font-weight: bold; padding-right: 8px; } .fancyform p label.left { width: 180px; float: left; text-align: left; font-weight: bold; padding-right: 8px; } .fancyform p.rightcolumn { padding-left: 188px; font-size: 11px; padding-top: 0px; margin-top: 0px; } .fancyform p.alignleft { padding-left: 0px; } input.noborder { border: 1px solid #fff; } .dottedline { height: 1px; border-bottom: 1px dotted #fbaa56; margin-top: 10px; margin-bottom: 15px; } .certificate { padding: 0; margin: 0; border: 2px solid #9b0075; background-color: #ffffff; } .certificate td { padding: 5px; } .adwordsDisc { font-size: 11px; line-height: 1.5em; color: #7a7a7a;} /*hr { border-bottom: 1px dotted #000000; color: #bc56a2; background-color: #bc56a2; }*/ .label { font-size: 11px; line-height: 1.2em; font-weight: bold; } .attribute { font-size: 11px; line-height: 1.2em;} .errormessage {font-size: 14px; color: #0033cc; font-weight:normal; text-decoration: none;} .errormessageA {text-decoration: underline;} .errormessage A:hover {text-decoration: underline;} .fancybutton { background: #fb5956; font-size: 13px; color: #000; text-transform: lowercase; } .fancybutton2 { background: #387BAD; font-size: 12px; color: #fff; padding: 10px text-transform: lowercase; } .graybox { width: 236px; background: url(images/box_graytop.gif) top left no-repeat; margin-bottom: 20px; } p.grayboxbottom { width: 236px; height: 12px; background: url(images/box_graybottom.gif) top left no-repeat; margin-bottom: 0px; } .orangebox { width: 236px; background: url(images/box_orangetopwhite.gif) top left no-repeat; margin-bottom: 20px; } p.orangeboxbottom { width: 236px; height: 12px; background: url(images/box_orangebottomwhite.gif) top left no-repeat; margin-bottom: 0px; } .orangeboxwide { width: 450px; background: url(images/box_orangetopwhite.gif) top left no-repeat; margin-bottom: 20px; } p.orangeboxbottomwide { width: 450px; height: 12px; background: url(images/box_orangebottomwhite.gif) top left no-repeat; margin-bottom: 0px; } .brownbox { width: 236px; background: url(images/box_browntop.gif) top left no-repeat; margin-bottom: 10px; color: #fff; } .brownbox p { color: #fff; margin-bottom: 10px; } p.brownboxbottom { width: 236px; height: 12px; background: url(images/box_brownbottomwhite.gif) top left no-repeat; margin-bottom: 0px; } .brownboxhome { width: 236px; background: url(images/box_browntop.gif) top left no-repeat; margin-bottom: 10px; color: #fff; } .brownboxhome p { color: #fff; margin-bottom: 10px; } p.brownboxbottomhome { width: 236px; height: 12px; background: url(images/box_brownbottom.gif) top left no-repeat; margin-bottom: 0px; } .boxcontent { padding: 12px 10px 0px 10px; }