/* Style sheet for TWC Graphics Design template */ html { margin: 0px; padding: 0px; } body { background: #C7C7C6; width: 100%; height: 100%; color: #666; margin: 0px; padding: 0px; text-align: center; font: normal normal 12px/17px Verdana, Arial, sans-serif; } input { color: #000; font: normal normal 9px Verdana, Arial, sans-serif; } h1 { background: url(images/design_elements/h1.gif) left no-repeat; width: 90%; font: normal bold 13pt Verdana, Arial, sans-serif; font-variant: small-caps; color: #626161; padding: 2px 2px 0px 25px; } h2 { background: url(images/design_elements/h2.gif) left no-repeat; width: 90%; font: normal bold 13pt Verdana, Arial, sans-serif; font-variant: small-caps; color: #626161; padding: 2px 2px 0px 22px; } h3 { font: normal bold 11pt Verdana, Arial, sans-serif; color: #626161; padding: 3px; } h4 { color: #000; font: normal bold 12px Verdana, Arial, sans-serif; } h5 { color: #000; font: normal bold 11px Verdana, Arial, sans-serif; } h6 { color: #000; font: normal bold 10px Verdana, Arial, sans-serif; } ol, ol ol, ol ol ol { color: #000; font: normal normal 12px/17px Verdana, Arial, sans-serif; } ul { list-style-image: url('images/design_elements/bullet.gif'); color: #000; font: normal normal 12px/17px Verdana, Arial, sans-serif; } ul ul { color: #000; font: normal normal 12px/17px Verdana, Arial, sans-serif; } ul ul ul { color: #000; font: normal normal 11px/15px Verdana, Arial, sans-serif; } /* Define Container to set Fixed Width */ .yourname { position: relative; text-align: left; color: #333; font: normal normal 30px Verdana, Arial, sans-serif; font-variant: small-caps; padding-top: 17px; padding-left: 15px; } .youraddress { position: relative; text-align: right; color: #333; font: normal normal 11px/12px Verdana, Arial, sans-serif; font-variant: small-caps; padding-right: 20px; padding-top: 2px; } .banner { background: url('images/design_elements/bannerback.gif'); height: 30px; text-align: right; padding-right: 10px; font: normal normal 11px Verdana, Arial, sans-serif; } .leftside { background: #F5F5F7; color: #000; width: 247px; padding: 10px; height: 100%; text-align: left; border-left: 1px solid #CCC; font: normal normal 12px/17px Verdana, Arial, sans-serif; } .content { background: #FFF; width: 473px; color: #000; font: normal normal 12px/17px Verdana, Arial, sans-serif; padding: 10px; text-align: left; border-left: 1px solid #CCC; border-right: 1px solid #CCC; } .contentfull { background: #FFF; width: 740px; color: #000; font: normal normal 12px/17px Verdana, Arial, sans-serif; padding: 10px; text-align: left; border-left: 1px solid #CCC; border-right: 1px solid #CCC; } .leftside2 { background: #F5F5F7; color: #000; width: 147px; padding: 10px; height: 100%; text-align: left; border-left: 1px solid #CCC; font: normal normal 12px/17px Verdana, Arial, sans-serif; } .content2 { background: #FFF; width: 573px; color: #000; font: normal normal 12px/17px Verdana, Arial, sans-serif; padding: 10px; text-align: left; border-left: 1px solid #CCC; border-right: 1px solid #CCC; } #menuheader { display: block; text-align: left; font: normal normal 12px/16px Verdana, Arial, sans-serif; font-variant: small-caps; color: #626161; } #mainmenu { display: block; text-align: left; font: normal normal 11px/20px Verdana, Arial, sans-serif; color: #000; width: 120px; height: 320px; padding: 0px; } /* Define main menu mouseover states */ #mainmenu a { text-align: left; color: #000; text-decoration: none; } #mainmenu a:hover {text-align: left; color: #FFF; text-decoration: none; } #submenu { display: block; text-align: left; font: normal normal 12px/16px Verdana, Arial, sans-serif; font-variant: small-caps; color: #BDBEBC; width: 120px; padding-left: 5px; } /* Define main menu mouseover states */ #submenu a { text-align: left; color: #BDBEBC; text-decoration: none; } #submenu a:hover {text-align: left; color: #000; text-decoration: none; } /* Define footer section */ .footer { background: url(images/design_elements/footer.jpg) no-repeat; font: normal normal 11px/14px Verdana, Arial, sans-serif; text-align: center; height: 70px; width: 760px; padding: 0px; color: #000; } .footer a:link { color: #000; text-decoration: none; } .footer a:active { color: #FFF; text-decoration: none; } .footer a:visited { color: #000; text-decoration: none; } .footer a:hover { color: #CCC; text-decoration: underline; } /* Define standard hyperlinks */ a:link { color: #626161; } a:active { color: #626161; } a:visited { color: #626161; } a:hover { color: #000; text-decoration: none; } /* Define product page sections */ .productbox { background: #EDEEEF; color: 000; font: normal normal 11px/13px Verdana, Arial, sans-serif; padding: 4px 10px 4px 10px; border: 1px solid #CBCBC8; text-align: left; } .productboxtop { background: #626161; color: #FFF; font: normal bold 12px/15px Verdana, Arial, sans-serif; padding: 4px 10px 4px 10px; text-align: center; border-top: 1px solid #CBCBC8; border-left: 1px solid #CBCBC8; border-right: 1px solid #CBCBC8; } .products { background: #FFF; } .productsleft { background: #FFF; color: #195C82; border-left: 1px solid #CBCBC8; border-top: 1px solid #CBCBC8; padding: 4px 10px 4px 10px; text-align: center; } .productsright { background: #FFF; color: #195C82; border-left: 1px solid #CBCBC8; border-top: 1px solid #CBCBC8; padding: 4px 10px 4px 10px; text-align: center; border-right: 1px solid #CBCBC8; } .productboxleft { background: #EDEEEF; color: #000; text-align: center; font: normal normal 11px/13px Verdana, Arial, sans-serif; padding: 4px 10px 4px 10px; border-left: 1px solid #626161; border-top: 1px solid #CBCBC8; } .productboxright { background: #EDEEEF; color: #000; text-align: center; font: normal normal 11px/13px Verdana, Arial, sans-serif; padding: 4px 10px 4px 10px; border-left: 1px solid #626161; border-right: 1px solid #CBCBC8; border-top: 1px solid #CBCBC8; } .productboxlbot { background: #EDEEEF; color: #000; text-align: center; font: normal normal 11px/13px Verdana, Arial, sans-serif; border-bottom: 1px solid #CBCBC8; padding: 4px 10px 4px 10px; border-left: 1px solid #CBCBC8; border-top: 1px solid #CBCBC8; } .productboxrbot { background: #EDEEEF; color: #000; text-align: center; font: normal normal 11px/13px Verdana, Arial, sans-serif; padding: 4px 10px 4px 10px; border-left: 1px solid #CBCBC8; border-bottom: 1px solid #CBCBC8; border-right: 1px solid #CBCBC8; border-top: 1px solid #CBCBC8; } /* Define textbox area */ .textbox { background: url(images/design_elements/infobox1.gif) repeat-y; color: #666; font: normal normal 11px/14px Verdana, Arial, sans-serif; padding: 5px 10px 5px 10px; text-align: left; width: 230px; } .textboxheader { background: url(images/design_elements/infoboxtop.gif) no-repeat; color: #666; height: 23px; text-align: left; font: normal bold 12px/15px Verdana, Arial, sans-serif; padding: 6px 10px 0px 22px; } .textboxfooter { background: url(images/design_elements/infoboxbot.gif) no-repeat; color: #000; height: 24px; text-align: center; padding: 5px 10px 0px 10px; }