
/* CSS Document */

* {	padding: 0;	margin: 0;}

body { background:#676c54; font:normal 12px/17px Verdana, Arial, Helvetica, sans-serif; color:#3d3c3b; }
html, body {height: 100%;}
#container { background:#676c54 url(../Images/TopBg.jpg) left top repeat-x;	min-height: 100%; width: 100%; margin: 0 auto;}
* html #container {	height: 100%;}

#footer {width:100%; clear: both; height: 160px; background:#2b2d23 url(../Images/FooterBg.gif) top left repeat-x; color: #FFF; margin: -160px auto 0 auto; position: relative; }

#clearfooter {display: block; height: 180px;}

/* Top Container */

#HeaderArea { width:780px; margin:auto; height:108px;}


/* Main Container */

.MainContainer { width:100%; margin:0px; background:#fff url(../Images/MainContain_bg.jpg) left top repeat-x;}
.MainContainer1 { width:100%; margin:0px; background:#fff url(../Images/MainContain_bg1.jpg) left top repeat-x;}

.WelcomeTxtEmty { height:35px; font:1px Arial}

.CenterArea { width:780px; margin:auto; }

#WelcomeTxtArea { width:780px; margin:0px;}
#WelcomeTxt { margin:0px 210px 9px 20px; width:auto; font:normal 12px/20px Verdana, Arial, Helvetica, sans-serif; color:#FFF; text-align:justify;}
#WelcomeTxt p { font:bold 36px/40px Arial, Verdana, Helvetica, sans-serif; padding:50px 0 12px 0px;}
#WelcomeTxt a {font:normal 12px/20px Verdana, Arial, Helvetica, sans-serif; color:#FFF; text-decoration:underline;}
#WelcomeTxt a:hover {color:#fae486; text-decoration:none;}
#WelcomeTxt a:active {color:#f7d29d; text-decoration:none;}

/* Content Container */
.Leftcolumn { width:235px; float:left; background:url(../Images/LeftMenuBg.jpg) -1px top no-repeat; overflow:hidden;}
.Leftcolumn1 { width:235px; float:left; background:url(../Images/LeftMenuBg1.jpg) -1px top no-repeat; overflow:hidden;}

#Contentcolumn { width:545px; float:left;}

#OfferContainer { width:auto; margin:0px;} 
#OfferBanner { background:#d2c9a2; border:#000 1px dashed; margin:40px 5px 30px 5px; width:335px; padding:2px; height:150px; overflow:hidden;  }
#OfferBannerBg { background:url(../Images/SPOffer_Bg.jpg) left top repeat-x; padding:5px; color:#000; min-height:125px;}
#OfferBannerBg h1 {font:bold 18px Arial, Helvetica, sans-serif; padding-bottom:4px;}

.OfferBg { background:url(../Images/SPOffer_Bg.jpg) left top repeat-x;  width:320px; height:125px; overflow:hidden;}


.OfferImg { width:87px; padding-right:10px; vertical-align:top;}
.OfferImg div {border:#676c54 1px solid; background:#FFF; text-align:center; }
.OfferImg  img {background:#FFF; padding:2px;}

.OfferTxt { font:normal 12px/16px Verdana, Arial, Helvetica, sans-serif; color:#000; vertical-align:top; }
.OfferTxtBrand {font:bold 14px/19px Verdana, Arial, Helvetica, sans-serif; color:#a20756; vertical-align:top;}
.OfferTxtDesc { font:normal 12px/16px Verdana, Arial; color:#000; border-bottom:#333 1px dotted; padding-bottom:5px;}
.OfferTxtTitle {font:bold 11px/17px Verdana, Arial; }
.OfferTxt a { font:normal 11px/18px Verdana, Arial; color:#990e04; text-align:right; text-decoration:underline;}
.OfferTxt a:hover { text-decoration:none; color:#000;}

#WeOfferArea { width:100%; margin:15px 0px 0px 0px; background:#676c54 url(../Images/OfferBg.gif) left top repeat-x; color:#FFF;}
.WeOffercolumn  { width:780px; margin:auto;  padding:25px 0px 0px 0px;}

.WeOffer { width:auto; margin:0px 20px; font:normal 12px/18px Verdana, Arial, Helvetica, sans-serif; color:#FFF;}
.WeOffer p { font:bold 18px/25px Verdana, Arial, Helvetica, sans-serif; padding-bottom:10px;}
.WeOffer ul { margin:0px; padding:0px;} 
.WeOffer li { margin:0px; padding:6px 5px 6px 15px; list-style:none; background:url(../Images/arrow.gif) left 13px no-repeat; border-bottom:#858976 1px solid; }


#PageTitle, .PageTitle { font:bold 24px/30px Arial, Helvetica, sans-serif; color:#ab0089; width:auto; border-bottom:#939393 1px dashed; padding-bottom:8px; margin-bottom:15px;}

.MainTitle { font:bold 50px Arial, Helvetica, sans-serif; color:#FFF; width:auto; padding:20px 0px 25px 0px; }

#ProductArea { width:545px; margin:0px; text-align:justify;}
#ProductArea p { font:bold 24px Arial, Helvetica, sans-serif; color:#676c54;  padding:10px 0px; }
#ProductArea span { font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#d62921; }
#ProductArea em { color:#ab0030; font-weight:bold;}
#ProductArea ul{ margin:0px; padding:0px; }
#ProductArea li { margin:0px; padding:6px 0px 6px 20px; list-style:none; background:url(../Images/MenuBullet.gif) 5px 8px no-repeat;}
#ProductArea h1 { font:bold 12px Verdana, Arial, Helvetica, sans-serif; padding:2px 0px 8px 15px; background:url(../Images/MenuBullet1.gif) left 4px no-repeat;}
#ProductArea h2 { padding-left:15px; font:normal 12px Verdana;}
#ProductArea a {font:normal 11px Verdana; color:#dd002f; text-decoration:underline;}
#ProductArea a:hover { text-decoration:none; color:#002ac8;}






.Products { width:157px; height:220px; border:#e1e1e1 2px solid; background:#FFF; padding:2px; float:left; margin:10px 8px 10px 0px; overflow:hidden;}
.Products img {text-align:center; padding:2px;}
.Products div { height:154px;}
.Products h1 { border-top:#7f7f7f 1px dotted; color:#ba153a; padding:3px; font:normal 12px "Trebuchet MS", Verdana; margin:0px;}
.Products a {font:normal 12px "Trebuchet MS", Verdana, Arial; color:#ba153a; text-decoration:none;}
.Products a:hover {color:#474747; text-decoration:underline;}

.ProductBox { width:160px; float:left; margin:5px 10px 20px 0px; overflow:hidden;}
.ProductBox span { font:bold 11px/16px Arial, Helvetica, sans-serif; color:#d62a21;}
.ProductHolder { border:#7f7f7f 1px dashed; background-color:#FFF; padding:2px; height:215px;}
.ProductHolder Img {text-align:center; padding-top:2px;}
.ProductTitle { font:normal 11px/15px Verdana, Arial, Helvetica, sans-serif; color:#000; padding:5px 0px 0px 5px;}
.ProductPrice {font:normal 11px/15px  Arial, Verdana, Helvetica, sans-serif; color:#000; padding:5px 5px 0px 5px;}
.ProductPrice a { color:#d03529; text-decoration:underline; line-height:20px;}
.ProductPrice a:hover { color:#0354af; text-decoration:none;}

.Forms em {font:italic bold 16px/18px "Trebuchet MS", Verdana; color:#e10915; }
.Forms a {font:normal 12px/18px Verdana, Arial; color:#e10915; text-decoration:underline; }
.Forms a:hover {color:#061097; text-decoration:none; }
.FormsTxt {font:normal 12px/18px Verdana, Arial; color:#000; }
.Forms {font:bold 12px/18px Verdana, Arial; color:#000; }

#SpOffer { width:545px; }
#SpOffer h1 { color:#5d0188; font-size:24px; padding-left:10px; margin:0px;}
#SpOffer div { border:#000 1px dotted; margin:5px 0px 10px 0px; padding:5px;}
#SpOffer h2 {margin:0px; font:normal 11px  Verdana; color:#000;}
#SpOffer h3 {margin:0px; font:bold 20px "Trebuchet MS", Verdana; color:#5d0188;}
#SpOffer h4 { color:#000; font-size:18px; padding-left:10px; margin:0px;}

#SpOffers { width:545px; float:left; }
#SpOffers div { margin:0px;}
#SpOffers .border { border:#000 1px dotted; margin:5px 0px 20px 0px; padding:5px;}
#SpOffers h2 {margin:0px; font:normal 12px  Verdana; color:#000; }
#SpOffers img {padding:4px; background:#FFF;}
#SpOffers .TxtBrand { font:normal 18px/25px "Trebuchet MS", Verdana; color:#0977a9; vertical-align:top;}
#SpOffers .TxtTitle {font:bold 12px/18px Verdana, Arial; color:#000; vertical-align:top; }
#SpOffers .TxtDesc {font:normal 12px/16px Verdana, Arial; color:#000; vertical-align:top; }
#SpOffers .Cut { background:url(../Images/CutterBg.gif) left 17px repeat-x;}

#SpOffers .offer {margin:0px; font:bold 20px/30px "Trebuchet MS", Verdana; color:#5d0188; border-bottom:#000 1px dotted; }

.Content { font:normal 12px/18px Verdana, Arial; color:#313131; text-align:justify; margin:10px 0px 0px 0px; }
.Content h1 { background:url(../Images/Bullet.gif) left 4px no-repeat; padding:0px 5px 0px 35px; margin:5px 0px; font:normal 18px "Trebuchet MS", Verdana; border-bottom:#c5c5c5 1px dotted; }
.Content h2 {font:normal 12px/18px Verdana, Arial; margin:0px; padding:0px 5px 0px 35px;}
.Content span { font:bold 14px "Trebuchet MS", Verdana; color:#04316d; }
.Content em { font:italic  bold 15px "Trebuchet MS", Verdana; color:#7f0587; }
.Content strong {font:bold 15px "Trebuchet MS", Verdana; color:#04316d;}
.Content ul{ margin:0px; padding:0px; }
.Content li { margin:0px; padding:5px 5px 6px 24px; list-style:none; background:url(../Images/SeoBullet.gif) left 9px no-repeat;}
.Content a {font:normal 12px/18px Verdana, Arial; color:#a91703; text-decoration:underline; }
.Content a:hover {color:#032081; text-decoration:none; }

.GetNow a {font:normal 12px Verdana, Arial; color:#b3043e; text-decoration:underline;}
.GetNow a:hover {color:#000; text-decoration:none;}



/* Left Column */
#LeftArea { margin:32px 30px 20px 32px;}
#LeftArea p {font:bold 18px Arial, Verdana, Helvetica, sans-serif; padding:8px 0px; 
	border-bottom:#ccc 1px dashed; color:#680036;}

#MenuArea { margin:10px 0px 0px 0px;}
#MenuArea h4 {background:url(../Images/sfsicon.gif) left top no-repeat; color:#000; 
	font:bold 12px Verdana, Arial, Helvetica, sans-serif; padding:0px 0px 10px 22px; 
	border-bottom:#e1e1e1 1px solid; margin:15px 0px 0px 0px; cursor:pointer;}
#MenuArea h4:hover {color:#8a06b0;}
#MenuArea ul{ margin:0px; padding:0px;}
#MenuArea li {font:normal 11px Verdana, Arial; margin:0px; padding:6px 0px 6px 20px; 
	list-style:none; background:url(../Images/MenuBullet.gif) 5px 8px no-repeat; color:#00439d; 
	border-bottom:#dcdcdc 1px dashed; text-decoration:none;}
#MenuArea li a { margin:0px; padding:0px; color:#00439d; text-decoration:none; cursor:pointer;}
#MenuArea li a:hover { color:#e30000; text-decoration:underline;}
#MenuArea li a:active { color:#b88f02; text-decoration:none;}
.LeftActive a { margin:0px; color:#000000; text-decoration:none; cursor:pointer; background:#f5f5f5; display:block; padding:0px; }


/* logo Container */
#logoContain { width:780px; height:108px;}
#logo { width:275px; float:left;}
#tabArea { float:left; width:505px;}
/* Top Container End */

/* Footer Container */
#FooterArea { width:780px; margin:auto; color:#FFF; padding:30px 0px 5px 0px;}
#FotterContainer {  width:780px; margin:auto;}
#Fotterimg {float:left; width:105px; padding-left:20px;}
#FotterW3C {float:left; width:115px; text-align:center; padding-top:10px;}
#FotterLinkArea {float:left; width:540px; }
#FotterLink { width:500px; padding:10px 5px; color:#f2f2f2; background:url(../Images/FotterLinkBg.gif) left top repeat-x; height:78px; text-align:center; }
#FotterLink a { text-decoration:none; color:#f2f2f2; font:normal 11px/25px Verdana, Arial; padding:0px 8px;}
#FotterLink a:hover { text-decoration:underline; color:#c6da79;}

#CopyRights { font:normal 11px Verdana, Arial; color:#959691; margin:0px 0px 5px 0px; text-align:center;}

/* Banners */
.SignUp { width:auto; margin:30px 0px 10px 0px; border-bottom:#d7d7d7 1px solid; border-top:#d7d7d7 1px solid; padding:15px 0px; text-align:center;}
.SignUp a { font:bold 18px Verdana, Arial, Helvetica, sans-serif; color:#676c54; text-decoration:none;}
.SignUp a:hover { color:#e00979; text-decoration:underline;}


#PayMode { text-align:center; margin:10px 0px; padding:0px;}
#PayMode img { padding:5px; }

/* Page Images */
.CHome {background:url(../Images/Home_girl.jpg) 566px top no-repeat; }
.CAbout { background:url(../Images/about_girl.jpg) 564px top no-repeat; }

.NoItem {font:normal 18px/30px Verdana, Arial; color:#e30c0e;  background:#ffffe9; padding:8px; text-align:center; width:100%; border:#ff4748 1px dashed; margin-top:10px;}


/********************************************************/
/* For ajax load progress */

.Progress {border:#fff 5px solid; background-color:#FF9C00; color:#fff; padding:2px;font-weight: bold;  font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none;}
.ProgressIn {border:#000 3px solid; background-color:#000; padding-left:10px; padding-bottom:5px; padding-right:10px; padding-top:5px;}
.Progress img {vertical-align:middle; margin:2px;}

/********************************************************/


.Errormsg { z-index:100;  background:#fffae1; padding:20px; border:#ca02d1 1px dotted; font:bold 12px/18px Verdana; color:#000;}

.mastermsg {z-index:100; position:absolute; background:#fffae1; border:#ca02d1 1px dotted; font:bold 12px/18px Verdana; color:#000; padding:20px; }
.mastermsg a { color:#cb011d; font:normal 12px/18px Verdana;  text-decoration:underline;}
.mastermsg a:hover { color:#8b06cf; text-decoration:none;}
.Msgheading2 { white-space:nowrap; vertical-align:top;  }

.txt12BW {font:bold 11px Verdana, Arial; color:#FFF; text-decoration:none; }
.txt12BW a {font:bold 12px Verdana, Arial; color:#FFF; text-decoration:underline; }
.txt12BW a:hover {text-decoration:none; }


/* Common CSS */

img { border-style:none;}
.p2 {padding:2px;}
.p5 {padding:5px;}
.p10 {padding:10px;}
.p20 {padding:20px;}
.pTop5 { padding-top:5px;}
.pTop10 { padding-top:10px;}
.pTop15 { padding-top:15px;}
.pTop20 { padding-top:20px;}
.pLeft5 { padding-left:5px;}
.pLeft10 { padding-left:10px;}
.pLeft15 { padding-left:15px;}
.pLeft20 { padding-left:20px;}
.pLeft35 { padding-left:35px;}
.pRight5 { padding-Right:5px;}
.pRight10 { padding-Right:10px;}
.pRight15 { padding-Right:15px;}
.pBottom5 { padding-bottom:5px;}
.pBottom10 { padding-bottom:10px;}
.pBottom20 { padding-bottom:20px;}

.m10 { margin:10px;}

.mTop5 { margin-top:5px;}
.mTop10 { margin-top:10px;}
.mTop15 { margin-top:15px;}
.mTop20 { margin-top:20px;}
.mLeft5 { margin-left:5px;}
.mLeft10 { margin-left:10px;}
.mLeft15 { margin-left:15px;}
.mRight5 { margin-right:5px;}

.FloatL { float:left;}
.FloatR { float:right;}
.clearB { clear:both;}
.clearL { clear:left;}
.clearR { clear:right;}

.taL { text-align:left;}
.taC { text-align:center}
.taR { text-align:right}
.vaT { vertical-align:top;}
.vaM { vertical-align:middle;}
.vaB { vertical-align:bottom;}
.colorB { color:#000;}

.W225 {width:225px;}
.Wauto { width:auto;}

.bgW { background:#FFF;}
.brdDots {border:#CCCCCC 1px dashed;}
.brdRDots {border-right:#CCCCCC 1px dashed;}
.brdLDots {border-left:#CCCCCC 1px dashed;}
.brdBDots {border-bottom:#CCCCCC 1px dashed;}

input { background:#f8f8f8; padding:3px; border:#bec1b0 1px solid;}
textarea { background:#f8f8f8; padding:3px; border:#bec1b0 1px solid;}
select { background:#f8f8f8; border:#bec1b0 1px solid;}
.button { background:#ab0089; font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#FFF; border:#ab0089 1px solid; cursor:pointer;}
.button1 { background:#7e0165; font:bold 12px Verdana, Arial; color:#FFF; border:#38042e 1px solid; margin-left:5px; height:23px; cursor:pointer;}
.button2 { background:#d62a21; font:bold 12px Verdana, Arial; color:#FFF; border:#d62a21 1px solid; margin-left:5px;  cursor:pointer;}


.star { font:bold 12px Verdana; color:#CC0000;}
.BgY {background:#f7f7e7;}
.txt24 { font:bold 22px "Trebuchet MS", Verdana, Arial; color:#000;}
.txt18 { font:normal 18px "Trebuchet MS", Verdana, Arial; color:#313131;}
.BannerBg { background:url(../Images/BannerBg.gif) left top no-repeat; width:316px; height:135px; }
.BannerBg1 { background:url(../Images/BannerBg1.gif) left top no-repeat; width:245px; height:135px; }
