* { margin: 0; padding: 0; }
/*body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-color: #efefef; }*/
body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-color: #fff; }

.main_container { margin: 0 auto; width: 1015px; background-color: #fff; }
.wrapper_container { background-color: #fff; margin: 0 auto; }
.TextboxGray { color: #9D9D9D; }
.header_top { font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 12px; padding-top: 8px; }
.headr_right ul { margin: 0; padding: 0; list-style: none; }
.headr_right ul li { border-right: 1px solid #363636; display: block; float: left; line-height: 10px; padding-left: 12px; padding-right: 7px; }
.headr_right { padding-right: 3px; }
.headr_right ul li.last { border: medium none; display: block; float: left; line-height: 10px; padding-left: 3px; padding-right: 0px; }
.headr_right ul li.mid { display: block; float: left; line-height: 10px; padding-left: 6px !important; padding-right: 6px !important; }
.headr_right ul li a { float: left; display: block; font-family: Verdana, Geneva, sans-serif; color: #363636; font-size: 10px; text-decoration: none; text-transform: uppercase; }
.Header_right_question { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #003e7e; font-weight: bold; text-transform: uppercase; padding-right: 2px; }
.header_phone { font-family: Arial, Helvetica, sans-serif; color: #000; font-size: 18px; }
.navigation { width: 984px; background-color: #003e7e; height: 34px; }
.navigation ul { margin: 0; padding: 0; list-style: none; width: 100%; }
.navigation ul li { float: left; display: block; background-image: url(../images/nav_devide.png); background-position: left center; background-repeat: no-repeat; line-height: 28px; padding-left: 15px; padding-right: 19px; line-height: 28px; }
.navigation ul li.first { float: left; display: block; background-image: none; padding-left: 20px; padding-right: 18px; line-height: 28px; }
.navigation ul li.last { float: left; display: block; padding-left: 16px !important; padding-right: 0 !important; line-height: 28px; }
.navigation ul li a { text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #feffff; font-weight: bold; text-transform: uppercase; }
.home_right { background-color: #efefef; }
.sagamore_right { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; }
.Plan_text { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000066; padding-left: 1px; }
.Plan_text a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000066; text-decoration: underline; }
.plan_search { height: 88px; background-color: #efefef; border: 1px solid #a7cce0; }
.Being_btn { height: 29px; width: 94px; background-color: #003e7e; }
.Being_btn a { color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 14px; display: block; text-decoration: none; }
.plan_search_text { font-family: Arial, Helvetica, sans-serif; color: #00a0dc; font-size: 20px; font-weight: bold; }
.Questions_quick { font-family: Arial, Helvetica, sans-serif; color: #003e7e; font-size: 14px; font-weight: bold; }
.plan_res { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #008fc5; }
.newest_home { border-left: 1px solid #a7cce0; border-right: 1px solid #a7cce0; border-bottom: 1px solid #a7cce0; }
.Featured_plan { }
.Product { }
.newest_top { height: 30px; background-color: #003e7e; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; line-height: 30px; padding-top: 2px; }
.home_text { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; line-height: 15px; }
.see_more a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000066; text-decoration: underline; font-weight: bold; }
.social { border: 1px solid #a7cce0; height: 85px; }
.customer_right { font-family: Arial, Helvetica, sans-serif; color: #000; font-size: 12px; border: 1px solid #a7cce0; }
.customer_right a { font-family: Arial, Helvetica, sans-serif; color: #003e7e; font-size: 12px; text-decoration: underline; }
.heading_face { font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; color: #484848; font-size: 13px; }
.input_fld { width: 212px; background-color: #fff; border: 1px solid #1c5180; height: 23px; color: #515050; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 25px; }
.sign_btn { background-color: #818181; width: 80px; height: 25px; }
.sign_btn a { display: block; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFF; text-decoration: none; text-transform: uppercase; }
.signup_btn { padding-top: 2px; }
.member_text { font-family: Arial, Helvetica, sans-serif; /* color  :#004b79;*/ color: #003e7e; font-size: 12px; font-weight: bold; }
.insider_wrap { background-color: #003e7e; font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; height: 30px; padding-top: 2px; }
.head_first { font-family: Calibri; font-size: 14px; color: #000066; }
.get_frst_containt { font-family: Arial, Helvetica, sans-serif; color: #000; font-size: 12px; line-height: 18px; }
.get_box { border-left: 1px solid #a7cce0; border-bottom: 1px solid #a7cce0; border-right: 1px solid #a7cce0; }
.read a { font-family: Arial, Helvetica, sans-serif; color: #003e7e; font-size: 12px; text-decoration: underline; }
.scoop_head { font-family: Arial, Helvetica, sans-serif; color: #FFF; font-size: 15px; font-weight: bold; }
.house_list { font-family: Arial, Helvetica, sans-serif; color: #000; font-size: 12px; line-height: 16px; }
.home_buyer { border: 1px solid #a7cce0; }
.home_list_buyer ul { list-style: none; margin: 0; padding: 0; }
.home_list_buyer ul li { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; line-height: 21px; }

.sign_fav_text { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000; }
.fav_sign { background-color: #FFFFFF; border: 1px solid #5B8299; height: 25px; /*  width: 214px;*/ width: 149px; color: #515050; font-family: Arial,Helvetica,sans-serif; line-height: 25px; font-size: 12px; padding-left: 1px; }
.footer_nav ul { margin: 0; padding: 0; list-style: none; }
.footer_nav ul li { float: left; display: block; line-height: 12px; padding-left: 7px; padding-right: 7px; border-left: 1px solid #000000; }
.footer_nav ul li a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; text-decoration: none; }
.footer_nav ul li.first { float: left; display: block; line-height: 12px; padding-left: 7px; padding-right: 7px; border: none; }
.footer_nav { padding-left: 69px; }
.footer_nav_botm ul { margin: 0; padding: 0; list-style: none; }
.footer_nav_botm li { float: left; display: block; line-height: 12px; padding-left: 7px; padding-right: 7px; border-left: 1px solid #000000; }
.footer_nav_botm ul li a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; text-decoration: none; }
.footer_nav_botm ul li.first { float: left; display: block; line-height: 12px; padding-left: 7px; padding-right: 7px; border: none; }
.footer_nav_botm { padding-left: 90px; }

.footer_nav_botm_2 ul { margin: 0; padding: 0; list-style: none; }
.footer_nav_botm_2 li { float: left; display: block; line-height: 12px; padding-left: 7px; padding-right: 7px; border-left: 1px solid #000000; }
.footer_nav_botm_2 ul li a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000; text-decoration: none; }
.footer_nav_botm_2 ul li.first { float: left; display: block; line-height: 12px; padding-left: 7px; padding-right: 7px; border: none; }
.footer_nav_botm_2 { padding-left: 310px; }
.copy_right { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; }


/*------tab---------------------------*/
.container { background-color: #003e7e; float: left; width: 265px; }
.container span { color: #FFFFFF; display: block; font-family: Arial,Helvetica,sans-serif; font-size: 21px; font-weight: bold; margin: 0; padding: 2px 8px; }
ul.tabs { margin: 0; padding: 0; float: left; list-style: none; height: 27px; border-bottom: 1px solid #89c5e8; border-left: 1px solid #89c5e8; width: 264px; }
ul.tabs li { float: left; margin: 0; padding: 0; height: 26px; line-height: 26px; border: 1px solid #89c5e8; border-left: none; margin-bottom: -1px; background: #d6f0ff; overflow: hidden; position: relative; margin-right: 2px; padding: 0 4px; }
ul.tabs li.mid { float: left; margin: 0; padding: 0; height: 26px; line-height: 26px; border: 1px solid #89c5e8; border-left: none; margin-bottom: -1px; background: #d6f0ff; overflow: hidden; position: relative; margin-right: 2px; padding: 0 4px !important; }
ul.tabs li a { text-decoration: none; color: #000; display: block; font-size: 12px; padding: 0 6px; outline: none; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
ul.tabs li a:hover { background: #d6f0ff; }
html ul.tabs li.active, html ul.tabs li.active a:hover { border-bottom: 1px solid #D6F0FF; }
.tab_container { border: 1px solid #89c5e8; border-top: none; clear: both; float: left; width: 263px; background: #d6f0ff; }
.tab_container_box { padding-left: 10px; }
.tab_content h2 { font-weight: normal; padding-bottom: 10px; border-bottom: 1px dashed #ddd; font-size: 1.8em; }
.tab_content h3 a { color: #254588; }

.tab_box { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; font-weight: bold; }
.plan_number { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; font-weight: normal; }
.label_tab { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; width: 30px; }
.label_tab input { float: left; margin: 0; padding: 0; }
.label_tab label { float: left; padding-left: 1px; }
.view_btn { background-color: #003e7e; height: 25px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFF; font-weight: bold; width: 82px; cursor: pointer; }
.save_btn { background-color: #818181; color: #000000; cursor: pointer; font-family: Arial,Helvetica,sans-serif; font-size: 12px; height: 25px; width: 124px; }

.lnk_cart { background-color: #D9D9D9; color: #000000; cursor: pointer; font-family: Arial,Helvetica,sans-serif; font-size: 12px; border: 1px solid black; width: 124px; padding: 3px 30px; text-decoration: none; }


.or_text { font-family: Arial, Helvetica, sans-serif; color: #000; font-size: 12px; }
.Enter_input { width: 118px; height: 18px; border: 1px solid #1c5180; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.Enter_palan { font-family: Arial, Helvetica, sans-serif; color: #000; font-size: 12px; font-weight: bold; }
.go_btn { width: 31px; height: 21px; background-color: #003e7e; font-family: Arial, Helvetica, sans-serif; color: #FFF; font-size: 12px; }
/*------Tab2 start-----------------*/
#tab2 { height: 251px; }
/*------Tab3 start-----------------*/
#tab3 { height: 251px; }
.to_text { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.enter_plan_go { padding-left: 2px; }
.saga_text { padding-left: 1px; }


.edit_box { float: right; height: auto; width: auto; }

.edit_box1 { float: right; height: auto; width: auto; }

.edit_box2 { float: right; height: auto; width: auto; margin-right: 2px; }


.slide { position: absolute; }
#index-slide { float: left; width: 708px; height: 313px; margin: 0; padding: 0; position: relative; }
#index-slide .slide { position: absolute; top: 0; left: 0; z-index: 1; background-color: #efefef; }
#index-slide img { display: block; float: left; }
#index-slide img.one { width: 484px; margin-right: 7px; height: 313px; }
#index-slide img.two { width: 212px; height: 122px; margin-bottom: 0px; border: 1px solid #c8c8c8; margin-top: 5px; }
#index-slide img.three { width: 212px; height: 122px; border: 1px solid #c8c8c8; }
#index-slide img.banner-inner { position: absolute; top: 0; right: 0; border-left: 2px solid #fff; border-bottom: 2px solid #fff; }



/*------toolbar-slide------------------------*/
div.toolbar { position: absolute; bottom: 4px; width: 100%; height: 30px; z-index: 9; }
#index-slide div.toolbar div.caption { color: #000000; float: right; font-family: Arial,Helvetica,sans-serif; font-size: 12px; line-height: 30px; margin-left: 7px; margin-top: -13px; width: 214px; }
#index-slide div.toolbar div.controls { float: right; margin: 3px -118px 0 0; }
#index-slide div.toolbar div.controls div { margin-left: 3px; float: left; cursor: pointer; width: 22px; height: 24px; }

/*#index-slide div.controls .play { background: url(../images/heroImagePlay.jpg); }
#index-slide div.controls .pause { background: url(../images/heroImagePause.jpg); }
#index-slide div.controls .prev { background: url(../images/button_toolbarleft.png); }
#index-slide div.controls .next { background: url(../images/button_toolbarright.png); }*/

#index-slide div.controls .play {  background: url(../images/Slider_PlayButtons.png) no-repeat top left;background-position: -144px 0; width: 22px; height: 23px; }
#index-slide div.controls .pause {background: url(../images/Slider_PlayButtons.png) no-repeat top left;background-position: -72px 0; width: 22px; height: 23px; }
#index-slide div.controls .prev { background: url(../images/Slider_PlayButtons.png) no-repeat top left;  background-position: 0 0; width: 22px; height: 23px; }
#index-slide div.controls .next {background: url(../images/Slider_PlayButtons.png) no-repeat top left;  background-position: -216px 0; width: 22px; height: 23px;}

.slider_content { float: left; width: 712px; height: auto; height: 304px; position: relative; }

.head_slide { bottom: 40px; height: auto; left: 494px; position: absolute; width: 150px; z-index: 9; color: #000000; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; }
.slide_text_cap { bottom: 1px; height: auto; left: 494px; position: absolute; width: 200px; z-index: 9; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000066; text-decoration: underline; }

/*-------------------------------Search_result-------------------------------------*/

#search_page .search_pag { background-image: url(../images/search_bg.png); background-repeat: no-repeat; width: 588px; height: 24px; }


#search_page .sort_box { background-color: #efefef; height: 39px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #003e7e; }
#search_page .most_input { width: 164px; height: 20px; border: 1px solid #7f9db9; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; padding: 1px; }
#search_page .show_input { width: 46px; height: 18px; border: 1px solid #7f9db9; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; }
#search_page span.page_no { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #058bbd; }
#search_page .page_input { width: 33px; height: 13px; border: 1px solid #7f9db9; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; padding: 2px; text-align: center; }

/*---------------------------space--------------------*/
#search_page .space2 { height: 15px; }
#search_page .space1 { height: 10px; }
#search_page .nd_space { height: 5px; }
#search_page .nd_space1 { height: 8px; }
#search_page .nd_space2 { height: 5px; }
#search_page .nd_space3 { height: 10px; }
#search_page .space5 { height: 16px; }

/*-------------------------space----------------------*/




#search_page .houseplan_box { border: 1px solid #a7cce0; width: 229px; }
#search_page .hs_NDG { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #003e7e; font-weight: bold; }
#search_page .hs_nd_cntnt { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; }
#search_page .save_btn { width: 124px; height: 24px; background-color: #818181; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; cursor: pointer; }
#search_page .save_btn a { width: 124px; height: 24px; background-color: #818181; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; display: block; text-decoration: none; line-height: 24px; }
.newest_top_h2_new { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

input_txt_label { color: black; font-family: Arial,Helvetica,sans-serif; font-size: 12px; }

.newest_top_h1 { height: 30px; color: #003e7e; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; border-bottom: 1px solid black; }

.newest_top_h11111 { height: 30px; color: #003e7e; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }

.newest_top_h2 { height: 40px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.newest_top_h2_newBrain { font-family: Arial, Helvetica, sans-serif; font-size: 14px; }

#search_page .view_btn { width: 124px; height: 24px; background-color: #003e7e; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; }
.save_btn { background-color: #818181; color: #000000; cursor: pointer; font-family: Arial,Helvetica,sans-serif; font-size: 12px; height: 24px; width: 124px; }
#search_page .view_btn a { width: 82px; height: 24px; background-color: #003e7e; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; text-decoration: none; display: block; line-height: 24px; }
#search_page .view_result { font-family: Arial, Helvetica, sans-serif; color: #003e7e; font-size: 13px; font-weight: bold; }
#search_page .view_result a { font-family: Arial, Helvetica, sans-serif; color: #003e7e; font-size: 13px; font-weight: bold; text-decoration: underline; display: block; }
#search_page .blue_srch_box { width: 116px; height: 24px; font-family: Arial, Helvetica, sans-serif; color: #fff; background-color: #003e7e; font-size: 12px; }
#search_page .blue_srch_box a { width: 116px; height: 24px; font-family: Arial, Helvetica, sans-serif; color: #fff; background-color: #003e7e; font-size: 12px; display: block; text-decoration: none; line-height: 24px; }
/*#search_page .blue_view_box
{
	width:99px;
	height:24px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#003e7e;
	font-size:12px;
	cursor:pointer;
	
}
#search_page .blue_view_box a
{
	width:99px;
	height:24px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#003e7e;
	font-size:12px;
	display:block;
	text-decoration:none;
	line-height:24px;
	
}*/
#search_page .structure_input { }
#search_page .min_input { border: 1px solid #7F9DB9; color: #000000; font-family: Arial,Helvetica,sans-serif; font-size: 12px; height: 13px; padding: 2px; width: 58px; }
#search_page label { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; padding-left: 2px; }
#search_page .tab_box_search { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #4d4d4d; background-color: #efefef; }
#search_page .filtr { font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #4d4d4d; }
#search_page .arch_style { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #fff; }
#search_page .ach_style_top { background-color: #003e7e; width: 237px; height: 24px; padding-left: 10px; }
#search_page .ach_style_top span { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #fff; }
#search_page .ach_style_top img { margin-right: 4px; }
#search_page .chk_input { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; padding-bottom: 4px; padding-top: 4px; }
#search_page .chk_input label { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; }
#search_page .chk_input input { margin-right: 4px; }


/*---------------------------------slider------------------------------------------*/

#search_page ul#menu, ul#menu ul { list-style-type: none; margin: 0; padding: 0; }

#search_page ul#menu a { display: block; text-decoration: none; }

#search_page ul#menu li { margin-top: 1px; background: #f6f6f6; border-top: solid 1px #fff; }

#search_page ul#menu li a { background: #003e7e; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 14px; height: 20px; padding-bottom: 4px; padding-left: 11px; padding-top: 4px; }
#search_page ul#menu li a img { margin-right: 3px; }

#search_page ul#menu li a:hover { background: #003e7e; }

#search_page ul#menu li ul li a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; height: 20px; padding: 2px; background-color: #f7f7f7; color: #000; }

#search_page ul#menu li ul li a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; height: 20px; padding: 2px; background-color: #f7f7f7; color: #000; }

#search_page .code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
#search_page .code code { display: block; padding: 3px; margin-bottom: 0; }
#search_page .code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
#search_page .indent1 { padding-left: 1em; }
#search_page .indent2 { padding-left: 2em; }
.ch_box { margin-left: 10px; }
.backgrnd { background-color: #efefef; width: 237px; }
.newbackgrnd { background-color: #efefef; background-image: url(../images/border_small.png); width: 250px; background-repeat: repeat-x; }


#search_page .border_gray { border: 1px solid #99b2cb; }
#search_page .borone { border-bottom: 1px solid #cccccc; }





.DisplayError { padding: 10px 10px 10px 10px; border: 1px solid #F9AEAE; background: #FFDCDC; font-family: Verdana; font-size: 10px; }

.DisplayMessage { padding: 10px 10px 10px 10px; border: 1px solid #077733; background: #EEF3F9; font-family: Verdana; font-size: 10px; }

/*modal dialogs*/
.modalBackground { background-color: Gray; filter: alpha(opacity=40); opacity: 0.4; }
.modalTitle { cursor: move; background-color: #F2F2F3; border: solid 1px #ccc; font-size: 120%; color: #003e7e; padding: 3px; text-align: left; }
.modalMessage { color: #E45F00; font-weight: bolder; font-size: 140%; text-align: center; }
.modalPopup { background-color: #fff; border: solid 1px #000; padding: 3px; width: 500px; }

.red10pt { color: Red; font-size: 10px; vertical-align: top; }

.red12pt { color: Red; font-size: 12px; vertical-align: top; }
.red12ptBold { color: Red; font-size: 12px; vertical-align: top; font-weight: bold; }

.red14pt { color: Red; font-size: 14px; vertical-align: top; font-weight: bold; }

.red18ptBold { color: Red; font-size: 18px; vertical-align: top; font-weight: bold; }

.DisplayError { padding: 10px 10px 10px 10px; border: 1px solid #F9AEAE; background: #FFDCDC; font-family: Verdana; font-size: 10px; }

.DisplayMessage { padding: 10px 10px 10px 10px; border: 1px solid #077733; background: #EEF3F9; font-family: Verdana; font-size: 10px; }

/*-----------accunt---------------------------*/
.serch_site { border: 1px solid #7F9DB9; color: #000000; font-family: Arial,Helvetica,sans-serif; font-size: 12px; height: 17px; padding: 1px; width: 144px; }
.home_lnk { color: #000000; font-family: Arial,Helvetica,sans-serif; font-size: 12px; }
.home_lnk span { color: #000000; font-family: Arial,Helvetica,sans-serif; font-size: 12px; text-decoration: underline; }
.serch_text { color: #000000; font-family: Arial,Helvetica,sans-serif; font-size: 12px; }
.account_left { border: 1px solid #A7CCE0; color: #000; font-family: Arial,Helvetica,sans-serif; font-size: 12px; }
.sign_out { text-decoration: underline; }
.hstry_btn { background-color: #0070c0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFF; height: 30px; font-weight: bold; }
.account_left_bg { background-color: #f2f2f2; }
.account_gray_box { color: #08125e; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.account_text { color: #08125e; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: underline; }
.account_text a { color: #08125e; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: underline; }
.account_help { color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-decoration: underline; }
.account_help a { color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-decoration: underline; }
.account_help_txt { color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.account_help_txt_mail { color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: underline; }
.account_help_txt_mail a { color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: underline; }
.acnt_prfr { background-color: #000066; }
.acnt_prfr_txt { color: black; font-family: Arial,Helvetica,sans-serif; font-size: 12px; }
.acnt_prfr_txt span { color: black; font-family: Arial,Helvetica,sans-serif; font-size: 12px; text-decoration: underline; }
.acnt_prfr_txt a span { color: #08125e; font-family: Arial,Helvetica,sans-serif; font-size: 12px; text-decoration: underline; }
.favrate { color: black; font-family: Arial,Helvetica,sans-serif; font-size: 12px; }
.allmy_fav a span { color: #08125e; font-family: Arial,Helvetica,sans-serif; font-size: 12px; text-decoration: underline; }
.run_gray { background-color: #f2f2f2; }
.remove { color: #08125E; font-family: Arial,Helvetica,sans-serif; font-size: 12px; text-decoration: underline; }
.remove a { color: #08125E; font-family: Arial,Helvetica,sans-serif; font-size: 12px; text-decoration: underline; }


/*----------------step checkout------------------------*/

.gray_step { background-color: #f2f2f2; color: #002060; font-family: Arial,Helvetica,sans-serif; font-size: 15px; font-weight: bold; }
.gray_step span.small_blue { background-color: #f2f2f2; color: #002060; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; }
.dark_gray span.small_blue { color: #002060; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; }
.dark_gray { background-color: #bfbfbf; }

/*--------------------advance_srch----------------------------*/

.tab_box_search_adv { color: #4D4D4D; font-family: Arial,Helvetica,sans-serif; font-size: 12px; }
/*.clr_btn
{
	 background-color: #818181;
    color: #fff;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    cursor:pointer;
    text-decoration: none;		
    width:99px;			
}
.clr_btn a
{
	 background-color: #818181;
    color: #fff;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    text-decoration: none;
}*/
.black_txt { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000; font-weight: bold; }
.border_chek { border-bottom: 2px solid #b2c5d8; }
.brown_txt { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #4d4d4d; }
.plans_fnd { margin-left: 278px; }
.sort_by { padding-left: 233px; }


/*--------------------------details------------------------------*/

span.top_link { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #003e7e; text-decoration: none; }
.detail_txt { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000; }
.detail_navi { height: 51px; background-color: #003e7e; }
.detail_navi ul { margin: 0; padding-top: 7px; list-style: none; }
.detail_navi ul li { float: left; font-family: Arial, Helvetica, sans-serif; color: #FFF; font-size: 12px; font-weight: bold; padding-left: 11px; padding-right: 11px; border-left: 1px solid #226dbb; line-height: 18px; text-align: center; }
.detail_navi ul li a { float: left; font-family: Arial, Helvetica, sans-serif; color: #FFF; font-size: 12px; font-weight: bold; text-decoration: none; }
.black_small_txt { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; font-weight: bold; }
.black_small_txt span { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; font-weight: normal; }
.gray_box { background-color: #efefef; }
.greebriar_head { font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #003e7e; line-height: 19px; }
.pricing_box { border: 1px solid #003e7e; font-family: Arial, Helvetica, sans-serif; color: #000; font-size: 12px; }
.price_product { font-family: Arial, Helvetica, sans-serif; color: #000; font-size: 14px; }
.all_price { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #003e7e; }
.all_price a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #003e7e; text-decoration: underline; }
.all_price_all a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #003e7e; text-decoration: none; }
.blue_txt { background-color: #003E7E; height: 24px; width: 143px; }
.blue_txt a { font-family: Arial, Helvetica, sans-serif; color: #FFF; font-size: 12px; font-weight: bold; text-decoration: none; display: block; line-height: 23px; }
.gray_btn { color: #000000; background-color: #818181; height: 24px; cursor: pointer; width: 170px; }
.gray_btn a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; text-decoration: none; display: block; }
.Blue_btn_small { background-color: #003E7E; height: 24px; width: 143px; }
.Blue_btn_small a { font-family: Arial, Helvetica, sans-serif; color: #FFF; font-size: 12px; text-decoration: none; line-height: 24px; }
.sub_head { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #034080; font-weight: bold; border-bottom: 2px solid #034080; padding-bottom: 3px; }
.black_para { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; line-height: 20px; }
.copy_small_txt { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000; border-bottom: 1px solid #819fbf; padding-bottom: 2px; }
.black_subhead { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000; font-weight: bold; border-bottom: 1px solid #819fbf; padding-bottom: 3px; text-transform: uppercase; }
.black_para_txt { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; line-height: 18px; }
.price_hlp { font-family: Arial, Helvetica, sans-serif; color: #000; font-size: 12px; }
.price_hlp a { font-family: Arial, Helvetica, sans-serif; color: #000; font-size: 12px; text-decoration: underline; }
.hs_plan_list { width: 33%; color: #003E7E; font-family: Arial,Helvetica,sans-serif; font-size: 12px; }
.hs_plan_list ul { margin: 0; padding: 0; list-style: none; }
.hs_plan_list ul li a { color: #003E7E; font-family: Arial,Helvetica,sans-serif; font-size: 12px; line-height: 22px; }
.frst_list { text-decoration: none !important; }
.light_blue_box { background-color: #c6d9f1; height: 58px; }
.big_black { font-family: Arial, Helvetica, sans-serif; color: #000; font-size: 16px; font-weight: bold; }
.avrg_black { font-family: Arial, Helvetica, sans-serif; color: #000; font-size: 13px; }
.black_para_txt p a { color: #003e7e; }



/*-----------------advance search new on 14 Nov, 2011 start------------------------*/
.myaccount_box { background-color: #EFEFEF; color: #013e7d; font-family: Arial,Helvetica,sans-serif; font-size: 15px; height: 39px; font-weight: bold; padding-left: 5px; }
.hs_plan { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #003e7e; border-bottom: 2px solid #003e7e; padding-bottom: 4px; width: 100%; font-weight: bold; text-align: left; }
.adv_no { color: #4d4d4d; font-family: Arial,Helvetica,sans-serif; font-size: 12px; }
.checkbox_width { width: 30px; }
.houseplan_specification { width: 95%; }
.houseplan_specification span.checkbox input { float: left; }
.houseplan_specification label { padding-left: 2 !important; float: left; }

#search_page .blue_view_box { width: 99px; height: 24px; font-family: Arial, Helvetica, sans-serif; color: #fff; background-color: #003e7e; font-size: 12px; border: none; font-weight: bold; }
#search_page .blue_view_box a { width: 99px; height: 24px; font-family: Arial, Helvetica, sans-serif; color: #fff; background-color: #003e7e; font-size: 12px; font-weight: bold; display: block; text-decoration: none; line-height: 24px; }
.clr_btn { background-color: #818181; color: #fff; display: block; font-family: Arial,Helvetica,sans-serif; font-size: 12px; height: 24px; line-height: 24px; text-decoration: none; border: none; padding: 0 10px; }
.clr_btn a { background-color: #818181; color: #fff; display: block; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; height: 24px; line-height: 24px; text-decoration: none; }


/*-----------------advance search new on 14 Nov, 2011 End------------------------*/

.continue_order { background-color: #00b050; color: White; font-weight: bold; width: 240px; cursor: pointer; height: 32px; }

.continue_cart { background-color: #00b050; color: White; font-weight: bold; width: 150px; height: 30px; border: none; cursor: pointer; }
.button_green { background-color: #00b050; font-weight: bold; height: 24px; width: 143px;  border: 1px solid black; }
.button_green a, .button_green a:hover, .button_green a:visited { font-family: Arial, Helvetica, sans-serif; color: #FFF; font-size: 12px; font-weight: bold; text-decoration: none; display: block; line-height: 23px; }

.cart_heading { color: #16316f; }

.submit_secure_order { background-color: #003E7E; height: 24px; width: 143px; color: White; font-weight: bold; border: none; width: 180px; height: 30px; cursor: pointer; }

.favourite_plan { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #003e7e; font-weight: bold; }

.favourite_btn1 { background-color: #003E7E; color: white; display: block; font-family: Arial,Helvetica,sans-serif; font-size: 12px; height: 24px; line-height: 24px; text-decoration: none; width: 84px; text-align: center; font-weight: bold; }

.favourite_btn1:hover { background-color: #003E7E; color: white; display: block; font-family: Arial,Helvetica,sans-serif; font-size: 12px; height: 24px; line-height: 24px; text-decoration: none; width: 84px; text-align: center; font-weight: bold; }

.space_new { height: 5px; }

.space_plan_attribute { padding-left: 8px; }

.spaceRight_plan_attribute { padding-right: 8px; }
.favourite_btn2 { background-color: #818181; color: #000000; cursor: pointer; font-family: Arial,Helvetica,sans-serif; font-size: 12px; height: 25px; width: 137px; }


.collection_heading { height: 30px; color: #003e7e; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; border-bottom: 1px solid black; }


/*-----------------Collection pages ------------------------*/

.category_list { background-color: #f2f2f2; height: 600px; width: 175px; vertical-align: top; }

.category_list1 { width: 180px; height: 25px; background-color: #003E7E; color: White; font-weight: bold; font-size: 14px; padding: 9px 0 0 10px; height: 32px; }

.collection_description { height: 28px; width: 284px; background-color: #f2f2f2; font-size: 15px; color: #16316f; padding: 7px 0 7px 5px; font-weight: bold; }


.description_text { padding: 14px 0 0 0; color: #000; width: 290px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

.descriptionText { height: 350px; width: 300px; vertical-align: top; }

.collection_text { color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-transform: capitalize; }

.collection_text a { text-decoration: none; font-size: 12px; color: #000; }

.table_subcategoryimg { border: 1px solid #A7CCE0; color: #000; }




.sub_nmBind { padding: 8px 0 5px 5px; color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

.sub_nmBind a { text-decoration: none; font-size: 12px; color: #000; }



/*-----------------Cost To Build ------------------------*/

.free_estimation_header { background-color: #003E7E; color: White; font-weight: bold; font-size: 15px; height: 50px; padding: 0 0 0 8px; }
.child_tab { padding: 10px 8px 0 8px; }
.space_cost { padding: 25px 0 0 0; }
.space_cost1 { padding: 15px 0 0 0; }
.cost_heading_text { font-size: 15px; font-family: Arial, Helvetica, sans-serif; font-style: normal; }
.cost_subhead { font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 15px; border-bottom: 1px solid black; }

.tab_heading { font-size: 13px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }

.amount_cost { font-size: 15px; padding: 0 0 0 25px; }

.text_right { padding: 25px 0 0 35px; color: #000; font-size: 12px; font-style: italic; }

.space_cost2 { padding: 15px 0 0 0; }


.SpaceRow { height: 7; }

.Heading { color: #003e7e; border-bottom: 1px solid #003e7e; font-size: 14px; font-weight: bold; text-align: left; }

.space { height: 10px; }

.space1 { height: 15px; }

.space2 { height: 30px; }

.myaccount_box1 { background-color: #EFEFEF; color: #081253; font-family: Arial,Helvetica,sans-serif; font-size: 15px; font-weight: bold; height: 39px; padding-left: 5px; }

.Heading1 { border-bottom: 1px solid #081253; color: #081253; font-size: 14px; font-weight: bold; }

.ReturnToPlan { background-color: #000066; border: 0 none; color: #FFFFFF; font-family: Arial,Helvetica,sans-serif; font-size: 14px; font-weight: bold; height: 30px; padding-left: 10px; padding-right: 10px; vertical-align: middle; width: 200px; }

.WriteReview { background-color: #bfbfbf; color: #000000; font-family: Arial,Helvetica,sans-serif; font-size: 14px; font-weight: bold; height: 30px; padding-left: 10px; padding-right: 10px; vertical-align: middle; border: 0px; width: 190px; border: 1px solid #000000; }

.username { font-weight: bold; color: #000066; font-size: 12px; }

.ReadAllReviews { font-weight: normal; color: #000066; font-size: 12px; }

.ReadAllReviews a:hover { font-weight: normal; color: #000066; font-size: 12px; }

.ThumbImage { }
.ThumbImage:hover { border: 1px ridge #D8D8D0; }

.Blue_Link_box { color: #013e7d; font-family: Arial,Helvetica,sans-serif; font-size: 15px; height: 39px; font-weight: bold; padding-left: 5px; text-decoration: none; }
.Blue_Link_box:hover { color: #013e7d; font-family: Arial,Helvetica,sans-serif; font-size: 15px; height: 39px; font-weight: bold; padding-left: 5px; text-decoration: underline; }


.grdpager { background-color: #EFEFEF; color: #003E7E; font-family: Arial,Helvetica,sans-serif; font-size: 14px; height: 25px; border: 1px solid black; }

/*Continue Cart Shopping Button*/
.continueshop{background-color:#00b050;color:White;font-family:Arial,Helvetica,sans-serif;font-size:15px;height:20px;width:200px;border:1px solid #CC;text-decoration:none;font-weight:bold;padding:5px;}
.continueshop:hover{background-color:#00b050;color:White;font-family:Arial,Helvetica,sans-serif;font-size:15px;height:20px;width:200px;border:1px solid #CC;text-decoration:none;font-weight:bold;padding:5px;}


/******* For Buttons in Plan Details Page #4682B4*********************/
/*.button_biggreen { background-color: #00b050; color:#FFF;text-decoration:none; font-weight:bold;font-size:15px;height: 35px;border: 1px solid black; }
.button_biggreen a:hover,.button_biggreen:hover { background-color:#6B8E23; font-family: Arial, Helvetica, sans-serif; color: #FFF; font-size: 18px; font-weight: bold; text-decoration: none; display: block; line-height: 23px; }*/

.button_biggreen { background-color: #00b050;height:35px;border: 1px solid black;width:185px}
.button_biggreen a{color:White;text-decoration:none;font-weight:bolder;font-size:18px;}
.button_biggreen:hover,.button_biggreen a:hover  { background-color: #32CD32;height:35px;color:White;text-decoration:none;}

.bluebuttons {background-color:#003e7e;height:30px;border: 1px solid gray;width:185px}
.bluebuttons a{color:White;text-decoration:none;font-weight:bolder;font-size:15px;}
.bluebuttons:hover,.bluebuttons a:hover { background-color: #000080;height:30px;color:White;text-decoration:none;}

.gray_button { color: #000000; background-color: #909090; height: 24px; cursor: pointer; width:196px;height:30px;font-weight:bold; }
.gray_button:hover { color: #000000; background-color: #818181; height: 24px; cursor: pointer; width:196px;height:30px;font-weight:bold; }
.BlueLinks a{color:#003e7e;}


.sprite-facebook{ background: url(../images/spritesocialimage.png) no-repeat top left;background-position: 0 0; width: 107px; height: 37px;display:block;} 
.sprite-twiter{  background: url(../images/spritesocialimage.png) no-repeat top left;background-position: -157px 0; width: 82px; height: 38px; padding-bottom: 4px;display:block; } 
.sprite-youtube{ background: url(../images/spritesocialimage.png) no-repeat top left;background-position: -289px 0; width: 84px; height: 37px;display:block; } 

/***********Class to flip the mirror images of image*****************************/
.ReverseImage
{
    -webkit-transform:scaleX(-1);
    -moz-transform:scaleX(-1);
    -o-transform:scaleX(-1);
    -ms-transform:scaleX(-1);
    transform:scaleX(-1);
}

.ReverseLink
{
    color:#003e7e;top:18px;position:relative;
}



/*************************************Trends Module*************************************************/
.PersonlizedHomeSpace
{height:10px;}
.PersonalizedImage{width:150px;height:150px;}
.Questions_quick11 { font-family: Arial, Helvetica, sans-serif; color: #003e7e; font-size: 17px; font-weight: bold; }
.plan_search_text11 { font-family: Arial, Helvetica, sans-serif; color: #00a0dc; font-size: 16px; font-weight: bold; }
.BeginPersonliased_btn{color:White;font-weight: bold;font-family: Arial, Helvetica, sans-serif;text-decoration:none;}
.TrendsTopText{ color:Black; font-size:13px; font-weight:bold; padding-left:5px; padding-top:10px; text-align:left;}
.TrendsMiddleText{ color:Black; font-size:13px; font-weight:bold; padding-left:10px; text-align:left; vertical-align:top;}
.Trends_Btn{color: #003e7e; font-size:13px;font-weight:bold;padding-left:10px}
.member_text1 { font-family: Arial, Helvetica, sans-serif; /* color  :#004b79;*/ color: #003e7e; font-size: 14px; font-weight: bold; }


.sprite-1{ background: url(../images/flat-icons.png) no-repeat top left;background-position: 0 0; width: 29px; height: 29px;display:block;padding-left:8px; } 
.sprite-2{ background: url(../images/flat-icons.png) no-repeat top left;background-position: -79px 0; width: 29px; height: 29px;display:block;padding-left:8px; } 
.sprite-3{ background: url(../images/flat-icons.png) no-repeat top left; background-position: -158px 0; width: 29px; height: 29px;display:block;padding-left:8px; } 
.sprite-4{background: url(../images/flat-icons.png) no-repeat top left;background-position: -237px 0; width: 29px; height: 29px;display:block;padding-left:8px; } 
.sprite-5{ background: url(../images/flat-icons.png) no-repeat top left;background-position: -316px 0; width: 29px; height: 29px;display:block;padding-left:8px; } 
.sprite-6{background: url(../images/flat-icons.png) no-repeat top left; background-position: -395px 0; width: 29px; height: 29px;display:block;padding-left:8px; } 
.sprite-7{background: url(../images/flat-icons.png) no-repeat top left; background-position: -474px 0; width: 29px; height: 29px;display:block;padding-left:8px; }  



.TrendsTitle{ color: #003e7e; font-size:18px; font-weight: bold; text-align:left;}
.TrendsContent{ color: Black; font-size:14px; font-weight: normal; text-align:left;}


 .houseplantrends_box { border: 1px solid #a7cce0; width: 229px; }
 .hsTrend_NDG { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #003e7e; font-weight: bold; }
 .hsTrend_nd_cntnt { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; }
.saveTrend_btn { background-color: #818181; color: #000000; cursor:pointer; font-family:Arial,Helvetica,sans-serif; font-size:12px; height:24px; display:block; text-align:center; line-height:24px; width: 124px; text-decoration:none;}
.saveTrend_btn a,.saveTrend_btn a:hover{background-color: #818181; color: #000000; cursor:pointer; font-family:Arial,Helvetica,sans-serif; font-size:13px; height:24px; display:block; text-align:center; line-height:24px; width: 124px; text-decoration:none;font-weight:bold;}
.view_btn_Trend a,.view_btn_Trend a:hover { width: 82px; height: 24px; background-color: #003e7e; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; text-decoration: none; display: block; line-height: 24px; }

/*********Trends Box space**************/

 .ndTrend_space { height: 5px; }
 .ndTrend_space1 { height: 8px; }
.ndTrend_space2 { height: 5px; }
 .ndTrend_space3 { height: 10px; }
 
 .TrendsPlans{padding-left:20px;}
 
  .ViewMoreLikeThese{text-decoration:none;color:White;font-weight:bold;font-size:15px; }
  
 .ViewMoreLikeThese:hover{text-decoration:none;color:White;font-weight:bold;font-size:15px;}
 
.testarrow 
{
  padding-top:5px;
  width: 100px;
  height: 50px;
  background-color: #1E90FF;
  border: 1px solid #999;
  position: relative;
  color:White;
  font-weight:bold;
  font-size:14px;
  text-align:center;
  border-radius:4px;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
}
.testarrow:after {
  content: '';
  position: absolute;
  top: 0px;
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-left: 12px solid #1E90FF;
  border-width: 27px;
  left: 50%;
  margin-left  :50px;
}
.plan_search_trend_section { height: 88px; background-color: #fff; border: 1px solid #a7cce0; }
.trend_bold_text { font-family: Arial, Helvetica, sans-serif; color: #00a0dc; font-size: 25px; font-weight: bold; text-align:left; padding-top:15px; }

.customer_right_new { font-family: Arial, Helvetica, sans-serif; color: #000; font-size: 12px; background-color:#efefef; border: 1px solid #a7cce0; }
.customer_right_new a { font-family: Arial, Helvetica, sans-serif; color: #003e7e; font-size: 12px; text-decoration: underline; }

.personalised_top_text { font-family: Arial, Helvetica, sans-serif; color: #00a0dc; font-size: 23px; font-weight: bold; }
.Being_btn_new { height: 29px; width: 100px; background-color: #003e7e; }


.CollectionAdSquare{padding-top:50px;position:absolute;}
.Search_h2{ color:White;font-size:18px; }
.AdvancedSearch_h1{color:#013e7d;font-size:18px;}
.Builder_h1{color: #003E7E;font-size:25px;}
.CategoryArticles_h1{font-size:18px;color:White;}
.DisplayHousePlan_h1{font-size:18px;color:#003E7E;}

/*******************************************Progress Bar CSS**********************************************************************************/
#squaresWaveG{
position:relative;
width:200px;
height:24px}

.squaresWaveG{
position:absolute;
top:0;
background-color:#000000;
width:24px;
height:24px;
-moz-animation-name:bounce_squaresWaveG;
-moz-animation-duration:1.3s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-webkit-animation-name:bounce_squaresWaveG;
-webkit-animation-duration:1.3s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-ms-animation-name:bounce_squaresWaveG;
-ms-animation-duration:1.3s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-o-animation-name:bounce_squaresWaveG;
-o-animation-duration:1.3s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
animation-name:bounce_squaresWaveG;
animation-duration:1.3s;
animation-iteration-count:infinite;
animation-direction:linear;
}

#squaresWaveG_1{
left:0;
-moz-animation-delay:0.52s;
-webkit-animation-delay:0.52s;
-ms-animation-delay:0.52s;
-o-animation-delay:0.52s;
animation-delay:0.52s;
}

#squaresWaveG_2{
left:25px;
-moz-animation-delay:0.65s;
-webkit-animation-delay:0.65s;
-ms-animation-delay:0.65s;
-o-animation-delay:0.65s;
animation-delay:0.65s;
}

#squaresWaveG_3{
left:50px;
-moz-animation-delay:0.78s;
-webkit-animation-delay:0.78s;
-ms-animation-delay:0.78s;
-o-animation-delay:0.78s;
animation-delay:0.78s;
}

#squaresWaveG_4{
left:75px;
-moz-animation-delay:0.91s;
-webkit-animation-delay:0.91s;
-ms-animation-delay:0.91s;
-o-animation-delay:0.91s;
animation-delay:0.91s;
}

#squaresWaveG_5{
left:100px;
-moz-animation-delay:1.04s;
-webkit-animation-delay:1.04s;
-ms-animation-delay:1.04s;
-o-animation-delay:1.04s;
animation-delay:1.04s;
}

#squaresWaveG_6{
left:125px;
-moz-animation-delay:1.17s;
-webkit-animation-delay:1.17s;
-ms-animation-delay:1.17s;
-o-animation-delay:1.17s;
animation-delay:1.17s;
}

#squaresWaveG_7{
left:150px;
-moz-animation-delay:1.3s;
-webkit-animation-delay:1.3s;
-ms-animation-delay:1.3s;
-o-animation-delay:1.3s;
animation-delay:1.3s;
}

#squaresWaveG_8{
left:175px;
-moz-animation-delay:1.43s;
-webkit-animation-delay:1.43s;
-ms-animation-delay:1.43s;
-o-animation-delay:1.43s;
animation-delay:1.43s;
}

@-moz-keyframes bounce_squaresWaveG{
0%{background-color:#000000;}
100%{background-color:#FFFFFF;
}
}

@-webkit-keyframes bounce_squaresWaveG{
0%{background-color:#000000;}
100%{background-color:#FFFFFF;
}
}

@-ms-keyframes bounce_squaresWaveG{
0%{background-color:#000000;}
100%{background-color:#FFFFFF;
}
}

@-o-keyframes bounce_squaresWaveG{
0%{background-color:#000000;
}
100%{background-color:#FFFFFF;
}
}

@keyframes bounce_squaresWaveG{
0%{background-color:#000000;}
100%{background-color:#FFFFFF;}
}