.article { width: 958px; overflow: auto; margin: 0 0 15px 0 ; border: 1px solid #e0e0e0; border-width: 0 1px 1px 1px; background: #fff; }
.article { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }

.article h2 { font: bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 5px 0 10px 0;}
.article h3 { font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 25px 0 5px 0;}
.article p { font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333; line-height: 1.7em; }
.article a { color: #227ED2;}
.article a:hover { color: #000; text-decorations: underline;}


.segment_1 { height: 100%; padding: 75px 39px 25px 39px; overflow: auto;}
.segment_1 h1 { font: bold 36px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000; text-align: left; margin-left: 50px; float: left; width: 400px;}
.segment_1 .subtitle { padding: 15px 0 25px 0; font: normal 16px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #999; text-align: left; margin-left: 50px; float: left; width: 400px; clear: left; line-height: 1.5em;}

.tags { margin: 10px 0 35px 0px; float: right; width: 400px;}
.tags a { display: inline-block; font: 11px Arial, sans-serif; color: #fff;  padding: 3px 7px; margin: 0 5px 5px 0; background: #4693d9;}
.tags a { -moz-border-radius: 4px;  -webkit-border-radius: 4px; }
.tags a:hover { color: #fff; text-decoration: none; background-color: #666;}
.tags a em { color: #b4d3ef; font-size: 10px;}


.segment_2 { clear: both; padding: 0 0 0 0; overflow: auto; }
.segment_2 .w5u { float: left; display: inline; width: 355px; margin-left: 55px;}
.segment_2 h2 a { padding: 4px 0 0 36px; color: #333; background: url(/images/faq/icon_faq.png) -5px top no-repeat; height: 32px; display: inline-block;}
.segment_2 h2 a:hover { color: #227ED2;}
.segment_2 h3 { margin: 35px 0 10px 15px; color: #333; }

a.question { display: block; font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; padding: 0 0 0 10px; background: url(/images/more_arrow.gif) no-repeat 0 6px; line-height: 21px;}

div.faq_tabs { text-align: center;}
div.faq_tabs a { font: 15px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #227ED2; padding: 8px 25px 10px 25px; display: inline-block; height: 26px; -webkit-font-smoothing: antialiased;}
div.faq_tabs a:hover { text-decoration: underline; color: #227ED2;}
div.faq_tabs a.active { background: url(/images/faq/tab_bg_active.png) center bottom no-repeat; color: #333;}


div.tab_container { background: url(/images/faq/faq_tab_bg.png) center top no-repeat;}
div.faq_tab_content { padding: 40px 10px 40px 350px; height: 230px; }
#tab_faq1 { background: url(/images/faq/faq_tab_recent.png) 65px 40px no-repeat;}
#tab_faq2 { background: url(/images/faq/faq_tab_popular.png) 35px 35px no-repeat;}
#tab_faq3 { background: url(/images/faq/faq_tab_3d.png) 0 0 no-repeat;}
#tab_faq4 { background: url(/images/faq/faq_tab_face.jpg) -25px 0 no-repeat;}
#tab_faq5 { background: url(/images/faq/faq_tab_breasts.jpg) 0 0 no-repeat;}
#tab_faq6 { background: url(/images/faq/faq_tab_body.jpg)  0 0 no-repeat;}
#tab_faq7 { background: url(/images/faq/faq_tab_non_surgical.jpg) 15px 0 no-repeat;}

a.more_faq { font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333; display: inline-block; margin-top: 15px; padding: 0 10px 0 0; background: url(/images/more_arrow.gif) no-repeat right 5px;}
a.more_faq:hover { color: #227ED2; text-decoration: underline;}