/* VP Marketing Style */

div#layout {
	width: 100%;
	text-align: left;
	background: url('/VPMarketing/Data/VpMarketingInfo/Images/logo_green.gif') top left no-repeat;
}

div#header {
	height: 100px;
	width: 100%;
	vertical-align: top;
}

div.menu {
	width: 100%;
	text-align: right;
	white-space: nowrap;
}

div#menu-top {
	height: 42px;
	font: normal 10pt Arial;
}

div#menu-top input {
	border: 1px solid #cccccc;
	width: 98px;
	font: normal 8pt Arial;
	color: #ccc;
}

div#menu-top img {
	margin-right: 4px;
	border: 0px;
}

div#menu-top a {
	text-decoration: none;
	color: #ccc;
}

div#menu-main {
	height: 25px;
	line-height: 23px;
	text-transform: uppercase;
}

div#menu-main a {
	font: normal 9pt Arial Black;
	color: #fff;
	text-decoration: none;
}

div#menu-main a:hover {
	color: #dfdfdf;
}

div#menu-main a.current {
	color: #ffc769;
}

.menu ul {
	text-transform: uppercase;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

.menu li {
	display: inline;
	padding-right: 20px;
}

.menu-top-Welcome
{
	text-transform:capitalize;
	display:inline;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
div#menu-subnav {
	height: 25px;
	line-height: 21px;
	text-transform: uppercase;
}

div#menu-subnav a {
	font: bold 8pt Arial;
	color: #686868;
	text-decoration: none;
}

div#main-container {
	text-align: center;
	width: 100%;
}

div#main {
	text-align: left;
	margin-top: 10px;
	width: 800px;
	margin: 10px auto 0px auto;
}

div.contentbox {
	background: url('/VPMarketing/Data/VpMarketingInfo/Images/bg_contentbox.gif') top left repeat-y;
	width: 247px;
	float: left;
	font: normal 8pt Verdana;
	color: #666666;
	margin-left: 13px;
	line-height: 15px;
}

div.contentbox-container {
	float: left;
	width: 247px;
	margin-left: 13px;
	line-height: 15px;
}

div.contentbox div.title {
	height: 23px;
	background-color: #000;
	font: normal 9pt Arial Black;
	color: #fff;
	padding: 0px 0px 0px 24px;
	line-height: 22px;
}

div.contentbox div.alt-title {
	height: 23px;
	background-color: #84857f;
	font: normal 9pt Arial Black;
	color: #fff;
	padding: 0px 0px 0px 24px;
	line-height: 22px;
}

div.contentbox ul {
	list-style-type: none;
	margin: 0px 10px 0px 24px;
}

div.contentbox li {
	margin: 21px 0px 0px 0px;
}

div.contentbox p {
	margin: 0px 0px 0px 0px;
}

div.contentbox a {
	font-weight: bold;
	color: #666666;
}

div.contentbox div.bottom {
	background: url('/VPMarketing/Data/VpMarketingInfo/Images/bg_contentbox_bottom.gif') bottom left no-repeat;
	height: 37px;
}


/* Original Totus Style */

BODY
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    MARGIN: 0px;
    WORD-SPACING: normal;
    TEXT-TRANSFORM: none;
    COLOR: #333333;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    LETTER-SPACING: normal;
    BACKGROUND-COLOR: white
}
A:link
{
    COLOR: #3366cc;
    TEXT-DECORATION: none
}
A:visited
{
    COLOR: #3366cc;
    TEXT-DECORATION: none
}
A:active
{
    COLOR: #3366cc;
    TEXT-DECORATION: none
}
A:hover
{
    COLOR: #3366cc;
    TEXT-DECORATION: underline
}
TD
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: Verdana, Helvetica, sans-serif
}
.Normal
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: Verdana
}
.DividerDarkColor
{
    BACKGROUND-COLOR: #78a22e
}
.DividerLightColor
{
    BACKGROUND-COLOR: #f2f5ec
}
.Hilight
{
    BACKGROUND-COLOR: #ffffd1
}
.PageTitle
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 24px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px 0px 10px;
    COLOR: #a3a69c;
    LINE-HEIGHT: 24px;
    PADDING-TOP: 0px;
    FONT-FAMILY: arial,helvetica,sans-serif;
    TEXT-ALIGN: left
}
.MenuLink
{
    BORDER-RIGHT: #afc477 1px solid;
    BORDER-TOP: #afc477 1px solid;
    FONT-SIZE: 8pt;
    BORDER-LEFT: #afc477 1px solid;
    COLOR: black;
    BORDER-BOTTOM: #afc477 1px solid;
    FONT-FAMILY: Verdana
}
.MenuLink A:link
{
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: Verdana
}
.MenuLink A:active
{
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: Verdana
}
.MenuLink A:visited
{
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: Verdana
}
.MenuLink A:hover
{
    TEXT-DECORATION: none
}
.TopMenu
{
    BACKGROUND-COLOR: #ffffff
}
.TopMenuLink A:link
{
    FONT-SIZE: 9pt;
    COLOR: #666666;
    FONT-FAMILY: Verdana
}
.TopMenuLink A:active
{
    FONT-SIZE: 9pt;
    COLOR: #666666;
    FONT-FAMILY: Verdana
}
.TopMenuLink A:visited
{
    FONT-SIZE: 9pt;
    COLOR: #666666;
    FONT-FAMILY: Verdana
}
.FieldName
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: #666666
}
.MenuBar
{
    BACKGROUND-COLOR: #afc477
}
.MenuLinkOver
{
    BORDER-RIGHT: #95ac57 1px solid;
    BORDER-TOP: #f2f5ec 1px solid;
    BORDER-LEFT: #f2f5ec 1px solid;
    CURSOR: hand;
    BORDER-BOTTOM: #95ac57 1px solid
}
.MenuLinkOver A:link
{
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: Verdana
}
.MenuLinkOver A:active
{
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: Verdana
}
.MenuLinkOver A:visited
{
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: Verdana
}
.MenuLinkOver A:hover
{
    TEXT-DECORATION: none
}
.ContentTable
{
	/* Old Color -> 566c60 */
    BORDER-RIGHT: #678178 1px solid;
    BORDER-TOP: #678178 1px solid;
    BORDER-LEFT: #678178 1px solid;
    BORDER-BOTTOM: #678178 1px solid
}
.ContentHeader
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: white;
    TEXT-INDENT: 3px;
    FONT-FAMILY: Verdana;
    HEIGHT: 22px;
    BACKGROUND-COLOR: #678178;
}
.ContentHeader A:visited
{
    COLOR: white
}
.ContentHeader A:link
{
    COLOR: white
}
.ColumnHeader
{
    FONT-SIZE: 10pt;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #dddddd
}
.Confirmation
{
    BORDER-RIGHT: #333333 1px solid;
    BORDER-TOP: #333333 1px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    PADDING-BOTTOM: 4px;
    BORDER-LEFT: #333333 1px solid;
    COLOR: #007f00;
    PADDING-TOP: 4px;
    BORDER-BOTTOM: #333333 1px solid;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #eeeeee;
    TEXT-ALIGN: center
}
.ErrorMessage
{
    BORDER-RIGHT: #333333 1px solid;
    BORDER-TOP: #333333 1px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    PADDING-BOTTOM: 4px;
    BORDER-LEFT: #333333 1px solid;
    COLOR: #cc0000;
    PADDING-TOP: 4px;
    BORDER-BOTTOM: #333333 1px solid;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #eeeeee;
    TEXT-ALIGN: center
}
.ControlText
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: Arial
}
.ControlTextLarger
{
    FONT-SIZE: 12pt;
    FONT-FAMILY: Arial
}
.RowStyle
{
    BACKGROUND-COLOR: #f4f4f4
}
.AltRowStyle
{
    BACKGROUND-COLOR: #e9efff
}
.RedBold
{
    FONT-WEIGHT: bold;
    COLOR: red
}
.GreenBold
{
    FONT-WEIGHT: bold;
    COLOR: green
}
.StepsTable
{
    BORDER-RIGHT: #798baa 1px solid;
    BORDER-TOP: #798baa 1px solid;
    BORDER-LEFT: #798baa 1px solid;
    BORDER-BOTTOM: #798baa 1px solid
}
.StepsHeader
{
    FONT-WEIGHT: bold;
    HEIGHT: 22px;
    BACKGROUND-COLOR: #ff7300
}
.StepsRow
{
    PADDING-BOTTOM: 8px;
    PADDING-TOP: 8px;
    BACKGROUND-COLOR: #eeeeee
}
.StepsHeaderInactive
{
    FONT-WEIGHT: bold;
    HEIGHT: 22px;
    BACKGROUND-COLOR: #bbbbbb
}
.Button
{
    BORDER-RIGHT: #2a385d 1px solid;
    BORDER-TOP: #8690a9 1px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    TEXT-TRANSFORM: uppercase;
    BORDER-LEFT: #8690a9 1px solid;
    COLOR: #ffffff;
    BORDER-BOTTOM: #2a385d 1px solid;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #4b5b85
}
.Thumbnail
{
    BORDER-RIGHT: #000000 1px solid;
    BORDER-TOP: #000000 1px solid;
    BORDER-LEFT: #000000 1px solid;
    BORDER-BOTTOM: #000000 1px solid
}

.PreviewImage
{
    BORDER-RIGHT: #000000 1px solid;
    BORDER-TOP: #000000 1px solid;
    BORDER-LEFT: #000000 1px solid;
    BORDER-BOTTOM: #000000 1px solid
}
.WelcomeMessage
{
    FONT-SIZE: 7pt;
    COLOR: #333333;
    FONT-FAMILY: Verdana
}
.ListRow
{
}
.CategoryLevel1
{
    FONT-WEIGHT: bold
}
#TopMenuRegion
{
    BACKGROUND: url(http://sales.totusondemand.com/data/totus/Images/Banner_Logo.gif) no-repeat left bottom;
    MARGIN: 2px 6px 0px;
    VERTICAL-ALIGN: bottom;
    HEIGHT: 65px;
    TEXT-ALIGN: right
}
.NoneSelectedMessage
{
    MARGIN-TOP: 6px;
    FONT-WEIGHT: bold;
    MARGIN-BOTTOM: 6px
}
.TabInactive
{
    BORDER-RIGHT: #95ac57 1px solid;
    BORDER-TOP: #95ac57 1px solid;
    FONT-SIZE: 8pt;
    BORDER-LEFT: #95ac57 1px solid;
    FONT-FAMILY: Verdana;
    HEIGHT: 24px;
    BACKGROUND-COLOR: #afc477;
    TEXT-ALIGN: center
}
.TabActive
{
    BORDER-RIGHT: #000000 1px solid;
    BORDER-TOP: #000000 1px solid;
    FONT-SIZE: 8pt;
    BORDER-LEFT: #000000 1px solid;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana;
    HEIGHT: 24px;
    BACKGROUND-COLOR: #78a22e;
    TEXT-ALIGN: center
}
.TabActive A
{
    COLOR: #ffffff;
    TEXT-DECORATION: none
}
.TabActive A:hover
{
    COLOR: #ffffff;
    TEXT-DECORATION: underline
}
.TabActive A:visited
{
    COLOR: #ffffff;
    TEXT-DECORATION: none
}
.TabInactive A
{
    COLOR: #2f406c;
    TEXT-DECORATION: none
}
.TabInactive A:hover
{
    COLOR: #2f406c;
    TEXT-DECORATION: underline
}
.TabInactive A:visited
{
    COLOR: #2f406c;
    TEXT-DECORATION: none
}
.TabText
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #ffffff
}
.CartTabInactive
{
    BORDER-RIGHT: #7f7f7f 1px solid;
    BORDER-TOP: #7f7f7f 1px solid;
    FONT-SIZE: 8pt;
    BORDER-LEFT: #7f7f7f 1px solid;
    BORDER-BOTTOM: black 1px solid;
    FONT-FAMILY: Verdana;
    HEIGHT: 24px;
    BACKGROUND-COLOR: #cccccc;
    TEXT-ALIGN: center
}
.CartTabActive
{
    BORDER-RIGHT: #000000 1px solid;
    BORDER-TOP: #000000 1px solid;
    FONT-SIZE: 8pt;
    BORDER-LEFT: #000000 1px solid;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana;
    HEIGHT: 24px;
    BACKGROUND-COLOR: white;
    TEXT-ALIGN: center
}
.CartTabActive A
{
    COLOR: #3366cc;
    TEXT-DECORATION: none
}
.CartTabActive A:hover
{
    COLOR: #3366cc;
    TEXT-DECORATION: underline
}
.CartTabInactive A
{
    COLOR: #3366cc;
    TEXT-DECORATION: none
}
.CartTabInactive A:hover
{
    COLOR: #3366cc;
    TEXT-DECORATION: underline
}
.SecondaryButton
{
    BORDER-RIGHT: #606060 1px solid;
    BORDER-TOP: #606060 1px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    TEXT-TRANSFORM: uppercase;
    BORDER-LEFT: #606060 1px solid;
    COLOR: #606060;
    BORDER-BOTTOM: #606060 1px solid;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #ffffff
}
.Required
{
	padding:2px;
    FONT-WEIGHT: bold;
    COLOR: red
}
.RedButton
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	font-weight: bold;
	font-size: 8pt;
	text-transform: uppercase;
	border-left: black 1px solid;
	color: white;
	border-bottom: black 1px solid;
	font-family: Verdana;
	background-color: red;
}

.CompHeader
{
	FONT-WEIGHT: bold;
    FONT-SIZE: 14pt;
    COLOR: #000000;
    TEXT-INDENT: 3px;
    FONT-FAMILY: Verdana;
}

.padBottom10px
{
	padding-bottom: 5px;
}

.CompBox
{
	border:solid 1px #000000;
	float:left;
	padding-bottom: 1.5em;
	padding-top: 1.em;
}

.CompTable
{
	border-width: 0px;
	border-spacing: 0px;
	border-style: solid;
    border-color: Black;
    border-collapse: collapse;
    background-color: White;
}

.CompTH {
	border-width: 1px;
	padding: 1px;
	border-style: solid;
	border-color: #d4d0c8 #d4d0c8 Black #d4d0c8;
	background-color: white;
	-moz-border-radius: 0px;
}
.CompTD {
	border-width: 1px;
	padding: 1px;
	border-style: solid;
	border-color: #d4d0c8;
	background-color: white;
	-moz-border-radius: 0px;
}

.HeaderNav
{
	line-height: 40px;
}

/* This style sheet is intended to contain RARELY CHANGED rules used when the Menu control adapter is enabled. */
/* These rules correspond to the "pure CSS menu" technique that have been evolving over the past several years. */ 
/* See WhitePaper.aspx for details. */

ul.AspNet-Menu 
{
    position: relative;
}


ul.AspNet-Menu, 
ul.AspNet-Menu ul
{
    margin: 0;
    padding: 0;
    display: block;

}

ul.AspNet-Menu li
{
    position: relative;
    list-style: none;
}

ul.AspNet-Menu li a,
ul.AspNet-Menu li span
{
    display: block;
    text-decoration: none;
}

ul.AspNet-Menu ul
{
    position: absolute;
    display: none;
    background-color: White;
    padding-left: .5em;
}

/* Add more rules here if your menus have more than three (3) tiers */
ul.AspNet-Menu li:hover ul ul,
ul.AspNet-Menu li:hover ul ul ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul ul ul
{
    display: none;
}

/* Add more rules here if your menus have more than three (3) tiers */
ul.AspNet-Menu li:hover ul,
ul.AspNet-Menu li li:hover ul,
ul.AspNet-Menu li li li:hover ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li li.AspNet-Menu-Hover ul
{
    display: block;
}


/* -------------------------------------------------------------------------- */
/* When the Menu control's Orientation property is Horizontal the adapter wraps the menu with DIV */
/* whose class is AspNet-Menu-Horizontal. This allows us to force the top tier of the menu to layout */
/* horizontally, whereas all subsequent tiers of the menu lay out vertically. */

.AspNet-Menu-Horizontal ul.AspNet-Menu li
{
    float: left;
}

.AspNet-Menu-Horizontal ul.AspNet-Menu li li
{
    float: none;
}