body
{
	font-family: Verdana,Arial;
	font-size:12px;
	background-color: #0066ff;
	margin:0;
	text-align: center;
	background-image: url("../Images/Blue/SB-Wall.jpg");
	background-attachment: fixed;
}
body
{
	text-align: -moz-center;
	color:#22f;
}
h1
{
	color: #66d;
	font-size: 20pt;
	border-bottom: double 2px #66c;
	padding-bottom: 10px;
	margin-bottom: -2px;
}
h3
{
	color: #66d;
	font-size: 14pt;
}
/*--------------------- Content Div --------------*/
.defContainer
{
	/*background-image: url("../Images/Blue/SB-DefContainer.png");
	background-repeat:no-repeat;
	background-position: right;
	*/
}
.ContentDiv
{
	background-color: #ffffff;
	width: 840px;
	margin-bottom: 2px;
	border: solid 2px #003399;
	margin-left:auto;
	margin-right:auto;

}
.HdrFtr
{
	background-color: #0033aa;
	width: 840px;
	height: 20px;
}
.blockTitle
{
	background-image: url("../Images/Blue/SB-DefBlockTitle.png");
	background-repeat:no-repeat;
	height: 28px;
	text-align:left;
	padding-top: 5px;
	padding-left: 10px;
	color: #e77;
	font-weight: bold;
	font-style:italic;
	font-size: 14px;
	text-transform: uppercase;
}
.defContentBlock
{ 
	float:left;
	width:290px;
	height:90px;
	background-image: url("../Images/Blue/SB-DefBlock.png");
	/*background-color: #eef;
	border: solid 1px #ccc;
	margin: 0px 1px 2px 1px;
*/
	margin-right:auto;
	margin-left:auto;
	
	font-size: 9pt;
	text-align: left;
	padding: 10px;
	padding-top: 15px;	

}
.defContentBlock:Hover
{
	color: #c66;
	background-image: url("../Images/Blue/SB-DefBlockHL.png");
}
.defFeatureContent
{
	height: 160px;
	width: 820px;
	margin: 20px 9px;
	margin-left: auto;
	margin-right: auto;
}
.defFeatureContent .top
{
	height: 15px;
	background: url("../Images/Blue/sb-simpleOliveTop.png") no-repeat;
}
.defFeatureContent .body
{
	padding: 20px;
	height: 90px;
	background: url("../Images/Blue/sb-simpleOliveBody.png") repeat-y;
}
.defFeatureContent .bottom
{
	height: 15px;
	background: url("../Images/Blue/sb-simpleOliveBottom.png") no-repeat;
}
.defFeatureContent a
{
	display: block;
	float: left;
	margin-right: 20px;
	width: 230px;
	color: #9a3;
	text-decoration: none;
	font-size:12pt;
	background: url("../Images/Blue/sb-starHighlighted.png") no-repeat 90px 0px;
	padding-top: 50px;
}
.defUsageBlock
{
	color: #fff;
	text-align: left;	
	width: 580px;
}
.defUsageBlock:Hover
{/*
	border-color: #c77;
	background-color:#fee;
	color: #c66;
*/
}
.defUsageBlock .top
{
	height: 65px;
	font-size: 18pt;
	padding: 20px 0px 0px 20px;
	font-weight: bold;
	font-family: "Times New Roman", "Verdana"; 
	background: url("../Images/Blue/sb-homeUsageTop.png") no-repeat;
}
.defUsageBlock .body
{
	padding: 0px 20px;
	background: url("../Images/Blue/sb-homeUsageBody.png") repeat-y;
}
.defUsageBlock .bottom
{
	height: 18px;
	background: url("../Images/Blue/sb-homeUsageBottom.png") no-repeat;
}
.defUsageBlock .content
{
}
.defUsageBlock .content .ctop
{	height: 13px;
	background: url("../Images/Blue/sb-homeUsageContentTop.png") no-repeat;
}
.defUsageBlock .content .body
{
	background: url("../Images/Blue/sb-homeUsageContentBody.png") repeat-y;
}
.defUsageBlock .content .cbottom
{
	height:13px;
	background: url("../Images/Blue/sb-homeUsageContentBottom.png") no-repeat;
}

.defUsageBlock .lastParagraph
{
	margin:0px;
}
.defUsageBlock .addToCart
{
	position: relative;
	top:20px;
	left:330px;
	width: 190px;
	color: #fff;
	font-size: 16pt;
	font-family: "Times New Roman", "Verdana"; 
	text-align: left;
	padding: 10px;
	background: url("../Images/Blue/sb-benefitButton.png") no-repeat;
}
.defUsageBlock .addToCart:hover
{
	background: url("../Images/Blue/sb-benefitButtonSelected.png") no-repeat;
}
.defUsageBlock a.addToCart
{
	color: #fff;
	font-size: 16pt;
	font-family: "Times New Roman", "Verdana"; 
	text-align: left;
	text-decoration: none;
}

.defHotDeal
{
	color: #fff;
	text-align: left;	
	width: 222px;
	margin-bottom: 40px;
}
.defHotDeal .top
{
	height: 79px;
	font-size: 16pt;
	font-weight: bold;
	padding: 1px 0px 0px 20px;
	font-family: "Times New Roman", "Verdana"; 
	background: url("../Images/Blue/sb-homePromotionTop.png") no-repeat;
}
.defHotDeal .body
{
	padding: 0px 20px;
	background: url("../Images/Blue/sb-homePromotionBody.png") repeat-y;
}
.defHotDeal .bottom
{
	height: 16px;
	background: url("../Images/Blue/sb-homePromotionBottom.png") no-repeat;
}
.defHotDeal a
{
	display:block;
	height:180px;
	width: 180px;
	background: url("../Images/Common/sb-homeHotDeal.png") no-repeat;
}
.defHotDeal a:hover
{
	background: url("../Images/Common/sb-homeHotDealSelected.png") no-repeat;
}

.defMainImage
{
	margin:0px 5px;
	border: solid 2px #fff;
}
.defMainImage:Hover
{
	border: solid 2px #ccc;
}
.fixedColumns
{
	table-layout: fixed;
}

/*--------------------- Contact Us --------------*/

.contactUs
{
	width: 600px;
	margin: 20px 9px;
	margin-left: auto;
	margin-right: auto;
}
.contactUs .top
{
	height: 11px;
	background: url("../Images/Blue/sb-simpleOliveTopContactUs.png") no-repeat;
}
.contactUs .body
{
	padding: 20px;
	background: url("../Images/Blue/sb-simpleOliveBodyContactUs.png") repeat-y;
}
.contactUs .bottom
{
	height: 15px;
	background: url("../Images/Blue/sb-simpleOliveBottomContactUs.png") no-repeat;
}

/*--------------------- Rayah Quality --------------*/
.RayahQuality
{
	font-size: 9px;
	font-style:italic;
}
/*--------------------- Page Header --------------*/
.PageHeader
{
	background-color: #005eea;
	width: 100%;
	margin-bottom: 2px;
	text-align: right;
}
.HdrAnimated
{
	background-image: url("../Images/Blue/SB-Banner.png");
	background-repeat:inherit;	
	width: 615px;
	height: 165px;
}
.trackOrder
{
	padding:10px;
	font-size: 10px;
	font-weight:bold;
}
.HdrLeft
{
	background-image: url("../Images/Blue/Faucet.jpg");
	background-repeat:inherit;
	width: 213px;
	height: 150px;
}
.HdrTop
{
	background-image: url("../Images/Blue/SB-PageHdrTop.jpg");
	background-repeat:inherit;
	width: 570px;
	height: 20px;
}
.HdrTop A
{
	display: block;
	color:White;
	font-weight: bold;
	text-decoration: none;
	font-size:10px;
	padding:5px;	
}
.HdrTop A:Hover
{
	color:White;
	font-weight: bold;
	text-decoration: underline;
}

.PrivacyStatement
{
	text-align: left;
	font-size: 10px;
}
.PrivacyStatement .Section
{
	display:block;
	font-size: 12px;
	font-weight: bold;
}
/*--------------------- Page Header --------------*/
.PageLeft
{
	background-color: #050072;
	width: 200px;
	vertical-align: top;	
	font-size: 12px;	
}
/*--------------------- Menu --------------*/
.MenuTable
{
	border-bottom: solid #77e;
	border-top: solid #77e;
	table-layout:fixed;
	width: 100%;
}

.MenuTable tr
{
	/*background-color:#005eea;*/
}

.MenuTable td
{
	text-align:center;
}

/*
 * Good thing: this is supported in MSIE 7.0
.MenuTable td:hover
{
	background-color:white;
}
*/

.MenuTable A:hover
{
	color:#009;
	/*padding: 0;
	border: solid 1px #fff;
	background-color:#000077;*/
	font-weight:bold;	
	background-image: url("../Images/Blue/SB-MenuHL.png");
}

.MenuTable A
{
	display: block;
	color:#77e;
	font-weight: bold;
	text-decoration:none;
	font-size:small;
	padding:3px;	
	background-image: url("../Images/Blue/SB-Menu.png");
	background-repeat: no-repeat;
}

.MenuTable .SelMenu
{
	color:#009;
	font-weight:bold;	
	/*padding: 0;
	background-color:#009;*/
	background-image: url("../Images/Blue/SB-MenuSelected.png");
}
.MenuTable .SelMenu A:hover
{
	color:#fff;
	font-weight:bold;	
	padding: 0;
	background-color:#c83c00;	
}


/*--------------------- Fixed to Cornder --------------*/
#corner_fixed
{	
	border: solid 0pt;
	position:fixed;
	_position:absolute;
	bottom:0px;
	right:0px;
	clip:rect(0 100 85 0);
	
	_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);
	_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);
/*
	_top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight);
	_left:expression(document.body.scrollLeft + document.body.clientWidth - offsetWidth);
*/
}




/*--------------------- Inputs --------------*/
.addToCart
{
	font-size: 9px;
	font-weight: bold;
	margin-top: 5px;
	display: block;
	text-align: right;
}
.markedDown .listPrice
{
	color:#00f;
	text-decoration:line-through;
}
.markedDown .salePrice
{
	color:#f00;
}

INPUT.Button
{
	/*border: Blue outset;
	background-color: orange;*/
	background-image: url("../Images/Blue/SB-Button2.png");
	color: #337; 
	font-weight: bold;
}

INPUT.CartButton
{
	/*border: Blue outset;
	background-color: orange;*/
	background-image: url("../Images/Blue/SB-Button2.png");
	color: #337;
	font-weight:bold 
}


.CartContainer
{
	table-layout:fixed;
	width: 100%;
}

.PageTitle
{
	color: #0000cc;
	font-weight: bold;
	font-size: 18px;
	border-bottom: double #6600cc;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.TitleBounds
{
	color: #0000dd;
	font-size: 10pt;
}

.CartHeader
{	
	width: 100%;
	table-layout: fixed;
	text-align: center;
	color: White;
	background-color: #00007b;
	font-weight:bold;
	border-spacing: 5px;
	margin: 5px 5px 5px 5px;
}

.CartItems
{	
	width: 100%;
	table-layout: fixed;
	text-align: center;
	border-spacing: 5px;
	/*margin: 5px 5px 5px 5px;*/
}
.CartItems:Hover
{
	background-color: #fee;
	color: #c66;
}

.UpdButton
{
	border: solid thin silver;
	font-weight: bold;
	color: royalblue;
	font-size: x-small;
	text-decoration: none;
	padding: 5px;
}
.UpdButton:Hover
{
	color: #c66;
	border-color: #c66;
}

.Continue
{
	border: silver thin solid;
	font-weight: bold;
	color: royalblue;
	font-size: x-small;
	text-decoration: none;
	padding: 5px;
}
.Continue:Hover
{
	background-color: #fee;
	color: #c66;
	border-color: #c66;
}

.CartDiscount
{
	padding: 10px 0px;
	margin-bottom: 10px;
	border-bottom: solid 1px #666;
}
/*--------------------- Promotions -------------------------*/
.Promotions
{
	padding: 15px 10px;
	color: #666;
	text-align:left;
}
.Promotions .Promotion
{
	padding:10px 0px 0px 5px;
}

.PromotionAd
{
	padding:20px 0px 0px 5px;
	color: #f00;
	font-weight: bold;
	font-style: italic;
	width: 280px;
}

/*--------------------- Customer Review --------------*/
.customerReview
{
	color:#fff;
	text-align: left;
	width: 431px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}
.customerReview .title
{
	height: 32px;
	font-size: 18pt;
	font-weight: bold;
	font-family: "Times New Roman", "Verdana"; 
	background: url("../Images/Blue/sb-reviewTop.png") no-repeat;
	padding: 20px 15px;
}
.customerReview .content
{
	padding: 10px 20px;
	background: url("../Images/Blue/sb-reviewBody.png") repeat-y;
}
.customerReview .bottom
{
	height: 15px;
	background: url("../Images/Blue/sb-reviewBottom.png") no-repeat;
}
.customerReview .content .top
{
	height:10px;
	background: url("../Images/Blue/sb-reviewContentTop.png") no-repeat;
}
.customerReview .content .body
{
	padding: 30px 15px 5px 15px;
	background: url("../Images/Blue/sb-reviewContentBody.png") repeat-y;
}
.customerReview .content .bottom
{
	height:10px;
	background: url("../Images/Blue/sb-reviewContentBottom.png") no-repeat;
}

/*--------------------- Product Benefits --------------*/
.productBenefit
{
	color:#fff;
	text-align: left;
	width: 580px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}
.productBenefit .top
{
	font-weight: bold;
	font-family: "Times New Roman", "Verdana"; 
	background: url("../Images/Blue/sb-benefitTitle.png") no-repeat;	
}
.productBenefit .title
{
	height: 45px;
	font-size: 18pt;
	font-weight: bold;
	font-family: "Times New Roman", "Verdana"; 
	background: url("../Images/Blue/sb-benefitTitle.png") no-repeat;
	padding: 20px 15px;
}
.productBenefit .content
{
	padding: 10px 20px;
	background: url("../Images/Blue/sb-benefitBodyBackground.png") repeat-y;
}
.productBenefit .content .top
{
	height:11px;
	background: url("../Images/Blue/sb-benefitContentTop.png") no-repeat;
}
.productBenefit .content .body
{
	padding: 30px 15px 5px 15px;
	background: url("../Images/Blue/sb-benefitContentBody.png") repeat-y;
}
.productBenefit .content .bottom
{
	height:10px;
	background: url("../Images/Blue/sb-benefitContentBottom.png") no-repeat;
}
.productBenefit .bottom
{
	height:18px;
	background: url("../Images/Blue/sb-benefitBottomBackground.png") no-repeat;
}
.productBenefit .addToCart
{
	position: relative;
	top:30px;
	left:352px;
	width: 190px;
	color: #fff;
	font-size: 16pt;
	font-family: "Times New Roman", "Verdana"; 
	text-align: left;
	padding: 10px;
	background: url("../Images/Blue/sb-benefitButton.png") no-repeat;
}
.productBenefit .addToCart:hover
{
	background: url("../Images/Blue/sb-benefitButtonSelected.png") no-repeat;
}
.productBenefit a.addToCart
{
	color: #fff;
	font-size: 16pt;
	font-family: "Times New Roman", "Verdana"; 
	text-align: left;
	text-decoration: none;
}

.benefitIncentive
{
	color: #fff;
	font-size: 18pt;
	width: 600px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
}
.benefitIncentive .top
{
	height:21px;
	background: url("../Images/Blue/sb-oliveBackgroundTop.png") no-repeat;
}
.benefitIncentive .body
{
	padding: 0px 20px;
	background: url("../Images/Blue/sb-oliveBackgroundBody.png") repeat-y;
}
.benefitIncentive .bottom
{
	height:22px;
	background: url("../Images/Blue/sb-oliveBackgroundBottom.png") no-repeat;
}
.benefitIncentive .addToCart
{
	float: left;
	position: relative;
	top:-90px;
	left:370px;
	width: 190px;
	color: #fff;
	font-size: 16pt;
	font-family: "Times New Roman", "Verdana"; 
	text-align: left;
	padding: 10px;
	background: url("../Images/Blue/sb-benefitButton.png") no-repeat;
}
.benefitIncentive .addToCart:hover
{
	background: url("../Images/Blue/sb-benefitButtonSelected.png") no-repeat;
}
.benefitIncentive a.addToCart
{
	color: #fff;
	font-size: 16pt;
	font-family: "Times New Roman", "Verdana"; 
	text-align: left;
	text-decoration: none;
}

/*--------------------- product related links -------------------------*/
.productRelatedLinks
{
	border: solid 2px #66c;
	background-color: #eef;
	padding: 20px;
	margin-left: 15px;
	margin-bottom: 20px;
	height: 130px;
	width: 560px;
	margin-left: auto;
	margin-right: auto;
}
.productRelatedLinks a
{
	display: block;
	float: left;
	margin-right: 20px;
	width: 165px;
	color: #66d;
	text-decoration: none;
	font-size:12pt;
	background: url("../Images/Blue/sb-starHighlighted.png") no-repeat 40px 0px;
	padding-top: 50px;
}

/*--------------------- Grid View -------------------------*/
.OrderSummaryHdr
{
	font-size: 12px;
	font-weight: bold;
	border: solid 2px #005eea;
	height: 25px;
	vertical-align: middle;
	background-color: #30c6fd;
	padding-top: 5px;
}
.OrderSummaryBody
{
	font-size: 12px;
	font-style: italic;
	border: solid 2px #005eea;
	vertical-align: middle;	
	background-color: #fdf660;
}
.OrderSummaryRow
{
	height: 15px;
	padding-top: 5px;
}
.OrderSummaryFooter
{
	text-align:right;
	height: 25px;
	vertical-align: middle;
	padding-top: 5px;	
	padding-right: 5px;
	margin-bottom: 10px;
}
.OrderSummaryFooter a:hover
{
	text-decoration: underline;
}
.OrderSummaryFooter a
{
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
	color: #f30;
}
/*--------------------- Grid View -------------------------*/
.GridHeader
{	
	table-layout: fixed;
	text-align: center;
	color: White;
	background-color: #00007b;
	font-weight:bold;
	border-spacing: 5px;
	margin: 5px 5px 5px 5px;
	height: 30px;
	width: 100%;
}

.GridItem
{	
	text-align: left;
	font-size: 11px;
	border-spacing: 5px;
	/*margin: 5px 5px 5px 5px;*/
}

/*--------------------- Check out  ------------------------*/
.DataEntry
{
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	table-layout:fixed;
}
.PageSection
{
	display:block;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	background-color: #00007b;
	padding: 5px;
	text-align:left;
}
.InputBox
{
	background-color: palegoldenrod;
	border: solid thin #00009b;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-bottom-style: solid;
}
/*--------------------- Validation ------------------------*/
.Validation
{
	margin: 2px;
	border-spacing: 2px;
}

.UserMsg
{
	display: block;
	padding: 10px 5px;
	color: #f00;
	border: solid 1px #f00;
	text-align:left;
	font-size: 10px;
}

.Bullet
{
	font-size: 9pt;
	text-align: left;
	display:block;
	padding: 0px 5px;
	padding-bottom: 10px;
	margin-top: 15px;	
	border-bottom: double #36b;
}
.Bullet:Hover
{
	background-color: #fee;
	color: #c66;
	border-color: #c66;
}
.Remark
{
	font-size: 10px;
	text-align: left;
	padding: 5px;
}
.Remark .SubjectF
{
	font-size: 24px;
	color: #00c;
	font-weight: bold;
	float: left;
}
.Remark .Subject
{
	font-size: 10px;
	color: #00c;
	font-weight: bold;
	padding-top: 5px;
	display: block;
}

.Benefits li
{
	color: #900;
	list-style-type: square;
	padding-bottom: 5px;
}
.Benefits .Odd
{
	color: #005;
}
.Benefits .Even
{
	color: #008;
}

/*--------------------- Reviews ------------------------*/

.CustReviews
{
	display: block;
	font-size: 10pt;
	text-align:center;
	text-decoration: blink;
	background-color:#0099ff;
	padding-right: 5px;
	padding-left: 5px;
	font-weight: bold;
	padding-bottom: 10px;
	text-transform: capitalize;
	color: #000099;
	padding-top: 10px;
	border-top: #00ffff outset;
	border-bottom: #00ffff inset;
	margin-bottom: 10px;
	background-image: url("../Images/Blue/SB-ReviewBar.gif");
}

.Review
{
	display:block;
	font-size: 8pt;
	text-align: left;
	border-left-color: #330066;
	border-bottom-color: #330066;
	padding-bottom: 2px;
	margin: 2px;
	color: #330099;
	border-top-style: double;
	border-top-color: #330066;
	padding: 5px;
	border-right-style: double;
	border-left-style: double;
	background-color: #ddd;
	border-right-color: #330066;
	border-bottom-style: double;
	margin-bottom:5px;
}

.Signature
{
	display:block;
	text-align:right;
	padding-bottom: 2px;
	font-weight: bold;
	font-style: italic;
}

.EntryCorner
{
	font-size: 10px;
	font-weight: bold;
	table-layout:fixed;	
	border-left-style:dashed;
	border: dashed 1px #9e0000;
	padding: 5px;
	margin-top: 5px;
}
.ReviewCall
{
	display: block;
	font-size: 10px;
	font-style: italic;
	color: #9a6e00;
	margin-bottom: 5px;
}

/*-------------- Partners ------------------------*/
.Partners
{
	border: solid 1px #36b;
	text-align: left;
	font-size: 10px;
	color: #666;
	margin-top: 10px;
	padding: 5px;
}
.PartnerAd
{
	margin-bottom: 10px;
}
/*--------------------*/
.List
{
	width: 100%;
	display: inline;
}
.DataInput
{
	border-right: #0000cc thin solid;
	border-top: #0000cc thin solid;
	border-left: #0000cc thin solid;
	border-bottom: #0066cc thin solid;
	background-color: #ccffcc;
}

/*-------------------------*/
.CCHide
{
	display: none;
	padding-left: 115px;
	float: left;
}