﻿/* Master page styles */
/* body */
body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #666666;
	background-color: White;
	margin: 0px;
	height: 100%;
}
h1
{
	color: #ffffff;
	font-family: Verdana,Arial;
	font-size: 10pt;
	font-weight: bold;
	margin: 0px;
}
h2
{
	color: #ff6600;
	font-family: Arial, Verdana;
	font-size: 12pt;
	font-weight: normal;
	margin: 0px;
}
h3
{
	color: #ff6600;
	font-variant: small-caps;
	background-color: #EBEFF4;
	border: solid 1px #D8DFEA;
	text-align: left;
	padding: 6px;
	font-size: 13pt;
}
h4
{
	color: #ff6600;
	font-variant: small-caps;
	background-color: #EBEFF4;
	border: solid 1px #D8DFEA;
	padding: 6px;
	margin: 0px 0px 8px 0px;
	font-size: 12pt;
}
h5
{
	color: #ff6600;
	font-variant: small-caps;
	background-color: #EBEFF4;
	border: solid 1px #D8DFEA;
	padding: 3px;
	margin: 0px;
	font-size: 11pt;
	font-weight: bold;
}
h6
{
	color: #ff6600;
	font-variant: small-caps;
	background-color: #EBEFF4;
	border: solid 1px #D8DFEA;
	padding: 3px;
	margin: 0px;
	font-size: 10pt;
	font-weight: bold;
}
li
{
	margin: 6px 0px;
}
.houseForeColor
{
	color: #ff6600;
}
.alignRight
{
	text-align: right;
}
.foreColor
{
	color: #5E7DA8; /*Blue grey*/
}
.rightFloat
{
	font-size: small;
	float: right;
	margin: 8px;
}
.button
{
	width: 100%;
	height: 28px;
	color: #ffffff;
	background-color: #ff6600;
	font-family: Arial,Verdana;
	font-weight: bold;
	font-size: 16px !important;
	padding-left: 8px;
	cursor: pointer;
}
#ErrorContainer
{
	width: 450px;
	color: #ff6600;
	font-variant: small-caps;
	background-color: #EBEFF4;
	border: solid 1px #D8DFEA;
	padding: 10px;
	margin-top: 30px;
	font-size: 13pt;
	text-align: center;
}
#Preheader
{
	width: 100%;
	height: 16px;
	background-image: url(../../images/skin/preheader_bk.jpg);
	background-repeat: repeat-y;
	background-color: #ffcf63;
	text-align: center;
	font-family: Verdana,Arial;
	font-size: 9pt;
}
#Prefooter
{
	width: 100%;
	height: 16px; /*	background-image:url(../../images/skin/preheader_bk.jpg); 		 	 	background-repeat:repeat-y; 		 	 	background-color:#ffcf63; */
	text-align: center;
	font-family: Verdana,Arial;
	font-size: 9pt;
}
#HeaderContainer
{
	width: 100%;
	height: 122px;
	background-color: #EBEFF4;
	border-top: solid 2px #5E7DA8;
	border-bottom: solid 2px #5E7DA8;
}
#BannerContainer
{
	margin-top: 4px;
}
#ProductListContainer
{
	clear: left;
	margin-top: 8px;
}
#CategoryListContainer
{
	clear: left;
	margin-top: 8px;
}
#ProductListInnerContainer
{
}
#CategoryListInnerContainer
{
}
#PListContainer
{
	margin-top: 8px;
}
#Footnote
{
	width: 100%;
	margin: 6px;
	color: #5E7DA8;
	font-size: 9pt;
}
#CartSummary
{
	color: #5E7DA8;
	font-weight: bold;
	background-color: Transparent;
	border-width: 0px;
	text-align: center;
	width: 90px;
}
#GlobalContainer
{
	text-align: center;
	background-color: #ffffff;
	background-image: url( "images/globalbk.jpg" );
	background-repeat: repeat-x; /*	background-color: #8DA6BC;*/
	padding: 2px 0px 20px 4px;
	height: 100%;
}
#FootLinkContainer
{
	width: 100%;
	padding: 4px;
	background-color: #D8DFEA;
	border: solid 1px #B3C2D5;
}
.Status
{
	margin-top: 8px;
	width: 97%;
	padding: 6px;
	font-size: 11pt;
	color: red;
	font-variant: small-caps;
	background-color: #EBEFF4;
	border: solid 1px #B3C2D5;
	text-align: center;
	vertical-align: middle;
}
.noDisplay
{
	display: none;
}
.treeNode
{
	width: 100%;
	height: 26px;
	font-family: Arial;
	font-size: 10pt;
	color: #333333;
	padding-left: 5px;
	border-top: dotted 1px gray;
}
.hoverTreeNode
{
	text-decoration: none;
	color: #ff3300;
}
.buttonLink:link
{
	color: #ffffff;
	text-decoration: none;
}
.buttonLink:visited
{
	color: #ffffff;
	text-decoration: none;
}
.buttonLink:active
{
	color: #ffffff;
	text-decoration: none;
}
.buttonLink:hover
{
	color: #ffffff;
	text-decoration: none;
}
.footLink
{
	font-size: 9pt;
}
.footLink:link
{
	color: #5E7DA8;
	text-decoration: none;
}
.footLink:visited
{
	text-decoration: none;
	color: #5E7DA8;
}
.footLink:hover
{
	text-decoration: underline;
	color: #Ff6600;
}
.footLink:active
{
	text-decoration: none;
	color: #Ff6600;
}
.headerLink:link
{
	color: #FFFFFF;
	text-decoration: none;
}
.headerLink:visited
{
	color: #FFFFFF;
	text-decoration: none;
}
.headerLink:hover
{
	color: #000084;
	text-decoration: underline;
}
.headerLink:active
{
	color: #000084;
	text-decoration: underline;
}
/* End of master page styles */

/* Misc paging styles */

.topPrevious
{
	font-size: 10pt;
	font-weight: bold;
	font-variant: small-caps;
	float: right;
	padding: 10px 2px 4px;
}
.bottomPrevious
{
	width: 100%;
	border-top: solid 2px #D8DFEA;
	font-size: 10pt;
	font-weight: bold;
	font-variant: small-caps;
	padding: 2px;
}

/* Eng of misc paging */

/* Supporting content page styles */

.contentPageContainer
{
	margin: 10px 10px 0px 10px;
}

/* End of content page styles */

/* Login and Account page styles */

#LoginPageContentContainer
{
}

#AccountPageContentContainer
{
}

/* End of Login page styles *.

/* Privacy page */

#PrivacyPageContainer
{
}

/* End of privacy page */

/* Contact page styles */

#ContactPageContentContainer
{
	font-variant: small-caps;
	padding: 3px;
	margin: 0px;
	font-size: 11pt;
}

/* End of contact styles */

/* Feedback styles */

.feedbackHeader
{
	font-size: 11pt;
	font-weight: bold;
	color: #ff6600;
	padding-left: 6px;
}
.feedbackItem
{
	font-size: 11pt;
}
.feedbackFooter
{
	font-size: 11pt;
	font-style: italic;
}
.feedbackDate
{
	font-size: 10pt;
}
.feedbackLink
{
	width: 100%;
	border-top: solid 2px #D8DFEA;
	font-size: 11pt;
	font-weight: bold;
	font-variant: small-caps;
	padding: 4px;
}

#SendFeedbackContentContainer
{
	font-variant: small-caps;
	padding: 3px;
	margin: 0px;
	font-size: 11pt;
}
#FeedbackContentContainer
{
}

/* end of feedback */

/* Cart styles */

#CartContainer
{
	margin: 2px 2px 0px 0px;
}
.cartQtyField
{
	width: 30px;
	text-align: center;
	color: #FF6600;
	border: solid 1px #FF6600;
}
.cartNote
{
	float: left;
	font-size: small;
	font-variant: small-caps;
	font-weight: bold;
	color: #ff6600;
	padding-left: 8px;
}

/* end of cart styles */

/* Misc IDs */
#AboutContentContainer
{
}

#TermsContentContainer
{
}

/* Checkout styles */

#CheckoutPageContainer
{
}
#CheckoutTermsContainer
{
	margin-top: 12px;
	border: solid 1px #ff6600;
	width: 100%;
	clear: left;
}

/* end of checkout styles */

/* List styles */

#ContentContainer
{
	margin-top: 3px;
	width: 100%;
	height: 100%;
}
.contentSeparator
{
	height: 6px;
}
#ListHeaderContainer
{
	padding: 4px;
	background-color: #ffffff;
	border: solid 1px #D8DFEA;
	vertical-align: middle;
}
#ListHeaderInnerContainer
{
	padding: 4px;
	color: #ff3300;
	font-variant: small-caps;
	background-color: #EBEFF4;
	text-align: left;
	vertical-align: middle;
	min-height: 20px;
}
#BreadCrumb
{
	float: left;
	font-size: 12pt;
}
#TopPager
{
	font-size: 10pt;
	float: right;
	padding: 3px;
}
#ListFooterContainer
{
	padding: 4px;
	background-color: #ffffff;
	border: solid 1px #D8DFEA;
	vertical-align: middle;
}
#ListFooterInnerContainer
{
	padding: 4px;
	color: #ff3300;
	font-variant: small-caps;
	background-color: #EBEFF4;
	vertical-align: middle;
	text-align: right;
}
#BottomPager
{
	font-size: 10pt;
	padding: 3px;
}
.pagerLink:link
{
	color: #ff3300;
	text-decoration: none;
}
.pagerLink:visited
{
	color: #ff3300;
	text-decoration: none;
}
.pagerLink:active
{
	color: #ff6600;
	text-decoration: underline;
}
.pagerLink:hover
{
	color: #ff6600;
	text-decoration: underline;
}
.currentPage
{
	padding: 3px; 
	border: solid 1px #ff6600;
}
/* Category list styles */
.cListItem
{
	border: solid 1px #D8DFEA;
	width: 33%;
	height: 100%;
}
.shortDesc
{
	font-size: 11pt;
	color: #666666;
}
/* End of cat list styles */

/* Product list styles */
.pListItem
{
	border: solid 1px #D8DFEA;
	width: 50%;
	height: 100%;
}
.prodName
{
	font-size: 11pt;
	font-weight: bold;
	color: #6885AC;
	padding-left: 10px;
}
.shortDesc
{
	font-size: 11pt;
	color: #666666;
}
.prodPrice
{
	font-size: 13pt;
	color: #ff6600;
}
.mdImg
{
	width: 128px;
	height: 128px;
}
a
{
	color: #FF6600;
	text-decoration: none;
}
a:visited
{
	color: #FF6600;
	text-decoration: none;
}
a:hover
{
	color: #FF9900;
	text-decoration: underline;
}
a:active
{
	color: #FF9900;
	text-decoration: underline;
}
/* End of product list styles */

/* Product detail styles */
#ProductDetailContainer
{
	margin-top: 4px;
}
#AlsoBoughtHeaderContainer
{
	color: #ff6600;
	font-variant: small-caps;
	background-color: #EBEFF4;
	border: solid 1px #D8DFEA;
	padding: 6px;
	margin: 0px 0px 8px 0px;
	font-size: 12pt;
	font-weight: bold;
}
#ProdNameContainer
{
	font-size: 13pt;
	font-weight: normal;
	color: #ff6600;
	background-color: #EBEFF4;
	border: solid 1px #D8DFEA;
	text-align: left;
	vertical-align: middle;
	padding: 6px;
	margin-bottom: 10px;
}
#ProdLongDescContainer
{
	font-size: 10pt;
	padding: 10px;
	border-left: dashed 1px #ff6600;
}
#ProdLgImgContainer
{
	padding: 10px;
}
#ProdSuppImgsContainer
{
	padding: 10px;
	text-align: center;
	font-size: 9pt;
	font-style: italic;
}
.price
{
	width: 70px;
	border-width: 0px;
	padding: 1px;
	font-size: 12pt;
	color: #ff6600;
	text-align: right;
}
.discountedPrice
{
	width: 70px;
	border-width: 0px;
	padding: 1px;
	font-size: 12pt;
	color: #ff6600;
	text-align: right;
	display: none;
}
.listPrice
{
	width: 70px;
	border-width: 0px;
	padding: 1px;
	font-size: 12pt;
	color: #ff6600;
	text-align: right;
	text-decoration: line-through;
}
.attGrpName
{
	color: #ff6600;
	font-size: 11pt;
	padding: 8px 0px 4px 0px;
}
#ProdDiscountOuterContainer
{
	padding-bottom: 10px;
}
#ProdDiscountImageContainer
{
	float: left;
	margin: 0px 8px 0px 0px;
}
#ProdDiscountTextContainer
{
	float: left;
	font-size: 12pt;
	font-weight: bold;
	color: #FF3300;
	margin-bottom: 0px;
}
/* End of Prod detail styles */

.treeLevel0
{
	display: none;
}
.treeLevel1
{
	width: 100%;
	font-family: Verdana;
	font-weight: bold;
	font-size: 12pt;
	background-color: #B3C2D5;
	color: #FFFFFF;
	padding: 6px;
	border-top: solid 4px #EBEFF4;
	border-right: solid 4px #EBEFF4;
	border-bottom: solid 4px #EBEFF4;
}
.treeLevel1:link
{
	color: #FFFFFF;
}
.treeLevel1:hover
{
	color: #FFFFFF;
	text-decoration: underline;
}
.treeLevel1:active
{
	color: #FFFFFF;
}
.treeLevel1:visited
{
	color: #FFFFFF;
}
.treeLevel2
{
	width: 86%;
	height: 26px;
	font-family: Arial;
	font-size: 10pt;
	color: #333333;
	padding-left: 3px;
	border-top: dotted 1px gray;
}

/* 3.0.39 */
#pleaseWait
{
	position: absolute; 
	display: none; 
	width: 230px; 
	text-align: center; 	
	font-size: small; 
	background-color: White; 
	border: solid 1px black;
}