/* ------------- "generic" styles */
body {
font-size: .75em;
font-size-adjust: none;
background-color: transparent;
background-image: url(/content/321-red-stars.jpg);
color: #6A6A6A;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
padding: 0;
margin: 0;
} 
h1 {
font-size: 20px;
color: #000;
}
h2 {
color: #000;
}
/*
div {
font-size: 12px;
}
*/
a {
text-decoration: none;
}
a img {
border: 0px none;
}
p {
margin: .5em;
}
.printOnly {
height: 0px;
text-align: center;
width: 100%
}
center {
height: 0px;
width:970px;
text-align:center;
}
/* Main Body Style */
#mainbody {
margin: 0;
}
#info {
margin: 20px 20px 0 20px;
}
.sidecolor {
background-color: #FFF;
}
#messageArea {
background-color: white;
color: white;
}
#messageTitle {
display: none;
}
#newtop {
display: block;
position: relative;
margin: 0;
padding: 0;
width: 950px;
height: 130px;
background-color: #151016;
background-image: url(/content/321NewHeader2.png);
background-repeat: no-repeat;
}
.topthree {
display: block;
position: relative;
float: left;
}
.leftpart {
display: block;
position: relative;
width: 300px;
height: 130px;
float: left;
text-align: center;
vertical-align: middle;
font-size: 3em;
color: #FFF;
background-image: url(/content/321LeftHeader.png);
}
.rightpart {
display: block;
position: relative;
width: 300px;
height: 130px;
float: left;
text-align: center;
vertical-align: middle;
color: #FFF;
background-image: url(/content/321RightHeader.png);
}
.midpart {
display: block;
position: relative;
width: 350px;
height: 130px;
float: left;
text-align: center;
vertical-align: middle;
background-image: url(/content/321NewLogo.png);
}
.freefreight {
display: block;
position: absolute;
color: #fff;
z-index: 5;
width: 450px;
height: 26px;
top: 10px;
right: 250px;
}
.followUs {
display: block;
position: absolute;
float: left;
color: #fff;
z-index: 5;
width: 450px;
height: 26px;
top: 96px;
right: 128px;
}
/* ------------- top menu styles */
#topmenu {
text-align: right;
height: 22px;
width: 950px;
margin: 0;
padding: 0;
/*padding: 15px 10px 0 0;*/
}
#topmenu a {
font-size: 12px;
font-weight: bolder; 
text-decoration: none;
padding: 0px 5px 0px 5px;
color: #fae9b5;
border-right: 1px solid #fae9b5;
}
#topmenu a:hover {
font-size: 12px;
font-weight: bolder;
text-decoration: none;
color: #f79b4a;
}
/*
#topmenu td {
border-right: thin solid #FFF;
}
*/
#topmenu td.last{
border-style: none;
}
/* Main body */
.gzsites #container {
width: 950px;
background: #fff;
margin:0 auto;
/*
border-right: 1px solid #E3E3E3;
border-bottom: 1px solid #E3E3E3;
border-left: 1px solid #E3E3E3;
*/
text-align: left;
}
.gzsites #top {
background-color: #151016;
}
.gzsites #navbar {
height: 30px;
background-color: #272828;
}
.gzsites #navlinks {
margin: 0px 0px 10px 0px;
padding: 0.25em 3em .25em 1em;
background-color: #272828;
background-image: url("/content/321nav1px.png");
background-repeat: repeat-x;
}
.gzsites #navlinks li {
padding: 0 0.75em; 0 0.75em;
border-right: 1px solid #fae9b5;
font-weight: bold;
display: inline;
list-style: none;
color: #fae9b5;
}
.gzsites #navlinks li.last {
border-right: 0;
}
.gzsites #navlinks a {
color: #fae9b5;
}
.gzsites #navlinks a:hover {
color: #f79b4a;
}
.gzsites #navlinks .searchbutton {
border-style:solid;
border-color:#fff;
border-width:1px;
background-color:#c5aec8;
color:#ffffff;
font-size:11px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
width:32px;
height:18px;
padding-bottom:2px;
padding-right: 10px;
}
.gzsites #showcart {
/*background-color:#FFE8D1;*/
background-color:#EBDFC7;
float:right;
height:21px;
padding:5px 5px 0 0;
text-align:right;
vertical-align:middle;
width:180px;
}
.gzsites #showcart a.cartContents {
font-weight:bold;
color:#333333;
}
.gzsites #showcartcheckout {
background-color:#EEFF44;
color:#333333;
font-weight:bold;
height:28px;
/* margin:10px 0 10px 365px; */
margin:10px 0 10px 365px;
padding:10px 5px 0 10px;
text-align:right;
vertical-align:middle;
width:266px;
-moz-border-radius:3px;
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomright: 3px;
-webkit-border-top-right-radius:3px;
-webkit-border-top-left-radius:3px;
-webkit-border-bottom-right-radius:3px;
-webkit-border-bottom-left-radius:3px;
}
/* column container */
.colmask {
position:relative; /* This fixes the IE7 overflow hidden bug */
clear:both;
float:left;
width:100%; /* width of whole page */
height: 100%;
overflow:hidden; /* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
float:left;
width:100%;
position:relative;
}
.col1,
.col2,
.col3 {
float:left;
position:relative;
}
/* 2 Column (left menu) settings */
.leftmenu {
background:#fff; /* right column background colour */
}
.leftmenu .colleft {
right:85%; /* right column width */
/* background:#E8E8E8; left column background colour */
}
.leftmenu .col1 {
width:86%; /* right column content width */
left:104%; /* 100% plus left column left padding */
}
.leftmenu .col2 {
width:14%; /* left column content width (column width minus left and right padding) */
left:-1%; /* (right column left and right padding) plus (left column left padding) */
}
.gzsites #leftsidebar {
float: left;
width: 202px;
padding: 25px 0px 25px 0px;
background-color: #ffffff;
}
.gzsites #leftsidebar div ul {
margin: 0;
padding: 0;
list-style-type:none; 
display:block;
padding-left: 10px;
}
.gzsites #leftsidebar ul div li {
background: transparent url("/content/leftsidebar-top-bk.png") no-repeat scroll right top; 
color: #fff;
font-weight: bold;
padding: 3px 0 3px 10px;
margin: 5px 0px 5px 0px;
/*
-moz-border-radius:3px;
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomright: 3px;
-webkit-border-top-right-radius:3px;
-webkit-border-top-left-radius:3px;
-webkit-border-bottom-right-radius:3px;
-webkit-border-bottom-left-radius:3px;
*/
}
.gzsites #leftsidebar ul li a {
color: #410F0E;
}
/*
.gzsites #leftsidebar ul li a:visited {
color: #846463;
text-decoration: underline;
}
*/
.gzsites #leftsidebar ul li a:hover {
color: #846463;
}
.gzsites #maincontent {
margin: 0 0 0 202px;
padding: 10px 20px;
}
.gzsites #checkoutcontent {
margin: 0 0 0 50px;
padding: 0 20px 0 0;
}
.gzsites #footer {
background-color: #CCCCCC;
padding: 1.5em 3em;
}
.gzsites #footerlinks {
text-align: center;
margin: 0;
padding: 0.25em 3em .25em 1em;
}
.gzsites #footerlinks li {
padding: 0 0.75em; 0 0.75em;
border-right: 1px solid #996633;
font-weight: bold;
display: inline;
list-style: none;
color: #fae9b5;
}
.gzsites #footerlinks li.last {
border-right: 0;
}
.gzsites #footerlinks a {
color: #996633;
}
.gzsites #footerlinks a:hover {
color: #f79b4a;
}
.clearfloat {
clear:left;
/*height:0;*/
font-size: 1px;
line-height: 0px;
}
.roundedTest li {
-moz-border-radius:3px;
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomright: 3px;
-webkit-border-top-right-radius:3px;
-webkit-border-top-left-radius:3px;
-webkit-border-bottom-right-radius:3px;
-webkit-border-bottom-left-radius:3px;
}
/* -----------------------Index styles */
#bodybanner {
}
.image1 {
height: 240px;
}
.bodyBorder {
border-right: thin solid #cfcfcf; 
border-bottom: thin solid #cfcfcf; 
border-left: thin solid #cfcfcf; 
}
ul.menu li {
display:inline;
}
#content-right-left {
float: left;
padding: 0 0em 4em 20em;
}
#content-right {
float: left;
padding: 0em 20em 4em 0em;
}
#content-left {
float: left;
padding-top: 10px;
padding-right: 30px;
background-color: #fff;
width: 700px;
}
#rightsidebar {
float: left;
margin: 0 0 4em -18em;
border: 1px solid #fff;
}
div.product-summary-box {
width: 100%;
}
div.product-summary-box div {
float: left;
width: 210px;
height: 235px;
margin: 5px;
padding: 0;
border: 1px solid #cfcfcf;
}
div.product-summary-box div.detailsBox {
float: left;
width: 220px;
height: 160px;
margin: -5px;
padding: 0;
border: none;
}
div.product-summary-box img {
padding: 0 15px 0 20px; 
}
div.product-summary-box a {
color: #996633;
padding: 5 20px 0 20px; 
}
div.product-summary-box a:visited {
color: #89b65c;
}
div.product-summary-box a:hover {
color: #f79b4a;
}
div.product-summary-box p {
margin: 0;
padding: 0 10px 0 10px;
text-align: center;
}
div.product-summary-box div h2 {
margin: 0 ;
padding: .5em 1em .5em;
color: #686397;
background: #A0C63A;
font-size: 1em;
border: none;
}
div.product-summary-box div img {
float: none;
margin: 2em 0 0 0;
border: none;
}
div#product-summary-box div div {
margin: 1em;
border: none;
}
div.product-feature-box {
}
div.product-feature-box div {
float: left;
width: 210px;
height: 160px;
margin: 5px 5px 36px;
padding: 0;
border: 1px solid #cfcfcf;
}
div.product-feature-box div.detailsBox {
float: left;
width: 220px;
height: 160px;
margin: 5px;
padding: 0;
border: none;
}
div.product-feature-box img {
padding: 0 15px 0 20px; 
}
div.product-feature-box a {
color: teal;
padding: 5 20px 0 20px; 
}
div.product-feature-box p {
margin: 0;
padding: 0 10px 0 10px;
text-align: center;
}
div.product-feature-box div h2 {
margin: 0 ;
padding: .5em 1em .5em;
color: #686397;
background: #A0C63A;
font-size: 1em;
border: none;
}
div.product-feature-box div img {
float: none;
margin: 2em;
border: none;
}
div#product-feature-box div div {
margin: 1em;
border: none;
}
/* Item Detail Section */
#productCell {
margin: 0px;
padding: 0px;
}
#productCell .itemDescription {
padding: 5px 10px 3px 10px;
text-align: left;
}
#productCell .name {
font-size: 14px;
font-weight: bold;
}
#productCell .mainbody {
text-align: left;
margin: 0px;
padding-bottom: 5px;
}
#productCell .imagecell {
vertical-align: top;
padding-right: 10px;
padding-left: 10px;
width: 300px;
text-align: center;
}
#productCell .availabilty {
padding-bottom: 3px;
padding-top: 3px;
border-top: solid;
border-top-width: 1px;
}
#productCell .sku {
border-top: solid;
border-top-width: 1px;
padding-top: 3px;
padding-bottom: 3px;
}
#productCell .price {
border-top: solid;
border-top-width: 1px;
border-bottom: solid;
border-bottom-width: 1px;
padding-top: 3px; padding-bottom: 3px;
}
#productCell .info {
margin-top: 5px;
padding-bottom: 5px;
border-top: 1px solid;
background-color: #eaeaea;
}
#productCell .addToCart {
margin-bottom: 1.5em;
padding-bottom: 0px;
}
#productCell .description {
margin-left: 10px;
margin-right: 10px;
margin-top: 5px;
text-align: left;
}
#productCell .suggest {
color: #333;
}
#productCell .suggesttab {
width: 660px;
margin: 0;
padding: 0;
}
.categortBody {
font-size: .75em;
}
/*------- breadcrumbs--------*/
.bread {
padding-right: 8px;
padding-left: 8px; 
padding-bottom: 1px;
padding-top: 1px; 
clear:both;
height:100%;
}
.bread:link {
font-size:10px;
text-transform: uppercase;
color: #000;
text-decoration: none;
vertical-align:middle;
font-weight:800;
}
.bread:visited { 
font-size:10px;
text-transform: uppercase;
color:#000;
text-decoration: none;
vertical-align:middle;
font-weight:800;
}
.bread:hover { 
font-size:10px;
text-transform: uppercase;
color:#820721;
text-decoration: none;
vertical-align:middle;
font-weight:800;
}
.breadoff {
padding-right: 8px;
padding-left: 8px; 
padding-bottom: 1px;
padding-top: 1px; 
clear:both;
height:100%;
}
.breadoff:link {
font-size:10px;
text-transform: uppercase;
color: #d3d3d3;
text-decoration: none;
vertical-align:middle;
font-weight:400;
}
.breadoff:visited { 
font-size:10px;
text-transform: uppercase;
color:#d3d3d3;
text-decoration: none;
vertical-align:middle;
font-weight:400;
}
.breadoff:hover { 
font-size:10px;
text-transform: uppercase;
color:#820721;
text-decoration: none;
vertical-align:middle;
font-weight:400;
}
/* Buttons */
.btn {
/*border:1px #D2D0E9 solid;*/
padding-right: 8px;
padding-left: 8px; 
padding-bottom: 2px;
padding-top: 2px; 
clear:both;
height:100%;
background-color: #7D868F;
background-image: url("/content/btnBkgndBrown.gif");
-moz-border-radius:3px;
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomright: 3px;
-webkit-border-top-right-radius:3px;
-webkit-border-top-left-radius:3px;
-webkit-border-bottom-right-radius:3px;
-webkit-border-bottom-left-radius:3px;
}
.btn:link {
font-size:10px;
text-transform: uppercase;
color: #FFF;
text-decoration: none;
vertical-align:middle;
font-weight:800;
}
.btn:visited { 
font-size:10px;
text-transform: uppercase;
color:#FFF;
text-decoration: none;
vertical-align:middle;
font-weight:800;
}
.btn:hover { 
font-size:10px;
text-transform: uppercase;
color:#fabb63;
/*border:1px #fabb63 solid;*/
text-decoration: none;
vertical-align:middle;
font-weight:800;
}
.btnsm {
/*border:1px #D2D0E9 solid;*/
padding-right: 8px;
padding-left: 8px; 
padding-bottom: 2px;
padding-top: 2px; 
clear:both;
height:100%;
background-color: #7D868F;
background-image: url("/content/btnBkgndBrown.gif");
-moz-border-radius:3px;
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomright: 3px;
-webkit-border-top-right-radius:3px;
-webkit-border-top-left-radius:3px;
-webkit-border-bottom-right-radius:3px;
-webkit-border-bottom-left-radius:3px;
}
.btnsm:link {
font-size:10px;
text-transform: uppercase;
color: #FFF;
text-decoration: none;
vertical-align:middle;
font-weight:800;
}
.btnsm:visited { 
font-size:10px;
text-transform: uppercase;
color:#FFF;
text-decoration: none;
vertical-align:middle;
font-weight:800;
}
.btnsm:hover { 
font-size:10px;
text-transform: uppercase;
color:#fabb63;
/*border:1px #fabb63 solid;*/
text-decoration: none;
vertical-align:middle;
font-weight:800;
}
.btngr {
/*border:1px #D2D0E9 solid;*/
padding-right: 8px;
padding-left: 8px; 
padding-bottom: 2px;
padding-top: 2px; 
clear:both;
height:100%;
background-color: #7D868F;
background-image: url("/content/btnBkgndGreen.gif");
-moz-border-radius:3px;
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomright: 3px;
-webkit-border-top-right-radius:3px;
-webkit-border-top-left-radius:3px;
-webkit-border-bottom-right-radius:3px;
-webkit-border-bottom-left-radius:3px;
}
.btngr:link {
font-size:10px;
text-transform: uppercase;
color: #FFF;
text-decoration: none;
vertical-align:middle;
font-weight:800;
}
.btngr:visited { 
font-size:10px;
text-transform: uppercase;
color:#FFF;
text-decoration: none;
vertical-align:middle;
font-weight:800;
}
.btngr:hover { 
font-size:10px;
text-transform: uppercase;
color:#fabb63;
/*border:1px #fabb63 solid;*/
text-decoration: none;
vertical-align:middle;
font-weight:800;
}
.btnpage {
/*border:1px #D2D0E9 solid;*/
padding-right: 8px;
padding-left: 8px; 
padding-bottom: 2px;
padding-top: 2px; 
clear:both;
height:100%;
background-color: #f9be60;
border:1px #f9be60 solid;
-moz-border-radius:3px;
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomright: 3px;
-webkit-border-top-right-radius:3px;
-webkit-border-top-left-radius:3px;
-webkit-border-bottom-right-radius:3px;
-webkit-border-bottom-left-radius:3px;
}
.btnpage:link {
font-size:10px;
text-transform: uppercase;
color: #FFF;
border:1px #FFF solid;
text-decoration: none;
vertical-align:middle;
font-weight:800;
}
.btnpage:visited { 
font-size:10px;
text-transform: uppercase;
border:1px #FFF solid;
color:#FFF;
text-decoration: none;
vertical-align:middle;
font-weight:800;
}
.btnpage:active { 
font-size:10px;
text-transform: uppercase;
color:red;
border:1px #FFF solid;
text-decoration: none;
vertical-align:middle;
font-weight:800;
}
.btnpage:hover { 
font-size:10px;
text-transform: uppercase;
color:#333333;
/*border:1px #333333 solid;*/
text-decoration: none;
vertical-align:middle;
font-weight:800;
}
.dataTable {
border-style: solid;
border-color: #9e9ec3;
border-width: 1px 1px 1px 1px;
}
.dataTable td {
padding: 3px 3px 3px 3px;
margin: 0px 0px 0px 0px;
border-style: solid;
border-color: #9e9ec3;
border-width: 1px 1px 1px 1px;
}
.dataTable th {
padding: 2px 3px 2px 3px;
margin: 0px 0px 0px 0px;
border-style: solid;
border-color: #9e9ec3;
border-width: 1px 1px 1px 1px;
}
.tableData {
color: #000;
}
.oddrow {
background: #fff;
}
.evenrow {
background: #e5e5e5;
}
.required {
color: red; 
}
.tableDataRight {
color: #000;
text-align: right;
}
.tableDataCenter {
color: #000;
text-align: center;
vertical-align: middle;
}
.border-all {
border-top: 1px solid #666;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
border-left: 1px solid #666;
}
.border-left {
border-top: 1px solid #666;
border-bottom: 1px solid #666;
border-left: 1px solid #666;
}
.border-right {
border-top: 1px solid #666;
border-bottom: 1px solid #666;
border-right: 1px solid #666;
}
/* Form Input */
input.formInputText {
color: #000;
background-color: #f1f1f1;
border: solid 1px #666;
}
input.formInputText:hover {
background-color: #ddd;
border: solid 1px #666;
color: #000;
cursor: pointer;
}
input.formInputText:focus {
color: #000;
background-color: #feffbd;
border: solid 1px #666;
cursor: text;
}
input.formInputButton {
text-align: center;
padding: 1px;
border: solid 1px #f66;
cursor: pointer;
}
input.formInputButton:hover {
background-image: url(bg_button_hover.png);
}
input.formInputButton:active {
background-image: url(bg_button.png);
}
input.formInputQty {
text-align: right;
padding: 2px;
margin-right: 5px;
border: 1px solid #666666;
}
input.formInputQty:hover {
color: #000;
cursor: pointer;
}
input.formInputQty:focus {
color: #000;
background-color: #feffbd;
cursor: text;
}
select.formSelect {
font-size: 10px;
color: #000;
background-color: #f1f1f1;
padding: 2px;
border: solid 1px #666;
margin-right: 5px;
margin-bottom: 5px;
cursor: pointer;
}
select.formSelect:hover {
color: #333;
background-color: #ddd;
border: solid 1px #666;
}
select.formSelect:focus {
color: #000;
background-color: #feffdb;
border: solid 1px #666;
}
/* MY ACCOUNT SECTION */
#myAccountTable {
margin: 0px 0px 10px 0px;
width: 700px;
}
.myAccountTable {
margin: 10px 0px 10px 0px;
width: 700px;
}
.myAccountTable td {
padding: 3px 3px 7px 3px;
margin: 0px 0px 0px 0px;/*border-style: solid;
border-color: #9e9ec3;
border-width: 1px 1px 1px 1px;*/
}
.myAccountTable th {
background-color: #ededed;
padding: 2px 3px 2px 3px;
margin: 0px 0px 0px 0px;
border-style: solid;
border-color: #666;
border-width: 1px 1px 1px 1px;
}
.invoiceBorder {
border-bottom: thin solid #393939;
border-left: thin solid #393939;
border-right: thin solid #393939;
}
.invoiceBorderMiddle {
border-bottom: thin solid #393939;
border-right: thin solid #393939;
}
.invoicePageSep {
border-bottom:2px solid #393939;
margin: 3px 0px 10px 0px;
vertical-align:middle;
width:100%;
}
.bodycopy_info {
color: #000;
font-size: 12px;
font-family: "Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular, Verdana;
font-style: normal;
font-weight: normal;
}
#shipToArea .crb{border-right:1px solid #dadada;}
#shipToCell {position:relative;float:left; background:#fff;padding-bottom:10px;}
#shipToCell dd{padding:1px 10px;}
#shipToCell table{width:100%;clear:both;}
#shipToCell table .cell{float:none;}
#shipToCell .cell{width:220px;height:11em;position:relative;margin:2;padding:10px 0px 0px 1px;float:left;border:1px solid LightGrey;}
#shipToCell .header{position:relative;height:15sem;}
#shipToCell .body{position:relative;height:5em;background:#fff;}
#shipToCell .footer{position:relative;height:5em;}
#shipToCell .icons{position:absolute;top:70px;left:125px;}
#shipToCell .description{position:absolute;left:0;top:3.3em;width:228px;background:#fff;text-align:left;}
#shipToCell .description .title h3{font-weight:normal;margin:0;padding:0;}
#shipToCell .description .bullet ul,#bcaProductCell .description .bullet li{margin:0 0 0 15px;padding:0;}
#prevnext {
text-align: right;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
margin-top: 20px;
margin-bottom: 20px;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 10px;
}
#prevnextend {
text-align: right;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
margin-top: 20px;
margin-bottom: 20px;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 10px;
}
/*Shadow for images*/
.img-shadow {
float:left;
background: url('/content/shadowAlpha.png') no-repeat bottom right !important;
background: url('/content/shadow.gif') no-repeat bottom right;
margin: 10px 0 0 10px !important;
margin: 10px 0 0 5px;
}
.img-shadow img {
display: block;
position: relative;
background-color: #fff;
border: 1px solid #a9a9a9;
margin: -6px 6px 6px -6px;
padding: 4px;
}
/* Tabbed Styles */
.tab-box { 
border-bottom: 1px solid #DDD;
padding-bottom:5px;
}
.tab-box a {
border:1px solid #DDD;
color:#666666;
padding: 5px 15px;
text-decoration:none;
background-color: #eee;
}
.tab-box a.activeLink { 
background-color: #fff; 
border-bottom: 0; 
padding: 6px 15px;
}
.tabcontent { border: 1px solid #ddd; border-top: 0; padding: 5px;}
.hide { display: none;}
.small { color: #999; margin-top: 100px; border: 1px solid #EEE; padding: 5px; font-size: 9px; font-family:Verdana, Arial, Helvetica, sans-serif; }
/* always visible */
#outer .holder {padding:1em; margin:0 20px 10px 0;}
#outer .holder h2 {margin:0; padding:0;}
/* unclicked style div.more */
#outer div.more i {float:right; margin-right:-10px 10px 0 0; cursor:pointer; color:#c00; font-weight:bold;}
#outer div.more i.hide {display:none;}
#outer div.more span {display:none;}
#outer div.more img {display:none;}
/* clicked style div.click */
#outer div.click i.show {display:none;}
#outer div.click i.hide {display:block;}
#outer div.click span {display:block;}
#outer div.click img {display:block; float:left; padding-right:10px;}
/* NEW INDEX */
#category {
height: 360px;
width: 244px;
}
#category a {
display:block;
height: 170px;
width: 220px;
}
#category a:hover {
background-color: #EDEEF3;
}
#safetyguy {
height: 225px;
width: 335px;
float: right;
margin-top: 50px;
background-image: url(/content/safteyguy.jpg);
}
#myRotatingContent.tswRotatingContent { width: 700px; }
#myRotatingContent .tswRotatingContentHeader { width: 700px; }
#myRotatingContent .tswRotatingContentTitle
{
width: 700px;
padding-top: 17px;
}
#myRotatingContent .tswRotatingContentPageMarkers { width: 40px; }
#myRotatingContent .tswRotatingContentBody
{
background-color: #ffffff;
width: 700px;
height: 140px;
}
#myRotatingContent .tswRotatingContentBody div.tswRotatingContentPanelVisible,
#myRotatingContent .tswRotatingContentBody div.tswRotatingContentPanelHidden,
#myRotatingContent .tswRotatingContentBody div.tswRotatingContentPanelFadingOut
{
background-color: #ffffff;
width: 700px;
height: 125px;
padding: 4px;
}
#myRotatingContent .tswRotatingContentPageMarkerSelected div
{
background: url('/content/TSWPageMarkerSelected_999999.png');
/* IE6 only */
*-background: none;
*-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/content/TSWPageMarkerSelected_999999.png', sizingMethod='crop');
}
#myRotatingContent .tswRotatingContentPageMarkerUnselected div
{
background: url('/content/TSWPageMarkerUnselected_999999.png');
/* IE6 only */
*-background: none;
*-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/content/TSWPageMarkerUnselected_999999.png', sizingMethod='crop');
}
img.floatRight {
float: right;
margin-bottom: 6px;
margin-left: 20px;
margin-top: 54px;
}
/* Copyright 2009 Taco Software. All rights reserved.
* http://tacosw.com
*
* This file is part of the Component Library included in Taco HTML Edit.
* Licensed users of Taco HTML Edit may modify and use this source code 
* for their web development (including commercial projects), as long as 
* this copyright notice is retained.
*
* The contents of this file may not be published in a format intended
* for access by other humans, so you may not put code examples on a
* web site with all or part of the contents of this file, and you may
* not publish the contents of this file in a printed format.
*/
.tswRotatingContentHeader
{ 
position: relative;
}
.tswRotatingContentTitle
{
text-align: left;
}
.tswRotatingContentPageMarkers
{
position: absolute;
right: 0px;
bottom: 2px;
font-size: 0px;
}
.tswRotatingContentBody
{
/* clear: both; */
position: relative;
}
.tswRotatingContentBody div.tswRotatingContentPanelVisible,
.tswRotatingContentBody div.tswRotatingContentPanelHidden,
.tswRotatingContentBody div.tswRotatingContentPanelFadingOut
{
position: absolute;
left: 0px;
top: 0px;
overflow: hidden;
}
.tswRotatingContentPanelVisible
{
z-index: 1000;
}
.tswRotatingContentPanelFadingOut
{
z-index: 0;
}
.tswRotatingContentPanelHidden
{
z-index: -10;
}
.tswRotatingContentPageMarkerSelected, .tswRotatingContentPageMarkerUnselected
{
width: 10px;
height: 10px;
float: left;
cursor: pointer;
background-repeat: no-repeat;
background-position: bottom right;
}
.tswRotatingContentPageMarkerSelected div, .tswRotatingContentPageMarkerUnselected div
{
width: 10px;
height: 10px;
}
/* The checksum below is for internal use by Taco HTML Edit, 
to detect if a component file has been modified.
TacoHTMLEditChecksum: 55EBDA93 */