/*------------------------------------------- * Filename: default.css * Description default css * Version 1.0.0 [2012-02-15] * Style ID 1052 * Author: ProSites ---------------------------------------------*/ @import url('../../../css/global_content.css'); /* GENERAL *******************************************************************************************************************/ html, body { margin: 0; padding: 0; border: 0; height: auto; } body { border: 0px; margin: 0px; padding: 0px; font: 12px Verdana, Arial; text-align: center; color: #6B8C61; background: #ACCBA2 url(../images/bg.jpg) top left repeat-x ; height: auto; } p { border: 0px; } h2,h3 { } hr { color: #A2C498; height: 1px; border: 0; background-color: #A2C498; } a:link, a:visited, a:active { color: #5D8CA2; text-decoration: underline; } a:hover { color: #9CCEBC; text-decoration: underline; } fieldset { border: solid 1px #829e79; padding: 6px; } legend { color: #829e79; } .clear { clear: both; } .Button { color: #23640D; background: #BDD5B5; border: solid 1px #6FAB5D; font-size:11px; text-decoration: none; cursor: pointer; } .ButtonHover { color: #235268; background: #BED4DE; border: solid 1px #84AEC1; font-size:11px; text-decoration: none; cursor: pointer; } /* LAYOUT RULES *******************************************************************************************************************/ #Container { margin: 0 auto; width: 766px; text-align: left; height: auto; /*firefox,safari fix*/ background: url(../images/container-bg.jpg) top left repeat-y ; } #Liner { position: relative; width: 734px; } /*Right Div - Container*/ #Float-wrap { float: left; width: 734px; margin-right: 1px; /*Use Above total + Add Margin 1 Fix*/ } #Center { float: right; width: 702px; margin-bottom: -1px; /*Left Div + Right Div - Container*/ overflow: visible; } #Left { float: left; width: 32px; height: 426px; background: url(../images/left.jpg) top left repeat-x; } #Right { float: left; position: relative; width: 32px; margin-right: -32px; margin-left: -1px; height: 426px; background: url(../images/right.jpg) top left repeat-x; } #row { margin: 0 auto; padding: 0px; width: 766px; text-align: left; height: auto; background: url(../images/top-bg.jpg) top repeat-x ; height: 21px; clear: both; } #prop { margin: 0 auto; padding: 0px; width: 766px; text-align: left; height: auto; background: url(../images/prop-bg.jpg) top repeat-x ; height: 55px; clear: both; } .row-r { margin: 0 auto; padding: 0px; float: right; } .row-l { margin: 0 auto; padding: 0px; float: left; } #BtmRow { margin: 0 auto; padding: 0px; width: 766px; text-align: left; background: url(../images/btm-bg.jpg) top left repeat-x ; height: 42px; } .btmrowL { margin: 0 auto; padding: 0px; float: left; } .btmrowR { margin: 0 auto; padding: 0px; float: right; } #header { border: 0px; margin: 0px 0px 0px 0px; padding: 0px; width: 702px; float: left; background: #A5C69B; margin: 4px 0px 5px 0px; } #flash { border: 0; margin: 0; padding: 0px 0px 0px 0px ; width: 702px; height: 273px; float: left; } #ban { border: 0px; margin: 0px; padding: 0px 0px 0px 0px ; width: 702px; height: 155px; float: left; } #ph { border: 0; margin: 0; padding: 0px ; width: 702px; height: 38px; background: url(http://styles.prosites.com/litesite/1052/images/ph-bg-left.jpg) top left repeat-y ; float: left; text-align: right; } /*.......(( Nav Area )).............................................*/ #Nav { text-align: center; float: left; width: 702px; height: 100%; margin: 0px 0px 0px 0px; background: #8FC1C3; } #Nav p { padding: 2px 0px 0px 0px; margin: 0px; } /*.......(( Content area )).................................*/ #Cbg { background: url(../images/content-bg.jpg) top left repeat-x; width: 702px; float: left; overflow: visible; } #Content { position: relative; padding: 0px 19px 0px 19px; width: 664px; /*width minus padding-Cheat a few pixels less/Older Browsers will add to width*/ overflow: visible; float: left; height: 100%; voice-family: "\"}\""; voice-family:inherit; height: 250px; } html>body #Content { height: auto; } /*.......(( Footer area ))...............................................*/ #footer-bg { margin: 0px auto; text-align: left; font-size: 10px; width: 766px; background: #ACCBA2 url(../images/footer-bg-y.gif) top left repeat-y; } #footer { margin: 0px auto; text-align: left; font-size: 10px; width: 766px; background: url(../images/footer-bg.jpg) top left repeat-x; } #footer p { color: #EAF4E8; padding: 6px 100px 10px 70px; margin: 0px; } #footer a:link, #footer a:visited, #footer a:active { text-decoration: none; color: #EAF4E8; } #footer a:hover { text-decoration: underline; color: #517B44; } /************************************************ * * * NOTE: Section below is for the default * * pages in the engine. Only color, * * background color and border should be * * changed. There is an exception for custom * * websites. * * * ************************************************/ /* BORDER COLORS FOR DEFAULT PAGES *********************************************************************/ .PageService_Line_Group_Name, .PageService_Line_Item_Name, .PageInternetLink_Category_Container, .PageFAQ_Answer, .PageTestimonial_Intro, .PageTestimonial_Container, .PageContact_Office_Photo, .PageContact_Contact_Photo, .PageContact_Contact_Seperator { border-color: #A2C498; } /* INTERIOR DEFAULT FORMS ******************************************************************************/ /* MAIN CONTACT PAGE FORM **********/ .qcform { background: #F9FBF9; border-color: #A2C498; } /*container form*/ .qcformcolor { background-color: #FFF!important; border-color: #A2C498; color: #6B8C61; } /*input field*/ hr.qcform { background-color: #A2C498; color: #A2C498; } /* MINI FORM PLUGIN ****************/ .m-form, .m-form-low, .m-form-services, .m-form-inner-services { background: #F9FBF9!important; border-color: #A2C498; }/*container form*/ .m-formcolor, .m-form-innercolor { background: #FFF; border-color: #A2C498; color: #6B8C61; }/*input field*/ .m-form h1, .m-form-low h1, .m-form-services h1, .m-form-inner-services h1 { font-family:arial; /*NEED TO DECLARE FONT HERE*/ } /* MINI FORM POSITION **************/ /*NEED TO ADJUST TOP MARGIN FOR EACH*/ .m-form { margin: 79px 0px 7px 20px; } .m-form-low { margin: 67px 0px 7px 20px; } .m-form-services { margin: 79px 0px 7px 20px; } .m-form-inner-services { margin: 91px 0px 7px 20px; } /* AppointmentRequestForm */ #AppointmentRequestForm .qcformcolor{ padding: 2px; width: 234px; /*background-color: #4b2224 !important; border: none; color: #EDD9B0;*/ } /* SmileQuizForm */ .bg { background-color:#f8fcf7; padding: 3px 0px; height: 30px; padding: 6px; width: 100%; } .bg2 { background-color:#f0f5ef; padding: 3px 0px; height: 30px; padding: 2px; width: 100%; } #Table1 hr { margin: 0px 0px; padding: 0px; border-collapse: collapse; color: #A2C498; height: 1px; border: 0; background-color: #A2C498; margin-bottom: 10px; } /* OptioVideo-Cosmetic Dentistry Page */ .optioCosmeticIntro { color: #6B8C61!important; font: 12px Verdana, Arial, Helvetica, sans-serif!important; } .optioCosmeticBody { color: #6B8C61!important; font: 12px Verdana, Arial, Helvetica, sans-serif!important; } .optioCosmeticHeading { color: #6B8C61!important; font: 14px Verdana, Arial, Helvetica, sans-serif!important; font-weight: bold!important; } /*.......(( Dev Edit Classes ))..........................................................*/ .border { border: 1px solid #A2C498; } .border2 { border: 2px solid #A2C498; } .mL { margin: 0px 0px 15px 15px; } .mR { margin: 0px 15px 15px 0px; } .border_mL { border: 1px solid #A2C498; margin: 0px 0px 15px 15px; } .border2_mL { border: 2px solid #A2C498; margin: 0px 0px 15px 15px; } .border_mR { border: 1px solid #A2C498; margin: 0px 15px 15px 0px; } .border2_mR { border: 2px solid #A2C498; margin: 0px 15px 15px 0px; } hr.size2 { color: #A2C498; height: 2px; } /* BMI-Calculator */ #bmi-container { width: 285px; float: left; } .bmi-border { margin: 0px; background: #9FBB92; border: 1px solid #53833D; width: 285px; height: 410px; float: left; } .bmi-content { margin: 25px; text-align: left; background: #fff url(../../../1081/images/bmi-bg.jpg) top left repeat-x; border: 1px solid #83AC70; width: 235px; height: 360px; float: left;} .bmi-yourbmi { margin: 90px 0px 5px 5px; float: left; font-weight: bold; text-align: center; width: 230px; color: white; } .bmi-table { text-align: left; margin: 90px 0px 0px 10px; float: left; clear: left; width: 235px; } .bmi-form { font: 12px verdana, arial, sans-serif; padding: 2px; width: 50px; background-color: #5D6C55 !important; border: 1px solid #C3D5BB; color: #FFF; text-align: center; } .bmi-form-2 { font: 12px verdana, arial, sans-serif; padding: 2px; width: 40px; background-color: #DAE5D6 !important; border: 1px solid #9FBB92; color: #000; } .bmi-submit { text-align: center; margin: 15px 0px 0px 0px; float: left; clear: left; width: 235px; }