/* ================================
    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;
}


/* */
.HomeHead
{
	color: #0000ff;
	font-size: 100%;
	font-weight: bold;
}

/* */
.ContentHead
{
	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;
}

.HomePro1
{
	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%;
}
.HomePro
{
	border-right: #FFCCaa 1px solid;
	border-top: #FFCCaa 1px solid;
	margin-top: 3ex;
	padding-left: 5px;
	padding-bottom: 5px;
	border-left: #FFCCaa 1px solid;
	padding-top: 5px;
	border-bottom: #FFCCaa 1px solid;
	white-space: nowrap;
	background-color: #FFFFdd;
	font-size: 90%;
}
.HomePro2
{
	border-right: #aaFFaa 1px solid;
	border-top: #aaFFaa 1px solid;
	margin-top: 3ex;
	padding-left: 5px;
	padding-bottom: 5px;
	border-left: #aaFFaa 1px solid;
	padding-top: 5px;
	border-bottom: #aaFFaa 1px solid;
	white-space: nowrap;
	background-color: #ddFFdd;
	font-size: 90%;
}
.buttonborder
{
	border-right: #6699cc 2px outset;
	padding-right: 2px;
	border-top: #6699cc 2px outset;
	padding-left: 3px;
	padding-bottom: 3px;
	margin: 0px;
	border-left: #6699cc 2px outset;
	padding-top: 3px;
	border-bottom: #6699cc 2px outset;
	background-color: #6699cc;
	border-spacing: 0;
}

.Table.TableSiteDetails
{
	border-right: #ccc 1px solid;
	border-top: #ccc 1px solid;
	background: #fff;
	border-left: #ccc 1px solid;
	width: 42em;
	border-bottom: #ccc 1px solid;
	border-collapse: collapse;
}
.Table.TableSiteDetails TD
{
	border-right: #ccc 1px solid;
	border-top: #ccc 1px solid;
	background: #fff;
	border-left: #ccc 1px solid;
	width: 42em;
	border-bottom: #ccc 1px solid;
	border-collapse: collapse;
}
.buttonborder TD
{
	background-color: #6699cc;
}
buttonborder TR
{
	background-color: #6699cc;
}

/* */
.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;
}

/* */
.UnitCost
{
	color: #808080;
	font-family: Verdana, Arial;
	font-size: 15px;
	line-height: 20pt;
}

/* */
.ModelNumber
{
	color: #808080;
	font-family: Verdana, Arial;
	font-size: 11px;
	line-height: 20pt;
}

/* */
.ErrorText
{
	color: red;
	font-family: Verdana, Arial;
	font-size: 12px;
	line-height: 20pt;
}
.MostPopularHead
{
	background-color: darkred;
	color: white;
	font-family: Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
}

A.MostPopularItemText, A.MostPopularItemText:link, A.MostPopularItemText:visited
{
	color: black;
	font-family: Verdana, Arial;
	font-size: 11px;
	text-decoration: none;
}

A.MostPopularItemText:hover
{
	color: red;
	font-family: Verdana, Arial;
	font-size: 11px;
	text-decoration: underline;
}

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

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

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


/* text style for the links */
A.SiteLink, A.SiteLink:link, A.SiteLink:visited
{
	font-family: Verdana, Helvetica, sans-serif;
	text-decoration: none;
	color: #dddddd;
	font-size: 11px;
}

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

A.SiteLinkBold, A.SiteLinkBold:link, A.SiteLinkBold:visited
{
	color: #dddddd;
	font-family: Arial,Verdana, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
}

A.SiteLinkBold:hover
{
	color: white;
	text-decoration: none;
}

/* */
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;
}

/* 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 textboxes in the admin pages, for Nav compatibility */
.NormalTextBox
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
}

/* text style used for selects in the admin pages, for Nav compatibility */
.NormalSelect
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
}

/* text style used for textboxes in the edit pages, for Nav compatibility */
.EditTextBox
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	border-style: solid;
	border-width: 1px;
	border-color: #0066CC;
	width: 100%;
}

/* 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 */
.NormalRadio
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-indent: -5px;
}

/* 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;
}

#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);
}

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;
}

#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
{
	color: black;
	font-family: Verdana, Arial;
	font-size: 10px;
}



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;
}


UL LI
{
	list-style-type: square;
}

UL LI LI
{
	list-style-type: disc;
}

UL LI LI LI
{
	list-style-type: circle;
}

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

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

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

HR
{
	height: 1pt;
	text-align: left;
	color: #6699cc;
}




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
}