/* CSS is by general pages and then individual pages. Comments indicate unique pages. Selectors are grouped and seperated with commas. Please maintain these comments and groupings. - kimmer march 17, 2004*/

/* General Pages */

BODY
{
    BACKGROUND: url(../images/background.gif) repeat-x;
    COLOR: #000000;
    FONT-FAMILY: Arial, Verdana, Helvetica, Sans-Serif;
    FONT-SIZE: 12px;
    MARGIN: 20px 20px 20px 25px;
}
TABLE
{
    FONT-FAMILY: Arial, Verdana, Helvetica, Sans-Serif;
    FONT-SIZE: 12px;
}
TH
{
    FONT-FAMILY: Arial, Verdana, Helvetica, Sans-Serif;
    FONT-SIZE: 12px;
}
TR
{
    FONT-FAMILY: Arial, Verdana, Helvetica, Sans-Serif;
    FONT-SIZE: 12px;
}
TD
{
    FONT-FAMILY: Arial, Verdana, Helvetica, Sans-Serif;
    FONT-SIZE: 12px;
}
.colhead
{
    BACKGROUND-COLOR: #EEEEEE;
    FONT-WEIGHT: 600;
    PADDING: 2px 3px;
}
.rowhead
{
    FONT-WEIGHT: 600;
}
.contrastline
{
    BACKGROUND-COLOR: #EEEEEE;
    PADDING: 2px 3px;
}
H1
{
    COLOR: #840029;
    FONT-FAMILY: Comic Sans MS, Comic Sans, Arial, Verdana, Helvetica, Sans-Serif;
    FONT-SIZE: 18px;
    FONT-WEIGHT: 600;
    BORDER-BOTTOM: 1px SOLID #840029;
}
H2
{
    COLOR: #840029;
    FONT-FAMILY: Comic Sans MS, Comic Sans, Arial, Verdana, Helvetica, Sans-Serif;
    FONT-SIZE: 16px;
    FONT-WEIGHT: 500;
}
H3
{
    COLOR: #840029;
    FONT-SIZE: 12px;
    FONT-WEIGHT: 600;
}
.Xlarge
{
    FONT-SIZE: 22px;
}
.large
{
    FONT-SIZE: 18px;
}
.medium
{
    FONT-SIZE: 14px;
}
.base
{
    FONT-SIZE: 12px;
}
.small
{
    FONT-SIZE: 10px;
}
.alert
{
    COLOR: #CC0000;
}
.confirm
{
    COLOR: #0000CC;
}
IMG
{
    BORDER-STYLE: none;
}
IMG.logo
{
    LEFT: 25px;
    POSITION: absolute;
    TOP: 0px;
    Z-INDEX: 20;
}
IMG.tagline
{
    left: 167px;
    POSITION: absolute;
    TOP: 11px;
    Z-INDEX: 5;
}
IMG.buttonsBack
{
    LEFT: 0px;
    POSITION: absolute;
    TOP: 0px;
    Z-INDEX: 1;
}
IMG.macro
{
BORDER: #CCCCCC 1px solid;
}
IMG.product
{
    BORDER-STYLE: none;
}
li
{
list-style-image:url(../images/bullet.gif)
}
B, STRONG
{
    FONT-WEIGHT: 600;
}
sup.tag
{
    COLOR: #CC0000;
    FONT-SIZE: 11px;
}
.sm_alert
{
    COLOR: #CC0000;
    FONT-SIZE: 11px;
}
A:link
{
    COLOR: #840029;
    TEXT-DECORATION: underline;
}
A:visited
{
    COLOR: #840029;
    TEXT-DECORATION: underline;
}
A:active
{
    COLOR: #006400;
    TEXT-DECORATION: underline;

}
A:hover
{
    COLOR: #006400;
    TEXT-DECORATION: underline;

}
A.footer:link
{
    COLOR: #006400;
    FONT-SIZE: 11px;
    TEXT-DECORATION: none;
    FONT-WEIGHT: 400;
}
A.footer:visited
{
    COLOR: #006400;
    FONT-SIZE: 11px;
    TEXT-DECORATION: none;
    FONT-WEIGHT: 400;
}
A.footer:active
{
    COLOR: #840029;
    FONT-SIZE: 11px;
    TEXT-DECORATION: none;
}
A.footer:hover
{
    COLOR: #840029;
    FONT-SIZE: 11px;
    TEXT-DECORATION: none;
}


/* Login Pages */

BODY.Login
{
    BACKGROUND: NO BACKGROUND;
    MARGIN: 0px 0px 0px 0px;
    TEXT-ALIGN: CENTER;
}
#loginContainer
{
    POSITION: RELATIVE;
    margin: 10px auto;
    width: 710px;
    height: 100%;
    BACKGROUND: url(../images/loginBack.gif) repeat-x;
}
#loginTable
{
    POSiTION: ABSOLUTE;
    LEFT: 185px;
    TOP: 60px;
    WIDTH: 280px;

}
#loginTable H1
{
    COLOR: #840029;
    FONT-FAMILY: Comic Sans MS, Comic Sans, Arial, Verdana, Helvetica, Sans-Serif;
    FONT-SIZE: 20px;
    FONT-WEIGHT: 800;
}
#loginTable p
{
    COLOR: #006400;
    FONT-FAMILY: Arial, Verdana, Helvetica, Sans-Serif;
    FONT-SIZE: 12px;
    FONT-WEIGHT: 600;
}
TD.Login
{
    FONT-SIZE: 14px;
    FONT-WEIGHT: 600;
    COLOR: #000000;
}
INPUT.Login
{
    FONT-SIZE: 14px;
    FONT-WEIGHT: 600;
}
IMG.loginlogo
{
    LEFT: 5px;
    POSITION: absolute;
    TOP: 0px;
    Z-INDEX: 5;
}
.login_rowhead
{
    COLOR: #006400;
    FONT-SIZE: 16px;
    FONT-FAMILY: Comic Sans MS, Comic Sans, Arial, Verdana, Helvetica, Sans-Serif;
    FONT-WEIGHT: 600;
}
.loginfootercell
{
    FONT-SIZE: 10px;
    BACKGROUND-COLOR: #A5D7EE;
}
#loginFooter
{
    FONT-SIZE: 10px;
    POSITION: ABSOLUTE;
    LEFT: 0px;
    TOP: 470px;
}
.orderTop TD
{
    WIDTH: 100%;
    BACKGROUND: url(../images/buttons_back.gif) repeat-x;
    MARGIN: 0px 0px;
}

/* Buttons Page */

BODY.buttons
{
    BACKGROUND: url(../images/buttons_back.gif) repeat-x;
    MARGIN: 0px 0px;
}
Div.nav
{
    LEFT: 228px;
    POSITION: absolute;
    TOP: 40px;
    Z-INDEX: 100;
}
Div.banner
{
    LEFT: 228px;
    POSITION: absolute;
    TOP: 15px;
    Z-INDEX: 100;
}
.ButtonsPipe
{
    FONT-WEIGHT: 500;
    FONT-SIZE: 12px;
    COLOR: #FFE600;
}
A.Buttons:link
{
    FONT-FAMILY: Comic Sans MS, Comic Sans, Arial, Verdana, Helvetica, Sans-Serif;
    COLOR: #FFE600;
    FONT-SIZE: 12px;
    FONT-WEIGHT: 500;
    TEXT-DECORATION: none;
    MARGIN: 0px 20px;
}
A.Buttons:visited
{
    FONT-FAMILY: Comic Sans MS, Comic Sans, Arial, Verdana, Helvetica, Sans-Serif;
    COLOR: #FFE600;
    FONT-SIZE: 12px;
    FONT-WEIGHT: 500;
    TEXT-DECORATION: none;
    MARGIN: 0px 20px;
}
A.Buttons:active
{
    COLOR: #EE2E24;
    FONT-SIZE: 12px;
    FONT-WEIGHT: 500;
    TEXT-DECORATION: none;
    MARGIN: 0px 20px;
}
A.Buttons:hover
{
    COLOR: #EE2E24;
    FONT-SIZE: 12px;
    FONT-WEIGHT: 500;
    TEXT-DECORATION: none;
    MARGIN: 0px 20px;
}


/* TOC Page */

.toc BODY
{
    FONT-SIZE: 12px;
    FONT-WEIGHT: 500;
    MARGIN: 20px 0px 0px 0px;
}
.tochead
{
    FONT-FAMILY: Comic Sans MS, Comic Sans, Arial, Verdana, Helvetica, Sans-Serif;
    FONT-SIZE: 16px;
    FONT-WEIGHT: 100;
}
.tocchild
{
    FONT-FAMILY: Comic Sans MS, Comic Sans, Arial, Verdana, Helvetica, Sans-Serif;
    FONT-SIZE: 16px;
    FONT-WEIGHT: 500;
}
.toc A:link
{
    FONT-FAMILY: Comic Sans MS, Comic Sans, Arial, Verdana, Helvetica, Sans-Serif;
    FONT-SIZE: 14px;
    COLOR: #840029;
    FONT-WEIGHT: 500;
    PADDING-LEFT: 20px;
    TEXT-DECORATION: none;
    BACKGROUND: url(../images/link.gif) no-repeat;
    
}
.toc A:visited
{
    FONT-FAMILY: Comic Sans MS, Comic Sans, Arial, Verdana, Helvetica, Sans-Serif;
    FONT-SIZE: 14px;
    COLOR: #840029;
    FONT-WEIGHT: 500;
    PADDING-LEFT: 20px;
    TEXT-DECORATION: none;
    BACKGROUND: url(../images/link.gif) no-repeat;
}
.toc A:active
{
    COLOR: #006400;
    FONT-WEIGHT: 500;
    PADDING-LEFT: 20px;
    TEXT-DECORATION: none;
    BACKGROUND: url(../images/linkOver.gif) no-repeat;
}
.toc A:hover
{
    COLOR: #006400;
    FONT-WEIGHT: 500;
    PADDING-LEFT: 20px;
    TEXT-DECORATION: none;
    BACKGROUND: url(../images/linkOver.gif) no-repeat;
}
.tocbottom
{
    POSITION: relative;
    BOTTOM: 0px;
    LEFT: 0px;
}

/* Product Pages */

.ImprintHeading
{
    FONT-WEIGHT: 600;
}
.ImprintTextSubHeading
{
    FONT-SIZE: 10px;
    PADDING-LEFT: 2px;
}
.ImprintCell
{
    BORDER: #005DAA 1px solid;
    FONT-SIZE: 10px;
    MARGIN: 5px 5px 5px 5px;
    PADDING: 5px 0px 5px 5px;
}
.ImprintText
{
    FONT-SIZE: 12px;
}
.ImprintComment
{
    COLOR: #CC0000;
    FONT-SIZE: 10px;
}
.ImprintLink
{
    FONT-SIZE: 10px;
}
.ImprintRightBorder
{
    BORDER-RIGHT: 1px solid #CC0000;
}
#steplabel
{
    COLOR: #CC0000;
}
#cursteplabel
{
    COLOR: #CC0000;
    FONT-SIZE: 12px;
    FONT-WEIGHT: 400;
}
.qtyTABLE
{
    COLOR: #000000;
    BACKGROUND-COLOR: #EEEEEE;
    FONT-SIZE: 12px;
    PADDING: 3px 3px 3px 3px;
}
.priceTABLE
{
    COLOR: #000000;
    BACKGROUND-COLOR: #EEEEEE;
    FONT-SIZE: 12px;
    PADDING: 3px 3px 3px 3px;
}
.discprice
{
    COLOR: #CC0000;
    BACKGROUND-COLOR: #EEEEEE;
    FONT-SIZE: 12px;
    PADDING: 3px 3px 3px 3px;
}
.UpSellHead
{
    COLOR: #000000;
    BACKGROUND-COLOR: #EEEEEE;
    FONT-SIZE: 12px;
    PADDING: 3px 3px 3px 3px;
}
.UpSellItem
{
    COLOR: #000000;
    BACKGROUND-COLOR: #EEEEEE;
    FONT-SIZE: 12px;
    PADDING: 3px 3px 3px 3px;
}
.specCharTABLE
{
    BORDER: #005DAA 1px solid;
    PADDING: 3px 3px 3px 3px;
}
.specCharTH
{
    BACKGROUND-COLOR: #B4C4D9;
    PADDING: 3px 3px 3px 3px;
}
.specCharTD
{
    PADDING: 3px 3px 3px 3px;
}

/* Product Preview */

BODY.previewbuttons
{
    BACKGROUND-COLOR: #FFFFFF;
}
BODY.previewproduct
{
    BACKGROUND: url(/campbowwow/images/background.gif) repeat-x;
    
}
BODY.previewproduct IMG
{
    BORDER: #CCCCCC 1px solid;
}


/* Quickform Pages */

.quickformtitle
{
    BACKGROUND-COLOR: #666666;
    COLOR: #FFFFFF;
    FONT-WEIGHT: 600;
}
.quickformsubtitle
{
    BACKGROUND-COLOR: #999999;
    COLOR: #FFFFFF;
    FONT-WEIGHT: 600;
}
.quickform
{
    BACKGROUND-COLOR: #EEEEEE;
    COLOR: #000000;
    FONT-WEIGHT: 100;
}
/* Cart and Order Review Page */

A.Details:link
{
    FONT-WEIGHT: 500;
    TEXT-DECORATION: none;
}
A.Details:visited
{
    FONT-WEIGHT: 500;
    TEXT-DECORATION: none;
}

A.Details:active
{
    FONT-WEIGHT: 500;
    TEXT-DECORATION: none;
}

A.Details:hover
{
    FONT-WEIGHT: 500;
    TEXT-DECORATION: none;
}

/* User Pages */

.UserConfirm
{
    COLOR: #999999;
    FONT-WEIGHT: 500;
}
A.ChangePassword:link
{
    COLOR: #000000;
    TEXT-DECORATION: none;
}
A.ChangePassword:visited
{
    COLOR: #000000;
    TEXT-DECORATION: none;
}
A.ChangePassword:active
{
    COLOR: #CC0000;
    TEXT-DECORATION: none;
}
A.ChangePassword:hover
{
    COLOR: #CC0000;
    TEXT-DECORATION: none;
}

/* Order Pages and Pages No Frames */
BODY.NoFrame
{
    BACKGROUND: url(/campbowwow/images/buttons_back.gif) repeat-x;
    MARGIN: 145px 20px 25px 20px;
}
BODY.order
{
    BACKGROUND: url(/campbowwow/images/buttons_back.gif) repeat-x;
    MARGIN: 145px 10px 10px 30px;
}
.OrderMargins
{
    MARGIN: 15px 25px;
}
.PaymentLeftBorder
{
}
.confirmtitle
{
    BACKGROUND-COLOR: #666666;
    COLOR: #FFFFFF;
    FONT-SIZE: 16px;
    FONT-WEIGHT: 600;
}
.confirmsubtitle
{
    BACKGROUND-COLOR: #999999;
    COLOR: #FFFFFF;
    FONT-WEIGHT: 600;
}
.confirmheader
{
    BACKGROUND-COLOR: #EEEEEE;
}
.confirmsubhead
{
}
.rowhead
{
    FONT-WEIGHT: 600;
}
.rowitem
{
    FONT-SIZE: 11px;
}
TABLE.order_timeline
{
   WIDTH: 100%;
}
TD.order_active
{
    COLOR: #EE2E24;
    FONT-FAMILY: Comic Sans MS, Comic Sans, Arial, Verdana,  Helvetica, Sans-Serif;
    FONT-SIZE: 16px;
    FONT-WEIGHT: 600;   
    WIDTH: 25%;
}
TD.order_not_active
{
    COLOR: #cccccc;
    FONT-FAMILY: Comic Sans MS, Comic Sans, Arial, Verdana,  Helvetica, Sans-Serif;;
    FONT-SIZE: 16px;
    FONT-WEIGHT: 600;    
    WIDTH: 25%;
}
TD.order_timeline
{
    BACKGROUND: url(../images/order_timeline.gif) #FFFFFF repeat-x;
    COLOR: #000000;
    FONT-SIZE: 14px;
    FONT-WEIGHT: 600; 
    WIDTH: 25%; 
}