/* Import the style sheet that resets all browsers. */
@import url("reset.css");

/* ----- Begin the login styles ----- */
#loginWrap {
	width: 350px;
	margin-left: -175px;
	margin-top: 4em;
	position: relative;
	left: 50%;
}
#loginTitlezzz {
	width: 180px;
	height: 61px;
	position: relative;
	left: 50%;
	margin-left: -44px;
	text-indent: -9000px;
	background: url(../images/logoLowes.gif) no-repeat left top;
}
#skinImage
{
    width: inherit;
    min-height: 60px;
    left: 50%;
    text-align: center;
    margin-top: 30px;
}

#loginmessage, #cpwmessage {
	background-color: #ffc;
	font-weight: bold;
	display: block;
	text-align: center;
}
#loginForm dt, #changePassword dt {
	float: left;
	width: 110px;
	margin-right: 10px;
	text-align: right;
	position: relative;
	top: 3px;
}

#pageMessages 
{
    font-size: 1.2em;
    padding: 0 12px; 
    border: 3px double #BD6A6A; 
    margin-left: 60px; 
    margin-top: 20px; 
    width: 346px; 
    min-width: 180px;
}
#pageMessages ul{}

#username, #password, #password1, #password2 {
	background-color: #f3f3f3;
}
#username:focus, #password:focus, #password1:focus, #password2:focus {
	background-color: #fff;
}	
#btnLogin, #btnChangePassword {
	margin-left: 120px;
}
/* ----- End the login styles ----- */

.clearBoth {display:block; clear:both; height:0; font-size:0; line-height:0;}

/* ----- Begin the left frame styles ----- */
#leftWrap {
	background-color: #c4ced6;
	padding: 5px;
}
#leftWrap h3 {
	margin-top: 0;
}
#leftWrap h3 a,
#leftWrap h3 a:visited {
	display: block;
	padding: 1em 0;
	text-align: center;
	border: 1px solid #c4ced6;
	background: #fff url(../images/logo-bg-gradient.gif) repeat-x left top;
}
#leftWrap h3 a:hover {
	border-color: #5182af;
}
#leftWrap ul {
	margin: 0 0 0 10px;
	padding: 10px 0;
	list-style: none;
	font-weight: bold;
}
#leftWrap ul ul, #leftWrap ul ul ul {
	padding: 0;
	font-weight: normal;
	list-style: none;
}
#leftWrap li img {
	cursor: pointer;
}
/* This is only applied to top-level list items that have no children.
It creates white-space on the left to mimmic the expand/collapse image. */
#leftWrap .noChildrenListItem {
	padding-left: 13px;
}
#cmsnavelement0 ul,
#cmsnavelement0 ul ul {
	display: none;
	visibility: hidden;
}
/* ----- End the left frame styles ----- */

/* ----- Begin the right frame styles ----- */
#mainWrap {
	min-width: 825px;
	background-color: #fff;
}
#updatePanelA dt {
	width: 160px;
	float:left;
	text-align:right;
	margin: 0 10px 0 0;
	padding:6px 0 0 0;
}
#pageToolBar {
	margin-bottom: 4px;
}
#pageToolBar a, #pageToolBar a:visited {
	text-transform: uppercase;
	padding: .4em .6em;
	background-color: #c4ced6;
	color: #000;
}
#pageToolBar a:hover {
	text-decoration: none;
	background-color: #e4e3e0;
}
#updatePanelA dd {
	padding: 3px;
}
#updatePanelA input {
	font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	width: 150px;
}
#updatePanelA input[type="checkbox"] {width: 20px}
/* classes to support form field styling */
#updatePanelA input.num{text-align:right; width: 4em}
#updatePanelA input.smtext{text-align:right; width: 5.5em}
#tokenID{width:5.5em; color:#9999cc}
#updatePanelA fieldset {
	width: 346px;
	border-color:#ccc;
	background-color:#eee;
	margin:3px 50px;
	
}
#updatePanelA fieldset dt{
	width: 120px;

	
}
#imgToolLarge {
	width: 300px; 
	float: left;
}
#imgToolThumbs {
	float: left; 
	max-width: 500px; 
	margin: 10px;
}
.tinyImage img {
	margin: 2px; 
	padding: 2px;
}
.tinyImage:hover img {
	border: 1px dashed #000;
	margin: 1px;
}
/* ----- Begin the header area styles ----- */
#headerWrap {
	background: #6A0035 url(../images/header-bg-right.png) no-repeat right top;   /* #5182af */
	color: #fbfbfa;
	padding: 8px;
	height:35px;
	min-height:35px;
}
#headerWrap #clientTitleMemberInfo {
	position: absolute;
	top:10px;
	right: 10px;
	text-align: right;
	width: 400px;
}
#headerWrap #clientTitleMemberInfo h5 {
	margin: 0;
}
#headerWrap #clientTitleMemberInfo p {
	margin: 0;
	font-size: .9em;
}
#headerWrap #clientTitleMemberInfo a,
#headerWrap #clientTitleMemberInfo a:visited {
	color: #aa0033;
	font-weight: bold;
	text-transform: capitalize;
}
#headerWrap h1 {
	font-size: 1.6em;
	margin: 0;
	color: #fbfbfa;
}
/* Not used per new design, maybe later - Marc Amos - 12-6-07
#dbName {
    color: #777;
	float: right;
	margin: 0 15px 0 0;
	font-weight: bold;
}
#dbName span {
	color: #97a74d;
	font-weight: normal;
}*/
/* ----- End the header area styles ----- */

/* ----- Begin the pageTools ----- */
#pageTools{
    background: #fff url(../images/chromeg36.png) repeat-x left top; 
    height: 28px;
}
/* ----- Begin the search area styles ----- */
#buttonBar {
    float:right;
    width:30%; 
    text-align: right; 
    padding-right: 14px;
	
}
#buttonBar .addNewContent {
	display: block;
	float: right;
}
#buttonBar .addNewContent a,
#buttonBar .addNewContent a:visited {
	background-color: #2d6d1f;
	display: block;
	color: #fbfbfa;
	font-size: .8em;
	font-weight: bold;
	border-right: 1px solid #183b10;
	border-bottom: 1px solid #183b10;
	padding: 2px 4px;
	margin-top: 2px;
}
#buttonBar .addNewContent a:hover {
	background-color: #28611b;
	text-decoration: none;
}
#searchWrap p {
	margin: 0;
}
#searchWrap p input, #searchWrap p select {
	margin: 0 15px 0 0;
}
/* ----- End the search area styles ----- */

/* ----- Begin the pagination area styles ----- */
.paginationWrap {
	padding: 0px 8px 0 8px;
	/*background-color: #5182af;*/
	color: #fbfbfa;
}
.paginationWrap p {
	margin: 0;
}
.resultsInfo {
	float: left;
}
/* This is being moved into a user-control-panel type page, soon. Marc Amos - 12/7/07
.resultsPerPageWrap {
	float: right;
}
.paginationWrap p.pagination {
	margin-left: 280px;
}*/
.paginationWrap a, .paginationWrap a:visited,
.paginationWrap .currentPage {
	color: #333333;
	padding: 0px 8px 0px 8px;
}
.paginationWrap .currentPage {
	background-color: #EDECED;
}
.paginationWrap a:hover {
	background-color: #fbfbfa;
	text-decoration: none;
	color: #5182af;
}
#paginationTop
{
    background: #fff url(../images/chromeb24.png) repeat-x left top; 
    height: 24px; 
    padding-top: 4px;
    padding-left: 6px;
    font-size: .8em;  
}
/* ----- End the pagination area styles ----- */


/* STATUS BARS */

.statusBar 
{
    background: background:#333333 url(../images/chrome-maskC.png) repeat-x left top;
    height: 24px; 
    padding-top: 4px;
    padding-left: 6px;
    font-size: .8em;  
}

#statusBarBottom 
{
    position:fixed;
    display: block;
    bottom:0;
    width: 100%;
    height: 24px;
    border-top: 1px solid whitesmoke
}


#pageContent, #pageContainer {
	padding: 8px;
	background-color: #fff;
}
#pageContentBlock
{
    padding-left: 10px;
    padding-top: 10px;
}

.pageSection {
	border: 8px solid #e4e3e0;
}
#cmsDivParent h3 {
	background-color: #e8eff7;
	text-transform: uppercase;
	font-size: 1em;
	font-weight: bold;
	padding: .25em .5em;
	margin-bottom: 0;
}
.cmsDiv {
	background-color: #fff;
	padding: .35em 1em;
	max-height:400px;
	overflow:scroll;
	height: 400px;
}
.cmsDiv label {
	cursor: pointer;
	border-left: 1px solid #f0eeef;
	padding-left: .7em;
}
.cmsSearchBox {
	float: right;
	text-align: right;
}
.cmsBigImage {
	margin-top: 2em;
}
.toolTable td {
	border-bottom: 1px solid #f0eeef;
	vertical-align: top;
	padding: .75em;
}
.pageTitleSpan
{
    padding-left: 10px;
    line-height: 26px;
    font-size: 1.2em;
    color: #43657E;
    letter-spacing: 1px;
}

/* ----- Begin the search results table styles ----- */
.searchResultsTable {
	width: 98%;
}
.searchResultsTable th, .searchResultsTable td {
	padding: .3em;
	vertical-align: top;
	border-right: 1px solid #e3e7eb;
	border-bottom: 1px solid #e3e7eb;
}
.searchResultsTable th {
	background-color: #e7ebef;
	border-color: #c1cbd1;
	font-weight: normal;
}
.searchResultsTable .groupHeading {
	background-color: #fff;
	border-color: #c1cbd1;
	border-right: none;
	border-top: 1px solid #5182af;
	border-bottom: 1px solid #5182af;
	font-weight: bold;
}
.searchResultsTable .firstrow th {
	background-color: #5182af;
	font-weight: bold;
	color: #fff;
}
.searchResultsTable .colBreak {
	border-right: 4px solid #ececec;
}
.searchResultsTable .rightAlign {
    text-align: right;
}
.searchResultsTable .centerAlign {
    text-align: center;
}
.searchResultsTable .lastCell {

}
.searchResultsTable .firstCell {
	width: 32%;
	border-left: 1px solid #e3e7eb;
}
.trWhite {background-color:#fff;}
.trAlternate {background-color:#f3f3f3;}
/* ----- End the search results table styles ----- */

/* ----- Begin the system table styles ----- */
.systemTable {
	width: 98%;
}
.systemTable th, .systemTable td {
	padding: .3em;
	vertical-align: top;
	border-right: 1px solid #e3e7eb;
	border-bottom: 1px solid #e3e7eb;
	background-color: #f5f5f5;
}
.systemTable th {
	background-color: #e7ebef;
	border-color: #c1cbd1;
	font-weight: normal;
}
.systemTable .firstrow th {
	background-color: #5182af;
	font-weight: bold;
	color: #fff;
}
.systemTable .groupHeading {
	background-color: #fff;
	border-color: #c1cbd1;
	border-right: 1px solid #A4BED7;
	border-top: 1px solid #5182af;
	border-bottom: 1px solid #5182af;
	font-weight: bold;
}
.systemTable .dataCell
{
    background-color: #fff;
    width: 50%;
}
.systemTable .lastCell 
{
    border-right: none;

}
.systemTable .firstCell {
	width: 32%;
	border-left: 1px solid #e3e7eb;
}
.trWhite {background-color:#fff;}
.trAlternate {background-color:#f3f3f3;}
/* ----- End the system table styles ----- */

/* ----- Begin the news boxes config styles ----- */
#toolheader {
	background-color: #005288;
	padding: #fff;
	color: #fff;
	padding: 8px;
	margin-bottom: 8px;
}
#toolheader p {
	margin: 0;
	float: left;
	width: 200px;
}
#toolheader p input {
	width: 160px;
}
#toolheader p.newsConfigButtons {
	float: right;
	width: 190px;
	text-align: right;
}
#toolheader p.newsConfigButtons input {
	width: auto;
}
#toolheader p.newsConfigButtons #refreshNewsContentID,
#toolheader p.newsConfigButtons #publishNewsID {
	border: 1px solid #333;
	font-size: .9em;
	padding: .25em;
	cursor: pointer;
}
#toolheader p.newsConfigButtons #refreshNewsContentID {
	background-color: #fff;
	color: #005288;
}
#toolheader p.newsConfigButtons #publishNewsID {
	background-color: #2d6d1f;
	color: #fff;
}
#editblock {
	margin: 0 8px 16px;
}
/* ----- End the news boxes config styles ----- */

/* ----- Begin the individual content item styles ----- */
p.contentItemButtons {
	padding: 8px;
	margin: 0;
	background-color: #005288;
}
p.contentItemButtons input {
	margin-right: 40px;
}
#contentButtons
{
    border-top: 1px solid whitesmoke;
    padding: 4px 0px 4px 60px;
    margin-bottom: 20px;
}
#contentButtons .leftPad 
{
    float: left;
    margin-left: 120px;
    background-color: #5182af;
    color: #fff;
}

#btnUpdate, #btnApply, #btnCopy, #btnDelete {
	border: none;
	padding: .4em .75em;
	cursor: pointer;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
}
#btnUpdate {
	background-color: #eee;
	background-image:url("../images/btn_update.png");
	color: #444;
	
}
#btnApply {
	background-color: #ffbc00;
	background-image:url("../images/btn_apply.png");
	color: #444;
}
#btnCopy {
	background-color: #ff7f00;
	background-image:url("../images/btn_copy.png");
}
#btnDelete {
    background-image:url("../images/btn_delete.png");
	background-color: #c41230;
}

/* ----- End the individual content item styles ----- */

/* ----- Begin the CMS file upload page styles ----- */
#tinyMCE_imgList dt {
	float: left;
	padding-right: 0.5em;
}
#tinyMCE_imgList dd h2 {
	color: #00548c;
	font-weight: bold;
}
#tinyMCE_imgList dd h2 a {
	color: #00548c;
	text-decoration: none;
}
#tinyMCE_imgList dd h2 a:hover {
	text-decoration: underline;
}
#tinyMCE_imgList dd {
	border-bottom: 1px solid #ccc;
}
/* ----- End the CMS file upload page styles ----- */

.labelERROR {
	font-weight: bold;
	color: #f00;
}
.trExpired td {
	background-color: #fccccc;
}
/* ----- End the right frame styles ----- */

/* ----- Begin table for log reporting ----- */
#tableLogs td {
	background-color: #fff;
}
#tableLogs th {
	background-color: #5182AF;
	color: #fff;
}
#tableLogs th a {
	color: #fff;
	text-decoration: underline;
}
#tableLogs th a:hover {
	color: #fff;
	text-decoration: none;
}
/* ----- End table for log reporting ----- */

#leftCol {
	width: 164px;
	max-width:164px;
	overflow:hidden;
	float:left;
	background-color: #c4ced6;
	padding: 0
}

#leftCol ul {
font-weight:bold;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt 0pt 0pt 10px;
padding:10px 0pt;
}

#leftCol h3 {
	margin-top: 0;
}
#leftCol h3 a,
#leftCol h3 a:visited {
	display: block;
	padding: 1em 0;
	text-align: center;
	border: 1px solid #c4ced6;
	background: #fff url(../images/logo-bg-gradient.gif) repeat-x left top;
}
#leftCol h3 a:hover {
	border-color: #5182af;
}
#leftCol ul {
	margin: 0 0 0 10px;
	padding: 10px 0;
	list-style: none;
	font-weight: bold;
}
#leftCol ul ul, #leftWrap ul ul ul {
	padding: 0;
	font-weight: normal;
	list-style: none;
}
#leftCol li img {
	cursor: pointer;
}
/* This is only applied to top-level list items that have no children.
It creates white-space on the left to mimmic the expand/collapse image. */
#leftCol .noChildrenListItem {
	padding-left: 13px;
}

#rightCol {
	margin: 0 0 0 164px;
}

/* Navigation Management */


#navmanager #cmsnavelement0, #navmanager #cmsnavelement0 ul, #navmanager #cmsnavelement0 ul ul {
display: block;
visibility:visible;
list-style:circle;
}



#navmanager div, #navmanager input {
	font-size: 12px;
}

#navmanager li {
cursor:pointer;
font-size:16px;
}

#navmanager li li {
	font-size: 14px;
}

#navmanager li li li {
	font-size: 12px;
}

#navmanager li a {
padding: 0 10px 0 10px;
}

#navmanager .selected {
	background-color:#006699;
}

#navmanager .new {
	background-color:#66CC33;
}

#navmanager .delete {
	background-color:#FF0000;
}


#navmanager .moreInfo {
	display: none;
	margin: 0;
	padding: 5px;
	width: 800px;
	position:relative;
}

#navmanager .addNew {
	display: none;
	margin: 0;
	padding: 5px;
	width: 800px;
	position:relative;
}

#navmanager .deleteCheck {
	display: none;
	margin: 0;
	padding: 5px;
	width: 790px;
	position:relative;
	color: #FFFFFF;
	padding:20px 0 20px 20px;
}

#navmanager .deleteCheck a {
	font-weight: bold;
}

#navmanager .nodeControls {
	color: #fff;
	position:absolute;
	top: 0;
	right: 10px;
	margin:0;
	padding:0;
}

#navmanager .nodeControls li {
	display: inline;
	padding: 0 10px 0 0;
}

#navmanager .titleSelected {
	font-weight:bold;
	background-color:#006699;
	color: #FFFFFF;
}

#navmanager th, #navmanager td {
	margin: 0 10px 0 0;
	padding:0 10px 0 0;
}

#navmanager th {
	color: #fff;
}

#navmanager td a {
	color: #fff;
}


/* PRODUCT UPLOAD STYLES */

#uploadErrors {
background-color:#FF0000;
color: #fff;
border:3px solid #000000;
padding:10px;
margin:5px;
display:none;

}

#uploadErrors h2 {
	padding-top:0;
	margin-top:0;
}

#uploadWarnings {
background-color:#FFCC33;
color:#000;
border:3px solid #000000;
padding:10px;
margin:5px;
display:none;
}

#uploadWarnings h2 {
	padding-top:0;
	margin-top:0;
}

#uploadReport {
background-color:#00CC00;
color:#fff;
border:3px solid #000000;
padding:10px;
margin:5px;
display:none;
position:relative;
z-index:1
}

#uploadReport input {
	padding:10px;
	margin:10px 0 0 0;
	font-size:18px;
	position:absolute;
	right: 10px;
	bottom:10px;
	z-index:100;
}

#uploadReport h2 {
	padding-top:0;
	margin-top:0;
}

/* REPORTING */
#mainOrder th 
{
    background-color:#005288;
    color: #fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    margin: 0;
    padding:3px 20px 3px 10px;
}

#mainOrder td 
{
    margin: 0;
    padding:3px 20px 3px 10px;
}

#cityTotals th
{
    color: #005288;
    padding:3px 20px 3px 10px;
    /* border-bottom: 1px solid #005288; */
}

#cityTotals td 
{
    padding:3px 20px 3px 10px;
}

#totalsRow td 
{
    border-top: 1px solid #005288;
    font-weight: bold;
    padding:3px 20px 3px 10px;
}

.reportStateWrap 
{
 /* border: 1px solid #005288; */
 padding: 0;
 margin: 20px 0 0 0;
}

.reportStateWrap h2 
{
    background-color: #005288;
    color: #fff;
    padding: 10px;
    margin: 0;
    
}

/* END REPORTING */

#customerInfo table
{
    border: 1px solid #005288;
}

#customerInfo th 
{
 background-color:Transparent;
 color:  #005288;
 text-decoration: underline;  
}

#adminBreadcrumbs 
{
    float:right; 
    margin: 0 25px 0 0;
}


/*////////////////////////////////////////////////////////
// M  A  I  N     C  M  S     N  A  V  I  G  A  T  I  O  N
////////////////////////////////////////////////////////*/
#cmsMainNav 
{  
 padding:0;
 margin:0;
 min-height:8px;
 position: absolute;
 left:0;
 top: 28px;
 display: block;
 width: 75%;
}
#cmsMainNav_cmsnavelement 
{
    position: absolute;
    display: block;
    clear:both;
    margin: 0;
    padding:0;
    color: #fff;
    background-color:Transparent;
}


/*//////////////////////////////////////////////
// N A V I G A T I O N   L E V E L   O N E 
//////////////////////////////////////////////*/

#cmsMainNav_cmsnavelement li 
{
    display: inline;
    float: left;
    width:130px;
    margin: 0;
    background-color:Transparent;
    text-align:center; 
    border-left: 1px dotted #fff;
}

#cmsMainNav_cmsnavelement li:first-child
{
    border-left: none;
}

#cmsMainNav_cmsnavelement li a 
{
    display: block;
    color: #fff;
    text-decoration:none;
    width:130px;
    padding: 3px 0 3px 0;
}
#cmsMainNav_cmsnavelement li a:hover 
{
    background-color:#385269;
    width:130px;
}

/*//////////////////////////////////////////////
// N A V I G A T I O N   L E V E L   T W O 
//////////////////////////////////////////////*/

#cmsMainNav_cmsnavelement ul {
	display: none;
	background-color: transparent;
	width: 130px;
	padding: 0;
	margin: 0;
}

#cmsMainNav_cmsnavelement ul ul 
{
margin: 0;
padding:0;
}

#cmsMainNav_cmsnavelement ul li 
{
    background-color:#6A0035;  /* #5182AF */
    width: 130px;
    margin: 0;
    border:none;
    border-bottom:1px solid #5789b6;
}

#cmsMainNav_cmsnavelement li li  {
}

#cmsMainNav_cmsnavelement li li a 
{
    display: block;
    color: #fff;
    text-decoration:none;
    width:130px;
   
}
#cmsMainNav_cmsnavelement li li a:hover 
{
    background-color:#385269;
    width:130px;
}

/*//////////////////////////////////////////////
// N A V I G A T I O N   L E V E L   T H R E E  
//////////////////////////////////////////////*/

#cmsMainNav_cmsnavelement li li ul {
	display: none;
	position:relative;
    top:auto;
    left:auto;
    width: 200px;
    margin-left:115px;
    margin-top:-23px;
    background-color: transparent;
    padding:0;   
}

#cmsMainNav_cmsnavelement li li li 
{
    margin:0;
    width: 200px;
    text-align: center;
    border-left: 1px dotted #fff;
}

#cmsMainNav_cmsnavelement li li li a
{
    display:block;
    text-align:center;
    width: 200px;
    
}

#cmsMainNav_cmsnavelement li li li a:hover
{
    display:block;
    background-color:#385269;
    width:200px;
}

#pageAlert 
{
    width: 40%;
    margin: 12px 0px 8px 60px;
    border: 1px solid #8b0000;
    padding: 10px;
    font-size: 1.2em;
    font-weight: bold;
    color: #8b0000;
    background-color: #fffacd;
    
}

#cmsImagePanel
{
    float: right; 
    margin-right: 60px; 
}

.num{text-align:right; width: 5.5em}