﻿/* Layout */

html 
{
	height: 100%;
	padding:0;
	margin:0;
	border:0;
}

body
{
	height: 100%;
	padding:0;
	margin:0;
	border:0;
	background-image: url(../Images/Bg_Texture.gif);
	background-repeat: repeat-x;
	background-color: #7C8699;
	font: 11px verdana, arial, helvetica, sans-serif;
}

* html #mainContainer
{
	height:100%;
}

#mainContainer 
{
	margin-left:auto;
	margin-right:auto;
	width:1004px;
	position: relative;
	min-height: 100%;
	background-color:White;
	border:0;
}

#header
{
	background-image:url(../Images/Header/Header.jpg);
	background-repeat:no-repeat;
	width:100%;
	height:117px;
	background-color:#7489CC;
	color:#344153;
	clear:both;
	text-align:left;	
}

#subHeader
{
	float:left;
	width:100%;
	height:30px;
	background-image:url(../Images/Header/SubHeader.gif);
	background-repeat:repeat-x;
	background-color:#E3EAEB;
	font-size:11px;
	font-weight:bold;
	color:#666666;
	clear:both;	
	text-align:left;
}

#subHeader a:link
{
	color:#666666;
	text-decoration:none;
}

#subHeader a:visited
{
	color:#666666;
	text-decoration:none;
}

#subHeader a:active 
{
	color:#666666;
	text-decoration:none;
}

#subHeader a:hover 
{
	color:#333333;
	text-decoration:none;
}

#subHeaderContents
{
	height:15px;
	padding: 8px 7px 5px 5px;
	overflow:hidden;
}

#container
{
	float:left;
	width:1004px;
	background-color:White;
	padding-bottom:150px;
}

.container
{
	float:left;
	width:1004px;
	background-color:White;
	padding-bottom:150px;
}

#rightContent
{
	float:left;
	width:814px;
	padding:5px 5px 5px 5px;
}

.rightContent
{
	float:left;
	width:814px;
	padding:5px 5px 5px 5px;
}

.rightContentCentered
{
	margin-left:auto;
	margin-right:auto;
	width:814px;
	padding:5px 5px 5px 5px;	
}

.content
{
	float:left;
	width:100%;
	background-color:White;
	clear:both;
}

#nonSecureContent
{
	float:left;
	position:relative;
	width:100%;
	clear:both;
	border:0;
	background-color:White;
}

/* Left Menu - Center Content Layout*/

#leftContent
{
	float:left;
	width:180px;
	font-size:10px;
	margin:0;
}

.leftContent
{
	float:left;
	width:180px;
	font-size:10px;
	margin:0;
}

/* Footer */ 
#footer 
{
	margin-left:auto;
	margin-right:auto;
	width:1004px;
	position:relative;
	margin-top:-102px;
	background-image: url(../Images/Footer/Background.jpg);
	background-repeat:repeat-x;
	text-align:center;
	font-size:10px;
	background-color:White;
	color:#333333;
	height:101px;
	clear:both;	
}

.footerImage
{
	margin-left:auto;
	margin-right:auto;
	background-repeat:no-repeat;
	margin-top:10px;
}

/* End Footer */

/* End Layout */

/* Non-secured master */

#topBorder
{
	float:left;
	width:100%;
	height:45px;
	background-image:url(../Images/Header/Top_InnerBorder.gif);
	background-repeat:repeat-x;
}

#topLeftBorder
{
	float:left;
	width:45px;
	height:45px;
	background-image:url(../Images/Header/TopLeft_InnerBorder.gif);
	background-repeat:no-repeat;
}

/* End Non-secured master */

.nsContentsBg
{
	float:left;
	width:990px;
	height:600px;
	background-repeat:no-repeat;
	background-color:White;
	overflow:hidden;
	border:0;
	padding:0;
}

#nsLeftBorder
{
	float:left;
	width:11px;
	height:600px;
	border-right: solid 1px silver;
	background-color:#E0EDF9;
}

#nsMainContainer 
{
	margin-left:auto;
	margin-right:auto;
	width:1004px;
	position: relative;
	min-height: 100%;
	background-color:White;
	background-image:url(../Images/Header/Left_InnerBorder.gif);
	background-repeat:repeat-y;
	background-position:left;
	border:0;
}

/* Login Container */

#loginBg
{
	background-image:url(../Images/Login/background.jpg);
}

#loginLogo
{
	float:left;
	width:186px;
	height:168px;
	margin-left:30px;
	background-image:url(../Images/Login/login-logo.gif);
	background-repeat:no-repeat;
}

#loginSigninBox
{
	float:left;
	width:180px;
	margin-left:10px;
}

#loginSigninBox div
{
	float:left;
	width:100%;
	margin-top:10px;
}

#loginHyperlinksContainer
{
	float:left;
	width:250px;
	margin-top:10px;
	color:#36548A;
}

#loginHyperlinksContainer a:Link
{
	color:#36548A;
	text-decoration:underline;
}

#loginHyperlinksContainer a:Active
{
	color:#36548A;
	text-decoration:underline;
}

#loginHyperlinksContainer a:Visited
{
	color:#36548A;
	text-decoration:underline;
}

#loginHyperlinksContainer a:Hover
{
	color:#36548A;
	text-decoration:underline;
	color:Black;
}

#FailureText
{
	float:left;
	width:100%;
	color:Red;
	font-style:italic;
	font-size:small;
}

/* End Login Container */


/* Registration */

#registrationBg
{
	background-image:url(../Images/Registration/Registration-Bg.jpg);
	text-align:center;
}

#registrationTitle
{
	margin-left:auto;
	margin-right:auto;
	width:211px;
	height:46px;
	background-image:url(../Images/Registration/Registration-Title.gif);
	background-repeat:no-repeat;
}

#registrationConfirmationTitle
{
	margin-left:auto;
	margin-right:auto;
	width:247px;
	height:33px;
	background-image:url(../Images/Registration/Registration-Successful.gif);
	background-repeat:no-repeat;
}

#registrationContainer
{
	margin-left:auto;
	margin-right:auto;
	width:511px;
	margin-top:20px;
}

.registrationOneColumn
{
	float:left;
	width:320px;
	height:40px;
	margin-top:10px;
}

.registrationTwoColumns
{
	float:left;
	Width:170px;
	height:40px;
	margin-top:10px;
}

/* End registration */

/* Customer Service */

#custServBg
{
	background-image:url(../Images/CustomerService/CustomerService-Bg.jpg);
}

#custServTitle
{
	float:left;
	width:186px;
	height:33px;
	margin-left:30px;
	background-image:url(../Images/CustomerService/CustomerService-Title.gif);
	background-repeat:no-repeat;
}

.custServColumn
{
	float:left;
	width:270px;
	margin-top:10px;
	margin-left:20px;
}

/* End Customer Service */

/* Disclaimer */

#disclaimerBg
{
	background-image:url(../Images/Disclaimer/Background.jpg);
	text-align:center;
}

#disclaimerTitle
{
	margin-left:auto;
	margin-right:auto;
	background-image:url(../Images/Disclaimer/disclaimer-title.gif);
	background-repeat:no-repeat;
	width:405px;
	height:49px;
}

#disclaimerTextContainer
{
	margin-left:auto;
	margin-right:auto;
	width:500px;
	height:420px;
	overflow:scroll;
	border:solid thin #325797;
	padding:5px;
	text-align:left;
	background-color:White;
}

/* Disclaimer */

/* ForgotPassword */

#forgotPasswordBg
{
	background-image:url(../Images/ForgotPassword/Background.jpg);
}

#forgotPasswordTitle
{
	margin-left:auto;
	margin-right:auto;
	width:236px;
	height:33px;
	margin-top:30px;
	background-image:url(../Images/ForgotPassword/Title.gif);
	background-repeat:no-repeat;
	clear:right;
}

#forgotPasswordContainer
{
	margin-left:auto;
	margin-right:auto;
	width:320px;
	margin-top:20px;
	color:#325797;
	clear:right;
}

.forgotPasswordOneColumn
{
	float:left;
	Width:320px;
	margin-top:10px;
}

.forgotPasswordTwoColumns
{
	float:left;
	Width:160px;
	margin-top:10px;
}


/* End Forgot Password */

/* Forgot UserName */

#forgotUserNameBg
{
	background-image:url(../Images/ForgotUserName/Background.jpg);
}

#forgotUserNameTitle
{
	margin-left:auto;
	margin-right:auto;
	width:236px;
	height:33px;
	margin-top:30px;
	background-image:url(../Images/ForgotUserName/Title.gif);
	background-repeat:no-repeat;
	clear:right;
}

#forgotUserNameContainer
{
	margin-left:auto;
	margin-right:auto;
	width:340px;
	margin-top:20px;
	color:#325797;
	clear:right;
	overflow:hidden;
}

.forgotUserNameOneColumn
{
	Width:340px;
	margin-top:10px;
	overflow:hidden;
}

.forgotUserNameTwoColumns
{
	Width:160px;
	margin-top:10px;
	overflow:hidden;
}

/* End Forgot UserName */


/* End Error Page */
#errorBg
{
	background-image:url(../Images/Error/Background.jpg);
	text-align:center;
}

.errorTitle
{
	margin-left:auto;
	margin-right:auto;
	width:247px;
	height:33px;
	margin-top:30px;
}

#errorContainer
{
	margin-left:auto;
	margin-right:auto;
	width:511px;
	margin-top:20px;
}

/* End Error Page */

/* Error Message */
.errorMessage
{
	float:left;
	width:100%;
	color:Red;
	font-style:italic;
	font-size:small;
}

/* End Error Message */

.centeredContents
{
	text-align:center;
}

.leftJustifiedContents
{
	text-align:left;
}


/* Misc */
.GoButton
{
	float:left;
	width:34px;
	height:29px;
}

h4
{
	font-size:12px;	
}

a:Link
{
	color:#333333;
	text-decoration:underline;
}

a:Active
{
	color:#333333;
	text-decoration:underline;
}

a:Visited
{
	color:#333333;
	text-decoration:underline;
}

a:Hover
{
	color:Black;
	text-decoration:underline;
}

/* End Misc */

/* Right Contents */

.rightContentPanels
{
	float:left;
	width:812px;
	margin: 5px auto;
	text-align:left;
}


/* End Contents */

/* Left Contents */

.leftContentPanels
{
	float:left;
	width:170px;
	border-right:solid 5px #E9E9E9;
	border-left:solid 3px #E9E9E9;
	border-top:solid 5px #E9E9E9;
	border-bottom:solid 5px #E9E9E9;
	margin-top:5px;
	text-align:left;
	overflow:hidden;
}


/* Left Contents */

/* Menu Box */

.searchContainer
{
	float:left;
	width:170px;
	background-color:#03528D;
	color:White;
}

.menuContents
{
	float:left;
	margin-top:5px;
	margin-left:5px;
}

#searchTransition
{
	float:left;
	width:100%;
	background-image:url(../Images/Search/Transition.gif);
	background-position:right;
	background-repeat:no-repeat;
	background-color:#03528D;
	height:20px;
}

#browseContainer
{
	float:left;
	width:170px;
	background-color:#C5DDF5;
	color:Black;	
}


/* End Menu Box */

/* Panels */

.panelContainer
{
	float:left;
	width:100%;
	border:solid 1px Silver;
	margin: 5px auto;
	text-align:left;
	overflow:hidden;
}

panelContainer a:Visited
{
	text-decoration:underline;
}

.panelHeader
{	
	float:left;
	width:100%;
	background-image:url(../Images/Panels/Blue/TitleBar.gif);
	background-repeat:repeat-x;
	vertical-align:middle;
	cursor:pointer;
	height:29px;
	line-height:29px;	
	overflow:hidden;
}

.panelHeaderContents
{
	float:left;
	margin-left:5px;
}

.panelHeaderTitle
{
	float:left;
	margin-left:5px;
	font-weight:bold;
	color:#344153;
	font-size:1.2em;
}

.panelHeaderButton
{
	float:right;
	margin-right:5px;
	margin-top:9px;
}

.panelContent
{
	float:left;
	overflow:hidden;
}

.panelContentLine
{
	float:left;
	width:100%;
	line-height:25px;
	height:25px;
	padding-bottom:4px;
	padding-top:4px;
	overflow:hidden;
	vertical-align:middle;
}

.pContainer
{
	float:left;
	width:100%;
	margin-top:10px;
	border:solid 1px Silver;
	text-align:left;
	overflow:hidden;
}

.pHeader
{
	float:left;
	width:100%;
	font-weight:bold;
	background-image:url(../Images/Panels/Blue/TitleBar.gif);
	background-repeat:repeat-x;
	vertical-align:middle;
	cursor:pointer;
	height:29px;
	line-height:29px;	
	overflow:hidden;	
}

.pHeader2
{
	float:left;
	width:100%;
	font-weight:bold;
	background-color:lemonchiffon;
	vertical-align:middle;
	cursor:pointer;
	height:29px;
	line-height:29px;	
	overflow:hidden;	
}

.pHeaderContents
{
	padding:5px;
}

.pBody
{
	float:left;
	width:100%;
	overflow:hidden;	
}

.pBodyContents
{
	padding:5px;
	font-weight:bold;
	overflow:hidden;
}

.pEdit
{
	background-color:lemonchiffon;
}

.centered
{
	margin-left:auto;
	margin-right:auto;
}

panelHeaderContents a:Visited
{
	text-decoration:underline;
}


.panelContent div
{
	float:left;
	width:100%;	
	overflow:hidden;
}

.editModuleContent
{
	float:left;
	background-color:White;
	padding-top:10px;
	padding-bottom:10px;
	color:Black;
	font-weight:bold;
	border:solid 1px Silver;
}

/* Panels */

.featuredItemContainer
{
	float:left;
	width:99%;
	padding:3px;
	text-align:left;
	font-size:11px;
	line-height:18px;
	color:Gray;
}

.featuredItem a:Link
{
	text-decoration:underline;
}

.featuredItem a:Visited
{
	text-decoration:underline;
}

.featuredItem a:Active
{
	text-decoration:underline;
}

.featuredItem a:Hover
{
	text-decoration:underline;
}

.featureItemName
{
	color:#454545;	
}

.featuredItemDescription
{
	float:left;
	width:100%;
	line-height:11px;
	margin-top:10px;
	text-align:left;
	text-decoration:underline;
	cursor:pointer;
	vertical-align:top;
	color:#454545;
	font-size:11px;	
}

.featuredItemImage
{
	float:left;
	margin-top:5px; 
	padding-right:4px;
}
/* Featured Item */

/* Item Edit Panel */
.editItemHeader
{
	float:left;
	width:40px;	
	height:20px;
	margin-left:10px;
	background-image:url(../Images/Edit.gif);
	background-repeat:no-repeat;
	cursor:hand;
}

.editItemCloseButton
{
	float:left;
}
/* Item Edit Panel*/

.modalPopupContainer
{
	position:absolute;
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
	z-index:3000;
	width:100%;
	height:100%;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	text-align:center;
	vertical-align:middle;
}

.modalPopup
{
	margin-top:25%;
	padding-top:15px;
	width:300px;
	height:100px;
	background-color:White;
	text-align:center;
}


/* Two columns layout */

.panelLeftColumn
{
	float:left;
	padding:5px;
	font-weight:bold;
	color:#344153;
	text-align:right;	
}

.panelLeftColumn div
{
	float:right;
	height:25px;
	line-height:25px;
}

.panelLeftColumn1
{
	float:left;
	padding:5px;	
}

.panelLeftColumn1 span
{
	float:right;
	height:25px;
	line-height:25px;
	font-weight:bold;
	color:#344153;
	text-align:right;
	width:100%;
}

.panelRightColumn
{
	float:left;
	padding:5px;
	font-weight:normal;
}

.panelRightColumn div
{
	float:left;	
	height:25px;
	line-height:25px;
}

.panelRightColumn1
{
	float:left;
	padding:5px;
	font-weight:normal;
}

.panelRightColumn1 span
{
	float:left;	
	height:25px;
	line-height:25px;
	width:100%;
}

/* Two columns layout */

/* Login */



/* Login */

.highlight 
{
    float:left;
    background-color: lemonchiffon; 
}

.calendar .ajax__calendar_container 
{
    border:1px solid #646464;
    background-color: White;
    color: Black;    
    width:188px;
}

.calendar .ajax__calendar_other .ajax__calendar_day,
.calendar .ajax__calendar_other .ajax__calendar_year 
{
    color: Gray;
}

.calendar .ajax__calendar_hover .ajax__calendar_day,
.calendar .ajax__calendar_hover .ajax__calendar_month,
.calendar .ajax__calendar_hover .ajax__calendar_year 
{
    color: Red;
}

.calendar .ajax__calendar_active .ajax__calendar_day,
.calendar .ajax__calendar_active .ajax__calendar_month,
.calendar .ajax__calendar_active .ajax__calendar_year 
{
    color: Black;
    font-weight:bold;
}


/* Admin alert */

#adminAlertContainer
{	
	float:right;
	margin-top:5px;
	margin-left:10px;
	width:230px;
	height:42px;
	background-color:#FF9A42;
	clear:both;
	overflow:hidden;
}

#adminAlertLeftBorder
{
	float:left;
	width:8px;
	height:42px;
	background-image:url(../Images/AdminAlert/LeftBorder.jpg);
}

#adminAlertRightBorder
{
	float:right;
	width:8px;
	height:42px;
	background-image:url(../Images/AdminAlert/RightBorder.jpg);
}

#adminAlertContents
{
	float:left;
	width:420;
	height:42px;
	margin:7px;
	overflow:hidden;
	font-weight:bold;
	color:White;
}

/* Admin alert */

/* SubHeader - Non secure area*/



/* SubHeader */

/* Registration Confirmation */

            
/* Registration Confirmation */

/* Cart */
.cartContainer
{
	float:right;
	font-weight:bold;
	color:#9F0307;
	margin-left:10px;
	clear:right;
}

/* Cart */

/* Invoice Details */

.invoiceDetailsHeader
{
	background-image:url(../Images/Grids/Header.gif);
	background-repeat:repeat-x;
	background-color:White;
	height:28px;
	vertical-align:middle;
	text-align:left;
}

/* Invoice Details */

/* Grids */
.grid
{
	float:left;
	width:100%;
	color:#333333;
	text-align:left;
	
}

.gridHeader
{
	background-image:url(../Images/Grids/Header.gif);
	background-repeat:repeat-x;
	background-color:White;
	height:28px;
	vertical-align:middle;
	text-align:left;
	line-height:28px;
	overflow:hidden;
}

.gridRow
{
	padding:4px;
}

.gridEditRow
{
	padding:4px;
}

.gridSelectedRow
{
	padding:4px;
}

.gridAlternatingRow
{
	padding:4px;
}

.gridFooter
{
	
}
/* Invoice Details */

/* Categories Tree */

.tree
{
	float:left;
	width:175px;
	font-size:9px;
	color:#344153;	
}

.treeNodeRoot
{
	font-weight:bold;
}

.treeNode
{
	overflow:hidden;
}

.treeNodeHover
{
	font-weight:bold;
}

.treeNodeSelected
{
	font-weight:bold;
}

.treeNodeParent
{
	color:Orange;
}

.tree a:Link
{
	font-size:9px;
	text-decoration:none;
}

.tree a:Visited
{
	font-size:9px;
	text-decoration:none;
}

.tree a:Active
{
	font-size:9px;
	text-decoration:none;
}

.tree a:Active
{
	font-size:9px;
	text-decoration:underline;
	color:Black;
}

/* Categories Tree */

/* Quick Search */

.quickSearchLine
{
	float:left;
	width:100%;
	line-height:25px;
	height:25px;
	overflow:hidden;
	vertical-align:middle;
}

/* Quick Search */

/* Alert */

.alertMessage
{
	float:left;
	width:100%;
	margin-top:10px;
	padding-top:2px;
	padding-bottom:2px;
	font-weight:bold;
	color:White;
	background-color:Red;
}     

/* Alert */

.buyButton
{
	background-image:url(../Images/BtnBuy.gif);
	background-repeat:no-repeat;	
}


/* Page Links */

#pageLinkList
{
	float:left;
	margin-top:5px;
	margin-bottom:5px;
	width:175px;
	clear:both;
	overflow:hidden;
	font-weight:bold;
	text-align:left;
}



/* Page Links */


.btnContinueShopping
{
	float:left;
	width:100%;
	height:20px;
	margin-top:10px;
}

/* Masked Textbox Control */

.MaskedEditFocus 
{
	color:#000000;
	background-color:#ffffcc
}

.MaskedEditMessage 
{	
	font-weight: bold;
	color: #ff0000
}

.MaskedEditError 
{	
	background-color: #ffcccc
}

.MaskedEditFocusNegative 
{
	color: #000000;
	background-COLOR: #ffffcc
}

.MaskedEditBlurNegative 
{	
	color: #ff0000
}

MaskedEditValidatorMessage
{
	float:left;
	width:100%;
}

/* Masked Textbox Control */

.productDetailsLabel
{
	float:left;
	width:210px;
	font-weight:bold;
}

.productDetailsValue
{
	float:left;	
}

/*AutoComplete flyout */

.autocomplete_completionListElement 
{  
	min-width:430px;
	width:430px;
	height:200px;
	visibility: hidden;
	margin: 0px!important;
	background-color:White;
	color: windowtext;
	border: buttonshadow;
	border-width: 1px;
	border-style: solid;
	cursor: 'default';
	overflow:auto;	
    text-align: left; 
    list-style-type: none;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	width:400px;
	min-width:400px;
	padding-left:3px;
	padding-right:3px;
	height:17px;
	line-height:17px;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color: window;
	color: windowtext;
	width:400px;
	min-width:400px;
	padding-left:3px;
	padding-right:3px;
	height:17px;
	line-height:17px;
}

.watermarked 
{	
	width: 150px;
	height: 20px;
	background-color: #F0F8FF;
	color: gray;
	border-top: #BEBEBE 1px solid;
	border-left: #BEBEBE 1px solid;
	border-right: #BEBEBE 1px solid;
	border-bottom: #BEBEBE 1px solid;
	padding-top: 2px;
	padding-left: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
}

/* Hover Menu */
.popupMenu 
{	
	position:absolute;
	width:50px;
	max-width:50px;
	background-color: #FFFFCC;
	visibility: hidden;
	overflow:hidden;
}

.popupHover 
{
	background-color:#FFFFCC;
}

/* Hover Menu */


.listHeaderLink
{
	font-family:Webdings;
	text-decoration:none;	
}

.accountInfoTitle1
{
	text-align:right;
	font-weight:bold;
	width:107px;
}


.accountInfoTitle2
{
	text-align:right;
	font-weight:bold;
	width:110px;
}

.accountInfoTitle3
{
	text-align:right;
	font-weight:bold;
	border-left:solid 1px silver;
	width:137px;
}


.confirmationPopUpBackground
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.error
{
	float:left;
	background-image:url(../Images/error.gif);
	background-repeat:no-repeat;
	background-color:#ef1617;
	padding-left:50px;
	color:#FFF;
	border:solid;
	border-color:silver;
	border-width:thin;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:5px;
	min-height:30px;
}
.warning
{
	float:left;
	background-image:url(../Images/warning.gif);
	background-repeat:no-repeat;
	background-color:#d0e805;
	padding-left:50px;
	color:#000;
	border:solid;
	border-color:silver;
	border-width:thin;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:5px;
	min-height:30px;
	
}
.check
{
	float:left;
	background-image:url(../Images/check.gif);
	background-repeat:no-repeat;
	background-color:#36c60f;
	padding-left:50px;
	color:#000;
	border:solid;
	border-color:silver;
	border-width:thin;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:5px;
	min-height:30px;
}
.info
{
	float:left;
	background-image:url(../Images/info.gif);
	background-repeat:no-repeat;
	background-color:#1d6dda;
	padding-left:50px;
	color:#FFF;
	border:solid;
	border-color:silver;
	border-width:thin;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:5px;
	min-height:30px;
}

.messageBox
{
	float:left;
	padding:5px;
	color:#000;
	min-height:30px;
	font-weight:normal;
}

.leftLogoImage
{
	float:left;
	margin-left:30px;
	margin-top:10px;
}