/*
This is CyberOffice eCommerce's main style sheet. 
The standard template favors blue colors. 
You may modify the elements containing "blue"
to match the theme of the site in question.
*/

P
{
    LINE-HEIGHT: 1.5
}
TD
{
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 9px;
    FONT-WEIGHT: normal;
    LINE-HEIGHT: 1.5
}
TH
{
    LINE-HEIGHT: 1.5
}
HR.blueline
{
    COLOR: #1D3453;
    HEIGHT: 1px;
    noshade: true
}
HR.blackline
{
    COLOR: #000000;
    HEIGHT: 1px;
    noshade: true
}
TABLE.blue
{
    BACKGROUND-COLOR: #1D3453
}
TABLE.bluetopbottom
{
    BORDER-BOTTOM: #1D3453 1px solid;
    BORDER-TOP: #1D3453 1px solid
}
TABLE.blueborder
{
    BORDER-BOTTOM: #1D3453 1px solid;
    BORDER-LEFT: #1D3453 1px solid;
    BORDER-RIGHT: #1D3453 1px solid;
    BORDER-TOP: #1D3453 1px solid
}
TABLE.blueline
{
    BORDER-LEFT: #1D3453 1px solid;
    BORDER-TOP: #1D3453 1px solid
}
TABLE.highlight
{
    BACKGROUND-COLOR: transparent;
    BORDER-BOTTOM: #1D3453 1px solid;
    BORDER-LEFT: #1D3453 1px solid;
    BORDER-RIGHT: #1D3453 1px solid;
    BORDER-TOP: #1D3453 1px solid
}
TR.blue
{
    BACKGROUND-COLOR: #1D3453
}
TR.purple
{
    BACKGROUND-COLOR: #f1f1f1}
TH.blue
{
    BACKGROUND-COLOR: #1D3453
}
TH.blueborder
 { border: solid 1px #1d3453; outline-color: #aaa }
TH.blueline
{
    BACKGROUND-COLOR: #F1F1F1;
    BORDER-BOTTOM: #1D3453 1px solid;
    BORDER-RIGHT: #1D3453 1px solid;
    COLOR: #1D3453;
    FONT-FAMILY: Verdana, Geneva, Arial;
    FONT-SIZE: 9px;
    FONT-WEIGHT: normal
}
TD.highlight
{
    BACKGROUND-COLOR: #f1f1f1;
    BORDER-BOTTOM: #1D3453 1px solid;
    BORDER-LEFT: #1D3453 1px solid;
    BORDER-RIGHT: #1D3453 1px solid;
    BORDER-TOP: #1D3453 1px solid
}
TD.blue
{
    BACKGROUND-COLOR: #1D3453
}
TD.blueborder
{
    BORDER-BOTTOM: #1D3453 1px solid;
    BORDER-LEFT: #1D3453 1px solid;
    BORDER-RIGHT: #1D3453 1px solid;
    BORDER-TOP: #1D3453 1px solid
}
TD.bluetopbottom
{
    BORDER-BOTTOM: #1D3453 1px solid;
    BORDER-TOP: #1D3453 1px solid
}
TD.blueleft
{
    BORDER-LEFT: #1D3453 1px solid
}
TD.blueright
{
    BORDER-RIGHT: #1D3453 1px solid
}
TD.blueleftright
{
    BORDER-BOTTOM: #1D3453 1px solid;
    BORDER-LEFT: #1D3453 1px solid;
    BORDER-RIGHT: #1D3453 1px solid
}
TD.blueline
{
    BORDER-BOTTOM: #1D3453 1px solid;
    BORDER-RIGHT: #1D3453 1px solid;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Geneva, Arial;
    FONT-SIZE: 9px;
    FONT-WEIGHT: normal
}
TD.bluebottom
{
	BORDER-BOTTOM: #1D3453 1px solid;
	color: #1D3453;
}
.bktitle
{
	COLOR: #FFFF00;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: 24px;
	FONT-WEIGHT: bold;
	font-style: italic;
}
.bktitlesmall
{
	COLOR: #FFFFFF;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	font-style: italic;
}
.category
 { color: #3e5e88; font-size: 9px; font-family: Verdana, Geneva, Arial; font-style: normal; font-weight: bold; background-color: white }
.heading
{
    COLOR: #1D3453;
    FONT-FAMILY: Verdana, Geneva, Arial;
    FONT-SIZE: 9px;
    FONT-WEIGHT: bold;
	text-align:left
}
.headingwhite
{
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Geneva, Arial;
    FONT-SIZE: 9px;
    FONT-WEIGHT: bold
}
.headingbig
{
    COLOR: #435E82;
    FONT-FAMILY: Verdana, Geneva, Arial;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold
}
.body
{
    COLOR: #000000;
    FONT-FAMILY: Verdana, Geneva, Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal
}
.bodyblack
{
    COLOR: #000000;
    FONT-FAMILY: Verdana, Geneva, Arial;
    FONT-SIZE: 9px;
    FONT-WEIGHT: normal
}
.bodyblue
{
    COLOR: #000080;
    FONT-FAMILY: Verdana, Geneva, Arial;
    FONT-SIZE: 9px;
    FONT-WEIGHT: normal
}
.bodywhite
{
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Geneva, Arial;
    FONT-SIZE: 9px;
    FONT-WEIGHT: bold
}

.bodymidblue
{
    COLOR: #435E82;
    FONT-FAMILY: Verdana, Geneva, Arial;
    FONT-SIZE: 10px;
    FONT-WEIGHT: normal
}
.bodyheading
 { color: black; font-size: 11px; font-family: Verdana, Geneva, Arial; font-style: normal; font-weight: bold }
.cart
{
    COLOR: #1D3453;
    FONT-FAMILY: Verdana, Geneva, Arial;
    FONT-SIZE: 10px;
    FONT-WEIGHT: normal;
    LINE-HEIGHT: 1
}
.menustrip
{
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Geneva, Arial;
    FONT-SIZE: 10px;
    FONT-WEIGHT: bold
}
.menucurrent
{
    COLOR: #FFFFFF;
    FONT-FAMILY: Verdana, Geneva, Arial;
    FONT-SIZE: 9px;
    FONT-WEIGHT: bold
}
.copyright
{
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial, Geneva;
    FONT-SIZE: 9px;
    FONT-WEIGHT: normal
}
A.copyright:link
{
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Geneva, Arial;
    FONT-SIZE: 9px;
	text-decoration:underline
	}
A.copyright:link
{
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Geneva, Arial;
    FONT-SIZE: 9px;
	text-decoration:underline;
	
}
A.menustrip
{
    COLOR: #435E82;
    FONT-FAMILY: Verdana, Geneva, Arial;
    FONT-SIZE: 10px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
A.menustrip:visited
{
    COLOR: #435E82;
    FONT-FAMILY: Verdana, Geneva, Arial;
    FONT-SIZE: 10px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
A.menustrip:hover
{
    COLOR: #435E82;
    FONT-FAMILY: Verdana, Geneva, Arial;
    FONT-SIZE: 10px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: underline
}
A.menucurrent
{
    COLOR: #FFFFFF;
    FONT-FAMILY: Verdana, Geneva, Arial;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
A.menucurrent:visited
{
    COLOR: #FFFFFF;
    FONT-FAMILY: Verdana, Geneva, Arial;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
A.menucurrent:hover
{
    COLOR: #f1f1f1;
    FONT-FAMILY: Verdana, Geneva, Arial;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: underline
}
A.menucurrenttop
{
    COLOR: #435E82;
    FONT-FAMILY: Verdana, Geneva, Arial;
    FONT-SIZE: 10px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none;
	
}
A.menucurrenttop:visited
{
    COLOR: #435E82;
    FONT-FAMILY: Verdana, Geneva, Arial;
    FONT-SIZE: 10px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
A.menucurrenttop:hover
{
    COLOR: #435E82;
    FONT-FAMILY: Verdana, Geneva, Arial;
    FONT-SIZE: 10px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: underline; 
	 }
	 
	 A.menucurrenttop:active
{
    COLOR: #000000;
    FONT-FAMILY: Verdana, Geneva, Arial;
    FONT-SIZE: 10px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: underline; 
	 }
	
A.menusmall
{
    COLOR: #FFFFFF;
    FONT-FAMILY: Verdana, Geneva, Arial;
    FONT-SIZE: 9px;
    FONT-WEIGHT: normal;
    LINE-HEIGHT: 1;
    TEXT-DECORATION: none
}
A.menusmall:visited
{
    COLOR: #ee2050;
    FONT-FAMILY: Verdana, Geneva, Arial;
    FONT-SIZE: 9px;
    FONT-WEIGHT: normal;
    LINE-HEIGHT: 1;
    TEXT-DECORATION: none
}
A.menusmall:hover
{
    COLOR: #ee2050;
    FONT-FAMILY: Verdana, Geneva, Arial;
    FONT-SIZE: 9px;
    FONT-WEIGHT: bold;
    LINE-HEIGHT: 1;
    TEXT-DECORATION: underline
}
A.category
 { color: 000000; font-size: 9px; font-family: Verdana, Geneva, Arial; font-style: normal; font-weight: bold; text-decoration: none; background-color: ffffff}
A.category:visited
 { color: #3e5e88; font-size: 9px; font-family: Verdana, Geneva, Arial; font-style: normal; font-weight: bold; text-decoration: none; background-color: white }
A.category:hover
 { color: #ee2050; font-size: 9px; font-family: Verdana, Geneva, Arial; font-style: normal; font-weight: bold; text-decoration: underline; background-color: white }

/*
The following defines the dynamic menu styles associated with 
CyberOffice Warehouse Builder (CyberBuild) and Franchise Builder (CyberMall).
You can adjust the colors to match the theme of your site.
The default style favors blue colors.

More colors on dynamic elements generated by CyberBuild can be modified on header.js
*/

.clCMAbs
{
    LEFT: 0px;
    LINE-HEIGHT: 1;
    POSITION: absolute;
    TOP: 0px;
    VISIBILITY: hidden
}
.clBar
{
    BACKGROUND-COLOR: #FFFFFF;
    HEIGHT: 10px;
    LINE-HEIGHT: 1;
    POSITION: absolute;
    VISIBILITY: hidden;
    WIDTH: 10px;
    layer-background-color: #1D3453
}
.clLevel0
{
    FONT-FAMILY: Verdana, Geneva,Arial;
    FONT-SIZE: 9px;
    FONT-WEIGHT: normal;
    LINE-HEIGHT: 1;
    PADDING-BOTTOM: 2px;
    PADDING-LEFT: 2px;
    PADDING-RIGHT: 2px;
    PADDING-TOP: 2px;
    text-align: left;
    POSITION: absolute
}
.clLevel0over
{
    FONT-FAMILY: Arial;
    FONT-SIZE: 9px;
    FONT-WEIGHT: normal;
    LINE-HEIGHT: 1;
    PADDING-BOTTOM: 2px;
    PADDING-LEFT: 2px;
    PADDING-RIGHT: 2px;
    PADDING-TOP: 2px;
    text-align: center;
    POSITION: absolute
}
.clLevel0
{
    BACKGROUND-COLOR: #000000;
    COLOR: #ffffff;
    LINE-HEIGHT: 1;
    layer-background-color: #000000
}
.clLevel0over
{
    BACKGROUND-COLOR: #ffffff;
    COLOR: #000000;
    CURSOR: hand;
    LINE-HEIGHT: 1;
    layer-background-color: #ffffff
}
.clLevel0border
{
    BACKGROUND-COLOR: #000000;
    LINE-HEIGHT: 1;
    POSITION: absolute;
    VISIBILITY: visible;
    layer-background-color: #ffffff
}
.clLevel1
{
    FONT-FAMILY: Verdana;
    FONT-SIZE: 9px;
    FONT-WEIGHT: normal;
    LINE-HEIGHT: 1;
    PADDING-BOTTOM: 2px;
    PADDING-LEFT: 2px;
    PADDING-RIGHT: 2px;
    PADDING-TOP: 2px;
    POSITION: absolute
}
.clLevel1over
{
    FONT-FAMILY: Verdana;
    FONT-SIZE: 9px;
    FONT-WEIGHT: normal;
    LINE-HEIGHT: 1;
    PADDING-BOTTOM: 2px;
    PADDING-LEFT: 2px;
    PADDING-RIGHT: 2px;
    PADDING-TOP: 2px;
    POSITION: absolute
}
.clLevel1
{
    BACKGROUND-COLOR: #000000;
    COLOR: #ffffff;
    LINE-HEIGHT: 1;
    layer-background-color: #000000
}
.clLevel1over
{
    BACKGROUND-COLOR: #ffffff;
    COLOR: #000000;
    CURSOR: hand;
    LINE-HEIGHT: 1;
    layer-background-color: #ffffff
}
.clLevel1border
{
    BACKGROUND-COLOR: #1d3453;
    LINE-HEIGHT: 1;
    POSITION: absolute;
    VISIBILITY: visible;
    layer-background-color: #ffffff
}
.clLevel2
{
    FONT-FAMILY: Verdana;
    FONT-SIZE: 9px;
    FONT-WEIGHT: normal;
    LINE-HEIGHT: 1;
    PADDING-BOTTOM: 2px;
    PADDING-LEFT: 2px;
    PADDING-RIGHT: 2px;
    PADDING-TOP: 2px;
    POSITION: absolute
}
.clLevel2over
{
    FONT-FAMILY: Verdana;
    FONT-SIZE: 9px;
    FONT-WEIGHT: normal;
    LINE-HEIGHT: 1;
    PADDING-BOTTOM: 2px;
    PADDING-LEFT: 2px;
    PADDING-RIGHT: 2px;
    PADDING-TOP: 2px;
    POSITION: absolute
}
.clLevel2
{
    BACKGROUND-COLOR: #000000;
    COLOR: #ffffff;
    LINE-HEIGHT: 1;
    layer-background-color: #000000
}
.clLevel2over
{
    BACKGROUND-COLOR: #ffffff;
    COLOR: #00000;
    CURSOR: hand;
    LINE-HEIGHT: 1;
    layer-background-color: #ffffff
}
.clLevel2border
{
    BACKGROUND-COLOR: #1d3453;
    LINE-HEIGHT: 1;
    POSITION: absolute;
    VISIBILITY: visible;
    layer-background-color: #ffffff
}
/*TIM ADDS BORDERS FOR BOXES*/
td.boxborderright{border-right:1px solid #000000;}
td.boxborderleft{border-left:1px solid #000000;}
td.boxborderbottom  { border-top: 2px solid #000; border-bottom: none }