/*********** TEMPLATE CSS START ***********/

body{}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clear{clear:both;}

#page_wrap{text-align:center;}
#page{width:965px;margin:0px auto;text-align:left;font-size:14px;font-family:calibri, arial, sans-serif;}

#page a{color:#032f97;}
#page a:hover, a:focus, a:active{text-decoration:none;}

#page_header{padding:10px 0px 0px 0px;}

#navigation ul{list-style:none;display:block;width:965px;height:34px;}
#navigation ul.nav1{background:url('../../images/navigation/home-bg.jpg') no-repeat;}
#navigation ul.nav2{background:url('../../images/navigation/about-bg.jpg') no-repeat;}
#navigation ul.nav3{background:url('../../images/navigation/about-dr-lee-bg.jpg') no-repeat;}
#navigation ul.nav4{background:url('../../images/navigation/testimonials-bg.jpg') no-repeat;}
#navigation ul.nav5{background:url('../../images/navigation/order-bg.jpg') no-repeat;}
#navigation ul.nav6{background:url('../../images/navigation/contact-bg.jpg') no-repeat;}
#navigation ul li{float:left;width:auto;}
#navigation ul li.nav_item1 a{width:178px;}
#navigation ul li.nav_item2 a{width:153px;}
#navigation ul li.nav_item3 a{width:152px;}
#navigation ul li.nav_item4 a{width:153px;}
#navigation ul li.nav_item5 a{width:154px;}
#navigation ul li.nav_item6 a{width:175px;}
#navigation ul li a{display:block;height:34px;}
#navigation ul li a span{width:0;height:0;display:block;overflow:hidden;}

#page_body{}
#page_body .body_top{background:url('../../images/body-top-bg.jpg') no-repeat;width:965px;height:423px;}
#page_body .body_top .content{position:relative;color:#fff;font-size:14px;}

#logo{width:249px;height:48px;padding:1px 0px 0px 8px;}
#logo span{width:0;height:0;display:block;overflow:hidden;}

#page_body .blue_box .content{background:url('../../images/blue-box-bg.jpg') repeat-y;}

#page_footer{color:#fff;}
#page_footer .social_network{}
#page_footer .social_network ul{list-style:none;}
#page_footer .social_network ul li{float:left;overflow:hidden;width:241px;}
#page_footer .social_network ul li a{width:241px;overflow:hidden;display:block;}
#page_footer .bottom_menu{text-align:center;background:#023195;width:965px;height:90px;clear:both;}
#page_footer .bottom_menu ul{list-style:none;padding:20px 0px 14px 0px;}
#page_footer .bottom_menu ul li{padding:0px 6px;display:inline;}
#page_footer .bottom_menu ul li a{color:#fff;text-decoration:none;}
#page_footer .bottom_menu ul li a:hover, #page_footer .bottom_menu ul li a:active, #page_footer .bottom_menu ul li a:visited{text-decoration:underline;}

/*********** TEMPLATE CSS END ***********/


/*********** HOMEPAGE CSS START ***********/

#page_body .body_top .homepage_content .main_image{position:absolute;top:43px;left:136px;}
#page_body .body_top .homepage_content h1{width:350px;position:absolute;top:200px;left:40px;font-size:24px;font-weight:normal;}
#page_body .body_top .homepage_content h1 span{font-size:48px;font-weight:bold;position:relative;top:-26px;}
#page_body .body_top .homepage_content p{width:540px;text-align:justify;position:absolute;top:270px;left:40px;}
#page_body .body_top .homepage_content p em{color:#fff744;font-weight:bold;font-style:normal;}
#page_body .body_top .homepage_content .button{position:absolute;top:222px;left:384px;}

#page_body .homepage_blue_box .content p{line-height:24px;}
#page_body .homepage_blue_box .content .left_col{float:left;width:180px;}
#page_body .homepage_blue_box .content .left_col img{padding:0px 0px 0px 40px;}
#page_body .homepage_blue_box .content .right_col{float:left;width:745px;}
#page_body .homepage_blue_box .content .right_col .button{float:left;width:109px;padding:6px 0px;}
#page_body .homepage_blue_box .content .right_col .meet_dr_lee{float:right;width:500px;text-align:right;padding:10px 0px 0px 0px;}
#page_body .homepage_blue_box .content .right_col .meet_dr_lee img{position:relative;top:3px;padding:0px 0px 0px 5px;}

#page_body .homepage_left_col{float:left;width:477px;height:308px;background:url('../../images/homepage-left-col-bg.jpg') 0px 20px no-repeat;position:relative;padding:20px 0px 0px 0px;}
#page_body .homepage_left_col img.absolute{position:absolute;left:-67px;}
#page_body .homepage_left_col .content{padding:55px 0px 0px 55px;}
#page_body .homepage_left_col .content h2{font-weight:bold;font-size:24px;color:#032f97;line-height:28px;padding:0px 0px 10px 0px;}
#page_body .homepage_left_col .content ul{list-style:none;padding:0px 0px 20px 0px;}
#page_body .homepage_left_col .content ul li{padding:0px 0px 10px 0px;}
#page_body .homepage_left_col .content ul li img{padding:0px 6px 0px 0px;position:relative;top:3px;}
#page_body .homepage_left_col .content .view_all{text-align:right;padding:0px 40px 0px 0px;}
#page_body .homepage_right_col{float:right;width:465px;color:#032f97;}
#page_body .homepage_right_col img.pen{float:left;width:auto;padding:30px 0px 0px 35px;}
#page_body .homepage_right_col img.doctor_lee{float:right;width:auto;padding:10px 10px 0px 0px;}
#page_body .homepage_right_col .content{clear:both;padding:0px 10px 20px 0px;text-align:justify;}
#page_body .homepage_right_col .content h3{font-size:18px;font-weight:bold;line-height:20px;}
#page_body .homepage_right_col .content p{padding:0px 6px 0px 0px;}

#page_body .blue_border_box{margin:0px 0px 0px 8px;color:#032f97;}
#page_body .blue_border_box .content_wrap{background:url('../../images/blue-border-box-bg.gif') repeat-y;}
#page_body .blue_border_box .content_wrap .content{padding:0px 0px 6px 0px;width:913px;}
#page_body .blue_border_box .content_wrap .content h4{font-size:24px;font-weight:bold;line-height:28px;padding:0px 0px 10px 26px;}
#page_body .blue_border_box .content_wrap .content p{text-align:justify;padding:0px 0px 0px 26px;}

/*********** HOMEPAGE CSS END ***********/


/***********ABOUT CSS START ***********/

#page_body .body_top .about_content .main_image{position:absolute;top:33px;left:81px;}
#page_body .body_top .about_content h1, #page_body .body_top .about_content h2, #page_body .body_top .about_content h3{position:absolute;font-size:16px;font-weight:bold;}
#page_body .body_top .about_content h1{width:300px;left:396px;top:22px;}
#page_body .body_top .about_content h2{text-align:right;width:322px;left:516px;top:212px;}
#page_body .body_top .about_content h3{width:345px;left:180px;top:288px;}
#page_body .body_top .about_content h1 span, #page_body .body_top .about_content h2 span, #page_body .body_top .about_content h3 span{font-size:12px;font-weight:normal;position:relative;line-height:14px;}

#page_body .about_content{padding:0px 10px;}
#page_body .about_content h4{font-size:24px;font-weight:bold;clear:both;}
#page_body .about_content h4 a{color:#000;}
#page_body .about_content ul{list-style:none;}
#page_body .about_content ul li{float:left;width:315px;padding-bottom:30px;}
#page_body .about_content ul li a img{border:2px solid #0d73da;}
#page_body .about_content ul li a:hover img, #page_body .about_content ul li a:focus img, #page_body .about_content ul li a:active img{border:2px solid #7a3099;}
#page_body .about_content ul li p{text-align:left;line-height:16px;}
#page_body .about_content ul li.align_center{text-align:center;}
#page_body .about_content ul li.align_center p{padding-left:19px;}
#page_body .about_content ul li.align_right{text-align:right;}
#page_body .about_content ul li.align_right p{padding-left:38px;}
#page_body .about_content ul li.clear{clear:both;}

/***********ABOUT CSS END ***********/


/*********** ABOUT DR LEE CSS START ***********/

#page_body .body_top .about_dr_content .left_col{float:left;width:233px;padding:35px 0px 0px 44px;}
#page_body .body_top .about_dr_content .right_col{float:right;width:592px;padding:66px 54px 0px 0px;text-align:justify;}
#page_body .body_top .about_dr_content .right_col h1{font-size:24px;font-weight:bold;padding:0px 0px 14px 0px;}
#page_body .about_dr_blue_box .content{padding:24px 44px;}
#page_body .about_dr_blue_box .content h2{font-size:24px;font-weight:bold;padding:0px 0px 14px 0px;}
#page_body .about_dr_blue_box .content p{padding-bottom:10px;text-align:justify;}

/*********** ABOUT DR LEE CSS END ***********/


/*********** TESTIMONIALS CSS START ***********/

#page_body .body_top .testimonials_content .left_col{float:left;width:425px;padding:35px 0px 0px 44px;text-align:justify;}
#page_body .body_top .testimonials_content .left_col h1{font-size:24px;font-weight:bold;padding:0px 0px 14px 0px;}
#page_body .body_top .testimonials_content .left_col p{padding:0px 0px 60px 0px;}
#page_body .body_top .testimonials_content .left_col .button{text-align:center;}
#page_body .body_top .testimonials_content .right_col{float:right;width:420px;padding:22px 0px 0px 0px;}

#page_body .testimonials_blue_box .content{padding:24px 44px;}
#page_body .testimonials_blue_box .content h2{font-size:24px;font-weight:bold;padding:0px 0px 14px 0px;}
#page_body .testimonials_blue_box .content h3{font-size:14px;font-weight:bold;}
#page_body .testimonials_blue_box .content p{padding-bottom:10px;text-align:justify;}
#page_body .testimonials_blue_box .content ul{list-style:none;}
#page_body .testimonials_blue_box .content ul li{padding-bottom:20px;}

/*********** TESTIMONIALS CSS END ***********/


/*********** ORDER CSS START ***********/

#page_body .body_top .order_content .left_col{float:left;width:600px;padding:10px 0px 20px 44px;}
#page_body .body_top .order_content .left_col h1{font-size:36px;font-weight:bold;padding:0px 0px 14px 0px;}
#page_body .body_top .order_content .left_col img.viewCart, #page_body .body_top .order_content ul li img.addPen{cursor:pointer;}
#page_body .body_top .order_content .right_col{float:right;width:181px;padding:10px 44px 0px 0px;}
#page_body .body_top .order_content .main_image{clear:both;text-align:center;}
#page_body .body_top .order_content ul{list-style:none;padding:50px 0px 0px 28px;}
#page_body .body_top .order_content ul li{width:118px;float:left;text-align:center;padding:0px 6px;}
#page_body .body_top .order_content ul li .pen{margin:0px 0px 10px 0px;}

#page_body .order_bottom_content{padding:0px 10px;}
#page_body .order_bottom_content .left_col{width:402px;float:left;text-align:justify;}
#page_body .order_bottom_content .left_col h2, #page_body .order_bottom_content .left_col h3{font-size:24px;font-weight:bold;}
#page_body .order_bottom_content .left_col p{padding-bottom:40px;}
#page_body .order_bottom_content .left_col .image{text-align:center;padding:10px 0px;}
#page_body .order_bottom_content .right_col{width:524px;float:right;}
#page_body .order_bottom_content .bottom{clear:both;color:#828282;text-align:justify;}

#page_body .small_blue_border_box{margin-bottom:20px;}
#page_body .small_blue_border_box .content_wrap{background:url('../../images/small-blue-border-box-bg.gif') repeat-y;}
#page_body .small_blue_border_box .content_wrap .content{padding:0px;width:524px;}
#page_body .small_blue_border_box .content_wrap .content h4{font-size:24px;font-weight:bold;line-height:28px;padding:0px 0px 10px 26px;float:left;width:210px;}
#page_body .small_blue_border_box .content_wrap .content p.right{float:right;width:230px;padding:3px 26px 0px 0px;clear:right;text-align:right;font-size:18px;font-weight:bold;}
#page_body .small_blue_border_box .content_wrap .content p{text-align:justify;padding:0px 0px 10px 26px;clear:both;}
#page_body .small_blue_border_box .content_wrap .content .left, #page_body .small_blue_border_box .content_wrap .content .center, #page_body .small_blue_border_box .content_wrap .content .right{height:21px;padding-bottom:10px;}
#page_body .small_blue_border_box .content_wrap .content .left{float:left;width:55px;clear:both;padding-left:26px;}
#page_body .small_blue_border_box .content_wrap .content .center{float:left;width:305px;}
#page_body .small_blue_border_box .content_wrap .content .center img{position:relative;top:4px;}
#page_body .small_blue_border_box .content_wrap .content .right{float:right;width:84px;padding-right:26px;}
#page_body .small_blue_border_box .content_wrap .content .right img.addInk{cursor:pointer;}
#page_body .small_blue_border_box .content_wrap .content .blue{color:#004dff;}
#page_body .small_blue_border_box .content_wrap .content .red{color:#ff0000;}

#page_body .small_blue_box .content_wrap{background:url('../../images/small-blue-box-bg.jpg') repeat-y;}
#page_body .small_blue_box .content_wrap .content{padding:10px 30px;text-align:center;position:relative;}
#page_body .small_blue_box .content_wrap .content img{padding-top:10px;}
#page_body .small_blue_box .content_wrap .content h5{font-size:24px;font-weight:bold;position:absolute;left:30px;}
#page_body .small_blue_box .content_wrap .content p{text-align:justify;padding-top:10px;}


/*********** ORDER CSS END ***********/


/*********** CONTACT CSS START ***********/

#page_body .body_top .contact_content .left_col{float:left;width:365px;padding:20px 0px 0px 80px;}
#page_body .body_top .contact_content .left_col .sent{font-weight:bold;color:yellow;}
#page_body .body_top .contact_content .left_col .label{float:left;width:100px;clear:both;font-weight:bold;text-align:right;padding-bottom:10px;}
#page_body .body_top .contact_content .left_col .input, #page_body .body_top .contact_content .left_col .textarea{float:right;width:260px;padding-bottom:10px;position:relative;}
#page_body .body_top .contact_content .left_col .input input{width:154px;height:18px;}
#page_body .body_top .contact_content .left_col .textarea textarea{width:255px;height:100px;overflow:auto;}
#page_body .body_top .contact_content .left_col .input label.error{padding-left:3px;color:red;position:absolute;width:200px;}
#page_body .body_top .contact_content .left_col .textarea label.error{padding-top:3px;color:red;display:block;}
#page_body .body_top .contact_content .left_col .submit{clear:both;text-align:right;}
#page_body .body_top .contact_content .left_col .submit img{cursor:pointer;}
#page_body .body_top .contact_content .right_col{float:right;width:315px;padding-right:150px;}

/*********** CONTACT CSS END ***********/