/********Rewrite container tags *******/
body {
	background-image: url("https://www.tolydigital.net/wp/wp-content/uploads/2020/10/TOLY-Watermark-15pct-2150x1850-1.jpg");
	background-size: cover, cover;
    font: 11px Arial, Helvetica, sans-serif;
	margin:0;
}
ul
{
	list-style: none;
}
a4f3d96
{
	text-decoration: underline;
	color: #666666;
}
h1 {
    color: #ea8c27 !important;
}

/*****************End container tags **************/
.bodyText
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #666666;
}
.bodyTextBold
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #666666;
	font-weight: bold;
}
.bodyTextBlue {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    color: #666666;
    font-weight: bold;
    color: #4f3d96 !important;
}
.jstoreDefault
{
	color: #666666;
	font-size: 8pt;
	font-family: 'MS Sans Serif' , Verdana, Tahoma;
}
.required
{
	color: #ff0000;
	font-weight: bold;
}

td.bold
{
	font-weight: bold;
}
.tableData
{
	color: #666666;
	font-family: 'MS Sans Serif' , Verdana, Tahoma,;
	letter-spacing: .5px;
}
.vendors h1, maintenance h1
{
	font-size: 27px;
	color: #2a71a7;
	margin-top: 5px;
}
.vendors p, maintenance p
{
	line-height: 14px;
	color: #005b7f;
}
.products
{
	/*background: url(images/sidebar.gif) repeat-y;*/
	background: #0C1C8C;
	width: 100%;
	overflow: hidden;
	
}
#ctl00_grdOrderSummary {
    background: #49B3E0 !important;
    border: solid 1px #ff0000;
}
/*  BACKGROUND NOT NEEDED 
.orderStatusGridHeader
{
 background: url(images/sidebar.gif) repeat-y !important;  
}
.orderStatusGridItem
{
  background: url(images/sidebar.gif) repeat-y !important;    
}*/
.orderStatusGridItem a
{
	color: #ffffff;
	text-decoration: none;
}
.orderStatusGridItem a:hover
{
	text-decoration: underline;
}
.jstoreLinks
{
	position: absolute;
	top: 0px;
	right: 0px;
}
a.jstoreLink
{
	color: #000000 !important;
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
}

.inlineBlock
{
	display: inline-block;
	display: -moz-inline-box;
	display: inline-table;
}
.label
{
	float: left;
	color: #666666;
	margin-right: 0.5em;
	display: block;
	font-weight: bold;
}

/*******************************************************
	Main layout styles
********************************************************/
#content
{
	width: 780px;
	padding-top: 3px;
	margin: 0 auto;
	display:block;
	background:#0C1C8C;
	
}
.whiteSpace
{
    background-color:#000 !important;
    overflow: visible;
    width:100%;
    clear:both;
    line-height:0px;
}
#maintcontent
{
	width: 780px;
	margin:0 auto;
	overflow:visible;
}
#contentWrap
{
    background:transparent !important;
}
.maintenance
{
    background:#ffffff !important;
}
.UpdateContainerNormal
{
    background:#ffffff !important;
}
.sidebar
{
	width: 177px;
	float: left;
}
.vendors
{
	width: 593px;
	float: right;
	height:100%;
	background:#ffffff;
	border:solid 1px #6C6C6C;
	padding:3px;
	/*margin-bottom:10px;*/
}
.maintenance
{
	width: 780px;
	float: left;
}

/*******************************************************
	 styles for header components 
********************************************************/
#holder
{
	/*background: #ffffff;*/
	background:transparent !important;
	width: 800px;
	/*border: 1px solid #4f3d96;*/
	/*border-top: none;*/
	margin: 0 auto;
}
#header
{
	width: 800px;
	position: relative;
}
#trainingLinks
{
	float: right;
	padding-top: 35px;
	padding-right: 25px;
}
#TopNavSection
{
	width: 800px;
	margin: 0 auto;
	background:transparent !important;
	padding: 8px;
	height: 40px;
}
#TopNavSectionInner {
    background: transparent !important;
    padding: 8px;
    height: 15px;
    float: right;
}
#SalesPortalLink
{
	position: relative;
	float: right;
}
.logo
{
	display: block;
	margin-left: 15px;
	background: url(images/toly_logo.png) no-repeat;
	width: 275px;
	height: 138px;
}
    .logo a {
        background: url(images/toly_logo.png) no-repeat;
        width: 275px;
        height: 138px;
        display: block;
        text-indent: -9999px;
        overflow: hidden;
    }
.tools {
    background: #000000 !important;
}
.tools li
{
	float: left;
	line-height: 15px;
	padding: 0 5px;
	display: inline-block;
}
.tools a
{
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.tools a.basketLink
{
	background: url(images/cart-blue.gif) no-repeat;
	padding-left: 25px;
}
.tools a.promoLink
{
	background: url(images/pricetag.gif) no-repeat;
	padding-left: 25px;
}
.tools a.logOut
{
	background: url(images/atn_sign-in.png) no-repeat;
	width: 99px;
	height: 20px;
	display: inline-block;
	line-height: 20px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	margin-top: -3px;
	position: relative;
}
.navig-hold
{
	background:#0C1C8C;
	width: 780px;
	margin: 0 auto;
	height: 35px;
}

.SimpleEntertainmentMenu:not(.redesigned-theme) li {
	border-right: solid 1px #000000 !important;
}

	.SimpleEntertainmentMenu:not(.redesigned-theme) li:last-of-type {
		border-right: none !important;
	}

	.SimpleEntertainmentMenu:not(.redesigned-theme) li:hover, .SimpleEntertainmentMenu:not(.redesigned-theme) li.AspNet-Menu-Hover {
		background: #fed05d !important;
	}

.SimpleEntertainmentMenu:not(.redesigned-theme) a, /* all anchors and spans (nodes with no link) */
.SimpleEntertainmentMenu:not(.redesigned-theme) span {
	background: #0C1C8C !important;
	color: #fff !important;
}

.SimpleEntertainmentMenu:not(.redesigned-theme) li:hover a, /* hovered text */
.SimpleEntertainmentMenu:not(.redesigned-theme) li:hover span,
.SimpleEntertainmentMenu:not(.redesigned-theme) li.AspNet-Menu-Hover a,
.SimpleEntertainmentMenu:not(.redesigned-theme) li.AspNet-Menu-Hover span,
.SimpleEntertainmentMenu:not(.redesigned-theme) li:hover li:hover a,
.SimpleEntertainmentMenu:not(.redesigned-theme) li:hover li:hover span,
.SimpleEntertainmentMenu:not(.redesigned-theme) li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.SimpleEntertainmentMenu:not(.redesigned-theme) li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,
.SimpleEntertainmentMenu:not(.redesigned-theme) li:hover li:hover li:hover a,
.SimpleEntertainmentMenu:not(.redesigned-theme) li:hover li:hover li:hover span,
.SimpleEntertainmentMenu:not(.redesigned-theme) li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.SimpleEntertainmentMenu:not(.redesigned-theme) li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover span {
	background: #49B3E0 !important;
	color: #fff !important;
}

.SimpleEntertainmentMenu:not(.redesigned-theme) li:hover li a,
.SimpleEntertainmentMenu:not(.redesigned-theme) li:hover li span,
.SimpleEntertainmentMenu:not(.redesigned-theme) li.AspNet-Menu-Hover li a,
.SimpleEntertainmentMenu:not(.redesigned-theme) li.AspNet-Menu-Hover li span,
.SimpleEntertainmentMenu:not(.redesigned-theme) li:hover li:hover li a,
.SimpleEntertainmentMenu:not(.redesigned-theme) li:hover li:hover li span,
.SimpleEntertainmentMenu:not(.redesigned-theme) li.AspNet-Menu-Hover li.AspNet-Menu-Hover li a,
.SimpleEntertainmentMenu:not(.redesigned-theme) li.AspNet-Menu-Hover li.AspNet-Menu-Hover li span {
	background: #c3c3c3 !important;
}


.navig-hold ul, .navig-hold ul li, .navig-hold ul a
{
	float: left;
}
.nav-1 li:first-child
{
	border-left: none;
}
.nav-1 li
{
	border-left: 1px solid #3d84ba;
}
.nav-1 a
{
	background: #000000;
	height: 28px;
	font-size: 12px;
	line-height: 28px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	padding: 0 10px;
}
.nav-2
{
	margin-top: 6px;
}
.nav-2 li:first-child
{
	border-left: none;
}
.nav-2 li
{
	border-left: 1px solid #fff;
}
.nav-2 a
{
	line-height: 22px;
	color: #fff;
	text-decoration: none;
	padding: 0 7px;
}
.nav-2 .active a
{
	background: #000000;
}
.shopperInfo
{
	border-bottom: 1px solid #fff !important;
	padding-bottom: 1px;
	color: #000000;
	font-size: 9pt;
	font-weight: bold;
	position: relative;
}
/********************************************************
	styles for search panel in left column 
*********************************************************/
#SearchPanelDiv {
    width: 165px; /*height:190px; */
    margin-right: 1px;
    /*border: solid 1px #FFD05C;*/
    padding: 10px 10px 10px 10px;
    background-color: #c3c3c3;
}

.searchHeader {
    font-family: Arial;
    font-weight: bold;
    font-size: 16pt;
    color: #000000;
}
.searchText {
    font-family: Arial, Tahoma, Verdana;
    font-size: 9pt;
    color: #000000;
}
.searchTextBold {
    font-family: Arial, Tahoma, Verdana;
    font-size: 9pt;
    color: #000000;
    font-weight: bold;
}
.panelsearchselect
{
	text-transform: capitalize;
	width: 137px;
}
/***************************************************
 styles for the "narrow your search" panel
****************************************************/
.narrowSearchPanel
{
	width: 158px;
}
table.narrowSearchTable
{
	color: #fff;
	width: 100%;
}
td.narrowSearchTableCell
{
	border: 0;
}
a.narrowSearchLink
{
	color: #000000;
	text-decoration: none;
}
a.narrowSearchLink:hover
{
	text-decoration: underline;
}
/***************************************************
 footer styles 
****************************************************/
#footer
{
	width: 800px;
	margin: 0 auto;
}
#footer p
{
	line-height: 20px;
	color: #005b7f;
	text-align: center;
}
#footer p a
{
	color: #fff;
}
#footer p a:hover
{
	color: #bbb8b4;
}
/**********************************************
 breadcrumbs styles 
***********************************************/
.breadcrumbs
{
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #2a71a7;
	padding-bottom: 1px;
}
.breadcrumbs li:first-child
{
	background-image: none;
	padding-left: 0;
}
.breadcrumbs li
{
	background: url(/images/breadcrumbs-bullet.gif) no-repeat 0 4px;
	float: left;
	padding: 0 5px 0 10px;
}
.breadcrumbs a
{
	color: #005b7f;
	text-decoration: none;
}
.breadcrumbs a:hover
{
	text-decoration: underline;
}
/****************************************************
 these styles apply to data tables and grid views 
*****************************************************/
.gridItem
{
	border-bottom: dotted 1px #666666;
	color: #666666;
	height: 17px;
	font-family: 'MS Sans Serif' , Verdana, Tahoma,;
	letter-spacing: .5px;
	width: auto; /* Lam Nguyen */
}
.gridItemEmphasized
{
	border-bottom: dotted 1px #666666;
	color: #2a71a7;
	height: 17px;
	font-family: 'MS Sans Serif' , Verdana, Tahoma,;
	letter-spacing: .5px;
}
.gridItemNoBorder
{
	color: #666666;
	height: 17px;
	font-family: 'MS Sans Serif' , Verdana, Tahoma,;
	letter-spacing: .5px;
	width: auto; /* Lam Nguyen */
}
.gridItemNoBorder_EU
{
	color: #666666;
	height: auto;
	font-family: 'MS Sans Serif' , Verdana, Tahoma,;
	letter-spacing: .5px;
	width: 550px;
}
.gridTitleItem
{
	border-bottom: solid 1px #666666;
	color: #666666;
	font-family: 'MS Sans Serif' , Verdana, Tahoma,;
	letter-spacing: .5px;
}
.gridItemBold
{
	border-bottom: dotted 1px #666666;
	color: #666666;
	height: 17px;
	font-family: 'MS Sans Serif' , Verdana, Tahoma,;
	letter-spacing: .5px;
	font-weight: bold;
	width: auto; /* Lam Nguyen */
}
.gridItemBoldOrderHistory
{
	border-bottom: dotted 1px #666666;
	color: #666666;
	height: 17px;
	font-family: 'MS Sans Serif' , Verdana, Tahoma,;
	letter-spacing: .5px;
	font-weight: bold;
	width: auto; /* Lam Nguyen */
}
.gridItemOrderHistoryOneRow
{
    border-bottom: dotted 1px #666666;
    width: auto;
}
.gridItemOrderHistory
{
	border-bottom: dotted 1px #666666;
	color: #666666;
	height: 17px;
	font-family: 'MS Sans Serif' , Verdana, Tahoma,;
	letter-spacing: .5px;
	font-size: 8pt !important;
	width: auto; /* Lam Nguyen */
}
.gridItemTotals
{
	color: #ff0000;
	height: 17px;
	font-family: 'MS Sans Serif' , Verdana, Tahoma,;
	letter-spacing: .5px;
	font-weight: bold;
}
.gridItemBoldNoBorder
{
	color: #666666;
	height: 17px;
	font-family: 'MS Sans Serif' , Verdana, Tahoma,;
	letter-spacing: .5px;
	font-weight: bold;
	width: 130px;
}
.gridItemNoBoldNoBorder
{
	color: #666666;
	height: 17px;
	font-family: 'MS Sans Serif' , Verdana, Tahoma,;
	letter-spacing: .5px;
	font-size: 8pt;
}
.gridHeader a {
    /*color: White;*/
    font-family: 'MS Sans Serif', Verdana, Tahoma,;
    letter-spacing: .5px;
    font-weight: bold;
    height: 22px;
    background-color: #0c1c8c;
}
.gridHeader
{
	color: White;
	font-family: 'MS Sans Serif' , Verdana, Tahoma,;
	letter-spacing: .5px;
	font-weight: bold;
	height: 22px;
	background-color: #0c1c8c;
}
.gridLink
{
	color: #666666;
	text-decoration: underline;
}
.grdRowLink
{
	color:Black;
}
.grdRow 
{
color:Black !important;
background-color: #f0efea !important;
vertical-align: top !important;
text-align: left !important;
}
.grdAlternatingRow {
    color: White !important;
    background-color: #b5add0 !important;
    text-align: left !important;
    vertical-align: top !important;
}
.grdAlternatingRow a
{
color:White !important;

}
.grdRow:hover {
    color: White !important;
    background-color: #4f3d96 !important;
    cursor:default;
}
.grdRow:hover a {
    color: White !important;
    background-color: #4f3d96 !important;
    cursor: pointer;
}
.grdAlternatingRow:hover {
    color: White !important;
    background-color: #4f3d96 !important;
    cursor:default;
}
.grdHead {
    background-color: #4f3d96 !important;
    width: 100% !important;
    padding-right: 2px;
    padding-left: 2px;
}
.blueBox
{
	border: solid 1px #7ea2b8;
}
/****************************************************
 styles for find products grid
*****************************************************/
a.titleLink
{
	text-decoration: none;
}
a.titleLink:hover
{
	text-decoration: underline;
}
table.productList
{
	color: #666666;
	font-size: 8pt;
	font-family: Sans-Serif, Verdana, Tahoma;
	letter-spacing: .5px;
	width: 450px;
}
td.title
{
	border-bottom: solid 1px #666666;
	padding-bottom: 1px;
	font-size: 8pt;
}
td.label
{
	/*width:90px;*/
	font-weight: bold;
	border-bottom: dotted 1px #666666;
	font-size: 8pt;
}
td.item
{
	/*width: 50px;*/
	border-bottom: dotted 1px #666666;
	font-size: 8pt;
}
td.itemPrice
{
	/*width: 50px;*/
	color: red;
	font-weight: bold;
	border-bottom: dotted 1px #666666;
	font-size: 8pt;
}
td.rebatePrice
{
	/*width: 50px;*/
	color: blue;
	font-weight: bold;
	border-bottom: dotted 1px #666666;
	font-size: 9pt;
}

#productList .controls
{
	width: 200px;
	clear: both;
	height: 25px;
	margin-bottom: 10px;
}
/****************************************************
 styles for contact block at bottom
*****************************************************/
.contact-info {
    background: #0C1C8C;
    width: 760px;
    overflow: hidden;
    padding: px 10px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    color:#000 !important;
}
.lci
{
	float: left;
}
.lci span
{
	font-size: 20px;
	font-weight: bold;
	color: #fff;
}
.lci p
{
	font-size: 18px;
	color: #fff;
	letter-spacing: -1px;
}
.rci
{
	float: right;
}
.rci p
{
	font-size: 12px;
	color: #ebffff;
	margin-top: 28px;
}
/*******************************************************
 Styles for order status panel in left column
********************************************************/
#OrderStatusPanel {
    width: 165px;
    padding: 10px 0px 10px 0px;
    background: #49b3e0;
    /*margin-left: 8px;*/
    padding-left: 15px;
}
.someclass {
    background-color: #4f3d96 !important;
    cursor: pointer;
    font-size: 10px;
    border-radius: 3px;
}
.grdOrderSummary {
    background: #ffffff;
    border-width: 0px;
    width: 160px;
    border-collapse: collapse;
    font-family: 'MS Sans Serif', Verdana, Tahoma,;
    letter-spacing: .5px;
    color: #4f3d96;
}
.grdOrderSummary th
{
    font-family: 'MS Sans Serif' , Verdana, Tahoma,;
	letter-spacing: .5px;
	color: #4f3d96;
	font-weight: bold;
}
.orderStatusGridItem
{
	font-family: 'MS Sans Serif' , Verdana, Tahoma,;
	letter-spacing: .5px;
	color: #fff;
}
.grdOrderSummary a
{
	font-family: 'MS Sans Serif' , Verdana, Tahoma,;
	letter-spacing: .5px;
	color: #4f3d96;
	text-decoration: none;
}
a.grdOrderSummary:hover
{
	text-decoration: underline;
}
.orderStatusGridHeader
{
	font-family: 'MS Sans Serif' , Verdana, Tahoma,;
	letter-spacing: .5px;
	color: #fff;
	font-weight: bold;
}

/******************************************************
 Templates pages
*******************************************************/
#TemplateNameHead
{
	height: 36px;
	width: 595px;
	padding: 0px 0px 0px 0px;
	background-image: url(images/graphic_orders.jpg);
	background-repeat: no-repeat;
}
.noTemplates
{
	background-color: #eeeeee;
	background-repeat: repeat-x;
	border: solid 1px #c8c8c8;
	color: #666666;
	font-family: 'MS Sans Serif' , Verdana, Tahoma,;
	letter-spacing: .5px;
	vertical-align: middle;
}
/****************************************************
 Order History page
*****************************************************/
#OrderHistoryHead
{
	background-image: url('images/gradient_bg.jpg');
	background-repeat: repeat-x;
	border: solid 1px #c8c8c8;
	padding: 5px 10px 5px 10px;
	font-family: 'MS Sans Serif' , Arial, Verdana, Tahoma,;
	font-size: 9pt;
	color: #000000;
}
.OrderHistoryHeadline {
    font-family: Arial, Verdana, Tahoma, 'MS Sans Serif';
    font-size: 14pt;
    color: #4f3d96 !important;
    font-weight: bold;
    line-height: 20pt;
}
.OrderHistoryBold
{
	font-family: 'MS Sans Serif' , Arial, Verdana, Tahoma,;
	font-size: 9pt;
	color: #000000;
	font-weight: bold;
}
.OrderHistoryText
{
	font-family: 'MS Sans Serif' , Arial, Verdana, Tahoma,;
	font-size: 25pt;
	color: #000000;
}
ul.OrderHistoryList
{
	list-style-position: inside;
	list-style-type: square;
}
li.OrderHistoryListItem
{
	margin-bottom: 5px;
}

/*****************************************************
 Order Detail page
******************************************************/
#OrderDetailHead
{
	/*width: 595px;*/
}
.orderTblBody
{
    background:url('images/graphic_order_detail_body.gif') repeat-y !important;
    width:585px;
	min-height:260px;
}
.ordertblHead
{
    background:url('images/graphic_order_detail_top.gif') no-repeat;
    height:34px;
    width:585px;
}
.orderTblBottom
{
    background:url('images/graphic_order_detail_bottom.gif') !important;
    width:585px;
    height:10px;
}
.OrderDetailTables
{
    height:260px !important;
    background:url('images/graphic_order_detail.gif') no-repeat;
    background-color:#eeeef0 !important;
    width: 585px;
    /*height:auto !important;*/
    
}

#OrderDetailHeadCol1
{	
	float: left;
	padding: 0px 1px 5px 5px !important; 
}
#OrderDetailHeadCol2
{
	float: left;
	padding: 0px 0px 5px 6px !important;	
	
}

#OrderDetailHeadCol3
{
	float: left;
	padding: 0px 1px 5px 7px !important;	

}
.OrderDetailHeadCol4
{
	float: left;
	padding: 0px 0px 0px 9px !important;
	margin-top:0px;
	min-height:265px;
	max-width:145px !important;
	width:145px !important;
	overflow:hidden;
	overflow-y: scroll !important;
}
/***************************************************
 Your Account page
****************************************************/
#YourAccount
{
	background-image: url('images/gradient_bg.jpg');
	background-repeat: repeat-x;
	height: 150px; /*height:250px;*/
	border: solid 1px #c8c8c8; /*padding:5px 10px 5px 10px;*/
}
table.YourAccount
{
	height: 150px;
	width: 535px; /*width:280px;*/ /*padding:5px 10px 5px 10px;*/ /*border-bottom:dotted 1px #c8c8c8;*/
	color: #666666;
	font-family: 'MS Sans Serif' , Verdana, Tahoma,; /*letter-spacing: .5px;*/
}

table.YourAccountExt
{
	height: 20px;
	width: 500px;
	color: #666666;
	font-family: 'MS Sans Serif' , Verdana, Tahoma,;
}

#YourAccountRight
{
	background-image: url(  'images/gradient_bg.jpg' );
	background-repeat: repeat-x;
	height: 220px;
	border: solid 1px #c8c8c8;
	padding: 5px 10px 5px 10px;
}
table.YourAccountRight
{
	height: 100px;
	width: 535px; /*width:255px;*/
	padding: 5px 10px 5px 10px;
	border-bottom: dotted 1px #c8c8c8;
	color: #666666;
	font-family: 'MS Sans Serif' , Verdana, Tahoma,;
	letter-spacing: .5px; /*border-left: solid 1px #c8c8c8;*/
}
.Representative_left
{
	font-weight: bold;
	font-size: 10pt;
	text-align: left;
	width: 350px;
	color:#4f3d96 !important;
}
/****************************************************
 Customer Security page
*****************************************************/
.Customer_Security
{
	height: 55px;
	width: 100%;
	text-align: center;
	font-family: 'MS Sans Serif' , Verdana, Tahoma;
}
.Customer_Security_Permission
{
	width: 100%;
	text-align: center;
	font-family: 'MS Sans Serif' , Verdana, Tahoma;
}
.Customer_Security_T1
{
	width: 100%;
}
.Customer_Security_white_space
{
	width: 15%;
}
.Customer_Security_shade
{
	background: #88afcc;
	width: 100%;
	font-weight: bold;
}
.Customer_Security_block
{
	background:#4f3d96 !important;
	width: 100%;
	font-weight: bold;
}
.Customer_Security_edit1
{
	width: 20%;
	font-weight: bold;
	text-align: right;
	color: White;
}
.Customer_Security_edit2
{
	width: 20%;
	font-weight: bold;
	text-align: right;
	color: Yellow;
}
.Customer_Security_email_cbo1
{
	width: 60%;
	font-weight: bold;
	text-align: left;
	color: White;
}
.Customer_Security_email_cbo2
{
	width: 60%;
	font-weight: bold;
	text-align: left;
	color: Yellow;
}
.Customer_Security_user_groups_header
{
	font-weight: bold;
	width: 100%;
}
.Customer_Security_User_Groups_permisions
{
	width: 55%;
	font-weight: bold;
	text-align: center;
}
.Customer_Security_user_groups_white_space
{
	width: 10%;
	font-weight: bold;
	text-align: center;
	vertical-align: bottom;
}
.Customer_Security_user_groups
{
	width: 100%;
	height: 30%;
}
.Customer_Security_user_groups_add
{
	width: 45%;
	height: 245px;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	font-family: 'MS Sans Serif' , Verdana, Tahoma;
}
.Customer_Security_user_groups_middle_space
{
	width: 10%;
	height: 245px;
	font-weight: bold;
	text-align: center;
}
.Customer_Security_User_Groups_Vspace
{
	height: 70px;
}
.Customer_Security_Button
{
	background: #88afcc;
	font-weight: bold;
	color: White;
	cursor: pointer;
	border-style: none;
}
/****************************************************
 Login page
*****************************************************/
#FirstTimeUser
{
	background-image: url(images/login_bg.jpg);
	padding: 5px 10px 5px 10px;
	height: 140px;
}
/***************************************************
 Your Order page
****************************************************/
#CatalogNotice
{
	float: left;
	height: 100px;
	width: 300px;
	background-image: url(/jstore/images/Jenne_22_final_cover.jpg);
	background-repeat: no-repeat;
	padding-left: 90px;
	color: Purple;
	font-size: 12pt;
	font-family: Arial;
}
.CompanionPartPanel
{
	text-align: center;
	float: left;
	width: 180px;
	padding: 5px 5px 5px 0;
}
.CompanionPartHead
{
	width: 100%;
	border-top: dotted 1px black;
	border-bottom: dotted 1px black;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 10pt;
	color: #2a71a7;
}
.CompanionPartLink
{
	text-decoration: none;
	color: Black;
}
.CompanionPartPrice
{
	color: Black;
}

/***************************************************
 Preview Order page 
****************************************************/
#PreviewCol1
{
	width: 175px;
	float: left;
}
#PreviewCol2
{
	width: 175px;
	float: left;
}
#PreviewCol3
{
	width: 175px;
	float: left;
}
#Button
{
	float: right;
	position: relative;
	top: 25px;
}
/**************************************
Other
***************************************/
.redText
{
	color: Red;
	font-family: 'MS Sans Serif' , Verdana, Tahoma,;
	letter-spacing: .5px;
	font-weight: bold;
}
.blueHeader
{
	color: #01255F;
	font-size: 9pt;
	font-family: Arial, Verdana, Tahoma,;
	font-weight: bold;
}
.boldBlackHeading
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight:bold;	
	color:#000000; 
}
/**************************************
Styles for modal popup panel
***************************************/
.modalBackground
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}
.pnlSendEmail_ModalPopUp
{
	width: 318px;
	border: solid 5 #4f3d96;
	background-color: #4f3d96; /*background-color:#DBD9D5;*/
}
.popUp_SendEmail_Table
{
	width: 315px;
}
.host_Quote_Email
{
    background-color:#084200 !important;   
}
.popUp_SendEmail_header
{
	width: 310px;
	color: White;
	font-family: Verdana;
	font-size: small;
	background-color: #4f3d96 !important; /*background-color:#B0B0B0; */
	margin-left: 0px;
}
.EmailmodalBackground
{
	filter: alpha(opacity=70);
	opacity: 0.7;
}
.SendEmail_command
{
	text-align: center;
}
.SendEmail_vertical_spaces
{
	height: 45px;
}
.SendEmail_labels
{
	font-family: Verdana;
	font-size: small;
	text-align: right;
	color: White;
}
.popHeader
{
	text-align: left;
	margin-top: auto;
	background: ORANGE;
	width: 340px;
}
.popHeader_leftcorner
{
	width: 20px;
	text-align: left;
	margin-top: auto;
}
.popHeader_rightcorner
{
	font-weight: bold;
	font-family: Verdana;
	width: 290px;
	color: White;
	text-align: left;
}
.pnlQtyAvail_ModalPopUp_Table
{
	width: 330px;
}
.pnlQtyAvail_ModalPopUp
{
	width: 330px;
	border: solid 5 blue;
	text-align: left;
}
.popHeaderforRequiredPart
{
	text-align: left;
}
.RequiredPart_ModalPopUp_Table
{
	width: 710px;
	background-color: #6F9DB9;
}
.fieldSet_PartRequired
{
	width: 680px;
}
.pnlRequiredPart_ModalPopUp
{
    /*background-color:Transparent;*/
    width: 710px;
	text-align: left;
}
.pnlRequiredPart_ModalPopUp div
{

	background-color:#084200 !important;
	/*overflow:hidden !important;*/
}
.grdHeader
{
    background-color:#008000 !important;   
}
.pnlRequiredPart_ModalPopUp table
{
background-color:#084200 !important;
width:100% !important;
}
.required_Part_msg_white
{
	color: White;
}
.pnlCustomers_ModalPopUp
{
	width: 550px;
	text-align: left;
}
/**************************************
Styles for promotion backgrounds
****************************************/
.rebate174
{
	position: relative;
	background-image: url(images/rebates/rebate_bg_174.jpg) !important;
	width: 580px;
	height: 174px;
}
.rebate300
{
	position: relative;
	background-image: url(images/rebates/rebate_bg_300.jpg) !important;
	width: 580px;
	height: 300px;
}
.rebate375
{
	position: relative;
	background-image: url(images/rebates/rebate_bg_375.jpg) !important;
	width: 580px;
	height: 375px;
}
.rebate500
{
	position: relative;
	background-image: url(images/rebates/rebate_bg_500.jpg) !important;
	width: 580px;
	height: 500px;
}
.rebate600
{
	position: relative;
	background-image: url(images/rebates/rebate_bg_600.jpg) !important;
	width: 580px;
	height: 600px;
}
.rebate_logo
{
	position: absolute;
	left: 35px;
	top: 20px;
}
.rebate_content
{
	position: absolute;
	left: 35px;
	top: 55px;
}
.rebate_link
{
	color: #666666;
	text-decoration: none;
	font-size: 8pt;
}
.rebate_link:hover
{
	text-decoration: underline;
}
.header_col1
{
	font-weight:bold;
	font-family:Verdana;
	width:160px;
	text-align:right;
}
.header_col2
{
	font-family:Verdana;
	width:130px;
	text-align:left;
}
.header_col3
{
	font-family:Verdana;
	width:340px;
	text-align:left;
}
.header_req_field
{
    color:Red;
    font-weight:bold;
	font-family:Verdana;
	font-style:italic;
}
.header_shows_above_col2
{
	font-family:Verdana;
	width:130px;
	text-align:left;
	z-index:1500;
	position: relative;
}
.header_shows_above_col2_a
{
	font-family:Verdana;
	width:130px;
	text-align:left;
	z-index:999;
	position:relative;
}
/**************************************
Styles for Contacts
****************************************/
.contact_header
{
	font-weight: bold;
	font-size: 9pt;
	color:#4f3d96 !important;
}
.contact_header_notBold
{
	font-size: 9pt;
}
/***************************************
Styles for RMA page
****************************************/
#OrderDetail
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #2a71a7;
}
#OrderDetail label
{
	width: 125px;
	float: left;
	display: block;
	font-weight: bold;
}
#OrderDetail input
{
	margin-bottom: 3px;
}

#OrderDetail h3
{
	color: #000000;
	font-size: 11pt;
	text-transform: uppercase;
}
#OrderDetail .gridItem
{
	color: #666666;
	font-size: 8pt;
	letter-spacing: normal;
	border-bottom: none;
}
#OrderDetail .gridHeader
{
	color: #666666;
	font-family: Arial, Verdana, Tahoma;
	font-weight: bold;
	height: 22px;
	background-color: #eeeeee;
	font-size: 8pt;
	vertical-align: bottom;
}
#OrderDetail hr
{
	color: #666666;
	background-color: #666666;
	height: 1px;
	border: none;
}
/**************************************
Styles for Product Detail
****************************************/
.Label1
{
	border-bottom: dotted 1px #666666;
	color: #666666;
	height: 17px;
	font-family: 'MS Sans Serif' , Verdana, Tahoma,;
	letter-spacing: .5px;
	font-weight: bold;
	width: 60px; /* Lam Nguyen */
}
.Label2
{
	border-bottom: dotted 1px #666666;
	color: #666666;
	height: 17px;
	font-family: 'MS Sans Serif' , Verdana, Tahoma,;
	letter-spacing: .5px;
	width: 60px; /* Lam Nguyen */
}
.Label3
{
	border-bottom: dotted 1px #666666;
	color: #666666;
	height: 17px;
	font-family: 'MS Sans Serif' , Verdana, Tahoma,;
	letter-spacing: .5px;
	width: 100px; /* Lam Nguyen */
}
.Notes
{
	border-bottom: dotted 1px #666666;
	color: #666666;
	height: 30px;
	font-family: 'MS Sans Serif' , Verdana, Tahoma,;
	letter-spacing: .5px;
	width: 350px;
}

/**************************************
Styles for follow-up appointments day view.
****************************************/
.followUpAppointmentDayViewTable
{	
	width: 100%;
	margin-bottom: 10px;
	font-family: Sans-Serif, Verdana, Tahoma;
	font-size: 8pt;
	font-weight: normal;
	font-style: normal;
	empty-cells: show;
	padding: 5px 10px 5px 10px;
	color: #666666;
	letter-spacing: .5px;/* Jeff Scott */
}

.followUpAppointmentDayViewTableRow
{	
	vertical-align: top;
	border-style: hidden;
	width: 100%;/* Jeff Scott */
}

.followUpAppointmentDayViewTableCellRight
{	
	width: 65%;/* Jeff Scott */
}

.followUpAppointmentDayViewTableCellLeft
{	
	width: 35%;/* Jeff Scott */
}
/**************************************
Styles for follow-up appointments week view.
****************************************/
/*Outer Table*/
.followUpAppointmetWeekViewOuterTable
{
	width: 100%;
	font-family: Sans-Serif, Verdana, Tahoma;
	font-size: 8pt;
	font-weight: normal;
	font-style: normal;
	empty-cells: show;
	border-color: #005b7f;
	border-style: none;/* Jeff Scott */
}
/*Nested Tables*/
.followUpAppointmentWeekViewNestedTable
{
	width: 100%;
	height: 100%;
	vertical-align: top;
	border-style: none;/* Jeff Scott */
}
/*Nested Tables Cells*/
.followUpAppointmentWeekViewNestedTableCell
{
	width: 100%;
	height: 100%;
	vertical-align: middle;
	border-style: none;
	border-width: 0px;
	border-color: White;/* Jeff Scott */
}
/*Work Week Table Header Cells*/
.followUpAppointmentWorkWeekTableHeaderCell
{
	width: 20%;
	vertical-align: middle;
	background-color: #2a71a7;
	color: #ffffff;/* Jeff Scott */
}
/*Full Week Table Header Cells*/
.followUpAppointmentFullWeekTableHeaderCell
{
	width: 14.25%;
	vertical-align: middle;
	background-color: #2a71a7;
	color: #ffffff;/* Jeff Scott */
}
/*Work Week TableCells*/
.followUpAppointmentWorkWeekTableCell
{
	width: 20%;
	height: 100%;
	border-style: none;
	vertical-align: top;/* Jeff Scott */
}
/*Full Week Table Cells*/
.followUpAppointmentFullWeekTableCell
{
	width: 14.25%;
	height: 100%;
	border-style: none;
	vertical-align: top;/* Jeff Scott */
}
.followUpAppointmentWeekViewHyperLinkWrapperPanel
{
	border-style: solid;
	border-width: thin;
	padding: 3px;
	vertical-align: top;/* Jeff Scott */
}
.followUpAppointmentWeekViewHyperLink
{
	width: 100%;
	font-family: Sans-Serif, Verdana, Tahoma;
	font-size: 8pt;/* Jeff Scott */
}

/**************************************
Styles for follow-up appointments details view.
****************************************/
.followUpAppointmentDetailsViewTable
{
	/* Jeff Scott */
	width: 100%;
	margin-bottom: 10px;
	font-family: Sans-Serif, Verdana, Tahoma;
	font-size: 8pt;
	font-weight: normal;
	font-style: normal;
	empty-cells: show;
	padding: 5px 10px 5px 10px;
	color: #666666;
	letter-spacing: .5px;
	border-bottom: dotted 1px #666666;/* Jeff Scott */
}

.followUpAppointmentDetailsViewTableRow
{
	/* Jeff Scott */
	vertical-align: top;
	border-style: hidden;
	width: 100%;/* Jeff Scott */
}

.followUpAppointmentDetailsViewTableCellRight
{	
	width: 85%;/* Jeff Scott */
}

.followUpAppointmentDetailsViewTableCellLeft
{	
	width: 15%;/* Jeff Scott */
}

.followUpAppointmentDetailsViewTextBoxMultiLine
{
	width: 95%;
	height: 100%;
	font-family: Sans-Serif, Verdana, Tahoma;
	font-size: 8pt;
	font-weight: normal;
	font-style: normal;/* Jeff Scott */
}

.followUpAppointmentDetailsViewTextBoxSingleLine
{
	width: 20%;
	font-family: Sans-Serif, Verdana, Tahoma;
	font-size: 8pt;
	font-weight: normal;
	font-style: normal;/* Jeff Scott */
}

.followUpAppointmentDetailsViewTextBoxSingleLineLong
{
	width: 95%;
	font-family: Sans-Serif, Verdana, Tahoma;
	font-size: 8pt;
	font-weight: normal;
	font-style: normal;/* Jeff Scott */
}
/************ MaskedEdit Related Styles ***********************/
.MaskedEditFocus
{
    background-color: #ffffcc;
    color: #000000;
}
.MaskedEditMessage
{
	color: #ff0000;
	font-weight: bold;
}
.MaskedEditError
{
    background-color: #ffcccc;
}
.watermarked {
	height:15px;
	width:150px;
	padding:2px 0 0 2px;
	border:1px solid #BEBEBE;
	background-color:#edffff;
	color:gray;
}
.legend_rebates
{
    font-family:Verdana;
    font-weight:bold;
    font-size:14px;
}

input.txtBoxBox
{
    width:700px !important;
    color:red !important;
    border: 1px solid green !important;
}