/* File: template.css Contents: - DIV id rules - Templated site class rules - Dynamic content class rules */ @media screen { html {/* Applied to the */ color: #000000; background-color: #4c4c4c; font-family: Arial, Helvetica, sans-serif; font-size: 75%; text-align: center; } body {/* Applied to the */ position:absolute; left:0px; margin: 0; text-align: center; background-image:url(../images/horizontal_repeat.gif); background-repeat: repeat-x; background-position: top; width:100%; height:100%; } p {/* Applied to all

*/ color:#333333; font-weight: normal; } a, a:link, a:visited, a:active {/* This is applied to all */ color:#333333; font-weight: bold; text-decoration: none; } a:hover {/* This is the rollover to all */ color: #7a1600; font-weight: bold; text-decoration: underline; } ul, li {/* Applied to all list tags */ text-indent: 0px; text-align:left; margin-bottom:5px; } #main {/* Applied to the div with id=main */ float:left; position: relative; display:block; margin: 0px auto 0px auto; text-align: left; width: 1005px; } #rtborder { position:absolute; width:55px; left:950px; background-image:url(../images/rtsite_border.jpg); background-repeat:no-repeat; height:572px; } /* Applied to the div with id=topNav */ #topNav { width:930px; height:21px; background-image:url(../images/top_nav.jpg); background-repeat: no-repeat; background-position:top center; } #header{/* Applied to the div with id=header */ height: 87px; width:950px; } #primaryNav {/* Applied to the div with id=primaryNav */ width: 930px; margin-left:0; padding-right:20px; /*height: 27px;*/ } #main-content{/* Applied to the div with id=main-content */ width: 1005px; text-align: left; } #bg-layer{/* Applied to the div with id=bg-layer */ width: 1005px; height:400px; min-height:300px; background-image:url(../images/vert_repeat.jpg); background-repeat:repeat-y; background-position: left; } #content {/* Applied to the div with id=content */ margin: 0; width: 1005px; text-align: left; background-image:url(../images/vert_repeat.jpg); background-repeat:repeat-y; background-position:center; } #innerContent {/* Applied to the div with id=innerContent */ clear:both; text-align: left; vertical-align:top; /*margin:10px;*/ padding:10px 65px 10px 10px; height:100%; } #bottom-nav {/* Applied to the div with id=bottom-nav */ clear:both; font-size: 80%; padding:0; margin-top:85px; text-align: center; width: 950px; height:50px; } #footer {/* Applied to the div with id=footer */ clear:both; position:relative; color:#ffffff; font-size: 80%; margin: 0px auto 0px auto; padding:8px 10px 0 10px; height: 21px; width:100%; text-align:center; background-image:url(../images/footer.jpg); background-repeat:no-repeat; background-position:top center; background-color:#4c4c4c; } #footer a, #footer a:link, #footer a:visited, #footer a:active { color:#ffffff; font-weight: bold; text-decoration: underline; } #footer a:hover { color:#7a1600; font-weight: bold; text-decoration: underline; } .top-nav {/* Applied to the div with class=top-nav */ color:#ffffff; font-weight: bold; text-align:right; padding: 5px 20px 0 0; } .top-nav a, .top-nav a:link, .top-nav a:visited, .top-nav a:active { font-size: 100%; color:#ffffff; font-weight: bold; text-decoration: none; } .top-nav a:hover { font-size: 100%; color:#7a1600; font-weight: bold; text-decoration: none; } .primary-nav {/* Applied to the div with class=primary-nav */ color:#ffffff; font-weight: bold; text-align:right; padding: 0px 0px 0 0; } .primary-nav a, .primary-nav a:link, .primary-nav a:visited, .primary-nav a:active { font-size: 100%; color:#ffffff; font-weight: bold; text-decoration: none; } .primary-nav a:hover { font-size: 100%; color:#7a1600; font-weight: bold; text-decoration: none; } .contact { padding-right:10px; } .bottom-nav {/* Applied to the div with class=bottom-nav */ color: #000000; font-weight: normal; } .bottom-nav a, .bottom-nav a:link, .bottom-nav a:visited, .bottom-nav a:active { color: #333333; font-weight: bold; text-decoration: none; } .bottom-nav a:hover { color: #7a1600; font-weight: bold; text-decoration: underline; } #leftcolumn { float:left; } .drift_signbox { padding-top:125px; width:174px; height:243px; background-image:url(../images/drift_signup.jpg); background-repeat:no-repeat; background-position:top center; } #rssreader { margin-top:10px; width:174px; background-color:#7a1600; border-bottom:4px solid #7a1600; } #text_content { color:#333333; float:left; padding:10px; margin:20px 10px 10px 10px; width:520px; border:1px solid #c5c5c5; } #text_content a, #text_content a:link, #text_content a:visited, #text_content a:active { color:#7a1600; text-decoration:none; } #text_content a:hover { color:#666666; text-decoration:underline; } #warning_content { color:#990000; float:left; /*padding:10px; */ margin:70px 0px 10px 30px; width:710px; border:0px; } #lower_content { color:#333333; float:left; padding:10px; margin:0px 10px 10px 10px; width:520px; border:1px solid #c5c5c5; } #lower_content a, #lower_content a:link, #lower_content a:visited, #lower_content a:active { color:666666; text-decoration:underline; } #lower_content a:hover { color:#7a1600; text-decoration:underline; } #whole_content { color:#333333; float:left; padding:10px; margin:20px 10px 10px 10px; width:700px; border:1px solid #c5c5c5; } #whole_content a, #whole_content a:link, #whole_content a:visited, #whole_content a:active { color:666666; text-decoration:underline; } #whole_content a:hover { color:#7a1600; text-decoration:underline; } #whole_page { color:#333333; float:left; padding:10px; margin:20px 10px 10px 10px; width:890px; border:1px solid #c5c5c5; } #whole_page a, #whole_page a:link, #whole_page a:visited, #whole_page a:active { color:666666; text-decoration:underline; } #whole_page a:hover { color:#7a1600; text-decoration:underline; } #ctr_column { float:left; } .text_heading { FONT-WEIGHT: bold; FONT-SIZE: 105%; COLOR: #000000; border-bottom:1px solid #333333; } .question_home { color:#7a1600; font-weight: bold; font-size:12px; } .question_home a, .question_home a:link, .question_home a:visited, .question_home a:active { color:#7a1600; text-decoration:none; } .question_home a:hover { color:#7a1600; text-decoration:none; } #tips_banner { clear:left; color:#333333; float:left; padding:10px; margin:0px 10px 10px 10px; width:250px; border:1px solid #c5c5c5; } #tips_banner a, #tips_banner a:link, #tips_banner a:visited, #tips_banner a:active { color:#7a1600; text-decoration:none; } #tips_banner a:hover { color:#000000; text-decoration:underline; } .tips_heading { FONT-WEIGHT: bold; FONT-SIZE: 105%; COLOR: #000000; border-bottom:1px solid #333333; } .tips_heading a, .tips_heading a:link, .tips_heading a:visited, .tips_heading a:active { FONT-WEIGHT: bold; FONT-SIZE: 14px; } .tips_heading a:hover { FONT-WEIGHT: bold; FONT-SIZE: 14px; } #products_banner { color:#333333; float:left; padding:10px; margin:0px 10px 10px 0px; width:238px; border:1px solid #c5c5c5; } #products_banner a, #products_banner a:link, #products_banner a:visited, #products_banner a:active { color:#7a1600; text-decoration:none; } #products_banner a:hover { color:#000000; text-decoration:underline; } .products_heading { FONT-WEIGHT: bold; FONT-SIZE: 105%; COLOR: #000000; border-bottom:1px solid #333333; } .products_heading a, .products_heading a:link, .products_heading a:visited, .products_heading a:active { FONT-WEIGHT: bold; FONT-SIZE: 14px; } .products_heading a:hover { FONT-WEIGHT: bold; FONT-SIZE: 14px; } #banners { width:152px; float:left; } #se_banner { color:#333333; width:172px; background-color: #ffffff; padding:10px; margin: 20px 0 10px 0; border:1px solid #7a1600; } #se_banner p { font-size: 100%; color:#333333; line-height: 100%; } #se_banner a, #se_banner a:link, #se_banner a:visited, #se_banner a:active { color:#7a1600; text-decoration:none; } #se_banner a:hover { color:#000000; text-decoration:underline; } .se_heading { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; border-bottom:1px solid #333333; } .se_heading a, .se_heading a:link, .se_heading a:visited, .se_heading a:active { FONT-WEIGHT: bold; FONT-SIZE: 14px; } .se_heading a:hover { FONT-WEIGHT: bold; FONT-SIZE: 14px; } .se_nav { margin-left:10px; line-height:14px; } .se_description { font-size:10px; color:#666666; } .myhome_title { font-size:14px; color:#666666; border-bottom:1px solid #c5c5c5; margin-bottom:5px; } #siab_banner { color:#333333; width:172px; background-color:#ffffff; padding:10px; margin: 0 0 10px 0; border:1px solid #7a1600; } #siab_banner p { font-size: 100%; color:#333333; line-height: 100%; } #siab_banner a, #siab_banner a:link, #siab_banner a:visited, #siab_banner a:active { color:#7a1600; text-decoration:none; } #siab_banner a:hover { color: #000000; text-decoration:underline; } .siab_heading { FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #000000; border-bottom:1px solid #333333; } .siab_heading a, .siab_heading a:link, .siab_heading a:visited, .siab_heading a:active { FONT-WEIGHT: bold; FONT-SIZE: 14px; } .siab_heading a:hover { FONT-WEIGHT: bold; FONT-SIZE: 14px; } #rt_column { float:left; color:#333333; width:172px; background-color:#ffffff; padding:10px; margin: 20px 0 10px 0; border:1px solid #7a1600; } #rt_column p { font-size: 100%; color:#333333; line-height: 100%; } #rt_column a, #rt_column a:link, #rt_column a:visited, #rt_column a:active { color:#333333; text-decoration:none; } #rt_column a:hover { color: #000000; text-decoration:underline; } #youmay { color:#333333; background-color:#c5c5c5; font-size:11px; height:24px; padding-top:10px; margin-bottom:5px; text-align: center; border:1px solid #999999; } .text_highlight { background-color:#c5c5c5; color:#000000; font-style:italic; border-right:1px solid #7a1600; border-left:1px solid #7a1600; padding-left:3px; padding-right:3px; } .box_highlight { background-color:#c5c5c5; color:#000000; font-weight:bold; border:1px solid #7a1600; padding:3px; float:right; width: 200px; margin-left:5px; } .table_highlight { color:#000000; font-style:italic; border-right:1px solid #7a1600; border-left:1px solid #7a1600; padding-left:3px; padding-right:3px; } .pricetable { margin-top:10px; } td,th{ FONT-WEIGHT: normal; font-size:12px; color: #000000; vertical-align:text-top; } .heading { FONT-WEIGHT: bold; FONT-SIZE:14px; COLOR: #333333;text-indent:auto; } .subheading{ font-size:13px; font-weight:bold; color: #666666; background-color:#CCCCCC; border-bottom:1px solid #666666; padding-left:5px; } a.subheading:hover{ font-size:13px; font-weight:bold; color: #99cc00; text-decoration: underline; } .leftmenu { font-size:10px; } .privacy_left { float:left; text-align:left; width:470px; } .privacy_right { float:right; text-align:right; width:470px; } .row1{ font-size: 90%; font-weight:normal; background-color:#cdcdcd; } .row2{ font-size: 90%; font-weight:normal; background-color:#eaeaea; } .errmessage { color:#993300; } .ordernewclass { font-weight:bold; font-style:italic; } .ordershippedclass { font-style:italic; font-weight:normal } .orderreceivedclass { font-weight:normal; color:#333333; } .ordercompletedclass { font-weight:normal; color:#666666; } } @media print { html {/* Applied to the */ color: #000000; background-color: #4c4c4c; font-family: Arial, Helvetica, sans-serif; font-size: 75%; text-align: center; } body {/* Applied to the */ position:absolute; left:0px; margin: 0; text-align: center; background-image:url(../images/horizontal_repeat.gif); background-repeat: repeat-x; background-position: top; width:100%; height:100%; } /*table { position:static; background-color:#666666; }*/ p {/* Applied to all

*/ color:#333333; font-weight: normal; } a, a:link, a:visited, a:active {/* This is applied to all */ color: #333333; font-weight: bold; text-decoration: none; } a:hover {/* This is the rollover to all */ color: #7a1600; font-weight: bold; text-decoration: underline; } ul, li {/* Applied to all list tags */ text-indent: 0px; text-align:left; margin-bottom:5px; } #main {/* Applied to the div with id=main */ float:left; position: relative; display:block; margin: 0px auto 0px auto; text-align: left; width: 1005px; } #rtborder { position:absolute; width:55px; left:950px; background-image:url(../images/rtsite_border.jpg); background-repeat:no-repeat; height:572px; } /* Applied to the div with id=topNav */ #topNav { width:930px; height:21px; background-image:url(../images/top_nav.jpg); background-repeat: no-repeat; background-position:top center; } #header{/* Applied to the div with id=header */ height: 87px; width:950px; } #primaryNav {/* Applied to the div with id=primaryNav */ width: 930px; margin-left:0; padding-right:20px; /*height: 27px;*/ } #main-content{/* Applied to the div with id=main-content */ width: 1005px; text-align: left; } #bg-layer{/* Applied to the div with id=bg-layer */ width: 1005px; height:400px; min-height:300px; background-image:url(../images/vert_repeat.jpg); background-repeat:repeat-y; background-position: left; } #content {/* Applied to the div with id=content */ margin: 0; width: 1005px; text-align: left; background-image:url(../images/vert_repeat.jpg); background-repeat:repeat-y; background-position:center; } #innerContent {/* Applied to the div with id=innerContent */ clear:both; text-align: left; vertical-align:top; /*margin:10px;*/ padding:10px 65px 10px 10px; height:100%; } #bottom-nav {/* Applied to the div with id=bottom-nav */ clear:both; font-size: 80%; padding:0; margin-top:85px; text-align: center; width: 950px; height:50px; } #footer {/* Applied to the div with id=footer */ clear:both; position:relative; color:#ffffff; font-size: 80%; margin: 0px auto 0px auto; padding:8px 10px 0 10px; height: 21px; width:100%; text-align:center; background-image:url(../images/footer.jpg); background-repeat:no-repeat; background-position:top center; background-color:#4c4c4c; } #footer a, #footer a:link, #footer a:visited, #footer a:active { color:#ffffff; font-weight: bold; text-decoration: underline; } #footer a:hover { color:#7a1600; font-weight: bold; text-decoration: underline; } .top-nav {/* Applied to the div with class=top-nav */ color:#ffffff; font-weight: bold; text-align:right; padding: 5px 20px 0 0; } .top-nav a, .top-nav a:link, .top-nav a:visited, .top-nav a:active { font-size: 100%; color:#ffffff; font-weight: bold; text-decoration: none; } .top-nav a:hover { font-size: 100%; color:#7a1600; font-weight: bold; text-decoration: none; } .primary-nav {/* Applied to the div with class=primary-nav */ color:#ffffff; font-weight: bold; text-align:right; padding: 0px 0px 0 0; } .primary-nav a, .primary-nav a:link, .primary-nav a:visited, .primary-nav a:active { font-size: 100%; color:#ffffff; font-weight: bold; text-decoration: none; } .primary-nav a:hover { font-size: 100%; color:#7a1600; font-weight: bold; text-decoration: none; } .contact { padding-right:10px; } .bottom-nav {/* Applied to the div with class=bottom-nav */ color: #000000; font-weight: normal; } .bottom-nav a, .bottom-nav a:link, .bottom-nav a:visited, .bottom-nav a:active { color: #333333; font-weight: bold; text-decoration: none; } .bottom-nav a:hover { color: #7a1600; font-weight: bold; text-decoration: underline; } #leftcolumn { float:left; } .drift_signbox { padding-top:125px; width:174px; height:243px; background-image:url(../images/drift_signup.jpg); background-repeat:no-repeat; background-position:top center; } #rssreader { margin-top:10px; width:174px; background-color:#7a1600; border-bottom:4px solid #7a1600; } #text_content { color:#333333; float:left; padding:10px; margin:20px 10px 10px 10px; width:520px; border:1px solid #c5c5c5; } #text_content a, #text_content a:link, #text_content a:visited, #text_content a:active { color:#7a1600; text-decoration:none; } #text_content a:hover { color:#666666; text-decoration:underline; } #lower_content { color:#333333; float:left; padding:10px; margin:0px 10px 10px 10px; width:520px; border:1px solid #c5c5c5; } #lower_content a, #lower_content a:link, #lower_content a:visited, #lower_content a:active { color:666666; text-decoration:underline; } #lower_content a:hover { color:#7a1600; text-decoration:underline; } #whole_content { color:#333333; float:left; padding:10px; margin:20px 10px 10px 10px; width:700px; border:1px solid #c5c5c5; } #whole_content a, #whole_content a:link, #whole_content a:visited, #whole_content a:active { color:666666; text-decoration:underline; } #whole_content a:hover { color:#7a1600; text-decoration:underline; } #whole_page { color:#333333; float:left; padding:10px; margin:20px 10px 10px 10px; width:890px; border:1px solid #c5c5c5; } #whole_page a, #whole_page a:link, #whole_page a:visited, #whole_page a:active { color:666666; text-decoration:underline; } #whole_page a:hover { color:#7a1600; text-decoration:underline; } #ctr_column { float:left; } .text_heading { FONT-WEIGHT: bold; FONT-SIZE: 105%; COLOR: #000000; border-bottom:1px solid #333333; } .question_home { color:#7a1600; font-weight: bold; font-size:12px; } .question_home a, .question_home a:link, .question_home a:visited, .question_home a:active { color:#7a1600; text-decoration:none; } .question_home a:hover { color:#7a1600; text-decoration:none; } #tips_banner { clear:left; color:#333333; float:left; padding:10px; margin:0px 10px 10px 10px; width:250px; border:1px solid #c5c5c5; } #tips_banner a, #tips_banner a:link, #tips_banner a:visited, #tips_banner a:active { color:#7a1600; text-decoration:none; } #tips_banner a:hover { color:#000000; text-decoration:underline; } .tips_heading { FONT-WEIGHT: bold; FONT-SIZE: 105%; COLOR: #000000; border-bottom:1px solid #333333; } .tips_heading a, .tips_heading a:link, .tips_heading a:visited, .tips_heading a:active { FONT-WEIGHT: bold; FONT-SIZE: 14px; } .tips_heading a:hover { FONT-WEIGHT: bold; FONT-SIZE: 14px; } #products_banner { color:#333333; float:left; padding:10px; margin:0px 10px 10px 0px; width:238px; border:1px solid #c5c5c5; } #products_banner a, #products_banner a:link, #products_banner a:visited, #products_banner a:active { color:#7a1600; text-decoration:none; } #products_banner a:hover { color:#000000; text-decoration:underline; } .products_heading { FONT-WEIGHT: bold; FONT-SIZE: 105%; COLOR: #000000; border-bottom:1px solid #333333; } .products_heading a, .products_heading a:link, .products_heading a:visited, .products_heading a:active { FONT-WEIGHT: bold; FONT-SIZE: 14px; } .products_heading a:hover { FONT-WEIGHT: bold; FONT-SIZE: 14px; } /*.siab_column { background-color:#999999; }*/ #banners { width:152px; float:left; } #se_banner { color:#333333; width:172px; background-color: #ffffff; padding:10px; margin: 20px 0 10px 0; border:1px solid #7a1600; } #se_banner p { font-size: 100%; color:#333333; line-height: 100%; } #se_banner a, #se_banner a:link, #se_banner a:visited, #se_banner a:active { color:#7a1600; text-decoration:none; } #se_banner a:hover { color:#000000; text-decoration:underline; } .se_heading { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; border-bottom:1px solid #333333; } .se_heading a, .se_heading a:link, .se_heading a:visited, .se_heading a:active { FONT-WEIGHT: bold; FONT-SIZE: 14px; } .se_heading a:hover { FONT-WEIGHT: bold; FONT-SIZE: 14px; } .se_nav { margin-left:10px; line-height:14px; } .se_description { font-size:10px; color:#666666; } .myhome_title { font-size:14px; color:#666666; border-bottom:1px solid #c5c5c5; margin-bottom:5px; } #siab_banner { color:#333333; width:172px; background-color:#ffffff; padding:10px; margin: 0 0 10px 0; border:1px solid #7a1600; } #siab_banner p { font-size: 100%; color:#333333; line-height: 100%; } #siab_banner a, #siab_banner a:link, #siab_banner a:visited, #siab_banner a:active { color:#7a1600; text-decoration:none; } #siab_banner a:hover { color: #000000; text-decoration:underline; } .siab_heading { FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #000000; border-bottom:1px solid #333333; } .siab_heading a, .siab_heading a:link, .siab_heading a:visited, .siab_heading a:active { FONT-WEIGHT: bold; FONT-SIZE: 14px; } .siab_heading a:hover { FONT-WEIGHT: bold; FONT-SIZE: 14px; } #rt_column { float:left; color:#333333; width:172px; background-color:#ffffff; padding:10px; margin: 20px 0 10px 0; border:1px solid #7a1600; } #rt_column p { font-size: 100%; color:#333333; line-height: 100%; } #rt_column a, #rt_column a:link, #rt_column a:visited, #rt_column a:active { color:#333333; text-decoration:none; } #rt_column a:hover { color: #000000; text-decoration:underline; } #youmay { color:#333333; background-color:#c5c5c5; font-size:11px; height:24px; padding-top:10px; margin-bottom:5px; text-align: center; border:1px solid #999999; } .text_highlight { background-color:#c5c5c5; color:#000000; font-style:italic; border-right:1px solid #7a1600; border-left:1px solid #7a1600; padding-left:3px; padding-right:3px; } .box_highlight { background-color:#c5c5c5; color:#000000; font-weight:bold; border:1px solid #7a1600; padding:3px; float:right; width: 200px; margin-left:5px; } .table_highlight { color:#000000; font-style:italic; border-right:1px solid #7a1600; border-left:1px solid #7a1600; padding-left:3px; padding-right:3px; } .pricetable { margin-top:10px; } td,th{ FONT-WEIGHT: normal; font-size:12px; color: #000000; vertical-align:text-top; } .heading { FONT-WEIGHT: bold; FONT-SIZE:14px; COLOR: #333333;text-indent:auto; } .subheading{ font-size:13px; font-weight:bold; color: #666666; background-color:#CCCCCC; border-bottom:1px solid #666666; padding-left:5px; } a.subheading:hover{ font-size:13px; font-weight:bold; color: #99cc00; text-decoration: underline; } .leftmenu { font-size:10px; } .privacy_left { float:left; text-align:left; width:470px; } .privacy_right { float:right; text-align:right; width:470px; } .row1{ font-size: 90%; font-weight:normal; background-color:#cdcdcd; } .row2{ font-size: 90%; font-weight:normal; background-color:#eaeaea; } .errmessage { color:#993300; } .ordernewclass { font-weight:bold; font-style:italic; } .ordershippedclass { font-style:italic; font-weight:normal } .orderreceivedclass { font-weight:normal; color:#333333; } .ordercompletedclass { font-weight:normal; color:#666666; } }