/* ================================
    CSS STYLES FOR THE COMMERCE STARTER KIT 
    v1.0, 10/2002
   ================================
*/

BODY
{
	font-family: Arial,Verdana;
	font-size: 12px;
	
}
TD
{
	font-family: Arial,Verdana;
	font-size: 12px;
	
}

.info, .success, .warning, .error, .validation {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('images/info.png');
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('images/success.png');
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('images/warning.png');
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('images/error.png');
}

 

/* */
.tell2
{
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	color:#d2dfd2;
}

.tell
{
	font-family:Arial;
	font-size:24px;
	font-weight:bold;
	color:#d2dfd2;
}
.Learn_about
{
	width:300px; 
	background-color:#dde5dd; 
	border:#d6d6d6; 
	height:25px; 
	padding-top:5px;
	font-size:14px;
	font-weight:bold;
}
.button_bg
{
	background:url(images/button_bg.png) no-repeat;
	width:255px;
	height:66px;
}
.Contentgrayserif
{
	border: #d6d6d6 1px solid;
	padding: 5px;
	white-space: nowrap;
	background-color: #eeeeee;
	font-size: 14px;
}

.Contentgray
{
	border: #d6d6d6 1px solid;
	padding: 5px;
	white-space: nowrap;
	background-color: #eeeeee;
	font-weight: bold;
	font-size: 14px;
}

.gray
{
font-weight:bold;
color:#626161;
}
.b
{
font-size:13px;
}
.hi3
{
vertical-align:bottom
}
.hi2
{
font-family:Arial;
font-size:14px;
font-weight:bold;
color:#515151;
}
.hi
{
color:#e2721b;
font-family:Arial;
font-size:14px;
font-weight:bold;
}
.line
{
  background:url('images/line.png') center repeat-y;
}
.search
{
color:#666666;
}

.margin
{
margin-top:8px;
}

.red
{
	color:red;
	font-family:Arial;
}

.five:link {color: #000000; text-decoration: none;}

.five:visited{color: #000000; text-decoration: none;}

.five:hover {color: #0000ff; text-decoration: underline;}


.six:link {color: #0033FF; underline;}

.six:visited {color: #0033FF; underline;}

.six:hover {color: #333333; text-decoration: none;}

.font_color
{
	color:#3f7c5f;
	font-family:Arial;
	font-weight:bold;
	text-decoration: none;
}

.font
{
    font-size: 16px;
	font-weight: bold;
}
    
.Contentred
{	border: #820101 1px solid;
	margin: 5ex;
	white-space: nowrap;
	background-color: #f5dcdc;
}
.Contentyellow
{
	border: #a5a574 1px solid;
	margin: 5ex;
	white-space: nowrap;
	background-color: #ffffd9;
}

.ContentHead
{
	border: #6699cc 1px solid;
	padding: 5px;
	white-space: nowrap;
	background-color: #efefef;
	font-size: 14px;
	font-weight: bold;
	font-family:Arial;
}

/* */
A.MenuUnselected, A.MenuUnselected:link, A.MenuUnselected:visited
{
	color: #000000;
	text-decoration: none;
}

A.MenuUnselected:hover
{
	color: blue;
	text-decoration: underline;
}

A.MenuSelected
{
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

A.MenuSelected:hover
{
	color: blue;
	text-decoration: none;
} 
 

/* */
.SubContentHead
{
	border-right: #6699cc 1px solid;
	border-top: #6699cc 1px solid;
	margin-top: 3ex;
	padding-left: 5px;
	padding-bottom: 5px;
	border-left: #6699cc 1px solid;
	padding-top: 5px;
	border-bottom: #6699cc 1px solid;
	white-space: nowrap;
	background-color: #efefef;
	font-size: 100%;
	font-weight: bold;
}


/* */
.ErrorText
{
	color: red;
	font-family: Verdana, Arial;
	font-size: 12px;
	line-height: 20pt;
}


A.header, A.header:link, A.header:visited
{
	color: white;
	text-decoration: none;
}

A.header:hover
{
	color: white;
	text-decoration: underline;
}

 



/* GENERAL */

/* text style used for most text rendered by modules */
.Normal
{
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 12px;
}

.NormalDouble
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 20px;
}


/* text style used for controls in the admin and edit pages, for Nav compatibility */
.NormalControl
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

/* text style used for checkboxes in the admin and edit pages, for Nav compatibility */
.NormalCheckBox
{
	margin-left: -4px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}



/* text style used for checkboxes in the admin and edit pages, for Nav compatibility */
.NormalButton
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-indent: -5px;
	background-color: #ccccaa;
}

.NormalRed
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: red;
}

.NormalBold
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 12px;
}

table.Report tr.hover
{
	background: #ffffee !important;
}

.NormalItalic
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;
}
TD.inactiveTab
{
	color: #efefef;
}
TD.activeTab
{
	font-weight: bold;
	background-color: #6699cc;
}
TD.inactiveTab
{
	cursor: pointer;
	background-color: #efefef;
}
DIV.inactive1
{
	background: url(images/ulborder.gif) no-repeat left top;
	height: 4px;
}
DIV.inactive2
{
	padding-right: 4px;
	padding-left: 4px;
	background: url(images/urborder.gif) no-repeat right top;
	padding-bottom: 0px;
	padding-top: 0px;
	height: 4px;
}
DIV.inactive3
{
	border-top: #c6ced7 1px solid;
}
DIV.inactiveTabText
{
	border-right: #c6ced7 1px solid;
	padding-right: 1em;
	padding-left: 1em;
	padding-bottom: 2px;
	border-left: #c6ced7 1px solid;
	color: blue;
	padding-top: 0px;
	white-space: nowrap;
}
DIV.inactiveTabText A
{
	color: blue;
	text-decoration: none;
}
DIV.active1
{
	background: url(images/ul.gif) no-repeat left top;
	height: 4px;
}
DIV.active2
{
	padding-right: 6px;
	padding-left: 6px;
	background: url(images/ur.gif) no-repeat right top;
	padding-bottom: 1px;
	padding-top: 1px;
	height: 4px;
}
DIV.active3
{
}
DIV.activeTabText
{
	padding-right: 1em;
	padding-left: 1em;
	padding-bottom: 2px;
	color: #fff;
	padding-top: 0px;
	white-space: nowrap;
}

DIV.Help
{
	border-right: #FFCCaa 1px solid;
	border-top: #FFCCaa 1px solid;
	border-left: #FFCCaa 1px solid;
	border-bottom: #FFCCaa 1px solid;
	background-color: #FFFFdd;
}

DIV.Total
{
	background-color: #efefff;
}

DIV.Avg
{
	background-color: #ffffff;
}

DIV.activeTabText A
{
	color: #fff;
}

#dhtmltooltip{
position: absolute;
width: 300px;
border: 1px solid gray;
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);
}


#subTabs DIV.subtab2
{
	padding-right: 4px;
	padding-left: 4px;
	background: url(images/ur.gif) no-repeat right top;
	padding-bottom: 1px;
	padding-top: 1px;
	height: 4px;
}
#subTabs TD
{
	padding-right: 4px;
	padding-left: 4px;
	background: #6699cc;
	padding-bottom: 4px;
	color: #fff;
	padding-top: 4px;
	white-space: nowrap;
}
#subTabs DIV.activeText
{
	padding-right: 7px;
	display: inline;
	padding-left: 7px;
	font-weight: bold;
	padding-bottom: 0px;
	color: #cbe5ff;
	padding-top: 0px;
}
#subTabs DIV.inactiveText
{
	padding-right: 7px;
	display: inline;
	padding-left: 7px;
	padding-bottom: 0px;
	margin: 0px 1px;
	color: #fff;
	padding-top: 0px;
}
#subTabs DIV.inactiveText A
{
	color: #fff;
}

/*Nav bar*/

#contentnonav
{
	text-align: left;
}

#nav
{
	display: block;
	float: right;
	text-align: left;
	width: 210px;
	margin: 0 0 0 10px;
}


#nav .item a
{
	display: block;
	padding: 3px 5px 4px 10px;
	color: blue;
	border: 1px solid #FFFFFF;
}

#nav .item a:hover, #nav .item a:active
{
	display: block;
	color: #CC6600;
	background-color: #f6f6f6;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

#nav .itemselected
{
	display: block;
	padding: 3px 5px 4px 10px;
	color: #8c8c8c;
	background-color: #f6f6f6;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
}

#nav .item2 a
{
	display: block;
	padding: 3px 5px 4px 30px;
	color: #006dba;
	border: 1px solid #FFFFFF;
}

#nav .item2 a:hover, #nav .item2 a:active
{
	display: block;
	color: #CC6600;
	background-color: #f6f6f6;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

#nav .item2selected
{
	display: block;
	padding: 3px 5px 4px 30px;
	color: #8c8c8c;
	background-color: #f6f6f6;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
}

#nav .btn
{
	display: block;
	padding: 20px 0px 4px 0px;
}


#nav .last
{
	border-bottom: 1px solid #e1e1e1;
}
/* end nav bar */


/*Nav bar*/

#contentnonav
{
	text-align: left;
}

#navlong
{
	display: block;
	float: left;
	text-align: left;
	width: 450px;
	margin: 0 0 0 5px;
}


#navlong .item a
{
	display: block;
	padding: 3px 5px 4px 10px;
	color: blue;
	border: 1px solid #FFFFFF;
}

#navlong .item a:hover, #nav .item a:active
{
	display: block;
	color: #CC6600;
	background-color: #f6f6f6;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

#navlong .itemselected
{
	display: block;
	padding: 3px 5px 4px 10px;
	color: black;
	background-color: #f6f6f6;
	font-weight: bold;
}

#navlong .item2 a
{
	display: block;
	padding: 3px 5px 4px 30px;
	color: #006dba;
	border: 1px solid #FFFFFF;
}

#navlong .item2 a:hover, #nav .item2 a:active
{
	display: block;
	color: #CC6600;
	background-color: #f6f6f6;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

#navlong .item2selected
{
	display: block;
	padding: 3px 5px 4px 30px;
	color: #8c8c8c;
	background-color: #f6f6f6;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
}

#navlong .btn
{
	display: block;
	padding: 20px 0px 4px 0px;
}


#navlong .last
{
	border-bottom: 1px solid #e1e1e1;
}
/* end nav bar */



.ProductListHead
{
	color: black;
	font-family: Verdana, Arial;
	font-size: 12px;
	font-weight: bold;
	line-height: 14pt;
	text-decoration: underline;
}
.ProductListItem
{
	font-size: 10px;
	color: black;
	font-family: Verdana, Arial;
	background-color: #eaebed;
}



A:link, A:visited
{
	text-decoration: underline;
	color: Blue;
}

A, A:hover
{
	text-decoration: underline;
	color: Blue;
}

SMALL
{
	font-size: 8px;
}

BIG
{
	font-size: 14px;
}

BLOCKQUOTE, PRE
{
	font-family: Lucida Console, monospace;
}




OL LI
{
	list-style-type: decimal;
}

OL OL LI
{
	list-style-type: lower-alpha;
}

OL OL OL LI
{
	list-style-type: lower-roman;
}


BLOCKQUOTE {
	BACKGROUND: url(../images/generic/blockquote.png) no-repeat left top; COLOR: #888888; TEXT-INDENT: 37px
}
CITE {
	FONT-WEIGHT: bold
}
LABEL {
	FONT-WEIGHT: bold
}
#NiceInput .INPUT {
	WIDTH: 145px
}
#NiceInput .SELECT {
	WIDTH: 145px
}


INPUT.small {
	WIDTH: 50px
}
SELECT.small {
	WIDTH: 50px
}
INPUT.large {
	WIDTH: 200px
}
SELECT.large {
	WIDTH: 200px
}
INPUT.extra_large {
	WIDTH: 300px
}
SELECT.extra_large {
	WIDTH: 300px
}

 

#NiceInput .INPUT:hover {
	BORDER-RIGHT: #888888 1px solid; BORDER-TOP: #888888 1px solid; BORDER-LEFT: #888888 1px solid; BORDER-BOTTOM: #888888 1px solid
}
#NiceInput .TEXTAREA:hover {
	BORDER-RIGHT: #888888 1px solid; BORDER-TOP: #888888 1px solid; BORDER-LEFT: #888888 1px solid; BORDER-BOTTOM: #888888 1px solid
}
#NiceInput .SELECT:hover {
	BORDER-RIGHT: #888888 1px solid; BORDER-TOP: #888888 1px solid; BORDER-LEFT: #888888 1px solid; BORDER-BOTTOM: #888888 1px solid
}
#NiceInput .INPUT:active {
	BORDER-RIGHT: #888888 1px solid; BORDER-TOP: #888888 1px solid; BORDER-LEFT: #888888 1px solid; BORDER-BOTTOM: #888888 1px solid
}
#NiceInput .TEXTAREA:active {
	BORDER-RIGHT: #888888 1px solid; BORDER-TOP: #888888 1px solid; BORDER-LEFT: #888888 1px solid; BORDER-BOTTOM: #888888 1px solid
}
#NiceInput .SELECT:active {
	BORDER-RIGHT: #888888 1px solid; BORDER-TOP: #888888 1px solid; BORDER-LEFT: #888888 1px solid; BORDER-BOTTOM: #888888 1px solid
}
#NiceInput .INPUT.submit {
	BACKGROUND: url(../images/generic/submitBg.png) #ffffff no-repeat -20px 0px; COLOR: #ffffff
}
#NiceInput .INPUT.submit:hover {
	CURSOR: pointer
}
#NiceInput .TEXTAREA {
	WIDTH: 300px; HEIGHT: 200px
}
TEXTAREA.deep {
	HEIGHT: 350px
}
TEXTAREA.shallow {
	HEIGHT: 50px
}

 

.LV_valid {
	COLOR: #00cc00
}
.LV_invalid {
	COLOR: #cc0000
}
.LV_validation_message {
	FONT-WEIGHT: bold; MARGIN: 0px 0px 0px 5px
}
.LV_valid_field {
	BORDER-RIGHT: #00cc00 1px solid; BORDER-TOP: #00cc00 1px solid; BORDER-LEFT: #00cc00 1px solid; BORDER-BOTTOM: #00cc00 1px solid
}
INPUT.LV_valid_field:hover {
	BORDER-RIGHT: #00cc00 1px solid; BORDER-TOP: #00cc00 1px solid; BORDER-LEFT: #00cc00 1px solid; BORDER-BOTTOM: #00cc00 1px solid
}
INPUT.LV_valid_field:active {
	BORDER-RIGHT: #00cc00 1px solid; BORDER-TOP: #00cc00 1px solid; BORDER-LEFT: #00cc00 1px solid; BORDER-BOTTOM: #00cc00 1px solid
}
TEXTAREA.LV_valid_field:hover {
	BORDER-RIGHT: #00cc00 1px solid; BORDER-TOP: #00cc00 1px solid; BORDER-LEFT: #00cc00 1px solid; BORDER-BOTTOM: #00cc00 1px solid
}
TEXTAREA.LV_valid_field:active {
	BORDER-RIGHT: #00cc00 1px solid; BORDER-TOP: #00cc00 1px solid; BORDER-LEFT: #00cc00 1px solid; BORDER-BOTTOM: #00cc00 1px solid
}
.fieldWithErrors INPUT.LV_valid_field {
	BORDER-RIGHT: #00cc00 1px solid; BORDER-TOP: #00cc00 1px solid; BORDER-LEFT: #00cc00 1px solid; BORDER-BOTTOM: #00cc00 1px solid
}
.fieldWithErrors TEXTAREA.LV_valid_field {
	BORDER-RIGHT: #00cc00 1px solid; BORDER-TOP: #00cc00 1px solid; BORDER-LEFT: #00cc00 1px solid; BORDER-BOTTOM: #00cc00 1px solid
}
.LV_invalid_field {
	BORDER-RIGHT: #cc0000 1px solid; BORDER-TOP: #cc0000 1px solid; BORDER-LEFT: #cc0000 1px solid; BORDER-BOTTOM: #cc0000 1px solid
}
INPUT.LV_invalid_field:hover {
	BORDER-RIGHT: #cc0000 1px solid; BORDER-TOP: #cc0000 1px solid; BORDER-LEFT: #cc0000 1px solid; BORDER-BOTTOM: #cc0000 1px solid
}
INPUT.LV_invalid_field:active {
	BORDER-RIGHT: #cc0000 1px solid; BORDER-TOP: #cc0000 1px solid; BORDER-LEFT: #cc0000 1px solid; BORDER-BOTTOM: #cc0000 1px solid
}
TEXTAREA.LV_invalid_field:hover {
	BORDER-RIGHT: #cc0000 1px solid; BORDER-TOP: #cc0000 1px solid; BORDER-LEFT: #cc0000 1px solid; BORDER-BOTTOM: #cc0000 1px solid
}
TEXTAREA.LV_invalid_field:active {
	BORDER-RIGHT: #cc0000 1px solid; BORDER-TOP: #cc0000 1px solid; BORDER-LEFT: #cc0000 1px solid; BORDER-BOTTOM: #cc0000 1px solid
}
.fieldWithErrors INPUT.LV_invalid_field {
	BORDER-RIGHT: #cc0000 1px solid; BORDER-TOP: #cc0000 1px solid; BORDER-LEFT: #cc0000 1px solid; BORDER-BOTTOM: #cc0000 1px solid
}
.fieldWithErrors TEXTAREA.LV_invalid_field {
	BORDER-RIGHT: #cc0000 1px solid; BORDER-TOP: #cc0000 1px solid; BORDER-LEFT: #cc0000 1px solid; BORDER-BOTTOM: #cc0000 1px solid
}
 
 
 
#ft {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; COLOR: #cccccc; PADDING-TOP: 10px; BACKGROUND-COLOR: transparent; TEXT-ALIGN: center
}

#hd H1 A {
	BORDER-TOP-WIDTH: 0px; DISPLAY: block; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(../images/bgs/logo.gif) no-repeat left top; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0px 0px 10px; WIDTH: 272px; TEXT-INDENT: -5000px; HEIGHT: 40px; BORDER-RIGHT-WIDTH: 0px
}
#hd H2 {
	BACKGROUND: url(../images/bgs/strapline.gif) no-repeat left top; MARGIN: 0px; WIDTH: 349px; TEXT-INDENT: -5000px; HEIGHT: 39px
}
#topMain {
	CLEAR: both; BACKGROUND: url(../images/bgs/topMainBg.gif) no-repeat left top; HEIGHT: 30px
}
#bottomMain {
	BACKGROUND: url(../images/bgs/bottomMainBg.gif) no-repeat left top; HEIGHT: 30px
}
#main {
	BACKGROUND: url(../images/bgs/mainBg.gif) repeat-y left top; MARGIN: 0px
}
.container_with_padding {
	PADDING-RIGHT: 30px; PADDING-LEFT: 30px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}


.last {
	MARGIN-BOTTOM: 0px
}

#TJK_ToggleON,#TJK_ToggleOFF {display:none}

#foot_nav {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#foot_nav LI {
	DISPLAY: inline; MARGIN: 0px 0.5em; LIST-STYLE-TYPE: none
}
#megaFooter {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; MARGIN: 0px; COLOR: #ffffff; PADDING-TOP: 10px; BACKGROUND-COLOR: #999999; TEXT-ALIGN: center
}