﻿/*******************************************************************************
*  nav.css : 2007-03 : BrandWizard/RC
* ------------------------------------------------------------------------------
*  This stylesheet defines the screen layout by importing stylesheets 
*  below which are needed to render the layout on screen.
*  
*  Hex colors:
*  #006899 - Teal
*  #2c1262 - Deep Purple
*******************************************************************************/
/* top-utility styles */
div#util ul {float:left;}
div#util ul li, div#util ul li a 
{
    color: #006899; 
    float:left;
    font-weight: normal;
    font-size: 12px;
    font-family: Arial, Verdana, sans-serif;
    margin:0;
    padding:4px 0;
}
div#util ul li.last, div#util ul li.last a {padding:0;margin-left:5px;}
div#util ul li a{text-decoration:none;padding:0px 6px;font-weight:bold}
div#util ul li a:hover{text-decoration:underline}
div#util ul li.last a:hover {text-decoration:none !important;}
/* search box */
div#searchbox {width:150px;position:absolute;left:515px;top:10px;padding:4px;}
div#searchbox span {display:none}
div#searchbox a {position:absolute;right:0px;top:24px;text-decoration:none;color:#999}
div#searchbox a:hover {text-decoration:underline;}

div#searchbox input.btngo {border:0;position:absolute;left:124px;top:4px;*top:5px;width:25px;height:23px;
	background:transparent url(img/buttons/bg-widgets-search-btn-sprite.png) no-repeat scroll 0 0;}
* html div#searchbox input.btngo {top:6px;}
div#searchbox select {padding-top:4px}

/* remove all list stylings */
.globalnav {margin-top:15px;margin-left:22px;z-index:598}
/* Main menu */
#ddmenu {float: left;margin:2px 0 0 0;position: relative;}
#ddmenu div {float:right}
#ddmenu ul {list-style: none;margin: 0;padding: 0;float:left;font-family:AllyBentonCondBold,Arial,Helvetica;}
* html #ddmenu ul {width:6em;}
#ddmenu h3 {position:relative;z-index:1000;margin:0;padding:0 9px;font-size:1em;font-weight:normal;white-space:nowrap;text-transform:none;cursor:pointer;}
#ddmenu a {font-family:AllyBentonBold,Arial,Helvetica;font-size:1em;display: block;margin-right:4px;padding:6px 12px 6px 3px;text-decoration:none;line-height:14px;color:#ffffff}

#ddmenu h3:hover, #ddmenu h3.on {background:transparent url(img/background/topnav_bg.png) no-repeat scroll 0 0;margin:0;padding:0 9px;font-size:1em;font-weight:normal;white-space:nowrap;text-transform:none;color:#2C1262;}
#ddmenu a:hover, #ddmenu a.on {background:transparent url(img/background/topnav_bg.png) no-repeat scroll right 0;font-family:AllyBentonBold,Arial,Helvetica;font-size:1em;display: block;margin-right:4px;padding:6px 12px 6px 3px;text-decoration:none;line-height:14px;color:#650360}

#ddmenu .hasDD h3:hover, #ddmenu .hasDD h3.on {background:transparent url(img/background/topnav_bg2.png) no-repeat scroll 0 0;margin:0;padding:0 9px;font-size:1em;font-weight:normal;white-space:nowrap;text-transform:none;color:#2C1262;}
#ddmenu .hasDD a:hover, #ddmenu .hasDD a.on {background:transparent url(img/background/topnav_bg2.png) no-repeat scroll right 0;font-family:AllyBentonBold,Arial,Helvetica;font-size:1em;display: block;margin-right:4px;padding:6px 12px 6px 3px;text-decoration:none;line-height:14px;color:#650360}



#ddmenu ul ul a:hover, #ddmenu ul ul a.on, #ddmenu .hasDD  ul a:hover, #ddmenu .hasDD ul a.on {background: none;}

#ddmenu li {position: relative;text-align:center;padding-right:2px;list-style:none;float:left;background: Transparent url(img/background/topnav_separator.gif) no-repeat top right}
#ddmenu ul ul {position: absolute;z-index:100;left:-1px;padding:2px 2px 1px 2px;}
#ddmenu ul ul li{text-align:left;background: none}
#ddmenu ul ul ul {position: absolute;top: 0;left: 100%;}
div#ddmenu ul ul,div#ddmenu ul li:hover ul ul,div#ddmenu ul ul li:hover ul ul{display: none;}
div#ddmenu ul li:hover ul,div#ddmenu ul ul li:hover ul,div#ddmenu ul ul ul li:hover ul{display: block;}

div#ddmenu ul ul .dropdownLI {margin-left:20px;}
div#ddmenu ul ul {width: 162px; background:transparent url(img/background/topnav_dd_top.png) no-repeat scroll 1px -5px;padding-top:5px; top:21px;}
div#ddmenu .hasDD li:hover ul li {width: 162px; background:transparent url(img/background/topnav_dd_bg1.png) repeat-y scroll -1px 0; }
div#ddmenu .hasDD .ddBottom {width: 162px; height: 24px; background:transparent url(img/background/topnav_dd_bot.png) no-repeat scroll -1px -5px; }

/* div#ddmenu li:hover ul li {background:transparent url(img/background/topnav_dd_bg.png) no-repeat scroll 0 top;}*/

div#ddmenu ul li a.over {background-color: Transparent}
div#ddmenu li:hover ul a, div#ddmenu .hasDD li:hover ul a {color:#006899;padding:3px 5px 3px 10px;line-height:17px;}
div#ddmenu li ul a:hover {color:#006899;}
#ddmenu li ul li, #ddmenu li ul {overflow:hidden;width:145px;border-right:none 0;}
#ddmenu li ul li iframe, #ddmenu li ul li iframe {display:none;display:block;position:absolute;top:0px;left:0px;z-index:-10;filter:mask();width:130px;}

/* no arrow on drop-down 
#ddmenu li a.levplus, #ddmenu li a.levplus:hover {background: Transparent url(../img/nav/menu_arrow_down.gif) no-repeat left center;color:#666666;padding-bottom:5px}*/
#ddmenu li a.levplus {padding}
#ddmenu li a.lev {/*background-image:none;color:#666666*/} /* not sure what .lev is for TB 04022010 */
#ddmenu li a.lev:hover {/*color:#666666 !important*/}
#ddmenu li a.on {color:#650360 !important}

#ddmenu ul, #ddmenu ul li, #ddmenu ul li h3, #ddmenu ul li a {}
#ddmenu ul ul, #ddmenu ul ul li, #ddmenu ul ul li h3, #ddmenu ul ul li a {}

/* left navigation */
div#leftnav {float:left;width:160px;padding:5px 4px 3px 0px}
div#leftnav ul li{list-style:none;padding:0;}
div#leftnav ul li a {display:block;padding:2px 14px;text-decoration:none;zoom:1;line-height:1.2em;}
/*
div#leftnav ul li.lev1 a {color:#60608a;background: url(../img/nav/arrow.gif) no-repeat 0 10px}
div#leftnav ul li.lev3 a {color:#ebebeb;background: url(../img/nav/arrow2.gif) no-repeat 0 10px;margin-left:17px}
div#leftnav ul li.lev2 a {color:#ff9900;background: url(../img/nav/arrow3.gif) no-repeat 0 10px;margin-left:27px}
div#leftnav ul li.lev2 a:hover {color:#e4be7f;background: url(../img/nav/arrow4.gif) no-repeat 0 10px;margin-left:27px}

div#leftnav ul li.lev4 a {padding-left:24px;background-color:#f0f7fc;color:#666;}
div#leftnav ul li.lev4 a.on {color:#5aaa32;}/*Menu Items - sub-sub category active */

div#leftnav ul li.lev3 {border-top:1px solid #d8d8d8;padding:8px 5px 5px 5px;}
div#leftnav ul li.lev3 a {color:#006899;font-size: 13px;font-weight:bold;}
div#leftnav ul li.lev3 a.on {color:#2c1262;border-bottom:none;font-weight:bold;}
div#leftnav ul li.lev3 a.exp, div#leftnav ul li.lev3 a.on.exp  {color:#006899;background: url(../../img/nav/arrow.gif) no-repeat 0 6px;border-bottom:none;font-weight:bold;}
div#leftnav ul li.lev3 a.col, div#leftnav ul li.lev3 a.on.col{color:#006899;background: url(../../img/nav/arrow_down.gif) no-repeat 0 6px;border-bottom:none;font-weight:bold;}

div#leftnav ul li.lev4 a {color:#006899;font-size: 12px;margin-left:20px;padding:0px 8px 2px 8px;margin-bottom:5px;font-weight:bold;}
div#leftnav ul li.lev4 a.exp, div#leftnav ul li.lev4 a.col {color:#006899;font-weight:bold;}
div#leftnav ul li.lev4 a.on {color:#2c1262;font-weight:bold;}

div#leftnav ul li.lev5 a {color:#006899;font-size: 11px;margin-left:27px;padding:2px 8px;font-weight:bold;}
div#leftnav ul li.lev5 a.on {color:#2c1262;font-weight:bold;}

/* Toolbox navigation */
/*
#toolbo {width: 100%;float:left;background: Transparent url(../img/nav/bkg_toolbo.gif) repeat-x top left;margin:0;position: relative;z-index:100;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
*/
#toolbo {margin:2px 0 0 0;}
#toolbo div {float:left;}
#toolbo ul {list-style: none;margin: 0;padding: 0;float:right;}
* html #toolbo ul {width:6.4em;}
#toolbo h3 {margin:0;padding:0;font-size:1em;font-weight:normal;white-space:nowrap;text-transform:uppercase;}
#toolbo a {display: block;margin:0;padding:6px 10px;text-decoration:none;line-height:14px;color:#666666}
#toolbo li {position: relative;text-align:center;padding-left:2px;list-style:none;float:left;background: Transparent url(../img/nav/menu_separator.gif) no-repeat top left}
#toolbo ul ul {position: absolute;z-index: 500;left:-1px;padding:2px 2px 1px 2px;background-color:#fff}
#toolbo ul ul li{text-align:left;border-left:0 none;}
#toolbo ul ul ul {position: absolute;top: 0;left: 100%;}
div#toolbo ul ul,div#toolbo ul li:hover ul ul,div#toolbo ul ul li:hover ul ul{display: none;}
div#toolbo ul li:hover ul,div#toolbo ul ul li:hover ul,div#toolbo ul ul ul li:hover ul{display: block;}
div#toolbo li:hover ul {border-top:1px solid #cacaca;border-right:2px groove #cacaca;border-bottom:2px groove #cacaca;border-left:1px solid #cacaca;}
div#toolbo ul li a.over {background-color: Transparent}
div#toolbo li:hover ul a {color:#777;background:#f2f2f2;border-bottom:1px solid #fff;padding:3px 2px 3px 4px;}
div#toolbo li ul a:hover {color:#777;background:#d4e5ff;}
#toolbo li ul li, #toolbo li ul {overflow:hidden;width:130px;}
#toolbo li ul li iframe, #toolbo li ul li iframe {display:none;display:block;position:absolute;top:0px;left:0px;z-index:-10;filter:mask();width:130px;}

div.hmhd1 {background: Transparent url(../img/mycart_bkg.gif) repeat-x top left;height:266px}
div.hmhd1 span.myutil{font-size:16px;font-weight:bold;color:#650360;padding: 8px 10px;display:block;position:absolute;float:left;width:120px}

div#breadcrumb, div.breadcrumb {padding: 2px 14px;height:16px;color:#666;}
div#breadcrumb ul, #breadcrumb ul li, div.breadcrumb ul, div.breadcrumb ul li {list-style:none;}
div#breadcrumb ul li a, div.breadcrumb ul li a {color:#505050}

div#breadcrumb span {color:#666; font-size:11px;}

div#gdl div#breadcrumb {margin: 0 0 10px 0;padding-top:4px}
div#gdl div#breadcrumb a {color:#666;}
* +html div#gdl div#breadcrumb {margin: 0 0 10px 175px}
* html div#gdl div#breadcrumb {margin: 0 0 10px 175px}


.tbltools {float:right;margin-bottom:4px;}
.tbltools ul {list-style:none}
.tbltools li {list-style:none;float:left;padding-left:10px}
.tbltools li a {float:left;font-weight:bold;color:#005daa;display:block;margin-top:2px}

.idmap table {background:Transparent;padding: 3px 15px 3px 0px;}
.idmap table tr td {width:350px;background:Transparent;padding:2px 0}
.idmap table tr td img {padding-left:10px}
.idmap table tr td a, .idmap table tr td span {background:Transparent}

.admcontent {padding:10px;/*border:1px solid #ccc;background-color:#ececec;*/margin-top:-1px;}

.gdcontrols {clear:both;margin-bottom:.5em}
.gdcontrols a {margin-right:5px}
.gdcontrols a:hover {}

.gdcontrols2 {clear:both;margin:0;position:absolute;right:0px;top:3px;width:130px}
* html .gdcontrols2 {right:10px;}
.gdspacer {height:8em;width:100px}

ul.black li {list-style-image: url(../img/li_black_dot_moz.gif);margin-left:12px;}

* html ul.black li {list-style-image: url(../img/li_black_dot_ie.gif);}
* +html ul.black li {list-style-image: url(../img/li_black_dot_ie.gif);}

ul.grey li {line-height:13px;list-style-image: url(../img/li_grey_dot_moz.gif);margin-left:11px;}
* html ul.grey li {list-style-image: url(../img/li_grey_dot_ie.gif);margin-left:11px;}
* +html ul.grey li {list-style-image: url(../img/li_grey_dot_ie.gif);margin-left:11px;}
ul.grey li a {color: #333;text-decoration:none;display:block;padding:2px 0}
ul.grey li a:hover {color: #333;text-decoration:underline}

/* search results / edit user navigation */
ul.srchtabs {float:right}
ul.srchtabs li {line-height:14px;padding:0;margin-left:10px}
ul.srchtabs li.first {padding-right:10px;border-right:1px solid #666}
ul.srchtabs li a, ul.srchtabs li a:link, ul.srchtabs li a:active, ul.srchtabs li a:visited {color:#666}
ul.srchtabs li a.on, ul.srchtabs li a.on:link, ul.srchtabs li a.on:visited {color:#069}


ul.resultab {float:left;list-style:none;margin-bottom:1em;}
ul.resultab li {float:left;list-style:none;padding-left:1px;}
ul.resultab li.vline {color:#999;padding:4px;}
ul.resultab li a {padding:4px;color:#999;text-decoration:none;display:block;}
* html ul.resultab li a:visited {color:#999;text-decoration:none}
ul.resultab a.on {color:#069;text-decoration:none;}
* html ul.resultab li a.on:visited {color:#069}

/* Admin Buttons */
input.adminBtn, a.adminBtn2 {font-size: 11px;color:#333;background-color:#f6f4f4;border:1px solid #666666;padding:1px 8px;text-align:center;cursor:pointer}
input.adminBtn:hover, a.adminBtn2:hover {color:#fff;background-color:#999;text-decoration:none;}

/* New Buttons, Added 3/2010 */
.btn_small, .btn_medium, .btn_large, .btn_xlarge, .btn_xxlarge, .btn_wht_medium, .btn_wht_large 
{
	display:block;
	/*float:left;*/
	margin-right:5px;
	margin-left:5px;
	border:0;
	font-size:12px;
	text-align:center;
	vertical-align:middle;
	height:24px;
	padding-bottom:2px;
	font-weight: bold;
	cursor: pointer;
}

.btn_small, .btn_medium, .btn_large, .btn_xlarge, .btn_xxlarge 
{
	color:#fff !important; 
}

.btn_wht_medium, .btn_wht_large
{
	color: #505050;
}
.btn_small 
{
	width:40px;
	background:transparent url(img/buttons/btn-plm-40.png) no-repeat scroll 0 0;
}

.btn_medium 
{
	width:65px;
	background:transparent url(img/buttons/btn-plm-65.png) no-repeat scroll 0 0;
}

.btn_large 
{
	width:115px;
	background:transparent url(img/buttons/btn-plm-115.png) no-repeat scroll 0 0;
}

.btn_xlarge 
{
	width:140px;
	background:transparent url(img/buttons/btn-plm-140.png) no-repeat scroll 0 0;
}
.btn_xxlarge
{
	width:175px;
	background:transparent url(img/buttons/btn-plm-175.png) no-repeat scroll 0 0;
}

.btn_wht_medium
{
	width:65px;
	background:transparent url(img/buttons/btn-wht-65.png) no-repeat scroll 0 0;
}

.btn_wht_large
{
	width:115px;
	background:transparent url(img/buttons/btn-wht-115.png) no-repeat scroll 0 0;
}

.toLeft
{
	float: left;
}

.toRight 
{
	float: right;
}

/* BEGIN SPRITE BUTTONS */

/* sprite buttons link format */

a.buttonPurpleMedA, a.buttonPurpleLowA, a.buttonGrayMedA, a.buttonGrayLowA, a.buttonGraySqLeftHighA, a.buttonGraySqLeftLowA, a.buttonGrayMedLockA, a.buttonGrayLowLockA, a.buttonGrayPurpleOutlineMedA, a.buttonGrayPurpleOutlineHighA
{
    /*padding:2px 2em 5px !important;    */
    padding-right: 25px !important;
    font-weight: bold !important;
    font-size: 12px !important;
    text-decoration: none !important;
    border: 0 !important;
}
input.buttonPurpleMedA, input.buttonPurpleLowA, input.buttonGrayMedA, input.buttonGrayLowA, input.buttonGraySqLeftHighA, input.buttonGraySqLeftLowA, input.buttonGrayMedLockA, input.buttonGrayLowLockA, input.buttonGrayPurpleOutlineMedA, input.buttonGrayPurpleOutlineHighA
{
    padding-right: 20px !important;
    *padding-right: 15px !important;
    font-weight: bold !important;
    font-size: 12px !important;
    text-decoration: none !important;
    border: 0 !important; 
    cursor: pointer;
    overflow: visible;      
}

.buttonPurpleMed.forInput, .buttonPurpleLow.forInput, .buttonGrayMed.forInput, .buttonGrayLow.forInput, .buttonGraySqLeftHigh.forInput, .buttonGraySqLeftLow.forInput, .buttonGrayMedLock.forInput, .buttonGrayLowLock.forInput, .buttonGrayPurpleOutlineMed.forInput, .buttonGrayPurpleOutlineHigh.forInput
{
    *padding-left: 15px !important;
    overflow: visible;
}
/* sprite purple button 25px high */


.buttonPurpleMed
{
    background: transparent url(img/buttons/buttons.png?352ZY) no-repeat scroll 0 0;
    float: left;
    height: 25px;
    padding-left: 20px;
}
.buttonPurpleMedA
{
    background: transparent url(img/buttons/buttons.png?352ZY) no-repeat scroll right 0;
    display: block;
    float: left;
    height: 25px;    
    line-height: 23px;
    color: #ffffff !important;
}
input.buttonPurpleMedA
{
    padding-bottom: 5px;
}

/* sprite purple button 20px high */

.buttonPurpleLow
{
    background: transparent url(img/buttons/buttons.png?352ZY) no-repeat scroll 0 -100px;
    float: left;
    height: 20px;
    padding-left: 20px;
}
.buttonPurpleLowA
{
    background: transparent url(img/buttons/buttons.png?352ZY) no-repeat scroll right -100px;
    display: block;
    float: left;
    height: 20px;    
    line-height: 18px;
    color: #ffffff !important;
}
input.buttonPurpleLowA
{
    padding-bottom: 2px;
}
/* sprite gray button 23px high */

.buttonGrayMed
{
    background: transparent url(img/buttons/buttons.png?352ZY) no-repeat scroll 0 -200px;
    float: left;
    height: 23px;
    padding-left: 20px;
}
.buttonGrayMedA
{
    background: transparent url(img/buttons/buttons.png?352ZY) no-repeat scroll right -200px;
    display: block;
    float: left;
    height: 23px;    
    line-height: 23px;
    color: #505050 !important;
}
input.buttonGrayMedA
{
    padding-bottom: 3px;
}

/* sprite gray button 20px high */

.buttonGrayLow
{
    background: transparent url(img/buttons/buttons.png?352ZY) no-repeat scroll 0 -300px;
    float: left;
    height: 20px;
    padding-left: 20px;
}
.buttonGrayLowA
{
    background: transparent url(img/buttons/buttons.png?352ZY) no-repeat scroll right -300px;
    display: block;
    float: left;
    height: 20px;    
    line-height: 18px;
    color: #505050 !important;
}
input.buttonGrayLowA
{
    padding-bottom: 1px;
}
/* sprite gray button 28px high square left */

.buttonGraySqLeftHigh
{
    background: transparent url(img/buttons/buttons.png?352ZY) no-repeat scroll 0 -400px;
    float: left;
    height: 28px;
    padding-left: 20px;
}
.buttonGraySqLeftHighA
{
    background: transparent url(img/buttons/buttons.png?352ZY) no-repeat scroll right -400px;
    display: block;
    float: left;
    height: 28px;    
    line-height: 26px;
    color: #505050 !important;
}
input.buttonGraySqLeftHighA
{
    padding-bottom: 2px;
}
/* sprite gray button 20px high square left? */

.buttonGraySqLeftLow
{
    background: transparent url(img/buttons/buttons.png?352ZY) no-repeat scroll 0 -500px;
    float: left;
    height: 20px;
    padding-left: 20px;
}
.buttonGraySqLeftLowA
{
    background: transparent url(img/buttons/buttons.png?352ZY) no-repeat scroll right -500px;
    display: block;
    float: left;
    height: 20px;    
    line-height: 18px;
    color: #505050 !important;
}
input.buttonGraySqLeftLowA
{
    padding-bottom: 2px;
}

/* sprite gray button 23px high with lock icon on left */

.buttonGrayMedLock
{
    background: transparent url(img/buttons/buttons.png?352ZY) no-repeat scroll 0 -600px;
    float: left;
    height: 23px;
    padding-left: 30px !important;
}
.buttonGrayMedLockA
{
    background: transparent url(img/buttons/buttons.png?352ZY) no-repeat scroll right -600px;
    display: block;
    float: left;
    height: 23px;    
    line-height: 21px;
    color: #505050 !important;
    padding-left: 5px !important;
}
input.buttonGrayMedLockA
{
    padding-bottom: 2px;
}
/* sprite gray button 20px high with lock icon on left */

.buttonGrayLowLock
{
    background: transparent url(img/buttons/buttons.png?352ZY) no-repeat scroll 0 -700px;
    float: left;
    height: 20px;
    padding-left: 30px !important;
}
.buttonGrayLowLockA
{
    background: transparent url(img/buttons/buttons.png?352ZY) no-repeat scroll right -700px;
    display: block;
    float: left;
    height: 20px;    
    line-height: 18px;
    color: #505050 !important;
    padding-left: 5px !important;
}
input.buttonGrayLowLockA
{
    padding-bottom: 1px;
}
/* sprite gray button 26px high and purple outline */

.buttonGrayPurpleOutlineMed
{
    background: transparent url(img/buttons/buttons.png?352ZY) no-repeat scroll 0 -800px;
    float: left;
    height: 26px;
    padding-left: 20px;
}
.buttonGrayPurpleOutlineMedA
{
    background: transparent url(img/buttons/buttons.png?352ZY) no-repeat scroll right -800px;
    display: block;
    float: left;
    height: 26px;    
    line-height: 24px;
    color: #505050 !important;
}
input.buttonGrayPurpleOutlineMedA
{
    padding-bottom: 4px;
}
/* sprite gray button 28px high and purple outline (square left) */

.buttonGrayPurpleOutlineHigh
{
    background: transparent url(img/buttons/buttons.png?352ZY) no-repeat scroll 0 -900px;
    float: left;
    height: 28px;
    padding-left: 20px;
}
.buttonGrayPurpleOutlineHighA
{
    background: transparent url(img/buttons/buttons.png?352ZY) no-repeat scroll right -900px;
    display: block;
    float: left;
    height: 28px;   
    line-height: 26px; 
    color: #505050 !important;
}
input.buttonGrayPurpleOutlineHighA
{
    padding-bottom: 5px;
}

.bluelinktxt 
{
	color: #006899 !important;
}

.btnSpacer 
{
	margin-right: 10px;
}
/* END SPRITE BUTTONS */