/* Spotless PC 2009 */ @import "reset.css"; body { font-family: Arial, Verdana, Geneva, Tahoma, sans-serif; font-size:1.0em; color:#404040; } img {border:0px;} a:link {color: #3366CC;} a:hover{color:#FF0000; } a:visited {color:#3366CC;} a:active {color:#3366CC; } hr {color:#000000; border-style:dotted; width:98%; height:1px;} /* LAYOUT CONSTRUCTORS */ #container { width:980px; height:auto; min-height:200px; overflow:auto; padding:0px; background-color:#fff; border:1px solid #404040; margin:10px auto 0px auto; font-family: Arial, Verdana, Geneva, Tahoma, sans-serif;} /* Masthead - Contains space for logo */ #masthead {width:979px; height:80px; margin-top:0px; border:0px solid green; background-image:url('images/stretchbar.jpg') } #mastheadleft {float:left; width:400px; height:80px; border:0px solid orange;} #mastheadleft p {font-size:.8em; font-weight:bold; margin: 0 0 0 10px;} #mastheadright {float:left; text-align:right; width:530px; height:80px; border:0px solid red;} #mastheadright p {font-size:.8em; font-weight:bold; margin: 14px 0 0 0px; padding:45px 0 0 0;} /* Top Menu Navigation */ #navbar {width:975px; height:20px; text-align:right; margin: 0px 0 10px 0; padding:12px 2px 5px 2px; border-bottom:1px solid #000000; border-top:1px solid #000000; background-color:#D8E0E3; font-size:11px; font-weight:normal; background-image:url('images/stretchbar.jpg') ;} #navbar a:link {color: #3366CC; margin: 0 10px 0 0; } #navbar a:hover{color:#FF0000; margin: 0 10px 0 0; } #navbar a:visited {color:#3366CC; margin: 0 10px 0 0; } #navbar a:active {color:#3366CC; margin: 0 10px 0 0; } /* Quicklinks */ #quicklinks { clear:both; width :975px; height:20px; text-align:left; margin:10px auto 0 auto; padding:8px 2px 5px 2px; background-color:#ffffff; font-size:10px; font-weight:normal; line-height:14px; ;} #quicklinks a:link {color: #3366CC; margin: 0 5px 0 0; } #quicklinks a:hover{color:#FF0000; margin: 0 5px 0 0; } #quicklinks a:visited {color:#3366CC; margin: 0 5px 0 0; } #quicklinks a:active {color:#3366CC; margin: 0 5px 0 0; } /* FOOTER TEXT */ #footer { clear:both; width :975px; height:20px; text-align:center; margin:5px auto 0 auto; padding:8px 2px 5px 2px; background-color:#fff; font-size:12px; font-weight:bold ;} /*Menu Group - Controls Left Menu & Works with Menu.js*/ .menugroup {float:left; width:220px; min-height:300px; height:auto; overflow:auto; background-color: #fff; font-family:Arial, Helvetica, sans-serif; border-right:1px dotted #404040; border-bottom:1px dotted #404040;} .menugroup h1 { font-size:.9em; font-weight:bold; color:#CC0000 ; padding: 8px 0 4px 6px; margin: 0 0 8px 0; border-bottom:1px dotted #003366;} .menugroup h1.announce { font-size:.8em; font-weight:bold; color:#404040; padding: 8px 0 0 6px; margin: 0 0 8px 0;} .menugroup p {font-size:.8em; font-weight:normal; font-style:italic; color: #666666; padding:2px; margin:20px 0 5px 10px; line-height:1.5em;} .menugroup ul { list-style-type: square; margin: 0 5px 0 15px; padding: 0 0 0 25px;} .menugroup li {color:#404040; font-weight:bold; text-decoration:underline; line-height:1.1em; font-size:11px; padding: 0 0 5px 0;} .menugroup li.l2 {color:#404040; font-weight:bold; text-decoration:underline; line-height:1.1em; font-size:11px; padding: 0 0 5px -10px;} .menugroup ul li.l2 { list-style-type: disc; margin: 0 5px 0 -20px; padding: 0 0 5px 2px; font-size:11px;} .menugroup li a:link {color:#3366CC; } .menugroup li a:hover{color:#FF0000; } .menugroup li a:visited {color:#3366CC; } .menugroup li a:active {color:#3366CC; } /* MENU BOX - used in left menu for shipping, cold be another ad box.*/ .menubox {border:1px solid #404040; width:180px; height:auto; margin: 5px 0 15px 18px; padding:4px;} .menubox h1 { font-size:.9em; font-weight:bold; color:#404040; padding: 0px 0 3px 0px; margin: 0 0 0px 0; border-bottom:1px solid #003366;} .menubox h2 { font-size:.8em; font-weight:bold; color:#404040; padding: 10px 0 3px 10px; margin: 0 0 0px 0px;} .menubox p {font-size:.7em; float:left; font-weight:normal; font-style:italic; color: #666666; padding:2px; line-height:1.5em;} .menubox img {margin: 5px 0 5px 10px; clear:both;} .box {float:left; clear:right; border:1px solid #404040; background-color: #F4F4F4; height:auto; margin: 5px 0 15px 18px; padding:6px; font-size:12px; line-height:15px;} .box h1 { font-size:12px; font-weight:bold; color:#404040; padding: 0px 0 3px 0px; margin: 0 0 0px 0; border-bottom:1px solid #003366;} .box h2 { font-size:11px; font-weight:bold; color:#404040; padding: 4px 0 3px 10px; margin: 0 0 0px 0px;} .box p {font-size:10px; font-weight:normal; color: #666666; margin:10px -10 5px -10px; line-height:1.5em;} .box img {margin: 5px 0 5px 10px; clear:both;} .buysafebox {float:left; clear:right; height:auto; margin: 5px 0 15px 18px; padding:6px;} /* CONTENT CONTAINER /* The container to the left of the menu has a 1 column design */ #contentcolumn {float:left; width:745px; min-height:200px; height:auto; padding-right:5px; background-color:#fff;} #contentcolumn h1{float:left; width:730px; font-size:1.1em; font-weight:bold; color: #000000; padding:0px; margin:10px 0 5px 10px; line-height:1.5em; border-bottom:1px dotted #404040;} #contentcolumn h2.bylinered{ float:left; width:710px; text-align:left; font-size:.8em; font-weight:bold; color: #CC0000; padding:2px; margin:10px 0 0px 15px; line-height:1.3em;} #contentcolumn h2.bylineblack{ width:700px; text-align:left; font-size:.7em; font-weight:bold; color: #000; padding:2px; margin:10px 0 5px 15px; line-height:1.3em;} #contentcolumn h2.top { width:500px; text-align:left; font-size:.7em; font-weight:normal; font-style:italic; color: #000; padding:2px; margin:10px 0 5px 15px; line-height:1.3em;} #contentcolumn h2.bylineblue{font-size:.9em; font-weight:normal; font-style:italic; color: #666666; padding:2px; margin:5px 0 5px 5px; line-height:1.2em;} #contentcolumn h3.byline { font-weight:normal; color: #000000; padding:2px; margin:10px 0 5px 15px; line-height:.8em;} #contentcolumn p{float:left; width:97%; font-size :12px; font-weight:normal; color: #000; padding:0 0 0 18px; margin:0px 0 8px 0px; line-height:1.4em;} #contentcolumn img.left{float:left; margin:10px 0 5px 18px; padding:0px; border:1px solid #404040;} #contentcolumn img.right{float:right; margin: 10px 0 5px 0px; padding:0px; border:1px solid #404040;} #contentcolumn ul { clear:both; list-style-type: disc; margin: 0 5px 0 40px; padding: 0 0 0 0;} #contentcolumn li { line-height:1.3em; font-size:12px; font-weight:normal; padding: 0 0 5px 0;} /* Column Panel Containers These are used as panels to contain an image & a text caption. There are 4 sizes used depending on the height of the image and the length of the text in the column. */ .columncontainersmall {float:left; width:205px; min-height:150px; height:auto; margin: 3px 14px 5px 15px;} #contentcolumn .columncontainersmal p {float:left; text-align:left; clear:right; font-size :12px; padding-left:0px; margin-top:5px; color:#000000; line-height:1.3em;} #contentcolumn .columncontainersmal img { padding:0px; border:1px solid #404040;} .columncontainer {float:left; width:209px; min-height:150px; height:auto; margin: 3px 14px 5px 15px;} #contentcolumn .columncontainer p {float:left; text-align:left; clear:right; font-size :12px; padding-left:0px; margin-top:5px; color:#000000; line-height:1.3em;} #contentcolumn .columncontainer a:link {color:#3366CC; } #contentcolumn .columncontainer a:hover{color:#FF0000; } #contentcolumn .columncontainer a:visited {color:#3366CC; } #contentcolumn .columncontainer a:active {color:#3366CC; } #contentcolumn .columncontainer img { padding:0px; border:1px solid #404040;} .columncontainermed {float:left; width:345px; min-height:315px; height:auto; margin: 3px 14px 5px 12px;} #contentcolumn .columncontainermed p {float:left; clear:right; text-align:left; font-size:11px; padding-left:0px; margin: 5px 0 0 15px; color:#000000; line-height:1.3em;} #contentcolumn .columncontainermed img { padding:0px; border:1px solid #404040;} .columncontainerlrg {float:left; width:345px; min-height:340px; height:auto; margin: 3px 14px 5px 12px; } #contentcolumn .columncontainerlrg p {float:left; text-align:left; clear:right; font-size:12px; padding-left:0px; margin: 5px 0 0 0px; color:#000000; line-height:1.3em;} #contentcolumn .columncontainerlrg img { padding:0px; border:1px solid #404040;} /* These are used for your new page I built it so you can use an image for the header or just simply text Simply replace the

with your new image. To be consistent either use all text or all images. */ .servicegroup { width:209px; min-height:175px; height:auto; margin: 3px 14px 5px 15px;} #contentcolumn .servicegroup h3 {float:left; clear:right; width:700px; font-size:.8em; font-weight:bold; color: #000000; padding:0 0 0 15px; margin:10px 0 5px 15px; line-height:1.5em; border-bottom:0px dotted #404040;} #contentcolumn .servicegroup p {float:left; text-align:left; clear:right; font-size:11px; padding-left:0px; margin-top:5px; color:#000000; line-height:1.3em;} #contentcolumn .servicegroup img { padding:0px; border:1px solid #404040;} #contentcolumn .servicegroup ul { clear:both; width:200px; list-style-type: disc; margin: 0 5px 0 10px; padding: 0 0 0 0;} #contentcolumn .servicegroup li { line-height:1.3em; font-size:12px; font-weight:normal; padding: 0 0 5px 0;} /* Forms */ /* This is used to style your contact form */ input.text {background-color:#FFFDE1;} textarea.text {background-color:#FFFDE1;} input.button {background-color:#336699; color:#fff; font-weight:bold; margin-bottom:10px; margin-top:10px; margin-left:175px;} /* Tables */ /* Used by your shopping cart tables - these are used to display the product & the purcahse links */ table.data {clear:both; margin: 0 0 20px 18px; border-collapse:collapse; border:1px solid #ccc; background-color: #F7F7F7 } table.data th { padding: 6px 2px 6px 4px; font-size: 11px; font-weight: bold; cursor: default; border-bottom:2px solid #ccc; } table.data tr { font-size: 12px; font-weight:normal; padding: 3px 1px 3px 4px; margin: 0; cursor: default; background-color:#fff; } table.data tr.alt { font-size: 12px; font-weight:normal; padding: 3px 1px 3px 4px; margin: 0; cursor: default; background-color: #E8FBFF } table.data td { font-size: 12px; font-weight:normal; padding: 3px 1px 3px 4px; margin: 0; cursor: default; border-bottom:1px dotted #666666; vertical-align:middle; } table.data td h2{float:left; clear:right; width:97%; text-align:left; font-size:1.2em; font-weight:bold; color: #CC0000; padding:2px; margin:10px 0 5px 15px; line-height:1.3em;} p.special{float:left; clear:right; width:97%; text-align:left; font-size:12px; font-weight:bold; color: #0066FF; padding:2px; margin:0px; line-height:1.3em;} table.data col.left { text-align:left; } table.data col.right { text-align:right; } table.data col.center { text-align:center; } #contentcolumn table.data p {clear:both; float:left; font-size:12px; text-align:left; font-weight:normal; color: #666666; padding:0 0 0 15px; margin:0px 10px 8px 0px; line-height:1.4em;} #contentcolumn table.data p.special{float:left; clear:right; width:97%; text-align:left; font-size:1.0em; font-weight:bold; color: #0066FF; padding:2px; margin:0px; line-height:1.3em;} #contentcolumn table.data h2.bylinered{float:left; clear:both; text-align:left; font-size:.9em; font-weight:bold; color: #CC0000; padding:8px; margin:10px 20px 5px 5px; line-height:1.3em;} /* This is used to display your contractor tables */ table.contractors {float:left; margin: 0 0 20px 18px; border-collapse:collapse; border:0px solid #000; background-color: #F7F7F7 } table.contractors th { padding: 4px 2px 4px 4px; font-size: .8em; text-align:left; font-weight: bold; cursor: default; border-bottom:2px solid #000000; background-color:#fff; } table.contractors tr { font-size:12px; font-weight:normal; padding: 3px 1px 3px 4px; margin: 0; cursor: default; } table.contractors tr.alt { font-size:12px; font-weight:normal; padding: 3px 1px 3px 4px; margin: 0; cursor: default; background-color: #FFFFEA } table.contractors td { font-size:12px; font-weight:normal; padding: 3px 1px 3px 4px; margin: 0; cursor: default; border:1px solid #999999; } table.contractors col.left { text-align:left; } table.contractors col.right { text-align:right; } table.contractors col.center { text-align:center; } /* This is the new table to hold the contact form */ table.contact { margin: 0 0 20px 18px; border-collapse:collapse; border:1px solid #000; background-color: #FFF; } table.contact th { padding: 2px 2px 2px 4px; font-size: .8em; text-align:left; font-weight: bold; cursor: default; border-bottom:0px solid #000000; background-color:#fff; } table.contact tr { font-size:12px; font-weight:normal; padding: 3px 1px 3px 4px; margin: 0; cursor: default; } table.contact tr.alt { font-size:12px; font-weight:normal; padding: 3px 1px 3px 4px; margin: 0; cursor: default; background-color: #FFFFEA } table.contact td { font-size: 11px; font-weight:bold; padding: 3px 1px 3px 4px; margin: 0; cursor: default; border:0px solid #999999; } table.contact col.left { text-align:left; } table.contact col.right { text-align:right; } table.contact col.center { text-align:center; } table.pagedata {clear:both; margin: 0 0 20px 18px; border-collapse:collapse; border:0px solid #ccc; background-color: #F7F7F7 } table.pagedata th { padding: 6px 2px 6px 4px; font-size: 11px; font-weight: bold; cursor: default; border-bottom:2px solid #ccc; } table.pagedata tr { font-size: 12px; font-weight:normal; padding: 3px 1px 3px 4px; margin: 0; cursor: default; background-color:#fff; } table.pagedata tr.alt { font-size: 12px; font-weight:normal; padding: 3px 1px 3px 4px; margin: 0; cursor: default; background-color: #E8FBFF } table.pagedata td { font-size: 12px; font-weight:normal; vertical-align:top; text-align:left; padding:0px;; margin: 0; cursor: default; border-bottom:0px dotted #666666; } #contentcolumn .pagedata td p{font-size :12px; font-weight:normal; text-align:left; vertical-align:top; color: #000; padding:0 0 0 0; margin:0px 0 10px 0px; line-height:1.4em;} table.pagedata td h2{float:left; clear:right; width:97%; text-align:left; font-size:1.2em; font-weight:bold; color: #CC0000; padding:2px; margin:10px 0 5px 15px; line-height:1.3em;} table.pagedata col.left { text-align:left; } table.pagedata col.right { text-align:right; } table.pagedata col.center { text-align:center; } /* TAB CODE */ #tabs{width:700px; min-height:350px; height:auto; overflow:visible; margin: 12px 0 12px 10px; clear:both;} /* New Classes For Pages Inside Tabs Structure */ #contentcolumn #tabs .showcasetable {padding:0px; margin:0px;} #contentcolumn #tabs .showcasetable tr td { height: 10px; padding: 4px 4px 4px 0;} #contentcolumn #tabs .showcasetable td a:link {font-size:13px; line-height:18px; font-weight:bold; margin:0; padding:0px; color: #3366CC;} #contentcolumn #tabs .showcasetable td a:visited {font-size:13px; line-height:18px; font-weight:bold; margin:0; padding:0px; color: #3366CC;} #contentcolumn #tabs .showcasetable td a:hover {font-size:13px; line-height:18px; font-weight:bold; margin:0; padding:0px; color:#FF0000;} #contentcolumn #tabs .showcasetable td a:active {font-size:13px; line-height:18px; font-weight:bold; margin:0; padding:0px; color: #3366CC;} /* RATEPOINT REVIEW */ #rp_testimonials {border:0px;}