/* CSS Document */

body { background:#ecedee url(../images/body_background.gif) repeat-x top; margin:0; padding:0; font:12px/20px Arial, Helvetica, sans-serif; color:#616161; }
body.inner_page_bg { background-image:url(../images/body_background_inner_page.gif);}
h1, h2, h3, h4, h5, h6, ul, li, p, form { margin:0; padding:0; }
a { cursor:pointer; color:#616161; text-decoration:underline;}
a:hover { text-decoration:none;}

:focus { outline:none;}

p { margin:0; padding:3px 0;}

h2 { font-size:16px; line-height:20px; color:#000000; font-weight:bold; border-bottom:solid 1px #e8e8e8; padding:2px 0 5px 0}
h3 { font-size:15px; line-height:20px; color:#000000; font-weight:bold; padding:8px 0 3px 0}
.middle_Wrapper ul { padding:3px 0 3px 10px;}
.middle_Wrapper ul li { background:url(../images/arrow.gif) no-repeat left 6px; padding:0 0 0 15px;}
ul { list-style:none;}
.clear_both { clear:both; margin:0; padding:0; font-size:0; line-height:0; height:0;}
.main_wrapper  { width:880px; padding:0 10px; margin:0 auto; text-align: left; }
.middle_Wrapper { padding:20px 10px 10px 10px; display:block;}
.right_panel { width:580px; float:left; border:solid 1px #fec7e2; padding:10px 15px;}
.left_panel { width:228px; float:right; }

#top_header { height:439px;}
.logo_section { height:96px; }
.text_pink { color:#c50765;}

h1.logo { padding:22px 0 0 0px; margin:0; line-height:16px; font-size:12px;}
 
.top_navigation { margin:0; padding:0;  height:41px; z-index:2000}
.top_navigation ul { list-style:none;}
.top_navigation ul li{ display:inline}
.top_navigation ul li a {  padding:0 0 0 12px; float:left; font-size:14px; color:#92054b; margin:5px 1px 0 0 ; text-decoration:none;}
.top_navigation ul li a span { display:block; float:left; padding:6px 12px 9px 0; text-decoration:none;  }
.top_navigation ul li a:hover, .top_navigation ul li a.active {background:url(../images/top_navigation_h_l.gif) no-repeat left top; color:#FFFFFF;  text-decoration:none;}
.top_navigation ul li a:hover span, .top_navigation ul li a.active span { background:url(../images/top_navigation_h_r.gif) no-repeat right top;  text-decoration:none;}
.top_banner { background:url(../images/home_page_banner.jpg) no-repeat left top; height:302px; position:relative; z-index:1}
.top_banner_home { background-image:none;}

.top_banner_Pricelist { background-image:url(../images/top_banner_Pricelist.jpg)}
.top_banner_aftercare { background-image:url(../images/top_banner_aftercare.jpg)}
.top_banner_methods { background-image:url(../images/top_banner_methods.jpg)}
.top_banner_faq { background-image:url(../images/top_banner_faq.jpg)}
.top_banner_contact_banner { background-image:url(../images/top_banner_contact_banner.jpg)}

body.inner_Pricelist { background-image:url(../images/body_background_inner_page.gif);}
body.inner_aftercare { background-image:url(../images/body_background_inner_page.gif);}
body.inner_methods { background-image:url(../images/body_background_inner_page.gif);}
body.inner_faq { background-image:url(../images/body_background_inner_page.gif);}
body.inner_contact_banner { background-image:url(../images/body_background_inner_page.gif);}

body.inner_Pricelist .top_banner { background-image:url(../images/top_banner_Pricelist.jpg)}
body.inner_aftercare .top_banner { background-image:url(../images/top_banner_aftercare.jpg)}
body.inner_methods .top_banner { background-image:url(../images/top_banner_methods.jpg)}
body.inner_faq .top_banner { background-image:url(../images/top_banner_faq.jpg)}
body.inner_contact_banner .top_banner { background-image:url(../images/top_banner_contact_banner.jpg)}



.top_banner_click_here_top { background:url(../images/banner_click_here_top.gif) no-repeat left top; width:2px; height:151px; position:absolute; top:-139px; right:104px; z-index:0}
.top_banner_click_here { background:url(../images/banner_click_here_bottom.gif) no-repeat left top; display:block; width:104px; height:208px; right:50px; top:12px; position:absolute; }
.top_banner_click_here a { display:block; position:absolute; width:93px; height:28px; bottom:30px; left:5px;}


.content_box { background:url(../images/padding_sp.gif) no-repeat bottom center; padding:0 0 40px 0; }
.padding15px { height:15px;}

.protfolio_box {padding:15px 0 10px 0;}
.protfolio_box .protfolio_img { float:left; margin:10px 3px 15px 3px}
.protfolio_box .protfolio_img a.protfolio_img_div{ display:block;  width:187px; padding-bottom:3px; text-align:center;  background:url(../images/portfolio_img_bottom.gif) no-repeat bottom center; }
.protfolio_box .protfolio_img a.protfolio_img_div img { border: solid 4px #FFFFFF; }
.protfolio_box .protfolio_img .protfolio_name { margin:0; padding:0; text-align:center; color:#c50765; font-weight:bold;}
.protfolio_box .protfolio_img .protfolio_name a { color:#c50765; text-decoration:none;}
.protfolio_box .protfolio_img .protfolio_name a:hover{ text-decoration:underline;}

.protfolio_box_client {padding:15px 0 10px 0;}
.protfolio_box_client .protfolio_img { float:left; padding:10px 8px 15px 8px;  _padding:10px 4px 15px 4px;}
.protfolio_box_client .protfolio_img .protfolio_img_div{ display:block;  width:274px; padding-bottom:3px; text-align:center;  background:url(../images/portfolio_img_bottom.gif) no-repeat bottom center;  }
.protfolio_box_client .protfolio_img .protfolio_img_div img { border: solid 4px #FFFFFF; }
.protfolio_box_client .protfolio_img .protfolio_name { margin:0; padding:0; text-align:center; color:#c50765; font-weight:bold;}
.protfolio_box_client .protfolio_img .protfolio_name a { color:#c50765; text-decoration:none;}
.protfolio_box_client .protfolio_img .protfolio_name a:hover{ text-decoration:underline;}



.form_data {}
.form_data fieldset { border-width:0; margin:0; padding:10px 15px 0 10px;}
.form_data div.input_bg { background:url(../images/input_bg.gif) no-repeat left top; width:247px; height:27px; margin:10px 0; padding:7px 10px;}
.form_data div.input_bg .input{ padding:5px 5px 3px 5px; color:#9c9c9c; font-size:12px; width:230px; border-width:0px; background:none;}

.form_data div.textarea_bg { background:url(../images/text_input_bg.gif) no-repeat left top; width:247px; height:84px; margin:10px 0; padding:7px 10px;}
.form_data div.textarea_bg .textarea_bg{ padding:5px 5px 3px 5px; color:#9c9c9c; font-size:12px; width:230px; border-width:0px; background:none; height:77px; font-family:Arial, Helvetica, sans-serif;}


.form_data_contactus { margin:0; padding:0 0 20px 0;}
.form_data_contactus label { display:block; width:125px; float:left; padding-top:18px;; font-weight: bold;float:left; }
.form_data_contactus .input_name{ display:block; width:100%; float:left; }
.form_data_contactus fieldset { border-width:0; margin:0; padding:10px 15px 0 10px;}
.form_data_contactus div.input_bg { background:url(../images/input_bg.gif) no-repeat left top; width:247px; height:27px; margin:10px 0 0 0; padding:7px 10px; float:left; }
.form_data_contactus div.input_bg .input{ padding:5px 5px 3px 5px; color:#9c9c9c; font-size:12px; width:230px; border-width:0px; background:none;}

.form_data_contactus div.select_bg { width:247px; height:27px; margin:10px 0 0 0; padding:7px 10px; float:left; }
.form_data_contactus div.select_bg select { width:240px; padding:5px 5px 3px 5px; color:#9c9c9c; font-size:12px;}

.form_data_contactus .input_name .submit { margin-top:10px;}
.form_data_contactus div.textarea_bg { background:url(../images/text_input_bg.gif) no-repeat left top; width:247px; height:84px; margin:10px 0 0 0; padding:7px 10px; float:left}
.form_data_contactus div.textarea_bg .textarea_bg{ padding:5px 5px 3px 5px; color:#9c9c9c; font-size:12px; width:230px; border-width:0px; background:none; height:77px; font-family:Arial, Helvetica, sans-serif;}


.form_left { width:271px; float:left; }
.form_right { width:270px; float:right; }
.submit {  width:auto;  height:41px;}
.submit label{padding:0 0 0 20px; background:url(../images/submit_left_bg.gif) no-repeat left top; float:left;}
.submit label input { background:url(../images/submit_right_bg.gif ) no-repeat right top; border:0; float:left; display:block; line-height:41px; padding:0 20px 0 0; height:41px; color:#c50765; font-size:16px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; width:250px; cursor:pointer; text-transform:uppercase;}

#footer { padding:0 20px 20px 0; font-size:11px; line-height:16px;} 
#footer p{ margin:0; padding:0; text-align:center}
#footer p.footer_menu { color:#c50765;}
#footer p.footer_menu a { color:#c50765; padding:0 3px; text-decoration:none;}
#footer p.footer_menu a:hover { text-decoration:underline;}
#footer a { text-decoration:none; }
#footer a:hover { text-decoration:underline;}

.main_btn_box { height:33px; padding-right:30px;}
.main_btn { background:url(../images/main_btn_left.gif) no-repeat left top; padding:0 0 0 20px; float:right; color:#FFFFFF; text-decoration:none;}
.main_btn span { background:url(../images/main_btn_right.gif) no-repeat right top; padding:0 20px 0 0; height:33px; line-height:30px; display:block; float:left;}
.main_btn:hover { text-decoration:underline;}
.main_btn:hover span { text-decoration:underline;}

.btn_view_box { height:33px; padding-right:30px;}
.btn_view { background:url(../images/main_btn_w_left.gif) no-repeat left top; padding:0 0 0 20px; float:right; color:#c50765; text-decoration:none;}
.btn_view span { background:url(../images/main_btn_w_right.gif) no-repeat right top; padding:0 30px 0 10px; height:33px; line-height:30px; display:block; float:left;}
.btn_view:hover { text-decoration:underline;}
.btn_view:hover span { text-decoration:underline;}

.btn_payment { height:33px; padding-left:15px; padding-top:10px;}
.btn_payment .btn_view{ float:left}

.btn_buynow { height:33px; padding-left:0px; padding-top:10px;}
.btn_buynow .btn_view{ float:left}

.faqs { margin:0; padding:5px 0 7px 0;}
.faqs p { padding:0; margin:0;}
.faqs .question { font-weight:bold;color:#c50765 }


.testimonials { margin:0; padding:5px 0 7px 0;}
.testimonials p { padding:0; margin:0; line-height:18px; font-style:italic;}
.testimonials .user_name { font-weight:bold; text-align:right; font-style:normal; }


.pricelist { margin:0; padding:0;}
.pricelist h3 { font-size:14px;}
.pricelist .pricelist_box { display: block; width:100%; padding:3px 0 3px 0; margin:1px 0; float:left; border:solid 1px #e8e8e8}
.pricelist  p.price{ width:60px;  float:left; line-height:18px; padding-left:10px; color:#c50765}
.pricelist  p.details{ width:70%;  float:left; line-height:18px}

.photo_gallery_box { position:relative;}


.Coming_soon { font-size:20px; font-weight:normal; text-align:center; padding:100px 0}
.Coming_soon span {color:#c50765}

.thank_you { font-size:18px; font-weight:bold; padding:10px 0 50px;}