/* ********************************************************** @NORMALIZES *************************************************************/ body, div, dl, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, form, fieldset, input, textarea, select, th, td { margin: 0; padding: 0; } body, h1, h2, h3, h4, h5, h6, p, li, fieldset, label, input, textarea, select, table { font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-weight: normal; } input, textarea, select { background: #FFF url(../images/form_shadow.gif) no-repeat left top; border-left: solid 1px #999999; border-top: solid 1px #999999; border-right: solid 1px #E2E2E2; border-bottom: solid 1px #E2E2E2; } input:hover, textarea:hover { background: #FFF url(../images/form_shadow.gif) no-repeat left top; border-left: solid 1px #999999; border-top: solid 1px #999999; border-right: solid 1px #E2E2E2; border-bottom: solid 1px #E2E2E2; } select:hover, select:active, select:focus { border-left: solid 1px #999999; border-top: solid 1px #999999; border-right: solid 1px #E2E2E2; border-bottom: solid 1px #E2E2E2; } input:active, textarea:active, input:focus, textarea:focus { background: #FFF url(../images/form_shadow_focus.gif) no-repeat left top; border-left: solid 1px #999999; border-top: solid 1px #999999; border-right: solid 1px #E2E2E2; border-bottom: solid 1px #E2E2E2; } input.button, .button input { border: none; background: none; cursor: pointer; } h1, h2, h3, h4, h5, h6, p, li { cursor: default; line-height: 1.4em; } a { color: #ED5AA0; text-decoration: none; cursor: pointer; } a:hover { color: #006BB6; text-decoration: underline; } ol, ul { list-style-type: none; } address, caption, code, dfn, th, var { font-style: normal; font-weight: normal; } cite { font-style: italic; font-weight: normal; } table { border-collapse: collapse; border-spacing: 0; } fieldset, img { border: 0; } caption, th { text-align: left; } q:before, q:after { content: ''; } .clear { height: 0; clear: both; font-size: 0; line-height: 0; } .green { color: #4E8E77; } .big_green { font-size: 13px; font-weight: bold; color: #4E8E77; } .purple { color: #996699; } .sand { color: #E7E3AB; } /* system messages */ p.crash { /*width: 100%;*/ background: #FFF url(../images/system_crash.gif) no-repeat 15px center; font-weight: bold; margin: 10px 0; padding: 5px 5px 5px 50px; border: solid 2px #FF0000; filter: alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; } p.crash span { font: bold 120% "trebuchet MS", tahoma, sans-serif; line-height: 16px; text-transform: uppercase; color: #FF0000; } p.bless { /*width: 100%;*/ background: #FFF url(../images/system_bless.gif) no-repeat 15px center; font-weight: bold; margin: 10px 0; padding: 5px 5px 5px 50px; border: solid 2px #7EB712; filter: alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; } p.bless span { font: bold 120% "trebuchet MS", tahoma, sans-serif; line-height: 16px; text-transform: uppercase; color: #7EB712; } p.note { /*width: 100%;*/ background: #FFF url(../images/system_note.gif) no-repeat 15px center; font-weight: bold; margin: 10px 0; padding: 5px 5px 5px 50px; border: solid 2px #4C91BD; filter: alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; } p.note span { font: bold 120% "trebuchet MS", tahoma, sans-serif; line-height: 16px; text-transform: uppercase; color: #4C91BD; } /* @WMouseText */ /*#WMouseText { background: #FFF; border: solid 1px #B6EEFB; color: #ED5AA0; font-weight: bold; width: 125px; height: 30px; line-height: 30px; margin: 0; padding: 5px; position: relative; }*/ #WMouseText { background: #FFF; border: solid 1px #B6EEFB; color: #ED5AA0; font-weight: bold; width: auto; height: auto; line-height: 30px; margin: 0; padding: 5px; position: relative; } /* ********************************************************** @ELEMENTS *************************************************************/ body { text-align: center; background: #003663; font-size: 12px; line-height: 1.4em; color: #737373; } .t { background: #FFF url(../images/index_top_color.gif) repeat-x left top; } .i .t { background: #FFF url(../images/inside_top_color.gif) repeat-x left top; } .b { background: transparent url(../images/footer_color.gif) repeat-x left bottom; } #container_index { width: 778px; margin: 0 auto; background: #FFF url(../images/index_main.jpg) no-repeat left top; text-align: left; position: relative; } #container_inside { width: 974px; margin: 0 auto; background: #FFF url(../images/inside_float.gif) repeat-y center top; text-align: left; position: relative; } #container_inside .t { background: transparent url(../images/inside_main.jpg) no-repeat center top; } #container_inside .b { background: transparent url(../images/inside_footer.gif) no-repeat center bottom; } /* @HEADER*/ #header { position: relative; top: 0; left: 16px; width: 746px; height: 90px; z-index: 2; } #container_inside #header { position: relative; top: 0; left: 8px; width: 958px; height: 144px; z-index: 2; } #container_inside #header #headerpic { position: absolute; top: 0; left: 170px; width: 290px; height: 144px; background-color: transparent; background-repeat: no-repeat; background-position: center top; z-index: 1; } #header h1 { text-indent: -9999px; position: absolute; top: 0; left: 0; z-index: 2; } #header h1 a { display: block; width: 217px; height: 78px; background: transparent url(../images/logo_fertility_index.gif) no-repeat left top; } #container_inside #header h1 a { display: block; width: 184px; height: 76px; background: transparent url(../images/logo_fertility_inside.gif) no-repeat left top; } #header h2 { position: absolute; top: 23px; right: 0; font-size: 15px; line-height: 30px; font-weight: bold; color: #003663; text-align: right; } #header h2 span { color: #868789; } #container_inside #header h2#slogan { position: absolute; top: 76px; left: 0; text-align: left; text-indent: -9999px; } #container_inside #header h2#slogan span { display: block; width: 170px; height: 45px; background: transparent url(../images/slogan_inside.gif) no-repeat left top; } #container_inside #header h3 { position: absolute; top: 0; left: 460px; text-align: left; text-indent: -9999px; } #container_inside #header h3 span { display: block; width: 240px; height: 90px; background: transparent url(../images/slogan2_inside.gif) no-repeat left top; } #header ul#nav_main { width: 425px; position: absolute; top: 50px; right: 0; } #container_inside #header ul#nav_main { position: absolute; top: 104px; right: 0; } #header ul#nav_main li { float: left; display: inline; width: 85px; text-align: center; font-weight: bold; } /*#header ul#nav_main li span { display: block; margin-top: -5px; }*/ #header ul#nav_main li.normal a, #header ul#nav_main li.active a { display: block; width: 83px; height: 25px; padding-top: 12px; line-height: 12px; color: #003663; } #header ul#nav_main li.normal a:hover, #header ul#nav_main li.active a { color: #FFF; background: transparent url(../images/nav_main_active.gif) no-repeat left top; text-decoration: none; } #header ul#nav_top { position: absolute; top: 0; right: 10px; } #header ul#nav_top li { float: left; display: inline; text-align: right; margin-left: 10px; padding-left: 16px; background: transparent url(../images/icon_nav_top.gif) no-repeat left center; } #header ul#nav_top li a { color: #FFF; line-height: 20px; } #header ul#nav_top li a:hover { color: #99C3E1; text-decoration: none; } #container_inside #header #search { width: 205px; height: 40px; position: absolute; top: 56px; right: 0; } #container_inside #header #search input { position: absolute; top: 9px; right: 50px; width: 116px; height: 16px; padding: 4px 0 0 20px; background-image: url(../images/search.gif); } #container_inside #header #search input:hover, #container_inside #header #search input:focus { background-image: url(../images/search_focus.gif); } #container_inside #header #search input.button { position: absolute; top: 0; right: 0; width: auto; height: auto; background: none; border: none; padding: 0; } /* @CONTENT*/ /* @content_top */ #content_top { position: relative; left: 16px; top: -9px; width: 746px; height: 234px; z-index: 1; } #content_top #main_text { margin-left: 12px; } #content_top #main_text h3 { font-size: 14px; line-height: 26px; font-weight: bold; } #content_top #main_text ul {} #content_top #main_text ul li { font-weight: bold; color: #0278A4; height: 18px; padding-left: 20px; background: transparent url(../images/icon_flower.gif) no-repeat left center; } #content_top #main_text #conception { width: 217px; height: 38px; position: absolute; top: 194px; left: 8px; } #content_top #main_text #search { width: 205px; height: 40px; position: absolute; bottom: 0; left: 13px; } #content_top #main_text #search input { position: absolute; top: 9px; left: 0; width: 116px; height: 16px; padding: 4px 0 0 20px; background-image: url(../images/search.gif); } #content_top #main_text #search input:hover, #content_top #main_text #search input:focus { background-image: url(../images/search_focus.gif); } #content_top #main_text #search input.button { position: absolute; top: 0; left: 150px; width: auto; height: auto; background: none; border: none; padding: 0; } #content_top #main_flash { position: absolute; top: 0; right: 0; width: 529px; height: 236px; } /* @content_bottom */ /* @INDEX TABS */ #content_bottom { width: 778px; margin: 0 auto; padding-bottom: 12px; background: transparent url(../images/index_content_bottom.jpg) no-repeat left bottom; } #index_tab_holder { float: left; display: inline; width: 532px; min-height: 158px; margin-left: 16px; background: transparent url(../images/tab_grad.gif) repeat-x left top; position: relative; } * html body #index_tab_holder { height: 158px; } #index_tab_holder .tab_left_content, #index_tab_holder .tab_center_content, #index_tab_holder .tab_right_content { padding-top: 12px; } /* @tab titles */ #index_tab_holder ul {} #index_tab_holder ul li { float: left; display: inline; margin: 0; padding: 0 53px 0 0; } #index_tab_holder ul li a { float: left; display: inline; height: 20px; padding: 13px 8px 0 8px; background: transparent url(../images/tab_flow.gif) repeat-x left top; font-size: 13px; font-weight: bold; color: #FFF; } #index_tab_holder ul li a:hover { text-decoration: none; } /* @tab contents */ #index_tab_holder h1 { font: bold 18px Georgia, "Times New Roman", Times, serif; color: #006BB6; margin: 0 10px 5px 10px; padding-bottom: 5px; border-bottom: dotted 1px #737373; } #index_tab_holder h2 { font: bold 16px Georgia, "Times New Roman", Times, serif; color: #006BB6; margin: 0 10px 5px 10px; } #index_tab_holder h3 { font: bold 14px Georgia, "Times New Roman", Times, serif; color: #006BB6; margin: 0 10px 5px 10px; } #index_tab_holder h4, #index_tab_holder h5, #index_tab_holder h6 { font-size: 12px; color: #006BB6; margin: 0 10px 5px 10px; } #index_tab_holder p { margin: 0 10px 5px 10px; } #index_tab_holder p.testimonials { font: italic bold 12px Georgia, "Times New Roman", Times, serif; line-height: 1.6em; color: #0278A4; display: block; margin-bottom: 10px; padding: 10px 10px 0 10px; } /*#index_tab_holder p.testimonials br { display: none; }*/ #index_tab_holder p.testimonials span.name { font: normal bold 12px Arial, Helvetica, sans-serif; color: #737373; display: block; padding-top: 10px; letter-spacing: 1px; } #index_tab_holder p.testimonials span img { border: none; background: none; float: none; padding: 0; } #index_tab_holder p.testimonials span.op img { margin: 0 8px 0 0; } #index_tab_holder p.testimonials span.cl img { margin: 0 0 0 5px; } #index_tab_holder p.more { margin: 5px 10px; background: transparent url(../images/icon_bluedot_link.gif) no-repeat 0 2px; } #index_tab_holder p.more a { margin-left: 15px; } #index_tab_holder p.more a span {} #index_tab_holder .tab_left { float: left; display: inline; width: 340px; position: relative; } #index_tab_holder .tab_right { float: right; display: inline; width: 192px; margin-top: 11px; position: relative; } #index_tab_holder .tab_right p.more_extra { position: absolute; right: 0; bottom: 5px; margin-right: 0; } #index_tab_holder .tab_right p.more_extra a { display: block; width: 135px; background: transparent url(../images/icon_bluedot_link.gif) no-repeat 0 2px; } #index_tab_holder .tab_right p.more_extra a span { display: block; width: 120px; margin-left: 15px; } #index_tab_holder .extra_left { float: left; display: inline; width: 340px; position: relative; } #index_tab_holder .extra_left .addtoany { margin: 5px; } #index_tab_holder .extra_right { float: right; display: inline; width: 192px; margin-top: 0; position: relative; } #index_tab_holder .extra_right p.more_extra { position: absolute; right: 0; bottom: 5px; margin-right: 0; } #index_tab_holder .extra_right p.more_extra a { display: block; width: 135px; background: transparent url(../images/icon_bluedot_link.gif) no-repeat 0 2px; } #index_tab_holder .extra_right p.more_extra a span { display: block; width: 120px; margin-left: 15px; } /* @tab switch rules */ #index_tab_holder .tab_left_active li.tab_left_title { background: transparent url(../images/tab_matrix.gif) no-repeat right 0; } #index_tab_holder .tab_left_active li.tab_left_title a { color: #BB2970; } #index_tab_holder .tab_left_active .tab_left_content { display: block; } #index_tab_holder .tab_left_active li.tab_center_title { background: transparent url(../images/tab_matrix.gif) no-repeat right -66px; } #index_tab_holder .tab_left_active li.tab_center_title a { background: transparent url(../images/tab_flow.gif) repeat-x left bottom; } #index_tab_holder .tab_left_active .tab_center_content { display: none; } #index_tab_holder .tab_left_active li.tab_right_title { background: transparent url(../images/tab_matrix.gif) no-repeat right -99px; } #index_tab_holder .tab_left_active li.tab_right_title a { background: transparent url(../images/tab_flow.gif) repeat-x left bottom; } #index_tab_holder .tab_left_active .tab_right_content { display: none; } #index_tab_holder .tab_center_active li.tab_left_title { background: transparent url(../images/tab_matrix.gif) no-repeat right -33px; } #index_tab_holder .tab_center_active li.tab_left_title a { background: transparent url(../images/tab_flow.gif) repeat-x left bottom; } #index_tab_holder .tab_center_active .tab_left_content { display: none; } #index_tab_holder .tab_center_active li.tab_center_title { background: transparent url(../images/tab_matrix.gif) no-repeat right 0; } #index_tab_holder .tab_center_active li.tab_center_title a { color: #BB2970; } #index_tab_holder .tab_center_active .tab_center_content { display: block; } #index_tab_holder .tab_center_active li.tab_right_title { background: transparent url(../images/tab_matrix.gif) no-repeat right -99px; } #index_tab_holder .tab_center_active li.tab_right_title a { background: transparent url(../images/tab_flow.gif) repeat-x left bottom; } #index_tab_holder .tab_center_active .tab_right_content { display: none; } #index_tab_holder .tab_right_active li.tab_left_title { background: transparent url(../images/tab_matrix.gif) no-repeat right -66px; } #index_tab_holder .tab_right_active li.tab_left_title a { background: transparent url(../images/tab_flow.gif) repeat-x left bottom; } #index_tab_holder .tab_right_active .tab_left_content { display: none; } #index_tab_holder .tab_right_active li.tab_center_title { background: transparent url(../images/tab_matrix.gif) no-repeat right -33px; } #index_tab_holder .tab_right_active li.tab_center_title a { background: transparent url(../images/tab_flow.gif) repeat-x left bottom; } #index_tab_holder .tab_right_active .tab_center_content { display: none; } #index_tab_holder .tab_right_active li.tab_right_title { background: transparent url(../images/tab_matrix.gif) no-repeat right -132px; } #index_tab_holder .tab_right_active li.tab_right_title a { color: #BB2970; } #index_tab_holder .tab_right_active .tab_right_content { display: block; } /* @tab follow product */ #content_bottom #product { float: right; display: inline; width: 230px; heght: 170px; position: relative; } #content_bottom #product p.price { position: absolute; top: 60px; right: 30px; font-size: 18px; line-height: 1.2em; font-weight: bold; color: #0278A4; text-align: right; } #content_bottom #product p.price span { display: block; font-size: 14px; line-height: 1.2em; color: #34393D; } #content_bottom #product p.button { position: absolute; top: 118px; right: 24px; text-indent: -9999px; } #content_bottom #product p.button a { display: block; width: 88px; height: 32px; background: transparent url(../images/button_buy_index.gif) no-repeat right top; } /* @INSIDE */ #content_holder { position: relative; left: 8px; top: -12px; width: 958px; min-height: 506px; z-index: 1; } * html body #content_holder { height: 506px; } #content_holder .left { float: left; width: 180px; padding-bottom: 60px; } #content_holder .main { float: left; width: 778px; padding-bottom: 60px; } #content_holder .main .center { float: left; width: 636px; position: relative; top: 22px; left: 0; } #content_holder .main .right { float: left; width: 142px; } #content_holder .left h3, #content_holder .right h3 { font-size: 14px; line-height: 1.2em; font-weight: bold; color: #FFF; display: block; width: auto; padding: 7px 10px; border-top: solid 1px #FFF; border-bottom: solid 1px #FFF; background: transparent url(../images/h3_allside.jpg) repeat-x left center;} /* @INSIDE LEFT */ /* @quicklinks */ #content_holder .left #quicklinks { width: 170px; background: #FFF; } #content_holder .left #quicklinks ul { width: 170px; height: auto; display: block; padding-top: 1px; } #content_holder .left #quicklinks ul li { width: 170px; height: auto; margin-bottom: 1px; font-size: 12px; font-weight: bold; } #content_holder .left #quicklinks ul li.normal a, #content_holder .left #quicklinks ul li.active a { color: #0278A4; text-decoration: none; display: block; width: 170px; height: auto; padding: 8px 0; background: transparent url(../images/nav_quick_li.jpg) no-repeat left center; border-top: solid 1px #B5EFFB; border-bottom: solid 1px #B5EFFB; } #content_holder .left #quicklinks ul li.normal a:hover, #content_holder .left #quicklinks ul li.normal a:active, #content_holder .left #quicklinks ul li.active a { background-position: right center; text-decoration: none; color: #00AEEF; } #content_holder .left #quicklinks ul li a span { display: block; margin: 0 24px 0 8px; } /* @subnav */ #content_holder .left #quicklinks ul li.active ul { padding-top: 0; } #content_holder .left #quicklinks ul li.active ul li { margin-bottom: 0; } #content_holder .left #quicklinks ul li.active ul li.normal a, #content_holder .left #quicklinks ul li.active ul li.active a { color: #0278A4; text-decoration: none; display: block; padding: 8px 0; background: transparent url(../images/nav_sub_quick_li.jpg) no-repeat right center; border-top: solid 1px #FFF; border-bottom: none; } #content_holder .left #quicklinks ul li.active ul li.normal a:hover, #content_holder .left #quicklinks ul li.active ul li.normal a:active, #content_holder .left #quicklinks ul li.active ul li.active a { background-position: left center; text-decoration: none; color: #00AEEF; } #content_holder .left #quicklinks ul li.active ul li a span { display: block; margin: 0 24px 0 8px; } /* @faq */ #content_holder .left #faq { width: 170px; padding-bottom: 15px; background: #FFF url(../images/shadow_blue_left.gif) no-repeat left bottom; } #content_holder .left #faq ul { width: 170px; height: auto; margin-top: -11px; padding-top: 145px; background: transparent url(../images/faq_bg_pic.gif) no-repeat left top; } #content_holder .left #faq ul li { width: 150px; height: auto; margin: 0 10px 5px 10px; padding: 0; background: transparent url(../images/icon_doc.gif) no-repeat 0 3px; } #content_holder .left #faq ul li a { color: #0278A4; display: block; margin: 0 0 0 15px; } #content_holder .left #faq p.more { margin: 5px 10px; background: transparent url(../images/icon_bluedot_link.gif) no-repeat 0 2px; } #content_holder .left #faq p.more a { margin-left: 15px; } #content_holder .left #faq p.more a span {} /* ************************************************************************************************************************************************************************************************************************ @INSIDE CENTER ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ************************************************************************************************************************************************************************************************************************ */ /* @USER UPLOAD AREA START*/ #user_upload { width: 623px; padding-bottom: 30px; } #user_upload h1 { font: normal 30px Georgia, "Times New Roman", Times, serif; color: #0278A4; margin-bottom: 10px; display: block; } #user_upload h2 { font-size: 20px; color: #EC5AA1; margin-bottom: 10px; display: block; } #user_upload h3 { font-size: 18px; color: #0278A4; margin-bottom: 10px; display: block; } #user_upload h4 { font-size: 16px; } #user_upload h5 { font-size: 14px; } #user_upload h6 { font-size: 12px; } #user_upload p { margin-bottom: 10px; line-height: l.4em; text-align: justify; } #user_upload ul { width: auto; height: auto; margin-bottom: 10px; } #user_upload ul li { width: auto; height: auto; color: #737373; padding: 2px 0 2px 20px; margin: 0 0 5px 0; background: transparent url(../images/icon_flower.gif) no-repeat 0 3px; } #user_upload ol { width: auto; height: auto; margin-bottom: 10px; list-style-type: decimal; list-style-position: inside; } #user_upload ol li { width: auto; height: auto; color: #737373; padding: 2px 0; margin: 0 0 5px 0; background: none; } #user_upload img, #user_upload a img { padding: 4px; border: solid 1px #DADADA; background: #FFF; float: left; margin-right: 10px; } #user_upload .clearimage img, #user_upload .clearimage a img { padding: 4px; border: solid 1px #FFF; background: #FFF; float: none; clear: left; margin-right: 10px; } #user_upload a:hover img { border-color: #006BB6; } #user_upload .clearimage { float: none; clear: left; } /* @currently viewing */ #user_upload p#currently_viewing {} #user_upload p#currently_viewing { text-transform: uppercase; color: #737373; } #user_upload p#currently_viewing span { text-transform: none; } /* @product */ #user_upload .product_content img, #user_upload img.product_image { padding: 0; border: 0; } #user_upload .product_info { float: left; } #user_upload .product_info h2 { font: normal 20px Georgia, "Times New Roman", Times, serif; color: #EC5AA1; display: block; margin-bottom: 10px; padding: 3px 0; border-top: dotted 1px #737373; border-bottom: dotted 1px #737373; } #user_upload .product_info fieldset.product_form ul { width: 290px; height: auto; margin-bottom: 10px; } #user_upload .product_info fieldset.product_form ul li { float: left; display: inline; width: 49.9%; height: auto; padding: 2px 0; margin: 0; background: none; } #user_upload .product_info fieldset.product_form ul li label { width: 50px; position: relative; top: 55px; left: 0; } #user_upload .product_info fieldset.product_form ul li label span { margin-right: 10px; padding: 0; background: none; font-weight: bold; } #user_upload .product_info fieldset.product_form ul li select { width: 50px; position: relative; top: 55px; left: 0; } #user_upload .product_info fieldset.product_form ul li input.button { margin-left: 15px; } /* @checkout */ #user_upload p.checklist { display: block; height: 30px; line-height: 30px; margin-bottom: 20px; border-top: dotted 1px #737373; border-bottom: dotted 1px #737373; } #user_upload p.checklist span.prodname { font-size: 14px; font-weight: bold; color: #006BB6; display: block; float: left; width: 245px; } #user_upload p.checklist span.qty { display: block; float: left; width: 120px; } #user_upload p.checklist span.qty span { font-weight: bold; color: #006BB6; margin-left: 5px; } #user_upload p.checklist span.modify { display: block; float: left; width: 145px; text-align: center; } #user_upload p.checklist span.modify a { color: #FFF; text-decoration: none; padding: 1px 3px; background: #ED5AA0; } #user_upload p.checklist span.modify a:hover { color: #FFF; text-decoration: none; background: #006BB6; } #user_upload p.checklist span.total { display: block; float: left; width: 110px; text-align: right; } #user_upload p.checklist span.total span { font-weight: bold; color: #006BB6; } /* @uni_form */ #user_upload #uni_form {} #user_upload #uni_form h3 { clear: both; color: #0278A4; } #user_upload #uni_form h4 { clear: both; font-weight: bold; } #user_upload #uni_form ul { width: 623px; margin: 0; padding: 0; list-style-type: none; } #user_upload #uni_form ul li { width: 100%; margin: 0; padding: 4px 0; float: left; clear: both; background: none; } #user_upload #uni_form ul li span { background: none; padding: 0; /*color: #737373;*/ } #uni_form ul li label { width: 150px; float: left; display: inline; margin-right: 0; line-height: 20px; } #uni_form ul li.double label.m1 { width: 90px; } #uni_form ul li.double label.m2 { width: 60px; } #uni_form ul li input { width: 200px; height: 18px; float: left; display: inline; } #uni_form ul li input.short { width: 100px; } #uni_form ul li input.chkbox { width: 20px; border: none; background: none; } #uni_form ul li input.radio { width: 20px; border: none; background: none; } #uni_form ul li input.button { width: auto; height: auto; border: none; margin-top: 10px; } #uni_form ul li select { width: 200px; height: auto; float: left; display: inline; font-size: 12px; } #uni_form ul li select.short { width: 100px; } #uni_form ul li.double select.m1 { width: 48px; margin-right: 12px;} #uni_form ul li.double select.m2 { width: 48px; } #uni_form ul li textarea { width: 200px; height: 80px; float: left; display: inline; } #uni_form ul li textarea.short { width: 200px; height: 80px; float: left; display: block; } #uni_form ul li textarea.doubleline { width: 200px; height: 36px; float: left; display: block; } #uni_form ul li .bubble_holder { width: 255px; margin: 0 0 15px 0; padding: 0; float: right; display: inline; position: relative;} #uni_form ul li .bubble_holder p.extra_info { font-size: 11px; position: relative; } #uni_form ul li .bubble { position: absolute; left: 80px; top: 0; width: 150px; z-index: 999; } #uni_form ul li .bubble p { font-size: 11px; background: #FFF; margin: 0; padding: 5px; border: solid 1px #ADADAD; } #user_upload #uni_form .checkout_total { display: block; width: 100%; float: left; margin-bottom: 20px; } #user_upload #uni_form .checkout_total p.priceAtt, #user_upload #uni_form .checkout_total p.totalAtt { float: left; display: inline; width: 80px; margin: 0 5px 0 0; border-right: dashed 1px #A5ACB2; } #user_upload #uni_form .checkout_total p.totalAtt, #user_upload #uni_form .checkout_total p .priceInput { font-weight: bold; } #user_upload #uni_form div.button { clear: both; } #user_upload #uni_form div.button input.button { } /* @personalized */ #user_upload #uni_form ul li.chckbx input#OrdSameField { width: 20px; border: none; background: none; } #user_upload #uni_form ul li.chckbx label { width: 300px; float: none; display: block; margin-right: 0; line-height: 20px; font-weight :bold; color: #EC5DA3; } /* @contact */ #user_upload ul#company_info { width: auto; height: auto; margin-bottom: 10px; } #user_upload ul#company_info li { float: left; display: inline; width: 150px; height: auto; padding: 2px 0; margin-bottom: 20px; background: none; } #user_upload ul#company_info li span { color: #737373; padding: 2px 0; background: none; } #user_upload ul#company_info li h3 { font-size: 12px; font-weight: bold; margin: 0; } #user_upload ul#company_info li p { margin: 0; } /* @INSIDE TABS */ #user_upload #content_bottom { width: 623px; height: auto; margin: 0; padding-bottom: 16px; background: transparent url(../images/inside_content_bottom.gif) no-repeat left bottom; } #user_upload #inside_tab_holder { width: 613px; min-height: 158px; margin: 0 auto; background: transparent url(../images/tab_grad.gif) repeat-x left top; position: relative; } * html body #user_upload #inside_tab_holder { height: 158px; } #user_upload #inside_tab_holder .tab_left_content, #user_upload #inside_tab_holder .tab_center_content, #user_upload #inside_tab_holder .tab_right_content { padding-top: 16px; } /* @tab titles */ #user_upload #inside_tab_holder ul {} #user_upload #inside_tab_holder ul li { float: left; display: inline; margin: 0; padding: 0 53px 0 0; text-align: justify; } #user_upload #inside_tab_holder ul li a { float: left; display: inline; height: 20px; padding: 13px 8px 0 8px; background: transparent url(../images/tab_flow.gif) repeat-x left top; font-size: 13px; font-weight: bold; color: #FFF; } #user_upload #inside_tab_holder ul li a:hover { text-decoration: none; } /* @tab contents */ #user_upload #inside_tab_holder h1 { font: bold 18px Georgia, "Times New Roman", Times, serif; color: #006BB6; margin: 0 10px 5px 10px; padding-bottom: 5px; border-bottom: dotted 1px #737373; } #user_upload #inside_tab_holder h2 { font: bold 16px Georgia, "Times New Roman", Times, serif; color: #006BB6; margin: 0 10px 5px 10px; } #user_upload #inside_tab_holder h3 { font: bold 14px Georgia, "Times New Roman", Times, serif; color: #006BB6; margin: 0 10px 5px 10px; } #user_upload #inside_tab_holder h4, #user_upload #inside_tab_holder h5, #user_upload #inside_tab_holder h6 { font-size: 12px; color: #006BB6; margin: 0 10px 5px 10px; } #user_upload #inside_tab_holder p { margin: 0 10px 10px 10px; } #user_upload #inside_tab_holder p.more { margin: 5px 10px; background: transparent url(../images/icon_bluedot_link.gif) no-repeat 0 2px; } #user_upload #inside_tab_holder p.more a { margin-left: 15px; } #user_upload #inside_tab_holder p.more a span {} #user_upload #inside_tab_holder .extra_left { float: left; display: inline; width: 340px; position: relative; } #user_upload #inside_tab_holder .extra_right { float: right; display: inline; width: 192px; margin-top: 11px; position: relative; } #user_upload #inside_tab_holder .extra_right p.more_extra { position: absolute; right: 0; bottom: 5px; margin-right: 0; } #user_upload #inside_tab_holder .extra_right p.more_extra a { display: block; width: 135px; background: transparent url(../images/icon_bluedot_link.gif) no-repeat 0 2px; } #user_upload #inside_tab_holder .extra_right p.more_extra a span { display: block; width: 120px; margin-left: 15px; } #user_upload #inside_tab_holder ul.result_sample {} #user_upload #inside_tab_holder ul.result_sample li { float: left; display: inline; width: 200px; margin: 0; padding: 0; background: none; } #user_upload #inside_tab_holder ul.result_sample li h2 { font-size: 26px; font-weight: normal; color: #EC5AA1; margin: 0 10px 0 10px; padding: 0; text-align: left; } #user_upload #inside_tab_holder ul.result_sample li h3 { margin: 0 10px 10px 10px; padding: 0; text-align: left; } #user_upload #inside_tab_holder ul.result_sample li h2 img { background: none; border: none; margin: 0 0 5px 0; } #user_upload #inside_tab_holder ul.result_sample li p { margin: 0 10px 10px 10px; padding: 0; } #user_upload #inside_tab_holder ul.cycle_info {} #user_upload #inside_tab_holder ul.cycle_info li { float: none; display: block; margin: 0 10px 10px 10px; padding: 0 0 0 25px; } /* @tab switch rules */ #user_upload #inside_tab_holder .tab_left_active li.tab_left_title { background: transparent url(../images/tab_matrix.gif) no-repeat right 0; } #user_upload #inside_tab_holder .tab_left_active li.tab_left_title a { color: #BB2970; } #user_upload #inside_tab_holder .tab_left_active .tab_left_content { display: block; } #user_upload #inside_tab_holder .tab_left_active li.tab_center_title { background: transparent url(../images/tab_matrix.gif) no-repeat right -66px; } #user_upload #inside_tab_holder .tab_left_active li.tab_center_title a { background: transparent url(../images/tab_flow.gif) repeat-x left bottom; } #user_upload #inside_tab_holder .tab_left_active .tab_center_content { display: none; } #user_upload #inside_tab_holder .tab_left_active li.tab_right_title { background: transparent url(../images/tab_matrix.gif) no-repeat right -99px; } #user_upload #inside_tab_holder .tab_left_active li.tab_right_title a { background: transparent url(../images/tab_flow.gif) repeat-x left bottom; } #user_upload #inside_tab_holder .tab_left_active .tab_right_content { display: none; } #user_upload #inside_tab_holder .tab_center_active li.tab_left_title { background: transparent url(../images/tab_matrix.gif) no-repeat right -33px; } #user_upload #inside_tab_holder .tab_center_active li.tab_left_title a { background: transparent url(../images/tab_flow.gif) repeat-x left bottom; } #user_upload #inside_tab_holder .tab_center_active .tab_left_content { display: none; } #user_upload #inside_tab_holder .tab_center_active li.tab_center_title { background: transparent url(../images/tab_matrix.gif) no-repeat right 0; } #user_upload #inside_tab_holder .tab_center_active li.tab_center_title a { color: #BB2970; } #user_upload #inside_tab_holder .tab_center_active .tab_center_content { display: block; } #user_upload #inside_tab_holder .tab_center_active li.tab_right_title { background: transparent url(../images/tab_matrix.gif) no-repeat right -99px; } #user_upload #inside_tab_holder .tab_center_active li.tab_right_title a { background: transparent url(../images/tab_flow.gif) repeat-x left bottom; } #user_upload #inside_tab_holder .tab_center_active .tab_right_content { display: none; } #user_upload #inside_tab_holder .tab_right_active li.tab_left_title { background: transparent url(../images/tab_matrix.gif) no-repeat right -66px; } #user_upload #inside_tab_holder .tab_right_active li.tab_left_title a { background: transparent url(../images/tab_flow.gif) repeat-x left bottom; } #user_upload #inside_tab_holder .tab_right_active .tab_left_content { display: none; } #user_upload #inside_tab_holder .tab_right_active li.tab_center_title { background: transparent url(../images/tab_matrix.gif) no-repeat right -33px; } #user_upload #inside_tab_holder .tab_right_active li.tab_center_title a { background: transparent url(../images/tab_flow.gif) repeat-x left bottom; } #user_upload #inside_tab_holder .tab_right_active .tab_center_content { display: none; } #user_upload #inside_tab_holder .tab_right_active li.tab_right_title { background: transparent url(../images/tab_matrix.gif) no-repeat right -132px; } #user_upload #inside_tab_holder .tab_right_active li.tab_right_title a { color: #BB2970; } #user_upload #inside_tab_holder .tab_right_active .tab_right_content { display: block; } /* @USER UPLOAD AREA END*/ /* @testimonials */ #testimonials_content { width: 623px; padding-bottom: 30px; } #testimonials_content h1 { font: normal 30px Georgia, "Times New Roman", Times, serif; color: #0278A4; margin-bottom: 10px; display: block; } #testimonials_content h2 { font-size: 20px; color: #EC5AA1; margin-bottom: 10px; display: block; } #testimonials_content h3 { font-size: 18px; color: #0278A4; margin-bottom: 10px; display: block; } #testimonials_content h4 { font-size: 16px; } #testimonials_content h5 { font-size: 14px; } #testimonials_content h6 { font-size: 12px; } #testimonials_content p { margin-bottom: 10px; line-height: l.4em; text-align: justify; } #testimonials_content ul { width: auto; height: auto; margin-bottom: 10px; } #testimonials_content ul li { width: auto; height: auto; color: #737373; padding: 0; margin: 0; background: none; } #testimonials_content ul li p { font: italic bold 12px Georgia, "Times New Roman", Times, serif; line-height: 1.6em; color: #0278A4; display: block; margin-bottom: 10px; padding: 10px 10px 20px 10px; border-bottom: dotted 1px #737373; } /* #testimonials_content ul li p br { display: none; } */ #testimonials_content ul li p span.name { font: normal bold 12px Arial, Helvetica, sans-serif; color: #737373; display: block; padding-top: 10px; letter-spacing: 1px; } #testimonials_content ul li p span img { border: none; background: none; float: none; padding: 0; } #testimonials_content ul li p span.op img { margin: 0 8px 0 0; } #testimonials_content ul li p span.cl img { margin: 0 0 0 5px; } #testimonials_content ol { width: auto; height: auto; margin-bottom: 10px; list-style-type: decimal; list-style-position: inside; } #testimonials_content ol li { width: auto; height: auto; color: #737373; padding: 2px 0; margin: 0 0 5px 0; background: none; } #testimonials_content img, #testimonials_content a img { padding: 4px; border: solid 1px #DADADA; background: #FFF; float: left; margin-right: 10px; } #testimonials_content a:hover img { border-color: #006BB6; } /* @faq */ /* @testimonials */ #faq_content { width: 623px; padding-bottom: 30px; } #faq_content h1 { font: normal 30px Georgia, "Times New Roman", Times, serif; color: #0278A4; margin-bottom: 10px; display: block; } #faq_content h2 { font-size: 20px; color: #EC5AA1; margin-bottom: 10px; display: block; } #faq_content h3 { font-size: 18px; color: #0278A4; margin-bottom: 10px; display: block; } #faq_content h4 { font-size: 16px; } #faq_content h5 { font-size: 14px; } #faq_content h6 { font-size: 12px; } #faq_content p { margin-bottom: 10px; line-height: l.4em; text-align: justify; } #faq_content ul { width: auto; height: auto; margin-bottom: 10px; } #faq_content ul li { width: auto; height: auto; color: #737373; padding: 0; margin: 0; background: none; } /* @terminology list */ #user_upload .terminology_list { width: 623px; padding-bottom: 20px; } #user_upload .terminology_list .graphicon { width: 603px; display: block; padding-bottom: 20px; } #user_upload .terminology_list .graphicon img { position: relative; top: 10px; left: 35px; margin: 0; padding: 10px; border: solid 1px #DADADA; background: #FFF; float: none; display: block; } #user_upload .terminology_list h4 { margin-top: 10px; } #user_upload .terminology_list h4 span { font-size: 62.5%; } #user_upload .terminology_list h6 { display: block; height: 35px; font-weight: bold; color: #DCDCDC; } #user_upload .terminology_list h6 span { float: left; text-align: center; display: block; width: 18px; height: 25px; margin-right: 1px; } #user_upload .terminology_list h6 span.normal a { display: block; width: 18px; height: 25px; } #user_upload .terminology_list h6 span.normal a:hover, #user_upload .terminology_list h6 span.normal a:active, #user_upload .terminology_list h6 span.current a { display: block; width: 18px; height: 25px; color: #FFF; text-decoration: none; background: transparent url(../images/library_letter_bg.gif) no-repeat center top; } #user_upload .terminology_list p { text-align: justify; } #user_upload .terminology_list .gray, #user_upload .terminology_list .white { padding: 10px 0;} #user_upload .terminology_list .gray p, #user_upload .terminology_list .white p { margin: 0 10px; } #user_upload .terminology_list .gray p span, #user_upload .terminology_list .white p span { font-weight: bold; } #user_upload .terminology_list .gray { background: #EBF8FE;} /* @instructions */ /* @buttons */ #user_upload #step_holder { margin: 0 15px 0 10px; } #user_upload #step_holder ul.buttons { float: left; display: inline; width: 100px; height: auto; } #user_upload #step_holder ul.buttons li { width: 83px; height: 33px; margin: 0; padding: 0; background: none; } #user_upload #step_holder ul.buttons li a { display: block; width: 83px; height: 18px; padding: 0; background: transparent url(../images/button_instructions_steps.gif) no-repeat left top; text-indent: -9999px; } #user_upload #step_holder ul.buttons li a span {} /* @tab contents */ #user_upload #step_holder img { float: right; margin: 0 0 0 15px; } #user_upload #step_holder p { font: bold 13px Georgia, "Times New Roman", Times, serif; color: #EC5AA1; text-align: justify; margin: 0 0 10px 0; } /* @tab switch rules */ #user_upload #step_holder .step1_active li.step1_button a { background-position: -83px 0; } #user_upload #step_holder .step1_active .step1_content { display: block; } #user_upload #step_holder .step1_active li.step2_button a { background-position: 0 -18px; } #user_upload #step_holder .step1_active .step2_content { display: none; } #user_upload #step_holder .step1_active li.step3_button a { background-position: 0 -36px; } #user_upload #step_holder .step1_active .step3_content { display: none; } #user_upload #step_holder .step1_active li.step4_button a { background-position: 0 -54px; } #user_upload #step_holder .step1_active .step4_content { display: none; } #user_upload #step_holder .step2_active li.step1_button a { background-position: 0 0; } #user_upload #step_holder .step2_active .step1_content { display: none; } #user_upload #step_holder .step2_active li.step2_button a { background-position: -83px -18px; } #user_upload #step_holder .step2_active .step2_content { display: block; } #user_upload #step_holder .step2_active li.step3_button a { background-position: 0 -36px; } #user_upload #step_holder .step2_active .step3_content { display: none; } #user_upload #step_holder .step2_active li.step4_button a { background-position: 0 -54px; } #user_upload #step_holder .step2_active .step4_content { display: none; } #user_upload #step_holder .step3_active li.step1_button a { background-position: 0 0; } #user_upload #step_holder .step3_active .step1_content { display: none; } #user_upload #step_holder .step3_active li.step2_button a { background-position: 0 -18px; } #user_upload #step_holder .step3_active .step2_content { display: none; } #user_upload #step_holder .step3_active li.step3_button a { background-position: -83px -36px; } #user_upload #step_holder .step3_active .step3_content { display: block; } #user_upload #step_holder .step3_active li.step4_button a { background-position: 0 -54px; } #user_upload #step_holder .step3_active .step4_content { display: none; } #user_upload #step_holder .step4_active li.step1_button a { background-position: 0 0; } #user_upload #step_holder .step4_active .step1_content { display: none; } #user_upload #step_holder .step4_active li.step2_button a { background-position: 0 -18px; } #user_upload #step_holder .step4_active .step2_content { display: none; } #user_upload #step_holder .step4_active li.step3_button a { background-position: 0 -36px; } #user_upload #step_holder .step4_active .step3_content { display: none; } #user_upload #step_holder .step4_active li.step4_button a { background-position: -83px -54px; } #user_upload #step_holder .step4_active .step4_content { display: block; } #content_holder .main .center .close_floats { clear: both; display: block; height: 20px; } /* @bottom_links */ #content_holder .center #nav_main_bottom_links { width: 623px; height: auto; border-top: solid 5px #DDDACB; border-bottom: solid 5px #DDDACB; clear: both; } #content_holder .center #nav_main_bottom_links h3 { font: normal 18px Georgia, "Times New Roman", Times, serif; line-height: 35px; color: #EC5AA1; } #content_holder .center #nav_main_bottom_links ul { width: 623px; height: auto; border-top: solid 1px #DDDACB; margin-bottom: 2px; } #content_holder .center #nav_main_bottom_links ul li { width: 623px; height: auto; padding: 3px 0; border-bottom: solid 1px #DDDACB; background: transparent url(../images/icon_doc.gif) no-repeat 0 6px; } #content_holder .center #nav_main_bottom_links ul li a { color: #0278A4; margin-left: 15px; } #content_holder .center #nav_main_bottom_links ul li a:hover { color: #EC5AA1; } /* ************************************************************************************************************************************************************************************************************************ /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ************************************************************************************************************************************************************************************************************************ */ /* @INSIDE RIGHT */ /* @product */ #content_holder .right #product { width: 142px; height: 235px; position: relative; background: #FFF; } #content_holder .right #product p.price { position: absolute; top: 154px; right: 18px; font-size: 18px; line-height: 1.2em; font-weight: bold; color: #0278A4; text-align: right; } #content_holder .right #product p.price span { display: block; font-size: 14px; line-height: 1.2em; color: #34393D; } #content_holder .right #product p.button { position: absolute; top: 196px; right: 8px; text-indent: -9999px; } #content_holder .right #product p.button a { display: block; width: 125px; height: 31px; background: transparent url(../images/button_buy_inside.gif) no-repeat right top; } /* @testimonials */ #content_holder .right #testimonials { width: 142px; padding-bottom: 22px; background: #FFF url(../images/shadow_white_right.gif) no-repeat left bottom; } #content_holder .right #testimonials p.tmls { font: italic bold 14px Georgia, "Times New Roman", Times, serif; color: #0278A4; display: block; position: relative; width: 122px; height: auto; margin-top: -9px; padding: 85px 10px 0 10px; background: transparent url(../images/testimonials_bg_pic.gif) no-repeat left top; } #content_holder .right #testimonials p.tmls span { font-size: 0; line-height: 0; text-indent: -9999px; width: 12px; height: 10px; } #content_holder .right #testimonials p.tmls span.start { float: left; display: block; margin: 3px 5px 0 0; background: transparent url(../images/icon_testimonials_start.gif) no-repeat left top; } #content_holder .right #testimonials p.tmls span.end { position: absolute; bottom: 5px; right: 10px; background: transparent url(../images/icon_testimonials_end.gif) no-repeat left top; } #content_holder .right #testimonials p.sign { font-size: 11px; font-weight: bold; margin-top: 5px; padding: 0 10px; color: #737373; } #content_holder .right #testimonials p.more { font-size: 11px; margin: 0 7px; padding: 3px 0 3px 15px; background: transparent url(../images/icon_bluedot_link.gif) no-repeat 0 6px; } #content_holder .right #testimonials p.more a { color: #0278A4; } #content_holder .right #testimonials p.add { font-size: 11px; margin: 0 7px; padding: 3px 0 3px 15px; background: transparent url(../images/icon_pinkdot_link.gif) no-repeat 0 6px; } #content_holder .right #testimonials p.add a { color: #EC5AA1; } /* @banner1 */ #content_holder .right .banner1 { width: 142px; height: 120px; padding-bottom: 8px; position: relative;} #content_holder .right .banner1 h3 { text-indent: -9999px; position: absolute; top: 0; left: 0; } #content_holder .right .banner1 p { text-indent: -9999px; position: absolute; top: 0; left: 0; } #content_holder .right .banner1 p a { display: block; width: 142px; height: 120px; background: #FFF url(../images/banner_conception_today.gif) no-repeat left bottom; } /* @banner2 */ #content_holder .right .banner2 { width: 142px; height: 120px; padding-bottom: 22px; position: relative;} #content_holder .right .banner2 h3 { text-indent: -9999px; position: absolute; top: 0; left: 0; } #content_holder .right .banner2 p { text-indent: -9999px; position: absolute; top: 0; left: 0; } #content_holder .right .banner2 p a { display: block; width: 142px; height: 120px; background: #FFF url(../images/banner_ning.gif) no-repeat left bottom; } /* @FOOTER*/ #footer { padding-top: 6px; position: relative; } #footer #bh { margin: 0 0 0 15px; padding-bottom: 15px; } #container_inside #footer #bh { margin-left: 8px; } #footer #bottom_links { background: transparent url(../images/footer_list_dots.gif) repeat-y left top; } #footer #bottom_links ul {} #footer #bottom_links ul li { float: left; display: inline; width: 188px; } #footer #bottom_links ul li h3 { font-size: 14px; line-height: 14px; margin: 0 7px 7px 7px; } #footer #bottom_links ul li p { line-height: 14px; margin: 0 7px; padding: 3px 0 3px 12px; background: transparent url(../images/icon_bluedot.gif) no-repeat 0 6px; } #footer #bottom_links ul li p a { color: #737373; } #footer .authorize { position: absolute; top: 0; right: 89px; display: none; } #footer .AuthorizeNetSeal { position: absolute; top: -5px; right: 34px; } #footer .AuthorizeNetSeal a { text-decoration: none; } #footer .AuthorizeNetSeal a:hover { text-decoration: underline; } #footer .addtoany { position: absolute; top: 90px; right: 9px; } #footer p.site_info { margin-left: 14px; line-height: 44px; color: #FFF; /*296A97*/ } #footer p.design_info { text-align: right; margin: -44px 14px 0 0; line-height: 44px; } #footer p.design_info a { color: #00A2D5; /*296A97*/ } #footer p.design_info a:hover { color: #FFF; text-decoration: none; } /* @tables */ table.table1 { width: 600px; margin: 0 0 10px 0; border-left: solid 1px #D21E7E; border-top: solid 1px #D21E7E; text-align: left; } table.table1 th { background: #EC5DA3; color: #FFF; font-weight: bold; padding: 2px; border-right: solid 1px #EC5DA3; border-bottom: solid 1px #EC5DA3; } table.table1 th.fig1 { width: 30%; } table.table1 th.fig2 { width: 17%; } table.table1 th.fig3 { width: 20%; } table.table1 th.fig4 { width: 14%; } table.table1 th.fig5 { width: 14%; } table.table1 td { background: #FFF; padding: 2px; border-right: solid 1px #EC5DA3; border-bottom: solid 1px #EC5DA3; } table.table2 { width: 600px; margin: 0 0 10px 0; border-left: solid 1px #D21E7E; border-top: solid 1px #D21E7E; text-align: left; } table.table2 th { background: #EC5DA3; color: #FFF; font-weight: bold; padding: 2px; border-right: solid 1px #EC5DA3; border-bottom: solid 1px #EC5DA3; } table.table2 th.fig1 { width: 30%; } table.table2 th.fig2 { width: 17%; } table.table2 th.fig3 { width: 20%; } table.table2 th.fig4 { width: 14%; } table.table2 th.fig5 { width: 14%; } table.table2 td { background: #FFF; padding: 2px; border-right: solid 1px #EC5DA3; border-bottom: solid 1px #EC5DA3; } table.table3 { width: 600px; margin: 0 0 10px 0; border-left: solid 1px #D21E7E; border-top: solid 1px #D21E7E; text-align: left; } table.table3 th { background: #EC5DA3; color: #FFF; font-weight: bold; padding: 2px; border-right: solid 1px #EC5DA3; border-bottom: solid 1px #EC5DA3; } table.table3 th.fig1 { width: 31%; } table.table3 th.fig2 { width: 23%; } table.table3 th.fig3 { width: 23%; } table.table3 th.fig4 { width: 23%; } table.table3 td { background: #FFF; padding: 2px; border-right: solid 1px #EC5DA3; border-bottom: solid 1px #EC5DA3; }