/* -------------------------common  Tab structure end ------------------------------------  */

/* -------------------------Tab containers  Start ---------------------------- */

/*  ------------------------common  Tab structure start ------------------------------------ */

#container_outer{float:left; width:572px; padding:0px; margin:0px; background:url(../images/curve_content_image/mid_container_bg.jpg) left top repeat-y;  font-size:12px;}

#container_middle{float:left; width:572px; padding:0px; margin:0px; background:url(../images/curve_content_image/top_container_bg.jpg) top left repeat-x;}

#container_middle_1{float:left; width:572px; padding:0px; margin:0px; background:url(../images/curve_content_image/top_container_bg_reco.jpg) top left repeat-x;}

#container_bottom{float:left; width:572px; padding:0px; margin:0px; background:url(../images/curve_content_image/bottom_container_bg.jpg) top left repeat-x; background-color:#fff;}
#container_bottom_curve{float:left; width:572px; padding-left:1px; vertical-align:bottom; background-color:#FFFFFF;}


.left_curve{float:left; margin:0px; padding:0px; width:25px; vertical-align:top;}

.right_curve{float:right; margin:0px; padding:0px; width:10px;}

img{vertical-align:top; border:none;}

.quality{float:left; margin:0px; padding:0px; width:111px; height:71px;}
.or{float:left; margin:0px; padding:0 5px 0 5px; font-size:12px;}
.brown_text{color:#da6a1b; text-decoration:none;}
.brown_text:hover{text-decoration:underline;}

.blue_text_1{color:#5181bf; font-weight:normal;}
.blue_text{color:#5181bf; font-weight:normal; text-decoration:none; float:left;}
.blue_text:hover{text-decoration:underline;}
.orange_text_heading{font-size:18px; line-height:22px; padding:50px 0 0 0; color:#e44709; margin:0; padding:0;}
.grey_text_heading{font-size:18px; line-height:22px; color:#242222; margin:0; padding:0; padding-bottom:20px;}




#container_mid_content{float:left; margin:0px; padding:0 30px 10px 30px; width:512px;} 

.button_container{width:459px; padding-right:0; float:left; padding-left:50px; padding-top:10px;  }

.button_container .btn_box{background:url(../images/under_tab_images/border.jpg) top left repeat-x; width:459px; float:left; padding-top:10px;}

.button_container  .button{ float:left; padding:3px; border:1px solid #e0e0e0; font-weight:bold; margin-left:10px;background-color:#f8f8f8; font-size:11px; color:#5d5656}

.heading{float:left; width:510px; font-size:22px; padding-bottom:5px; margin-bottom:15px; color:#5d5d5d;background:url(../images/under_tab_images/border.jpg) bottom left repeat-x;}


.open_services{float:left; margin:0px; padding:12px 0 0 0; width:29px; height:33px;}

.top_curv{background-color:#fbfbfb; float:left; width:510px; padding:5px 0 0 0; margin:0px;}
.bottom_curve{background-color:#fbfbfb; float:left; width:510px; padding:0 0 5px 0; margin:0px; background:url(../images/under_tab_images/border.jpg) bottom left repeat-x;}
.top_curv ul{ margin:0; padding:0}
.top_curv li{color:#6f6d6d; font-size:12px; list-style:none; background-image:url(../images/arrow_xhtml.jpg); background-repeat:no-repeat; background-position:left top; padding-left:20px; padding-bottom:10px;}
.top_curv .sample_container{float:left; width:115px; height:115px; background-image:url(../images/sample_frame.jpg); background-repeat:no-repeat; padding:12px 0 0 17px; cursor:pointer}
.top_curv .sample_container img{border:1px solid #ffffff;}
.top_curv .sample_container img:hover{border:1px dotted #000000;}

.top_curv div{width:154px; float:left; padding-left:10px;}
.top_curv div div{ width:147px;font-size:12px;color:#6f6d6d; padding-left:7px; }
.top_curv div div a{ text-decoration:none; color:#6f6d6d}
.top_curv div div a:hover{ text-decoration:underline}
.bottom_curv{ background-image:url(../../images/content_bottom_curv.jpg); background-position:top; background-repeat:no-repeat; float:left; width:533px;padding:20px;}

.services .code_standard_logo{float:right; width:510px; padding:0px; margin:0px; color:#808080; line-height:18px; padding-top:10px; padding-bottom:10px; background:url(../images/under_tab_images/border.jpg) bottom left repeat-x;}

.services .note_container{ padding-left:50px; width:450px; margin-top:0px; float:left; }

.services .note_container p{background:url(../images/under_tab_images/border.jpg) bottom left repeat-x; padding-top:5px; padding-bottom:5px; margin-top:5px; margin-bottom:5px;}

.services .portfiolio{float:right; width:510px; padding:0px; margin:0px; color:#808080; line-height:18px; padding-top:10px; padding-bottom:10px;  background:url(../images/under_tab_images/border.jpg) bottom left repeat-x;}
.services .portfiolio img{margin-right:10px; margin-bottom:10px;}

.services .portfiolio_readmore{float:right; width:510px; padding:10px 0 0 0; margin:0px; color:#808080; line-height:18px;}
.services .portfiolio_readmore span{float:right;  width:510px; text-align:right; padding:0px; margin:0px; color:#808080; line-height:15px; }
.services .portfiolio_readmore span img{margin-right:5px; margin-left:10px;}

.services .portfiolio_readmore span a{color:#4c5055; text-decoration:underline; font-size:11px;}
.services .portfiolio_readmore span a:hover{color:#f46a29; text-decoration:underline; font-size:11px;}
.services .readmore{margin-right:228px; background-image:url(../images/arrow_green.jpg); background-repeat:no-repeat; padding-left:12px; float:left;}











/* ---------------------------- Tab containers  end ----------------------------*/