/*
Project: Blumatic Electronics [Date: 10/20/07]
Project URL: http://www.blumatic.net
Language: [EN]
Author:  [Imad Bazzari] [bproduction] URL: http://bproductionz.com
Template: Blumatic-template-Version 1.0
*/

/************************************* standard document settings start *********************************/
body {background:rgb(243, 243, 243) url()}
/************************************* standard document settings start *********************************/


/************************************* home page structure start *********************************/
#ProductPanel{width:987px; height:146px; color: rgb(255, 255, 255)}
#ProductPanel .ProBlock{ width:240px; height:146px; margin-right:9px; float:left}
#ProductPanel .ProBlock .cntntarea{margin: 40px 0px 0px 30px; line-height:16px}
#ProductPanel .ProBlock .cntntarea a,link,visited{text-decoration:none; color: rgb(255, 255, 255)}
#ProductPanel .ProBlock .cntntarea a:hover{ text-decoration:none}

#ProductPanel .ProBlock .view{width:50px; margin: 21px 0px 0px 45px; font-size:14px}
#ProductPanel .ProBlock .view a,link,visited{text-decoration:none; color: rgb(255, 255, 255)}
#ProductPanel .ProBlock .view a:hover{ text-decoration:none}

.PinkBox  {background:rgb(138, 1, 72) url(images/PinkBox.jpg) no-repeat}
.BlueBox  {background:rgb(6, 95, 211) url(images/blueBox.jpg) no-repeat}
.GreenBox {background:rgb(114, 194, 37) url(images/GreenBox.jpg) no-repeat}
.BrownBox {background:rgb(122, 78, 42) url(images/BrownBox.jpg) no-repeat}
/************************************* home page structure end *********************************/

/************************************* subsidiary page structure start *********************************/

#CntntBody{margin:5px 15px 50px 0px; float:left; width:790px; float:right}
#CntntBlock{margin:20px 0px 0px 0px}
#CntntBlock .clmn{float:left; width:45%; margin-right:35px}

#AppHdr{width:790px; height:216px; background: url(images/appl-hdr2.jpg) no-repeat 100% 0}
#sub-hdr{ width:793px; color: rgb(255, 255, 255);}
#sub-hdr span{float:left; color:#FFFFFF; padding: 4px 0px 0px 5px}
#sub-hdr a, link, visited{ text-decoration:none; color:rgb(255, 255, 255)}
#sub-hdr a:hover{ text-decoration:underline}

#sub-hdr #pnk{background:url(images/pink-hdr.gif) no-repeat 0 0; margin: 5px 0px 0px 1px; height:30px}
#sub-hdr #grn{background:url(images/grn-hdr.gif) no-repeat 0 0; margin: 5px 0px 0px 1px; height:30px}
#sub-hdr #blu{background:url(images/blu-hdr.gif) no-repeat 0 0; margin: 5px 0px 0px 1px; height:30px}
#sub-hdr #blu2{background:url(images/blu2-hdr.gif) no-repeat 0 0; margin: 5px 0px 0px 1px; height:30px}
#sub-hdr #blu3{background:url(images/blu3-hdr.gif) no-repeat 0 0; margin: 5px 0px 0px 1px; height:30px}
#sub-hdr #blu4{background:url(images/blu4-hdr.gif) no-repeat 0 0; margin: 5px 0px 0px 1px; height:30px}
#sub-hdr #blu5{background:url(images/blu5-hdr.gif) no-repeat 0 0; margin: 5px 0px 0px 1px; height:30px}
#sub-hdr #brn{background:url(images/brn-hdr.gif) no-repeat 0 0; margin: 5px 0px 0px 1px; height:30px}
#sub-hdr #orng{background:url(images/orng-hdr.gif) no-repeat 0 0; margin: 5px 0px 0px 1px; height:30px}
#sub-hdr #perp{background:url(images/perp-hdr.gif) no-repeat 0 0; margin: 5px 0px 0px 1px; height:30px}
#sub-hdr #grn2{background:url(images/grn2-hdr.gif) no-repeat 0 0; margin: 5px 0px 0px 1px; height:30px}
#sub-hdr #yellow{background:url(images/yellow-hdr.gif) no-repeat 0 0; margin: 5px 0px 0px 1px; height:30px}

.AppDesBox{width:695; height:135px; margin: 10px 0px 30px 0px}
.AppDesBox .ImgBox{ width: 120px; height:139px; margin-right: 5px; border: 1px solid rgb(226, 226, 226); float:left}
.AppDesBox .Description{ width:575px; border: 1px solid rgb(226, 226, 226); float:left; padding: 10px}
.AppDesBox .Description .lst{width:200px; float:left; margin-right:10px}

.AppHdrPnk{ color: rgb(134, 2, 70); font-size:14px}
.AppHdrGrn{ color: rgb(115, 194, 38); font-size:14px}
.AppHdrGrn2{ color: rgb(8, 54, 67); font-size:14px}
.AppHdrblu{ color: rgb(102, 131, 153); font-size:14px}
.AppHdrblu2{ color: rgb(71, 91, 185); font-size:14px}
.AppHdrorng{ color: rgb(219, 65, 5); font-size:14px}
.AppHdrperp{ color: rgb(80, 186, 167); font-size:14px}
.AppHdrbrn{ color: rgb(188, 162, 95); font-size:14px}
.AppHdrbrn2{ color: rgb(128, 78, 43); font-size:14px}


.AppDesBox ul{list-style:none; width:156px}
.AppDesBox ul li{background:url(images/blue-cur.gif) no-repeat 0 50%; line-height:6px; *line-height:18px; padding:0px 0px 0px 10px; margin-left:10px}
.AppDesBox ul li a{color: rgb(42, 91, 172)}
.AppDesBox ul li a:hover{color: rgb(42, 91, 172)}
.AppDesBox .LnkBox{ margin-top: 20px; background: rgb(233, 233, 233); border-bottom: solid 1px rgb(213, 213, 213); border-top: solid 1px rgb(213, 213, 213); line-height:20px; padding: 0px 5px}
.AppDesBox .LnkBox .cur{padding-top:2px; float:left}

.AppDesBox2{width:370px; margin: 10px 0px 10px 5px; float:left; padding: 3px}
.AppDesBox2 .ImgBox2{ width:115px; height:120px; margin-right: 5px; float:left}

.AppDesBox2 .Description2{ width:230px; float:left; padding: 5px}
.AppDesBox2 .Description2 .lst1{background: rgb(233, 233, 233) url(images/blue-cur.gif) no-repeat 2% 50%; height:23px; line-height:23px; padding-left: 12px}
.AppDesBox2 .Description2 .lst2{background: rgb(245, 245, 245) url(images/blue-cur.gif) no-repeat 2% 50%; height:23px; line-height:23px; padding-left: 12px}
.AppDesBox2 .Description2 span{ float:left}
.AppDesBox2 .Description2 span.cur{margin-right:5px; float:right; margin-right:3px; padding-top:3px}
.AppDesBox2 .Description2 a,link,visted{ text-decoration:none}

#AVHdr{width:790px; height:216px; background: url(images/AVHdr.jpg) no-repeat 100% 0}
#KitchenHdr{width:790px; height:216px; background: url(images/KitchenHdr.jpg) no-repeat 100% 0}
#FloorHdr{width:790px; height:216px; background: url(images/FloorHdr.jpg) no-repeat 100% 0}
#EnvoHdr{width:790px; height:216px; background: url(images/EnvoHdr.jpg) no-repeat 100% 0}
#LaundryHdr{width:790px; height:216px; background: url(images/LaundryHdr.jpg) no-repeat 100% 0}
#CntctHdr{width:790px; height:181px; background: url(images/about-us.jpg) no-repeat 100% 0}
#SprtHdr{width:790px; height:181px; background: url(images/support.jpg) no-repeat 100% 0}
#NetworkHdr{width:790px; height:181px; background: url(images/rgnl-ntwrk.jpg) no-repeat 100% 0}
#RefregHdr{width:790px; height:216px; background: url(images/refregHdr.jpg) no-repeat 100% 0}
#waterHdr{width:790px; height:216px; background: url(images/wtr-trtmnt.jpg) no-repeat 100% 0}


#FeatrBox{width:385px; margin: 10px 0px 30px 0px; float:left;}
#FeatrBox #Featr-hdr{background: rgb(239, 239, 239); border-bottom: solid 1px rgb(213, 213, 213); border-top: solid 1px rgb(213, 213, 213); line-height:25px; height:25px; margin-bottom:5px}
#FeatrBox #Featr-hdr .cur{padding-top:3px; float:left}
#FeatrBox #Featr-hdr span{ padding:3px 0px 0px 5px}
#FeatrBox ul{list-style:none; width:370px}
#FeatrBox ul li{background:url(images/blue-cur.gif) no-repeat 0 50%; line-height:25px; height:25px; padding:0px 0px 0px 10px; border-bottom: solid 1px rgb(213, 213, 213); width:370px}



#ProImgBox{width:320px; margin: 0px 0px 30px 0px; float:right;}
#ProImgBox #ProHdr{background: rgb(239, 239, 239); border-bottom: solid 1px rgb(213, 213, 213); border-top: solid 1px rgb(213, 213, 213); line-height:25px; height:25px}
#ProImgBox #ProHdr .cur{padding:5px 0px 0px 5px; float:left}
#ProImgBox #ProHdr span{ padding:3px 40px 0px 5px; float:left; line-height:18px; height:18px}

.submit{ background: #085cca url('images/submit.gif'); width:85px; height:22px; border:none; color:#FFFFFF; padding-bottom:2px}


.terms ul{list-style:none}
.terms ul li{background:url(images/blue-cur.gif) no-repeat 0 30%; line-height:16px; padding:0px 0px 0px 10px; margin:0 0 10px 10px}
.terms ul li a{color: rgb(42, 91, 172)}
.terms ul li a:hover{color: rgb(42, 91, 172)}


.GnrlDesBox{width:520px; margin: 0 0px 10px 5px; float:left; padding: 3px}
.GnrlDesBox .Dscrp{ width:520px; float:left; padding: 5px}
.GnrlDesBox .Dscrp .lst1{background: rgb(233, 233, 233) url(images/blue-cur.gif) no-repeat 2% 50%; height:23px; line-height:23px; padding-left: 18px}
.GnrlDesBox .Dscrp .lst2{background: rgb(245, 245, 245) url(images/blue-cur.gif) no-repeat 2% 50%; height:23px; line-height:23px; padding-left: 18px}
.GnrlDesBox .Dscrp span{ float:left}
.GnrlDesBox .Dscrp span.cur{margin-right:5px; float:right; margin-right:3px; padding-top:3px}
.GnrlDesBox .Dscrp a,link,visted{ text-decoration:none}

.LeftPanel{width:250px; margin: 10px 0px 10px 5px; float:right}
.LeftPanel h2{}
.LeftPanel .CntntBox{ width:auto; margin-bottom:20px}
.LeftPanel .CntntBox h1{font-family: Arial, Helvetica, sans-serif; color:rgb(161, 11, 110); font-size: 12px; font-weight:bold; margin: 5px 0; word-spacing: 0px; margin-bottom:10px; border-bottom:solid 1px rgb(161, 11, 110); padding-bottom:5px}
.LeftPanel .CntntBox .TxtBox{ padding:0; margin-bottom:8px}
.LeftPanel .CntntBox .TxtBox .CntctLnk{}
.LeftPanel .CntntBox .TxtBox span{}
.LeftPanel .CntntBox a,link,visted{ text-decoration:none}
.LeftPanel .CntntBox a:hover{ text-decoration:underline}


.LeftPanel .NewsLetter{ width:auto; margin-bottom:20px; background:#e9e9e9}
.LeftPanel .NewsLetter h1{font-family: Arial, Helvetica, sans-serif; color:#a10b6e; font-size: 12px; font-weight:bold; margin: 5px 0 5px 0; border-bottom:solid 1px rgb(255, 255, 255); padding:5px}
.LeftPanel .NewsLetter .TxtBox{ padding:0; margin-bottom:8px}


.CntntPanel{width:480px; margin: 10px 0 10px 0; float:left; padding: 3px}
.CntntPanel .CntntSection{ width:auto; margin-bottom:20px}
.CntntPanel .CntntSection h1{font-family: Arial, Helvetica, sans-serif; color:rgb(161, 11, 110); font-size: 16px; margin: 8px 0 8px 0; word-spacing: 1px; border-bottom:solid 1px rgb(161, 11, 110); padding-bottom:5px}
.CntntPanel .CntntSection h2{font-family: Arial, Helvetica, sans-serif; color:rgb(42, 91, 172); font-size: 14px; font-weight:normal; margin: -7px 0 8px 0}
.CntntPanel .CntntSection p{ margin-bottom:10px; display:block; line-height:15px}
.more_d{padding:5px 0; font-size:11px}

.CntntPanel .CntntSection ul{list-style:none; width:auto}
.CntntPanel .CntntSection ul li{background:url(images/blue-cur.gif) no-repeat 0 50%; line-height:16px; *line-height:16px; padding-left: 10px}
.CntntPanel .CntntSection ul li a{color: rgb(42, 91, 172)}
.CntntPanel .CntntSection ul li a:hover{color: rgb(42, 91, 172)}
.CntntPanel .CntntSection .LnkBox{ margin-top: 20px; background: rgb(233, 233, 233); border-bottom: solid 1px rgb(213, 213, 213); border-top: solid 1px rgb(213, 213, 213); line-height:20px; padding: 0px 5px}
.CntntPanel .CntntSection .LnkBox .cur{padding-top:2px; float:left}