body {
	margin: 0px 0px 0px 0px;
	font-family: Arial;
	padding: 0px;
	margin: 0px;
	border: 0px transparent none; 
	background-position:left top;
	background-repeat:no-repeat;
	font-size: 12px;
}

#dhtmltooltip{
    position: absolute;
    width: 150px;
    border: 2px solid black;
    padding: 2px;
    background-color: lightyellow;
    visibility: hidden;
    z-index: 100;
    /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
    filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}


/* - - - - - - - - - - - - - - - - - - - - -
Roll-Over Table Formating
- - - - - - - - - - - - - - - - - - - - - */

.tableMouseOver {
    border-bottom: #FFFFFF solid 1px;
    border-right: #FFFFFF solid 1px;
    border-left: #FFFFFF solid 1px;
    border-top: #FFFFFF solid 1px;
    background-color: #FFFFFF;
    padding: 4px 4px 2px 0px;
    margin-top: -7px;
    margin-bottom: -6px;
    margin-left: -1px;
    margin-right: -6px;
}

.tableMouseOut {
    border-bottom: #E0E9F2 solid 1px;
    border-right: #E0E9F2 solid 1px;
    border-left: #E0E9F2 solid 1px;
    border-top: #E0E9F2 solid 1px;
    background-color: #E0E9F2;
    padding: 4px 4px 2px 0px;
    margin-top: -7px;
    margin-bottom: -6px;
    margin-left: -1px;
    margin-right: -6px;
}

/* - - - - - - - - - - - - - - - - - - - - -
Roll-Over Clear Formating
- - - - - - - - - - - - - - - - - - - - - */

.clearFormattingTd {
    border-bottom: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
    background-color: #FFFFFF;
}

.clearFormattingTr {
    background-color: #FFFFFF;
}

.clearFormattingTd1 {
    border-bottom: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
}

.clearFormattingTd2 {
    border-bottom: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
}

.clearFormattingImg {
    border: 2px solid #FFFFFF;
}

/* - - - - - - - - - - - - - - - - - - - - -
General
- - - - - - - - - - - - - - - - - - - - - */

.heading1 {
	color:#CB0036;
	font-size:20px;
	font-weight: bold;
	font-family: Arial;
}

.heading2 {
	color:#666666;
	font-size:18px;
	font-weight: bold;
	font-family: Arial;
}

.heading3 {
	color:#CB0036;
	font-size:14px;
	font-weight: bold;
	font-family: Arial;
}

.blueBox {
	border: 1px solid #91A7B4; 
	background-image:url(/images_cart/gradient_blue.jpg); 
	background-repeat:repeat-x;
}

.redBox {
	border: 1px solid #FF0101; 
	/* background-image:url(/images_cart/gradient_red.jpg); */
	background-color: #FFB9B9;
	/* background-repeat:repeat-x; */
}

.aquaBox {	
	border: 1px solid #0080FF;  
	background-color: #92C5FF;
}

.greenBox {
	border: 1px solid #0AB900; 
	/* background-image:url(/images_cart/gradient_red.jpg); */
	background-color: #B3FFAE;
	/* background-repeat:repeat-x; */
}

.yellowBox {
	border: 1px solid #F3E676; 
	background-image:url(/images_cart/gradient_yellow.jpg); 
	background-color: #FFFEAE;
	background-repeat:repeat-x;
}

.prodBox {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: #666666;
}

/* - - - - - - - - - - - - - - - - - - - - -
hcp Breadcrumbs
- - - - - - - - - - - - - - - - - - - - - */

.breadcrumb {
	/*float: left;*/
    height: 30px;
    width: 100%;
    background: #7896b5;
    padding-left: 0px;

}
.arrowbody {
    float:left;
    height: 24px;
    padding-left: 8px;
    padding-top: 6px;
    padding-right: 10px;
    background: #5e7fa5;
    color: #ffffff;
    font-size: 14px;
    font-weight:400;
    text-decoration: none;
}
.arrowtips {
	float: left;
    background-image: url('/images_cart/arrow-tips.png');
    width: 13px;
    height: 30px;
}

/* - - - - - - - - - - - - - - - - - - - - -
processCategories.htm
- - - - - - - - - - - - - - - - - - - - - */

.categoryTd {
    /* styling for main TD in template */
	width: 200px;
    padding-top:20px;
	padding-bottom:20px;
	background-color: #E0E9F2;
}

.navigation ul {
	list-style-image: url(/images_cart/list_bullet.jpg);
}

.navigation li {
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom: 1px solid #EDF1F7;
}

a.categoryLink:link, a.categoryLink:visited {
	text-decoration: none;
	color: #797979;
	font-size: 12px;
}

a.categoryLink:hover {
	text-decoration: underline;
}

.categoryChildSelected {
    margin-left: 2.5em;
    padding-left: 0;
    /* list-style-type: circle; */
}

.categoryChildDeselected {
    margin-left: 2.5em;
    padding-left: 0;
    /* list-style-type: dot; */
}

.categorySelected {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 15px;
	width: 200px;
    border-bottom: #FFFFFF solid 1px; 
	border-right: #FFFFFF solid 1px; 
	border-left: #FFFFFF solid 1px; 
	border-top: #FFFFFF solid 1px;
    background-color: #FFFFFF;
	cursor:pointer;
    font-family: Arial;
    font-size:12px;
    color:#666666;
    font-weight:normal;
}

.categoryDeselected {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 15px;
	width: 200px;
	border-bottom: #E0E9F2 solid 1px; 
	border-right: #E0E9F2 solid 1px; 
	border-left: #E0E9F2 solid 1px; 
	border-top: #E0E9F2 solid 1px; 
	background-color: #E0E9F2;
	cursor:pointer;
    font-family: Arial;
    font-size:12px;
    color:#666666;
    font-weight:normal;
}

.categoryDeselectedOver {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 15px;
	width: 200px;
	border-bottom: #F1F1FD solid 1px; 
	border-right: #F1F1FD solid 1px; 
	border-left: #F1F1FD solid 1px; 
	border-top: #F1F1FD solid 1px;
    background-color: #F1F1FD;
	cursor:pointer;
    font-family: Arial;
    font-size:12px;
    color:#666666;
    font-weight:normal;
}

/* - - - - - - - - - - - - - - - - - - - - -
navMainTabs
- - - - - - - - - - - - - - - - - - - - - */

.shadetabs {
	/* position: absolute;*/
	margin-top: 5px;
	margin-left: 73px;
	margin-bottom: 2px;
	font-family: Arial;
	font-size: 12px;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li {
	display: inline;
	margin: -2px;
}

.shadetabs li a{
	text-decoration: none;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 20px;
	padding-right: 20px;
	border: 1px solid #91a7b4;
	color: #2d2b2b;
	background: white url(/images_cart/tab_swatch.jpg) top left repeat-x;
}

.shadetabs li a:visited{
	color: #2d2b2b;
}

.shadetabs li a:hover{
	text-decoration: underline;
	color: #2d2b2b;
}

.shadetabs li.selected {
	position: relative;
	padding-top: 0px;
	left: 0px;
	top: 1px;
	font-weight: normal;
}

.shadetabs li.selected a { /*selected main tab style */
	background-image: url(/images_cart/tab_swatch_active.gif);
	border-bottom-color: white;
	padding-top: 6px;
	color: #990134;
	font-weight: bold;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
	text-decoration: none;
	color: red;
}

.tabcontentstyle { /*style of tab content oontainer*/
	border: 1px solid #91A7B4;
	width: 99%;
	margin-left: 5px;
	margin-right: 5px;
}

.tabcontent {
/* display:none; # commented out, because it was hosing the wysiwyg cat header editor */
}

@media print {
.tabcontent { display:block!important; }
}

/* - - - - - - - - - - - - - - - - - - - - -

Title : Lightbox CSS
Author : Kevin Hale
URL : http://particletree.com/features/lightbox-gone-wild/

Created : January 13, 2006
Modified : February 1, 2006

- - - - - - - - - - - - - - - - - - - - - */

#lightbox{
display:none;
position: absolute;
top:50%;
left:50%;
z-index:9999;
width:600px;
margin:-275px 0 0 -300px;
border:2px solid #91a7b4;
background:#FFFFFF;
text-align:left;
overflow:auto;
}
#lightbox[id]{
position:fixed;
}

#overlay{
display:none;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:5000;
background-color:#000;
-moz-opacity: 0.8;
opacity:.80;
/*filter: alpha(opacity=80);*/
}
#overlay[id]{
position:fixed;
}

#lightbox.done #lbLoadMessage{
display:none;
}
#lightbox.done #lbContent{
display:block;
}
#lightbox.loading #lbContent{
display:none;
}
#lightbox.loading #lbLoadMessage{
display:block;
}

/*#lightbox.done img{
	width:100%;
	height:100%;
}*/

select { 
	font-size:9px; 
	font-family: Arial; 
}
input { 
	font-size:12px; 
	font-family: Arial; 
}
input.cart{
	width: 275px;
	border: 1px solid #ACADB2; 
	font-family: Arial; 
	font-size:12px; 
}
input.payment{
        border: 1px solid #ACADB2;
        font-family: Arial;
        font-size:12px;
}
select.cart{
        width: 275px;
        border: 1px solid #ACADB2;
        font-family: Arial;
        font-size:12px;
}
select.payment{
        border: 1px solid #ACADB2;
        font-family: Arial;
        font-size:12px;
}
table.admin{
        border: 1px solid #ACADB2;
}
input.plainbox{
    border: 1px solid #ACADB2;
    font-family: Arial;
    font-size:12px;
}
select.plainbox{
        border: 1px solid #ACADB2;
        font-family: Arial;
        font-size:12px;
}
textarea.plainbox{
        border: 1px solid #ACADB2;
        font-family: Arial;
        font-size:12px;
}
checkbox.plainbox{
        border: 1px solid #ACADB2;
        font-family: Arial;
        font-size:12px;
}


/* - - - - - - - - - - - - - - - - - - - - -
customerTabs
- - - - - - - - - - - - - - - - - - - - - */

.customershadetabs {
        /* position: absolute;*/
        margin-top: 5px;
        margin-left: -6px;
        margin-bottom: 2px;
        font-family: Arial;
        font-size: 12px;
        list-style-type: none;
        text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.customershadetabs li {
        display: inline;
        margin: -1px;
}

.customershadetabs li a{
        text-decoration: none;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 20px;
        padding-right: 20px;
        border: 1px solid #990134;
        color: #FFFFFF;
        background: #990134;
}

.customershadetabs li a:visited{
        color: #FFFFFF;
}

.customershadetabs li a:hover{
        text-decoration: none;
        color: orange;
}

.customershadetabs li.selected {
        position: relative;
        padding-top: 100px;
        left: 0px;
        top: 1px;
        font-weight: normal;
}

.customershadetabs li.selected a { /*selected main tab style */
        background: orange;
        border-bottom-color: orange;
        padding-top: 5px;
        color: #FFFFFF;
        font-weight: bold;
}

.customershadetabs li.selected a:hover{ /*selected main tab style */
        text-decoration: none;
        color: red;
}

.customertabcontentstyle { /*style of tab content oontainer*/
        border: 1px solid #91A7B4;
        width: 99%;
        margin-left: 0px;
        padding-top: 0px;
}

.customertabcontent {
        padding-top: 1px;
        background: white;
}

@media print {
.customertabcontent { display:block!important; }
}

/* - - - - - - - - - - - - - - - - - - - - -