﻿/* Layout */

html, body
{
	height: 100%;
	padding:0;
	margin:0;
	border:0;
	font: 11px verdana, arial, helvetica, sans-serif;
	background-color:Silver;
}

* html #mainContainer
{
	height:100%;
}

#mainContainer 
{
	margin-left:auto;
	margin-right:auto;
	width:1004px;
	position: relative;
	min-height: 100%;
	background-color:White;
}

#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;
	line-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,
#subHeader a:visited,
#subHeader a:active 
{
	color:#666666;
	text-decoration:none;
}

#subHeader a:hover 
{
	color:#333333;
	text-decoration:none;
}

#subHeader div
{
	float:left;
	margin-left:5px;
	height:30px;
	margin-top:0px;
}

#container
{
	float:left;
	width:1004px;
	background-color:White;	
}

#rightContent
{
	float:left;
	width:814px;
	padding:5px 5px 111px 5px;
}

.content
{
	float:left;
	width:100%;
	background-color:White;
	clear:both;
}

#nonSecureContent
{
	float:left;
	position:relative;
	background-color:White;
	width:992px;
	clear:both;
}

/* Left Menu - Center Content Layout*/

#leftContent
{
	display:none;
}

/* Footer */ 
#footer 
{
	margin-left:auto;
	margin-right:auto;
	width:1004px;
	position:relative;
	margin-top:-101px;
	text-align:center;
	font-size:10px;
	background-color:White;
	color:#333333;
	height:101px;
	clear:both;	
}

#footerImage
{
	display:none;
}

/* 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;
}

#leftBorder
{
	float:left;
	width:13px;
	height:100%;
	background-image:url(../Images/Header/Left_InnerBorder.gif);
	background-repeat:repeat-y;
}


/* End Non-secured master */

.nsContentsBg
{
	float:left;
	width:100%;
	min-width:880px;
	min-height:550px;
	margin-left:11px;
	background-repeat:no-repeat;
	background-color:White;
	border-left: solid 1px silver;
	padding-bottom:111px;
	
}

/* 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;
	font-weight:bold;
	margin-top:10px;
	color:#36548A;
}

#loginHyperlinksContainer a:Link,
#loginHyperlinksContainer a:Visited
{
	color:#36548A;
	text-decoration:underline;
}

#loginHyperlinksContainer a:Hover
{
	color:#36548A;
	text-decoration:underline;
}

#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;
	padding-bottom:111px;
}

#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;
	margin-top:20px;
}

.registrationTwoColumns
{
	float:left;
	Width:170px;
	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:320px;
	margin-top:20px;
	color:#325797;
	clear:right;
}

.forgotUserNameOneColumn
{
	float:left;
	Width:320px;
	margin-top:10px;
}

.forgotUserNameTwoColumns
{
	float:left;
	Width:160px;
	margin-top:10px;
}

/* 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;
}

.centeredContents
{
	text-align:center;
}

.leftJustifiedContents
{
	text-align:left;
}

/* End Error Message */

/* Misc */
.GoButton
{
	float:left;
	width:34px;
	height:29px;
}

h4
{
	font-size:12px;	
}

a:Link
,a:Active
,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;	
}

panelContainer a:Visited
{
	text-decoration:underline;
}

.panelHeader
{	
	width:100%;
	background-image:url(../Images/Panels/Blue/TitleBar.gif);
	background-repeat:repeat-x;
	vertical-align:middle;
	cursor:pointer;
	height:29px;
	line-height:29px;	
}

.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;
	width:100%;
	overflow:hidden;
}

.panelContentLine
{
	float:left;
	width:100%;
	line-height:25px;
	height:25px;
	padding-bottom:4px;
	padding-top:4px;
	overflow:hidden;
}

.centered
{
	margin-left:auto;
	margin-right:auto;
}

panelHeaderContents a:Visited
{
	text-decoration:underline;
}


.panelContent div
{
	float:left;
	width:100%;	
}

.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,
.featuredItem a:Visited,
.featuredItem a:Active
{
	text-decoration:underline;
}

.featuredItem a:Hover
{
	font-weight:Bolder;
	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;
}

.editItemCloseButton
{
	float:left;
}
/* Item Edit Panel*/

.modalPopup 
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
	position:absolute;
	z-index:0;
	left:0;
	right:0;
	top:0;
	bottom:0;
	text-align:center;
	vertical-align:middle;
	height:100%;
}

/* 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 
{
    background-color: lemonchiffon; 
}

.calendar .ajax__calendar_container 
{
    border:1px solid #646464;
    background-color: White;
    color: Black;
}

.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;
}

#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:210;
	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;
}

.gridRow
{
	padding:4px;
}

.gridEditRow
{
	padding:4px;
}

.gridSelectedRow
{
	padding:4px;
}

.gridAlternatingRow
{
	padding:4px;
}

.gridFooter
{
	
}
/* Invoice Details */

/* Categories Tree */

.tree
{
	float:left;
	width:175px;
	font-size:11px;
	color:#344153;
	font-size:10px;
}

.treeNodeRoot
{
	font-weight:bold;
}

.treeNode
{
	overflow:hidden;
}

.treeNodeHover
{
	font-weight:bold;
}

.treeNodeSelected
{
	font-weight:bold;
}

.treeNodeParent
{
	color:Orange;
}

.tree a:Link,
.tree a:Visited,
.tree a:Active
{
	font-size:10px;
	text-decoration:none;
}

.tree a:Hover
{
	font-size:10px;
	text-decoration:underline;
	color:Black;
}

/* Categories Tree */

/* Quick Search */

.quickSearch
{
	float:left;
	width:450px;
	padding:5px;
}

/* Quick Search */

/* Alert */

.alertMessage
{
	float:left;
	width:99%;
	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 img
{
	display:none;
}

.productDetailsLabel
{
	float:left;
	width:190px;
	font-weight:bold;
}

.productDetailsValue
{
	float:left;
}

