body {font: 11px verdana; margin: 0; padding: 0; background: #ffffff url('/templates/highspots/images/body_bg.jpg') repeat-x top; text-align: center;} #header {position: relative; width: 960px; height: 110px; text-align: center; margin: auto;} #headerlinks {text-align: right; width: 960px; height: 40px;} #headerlinks a {font: bold 13px Myriad Pro, trebuchet MS, Arial, Helvetica, Sans Serif; margin-right: 10px; line-height: 40px; color: #02588f; text-decoration: none;} #headernavigation {position: absolute; left: 350px; top: 60px; text-align: right; height: 71px; font: 14px Verdana;} #headernavigation ul {margin: 0; padding: 0; list-style-type: none;} #headernavigation ul li {float: left;} #headernavigation ul li a {font: 14px Verdana; color: #ffffff; text-decoration: none; display: block; padding: 5px 15px 5px 15px;text-transform: uppercase;} #headernavigation ul li a:hover {background-color: #0480fc;} #headernavigation form {margin: 0; padding: 0; margin-top: 3px; margin-left: 10px;} #headerlogo {position: absolute; left: 20px; top: 20px;} #contentleft {padding-top: 10px;} #contentcenter {} #contentright {} /* Easy Slider */ #slider ul, #slider li, #slider2 ul, #slider2 li{ margin:0; padding:0; list-style:none; } #slider2{margin-top:1em;} #slider li, #slider2 li{ /* define width and height of list item (slide) entire slider area will adjust according to the parameters provided here */ width:570px; height:260px; overflow:hidden; } #content {margin-top: 20px;} .sidebar {width: 150px; margin-bottom: 10px;} .sidebar h2 {margin: 0; padding: 5px 4px 4px 10px; font: bold 13px Myriad Pro, trebuchet MS, Arial, Helvetica, Sans Serif; display: block; background-color: black; color: #ffffff;background: url('/templates/highspots/images/sidebar_bg.jpg')} .sidebar ul {background-color: #eeeeee; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; margin: 0; padding: 0; list-style-type: none;} .sidebar ul li {font: 13px Myriad Pro, trebuchet MS, Arial, Helvetica, Sans Serif; color: #545454; padding: 2px 2px 2px 10px; border-bottom: 1px solid #dddddd; text-decoration: none;} .sidebar ul li a {color: #545454; text-decoration: none; display: block;} .sidebar ul li.last {border-bottom: 0px;} .sidebar2 {width: 200px; margin-bottom: 10px;} .sidebar2 h2 {margin: 0; padding: 5px 4px 4px 10px; font: bold 13px Myriad Pro, trebuchet MS, Arial, Helvetica, Sans Serif; display: block; background-color: black; color: #ffffff;background: url('/templates/highspots/images/sidebar_blue_bg.jpg')} .sidebar2 ul {background-color: #eeeeee; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; margin: 0; padding: 0; list-style-type: none;} .sidebar2 ul li {font: 13px Myriad Pro, trebuchet MS, Arial, Helvetica, Sans Serif; color: #545454; padding: 2px 2px 2px 10px; border-bottom: 1px solid #dddddd; text-decoration: none;} .sidebar2 ul li a {color: #545454; text-decoration: none; display: block;} .sidebar2 ul li.last {border-bottom: 0px; font-weight: bold;} #footer {background: #cbcbcb url('/templates/highspots/images/footer_bg.jpg') repeat-x top; text-align: center; color: #565656; font: 13px Myriad Pro, trebuchet MS, Arial, Helvetica, Sans Serif; padding: 20px; line-height: 20px; } #footer a {color: #565656; text-decoration: none;} a {color: #3667AC; text-decoration: none;} a:hover {text-decoration: underline;} form {margin: 0; padding: 0;} table {font: 11px verdana;} h1 {margin: 0; padding: 0; font: bold 18px verdana; padding-bottom: 5px; text-transform: uppercase;} h2 {margin: 0; padding: 0; font: bold 14px verdana; padding-bottom: 5px; text-transform: uppercase;} #content {clear: both; position: relative; padding-top: 0px; text-align: center;} #content .contentTable {width: 870px; padding: 0; font: 11px verdana; background-color: #ffffff;} .contentLeft {width: 170px;} .content1 {background-color: #fff;} .content1 h3 {font: bold 11px verdana; display: block; color: #ffffff; text-transform: uppercase; margin: 0; padding: 5px 5px 5px 10px; background-color: #3C73B6; border-bottom: 1px solid #1a1363;} .content2 {background-color: #eee; border-right: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7} .content2 h3 {font: bold 11px verdana; display: block; color: #fff; text-transform: uppercase; margin: 0; padding: 5px 5px 5px 10px; background: url('/templates/highspots/images/sidebar_blue_bg.jpg')} .contentBody {width: 100%;} .contentBody2 table {width: 880px;} .cart1 {background-color: #eee; color: #000000; border-right: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7;} .cart1 h3 {font: bold 11px verdana; display: block; color: #fff; text-transform: uppercase; margin: 0; padding: 5px 5px 5px 10px; background-color: #E36918; border-bottom: 1px solid #92430e;} .cart1 form {margin: 0px; padding: 0px;} .cart1 select {font: 10px verdana; color: #000000;} .cartRight {width: 200px;} .contentRight {width: 170px;} .productPaging {background: #eeeeee; border: 1px solid #dddddd; padding: 5px;} .productPaging table {font: 11px verdana;};} .productGrid {font: 11px verdana; color: #000;} .productGrid td {padding: 5px; font: 11px verdana;} .productGrid .divider {border-right: 1px solid #eee; border-bottom: 1px solid #eee;} .productGridHeader {font: bold 16px verdana; padding-bottom: 5px; text-transform: uppercase;} .blogHeader {font-weight: bold; font-size: 14px; font-family: trebuchet, ms, verdana, sans-serif; color: #3C73B6;} .blogHeader a {text-decoration: none;} .blogHeader a:hover {text-decoration: underline;} .blogFooter {color: #333;} #shoppingCart {font: 11px verdana;} .cartHeader {font-weight: bold; text-transform: uppercase; background-color: #ffcc00; color: #000000;} .cartHeader h2 {padding: 5px; margin: 0; font: bold 11px verdana;} .cartRow {padding: 5px; border-bottom: 1px solid #eee;} .cartButton1 {text-transform: uppercase; height: 25px; font: bold 12px verdana; background-color: #E36918; color: #ffffff; border: 1px solid #000;} .cartButton2 {text-transform: uppercase; height: 25px; font: bold 12px verdana; background-color: #E36918; color: #ffffff; border: 1px solid #000;} .productNotice {color: red; font-size: 14px; font-weight: bold;} .button1 {font: bold 12px verdana; background-color: #E36918; color: #ffffff; height: 25px; border: 1px solid #000;} .formError {color: red;} #receiptThankYou {border: 1px solid #000; background-color: #ff0000; padding: 20px; font: bold 16px verdana; color: #fff; text-align: center; margin-bottom: 10px;} #receiptThankYou a {color: #ffcc00; text-decoration: none;} #receiptThankYou a:hover {text-decoration: underline;} .padding5 {padding: 5px;} .padding10 {padding: 10px;} .padding15 {padding: 15px;} .padding20 {padding: 20px;} .tabset_tabs { margin:0; padding:0; list-style-type:none; position:relative; z-index:2; white-space:nowrap } .tabset_tabs li { margin:0; padding:0; display:inline } .tabset_tabs a { font-size: 13px; font-weight: bold; text-transform: uppercase; color:#fff ! important; background-color:#3C73B6 ! important; border:1px solid #ffffff; text-decoration:none; padding:0 0.6em; border-left-width:0; border-bottom:none} .tabset_tabs a:hover { color:#000000 ! important; background-color:#ffcc00 ! important } .tabset_tabs a.active { color: #3C73B6 ! important; background-color:white ! important; border-color: #dddddd; border-left-width:1px; cursor:default; border-bottom:white; padding-top:1px; padding-bottom:1px } .tabset_tabs li.firstchild a { border-left-width:1px } .tabset_content { border:1px solid #dddddd; background-color:white; position:relative; z-index:1; padding:0.5em 1em; display:none } .tabset_label { display:none } .tabset_content_active { display:block } @media aural{ .tabset_content, .tabset_label { display:block } } /* Nifty Rounded Corners */ .rtop,.artop{display:block} .rtop *,.artop *{display:block;height:1px;overflow:hidden;font-size:1px} .artop *{border-style: solid;border-width:0 1px} .r1,.rl1,.re1,.rel1{margin-left:5px} .r1,.rr1,.re1,.rer1{margin-right:5px} .r2,.rl2,.re2,.rel2,.ra1,.ral1{margin-left:3px} .r2,.rr2,.re2,.rer2,.ra1,.rar1{margin-right:3px} .r3,.rl3,.re3,.rel3,.ra2,.ral2,.rs1,.rsl1,.res1,.resl1{margin-left:2px} .r3,.rr3,.re3,.rer3,.ra2,.rar2,.rs1,.rsr1,.res1,.resr1{margin-right:2px} .r4,.rl4,.rs2,.rsl2,.re4,.rel4,.ra3,.ral3,.ras1,.rasl1,.res2,.resl2{margin-left:1px} .r4,.rr4,.rs2,.rsr2,.re4,.rer4,.ra3,.rar3,.ras1,.rasr1,.res2,.resr2{margin-right:1px} .rx1,.rxl1{border-left-width:5px} .rx1,.rxr1{border-right-width:5px} .rx2,.rxl2{border-left-width:3px} .rx2,.rxr2{border-right-width:3px} .re2,.rel2,.ra1,.ral1,.rx3,.rxl3,.rxs1,.rxsl1{border-left-width:2px} .re2,.rer2,.ra1,.rar1,.rx3,.rxr3,.rxs1,.rxsr1{border-right-width:2px} .rxl1,.rxl2,.rxl3,.rxl4,.rxsl1,.rxsl2,.ral1,.ral2,.ral3,.ral4,.rasl1,.rasl2{border-right-width:0} .rxr1,.rxr2,.rxr3,.rxr4,.rxsr1,.rxsr2,.rar1,.rar2,.rar3,.rar4,.rasr1,.rasr2{border-left-width:0} .r4,.rl4,.rr4,.re4,.rel4,.rer4,.ra4,.rar4,.ral4,.rx4,.rxl4,.rxr4{height:2px} .rer1,.rel1,.re1,.res1,.resl1,.resr1{border-width:1px 0 0;height:0px !important;height /**/:1px}