/*------------------------------------------- * Filename: default.css * Description default css * Version 1.0.0 [2012-01-06] * Style ID 1097 * Author: ProSites ---------------------------------------------*/ @import url('../../../css/global.css'); /* GENERAL *******************************************************************************************************************/ #w_all, #container, #header, #nav_bg, #flash, #banner, #phone, #footer, #container_bg, #footer_bg { margin: 0 auto; padding: 0px; } body, #w_all, #container_bg, #nav_bg, #phone_bg, #footer_bg, #container, #header { text-align: center; } body { color: #8A6C2A; background: #4C8DDF url(../images/Bg.jpg) top left repeat-x ; } body, legend { color: #8A6C2A; } hr { color: #EDE7D0; background-color: #EDE7D0; } a:link, a:visited, a:active { color: #1D8AF5; } a:hover { color: #C7B581; } fieldset,img { border-color: #EDE7D0; } .Button { color: #FFF; background: #53A5F2; border: solid 1px #3275BD; } .ButtonHover { color: #FFF; background: #C7B581; border: solid 1px #9D8856; } /* LAYOUT RULES *******************************************************************************************************************/ #Container { margin: 0 auto; width: 750px; text-align: left; height: auto; /*firefox,safari fix*/ background: url(../images/ContainerBg.jpg) top left repeat-y ; } #Liner { position: relative; width: 734px; } /*Right Div - Container*/ #Float-wrap { float: left; width: 734px; margin-right: 1px; } #Center { float: right; width: 718px; margin-bottom: -1px; /*Left Div + Right Div - Container*/ overflow: visible; } #Left { float: left; width:16px; height: 439px; background: #4A8ADC url(../images/left.jpg) top left repeat-x; } #Right { float: left; position: relative; width: 16px; margin-right: -22px; margin-left: -1px; height: 439px; background: #4A8ADC url(../images/right.jpg) top left repeat-x; } #Row { margin: 0 auto; padding: 0px; width: 750px; text-align: left; height: auto; background: url(../images/topBg.jpg) top repeat-y ; height: 38px; clear: both; } .rowR { margin: 0 auto; padding: 0px; margin-left: 718px;} #BtmRow { margin: 0 auto; padding: 0px; width: 750px; text-align: left; background: url(../images/btmBg.jpg) top left repeat-x ; height: 16px; } .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: 718px; float: left; background: #6AA7E6; } #flash { border: 0; margin: 0; padding: 0px 0px 0px 0px ; width: 718px; height: 270px; float: left; background: #E9E4D1; } #Ban { border: 0px; margin: 0px; padding: 0px 0px 0px 0px ; width: 718px; height: 120px; float: left; background: #E9E4D1; } #Blk { border: 0px; margin: 0px; padding: 0px; width: 718px; height: 10px; float: left; background: #EBE6D4 url(../images/navtpbg.jpg) top left repeat-y; } #MidBlk { border: 0px; margin: 0px; padding: 0px; width: 718px; height: 36px; float: left; background: #EBE6D4 url(../images/imgBlockMid.jpg) top left repeat-y; } /*.......(( Nav Area )).............................................*/ #Nbg { text-align:left; float:left; width:718px; height:auto; margin:0px 0px 0px 0px; background: #E4DEC6 url(../images/navBg.jpg) bottom left repeat-y; } #Nav { text-align:center; float:left; width:718px; height:100%; margin:0px 0px 0px 0px; background: url(../images/navImageBg.jpg) bottom left repeat-x; } #Nav p { padding:0px 10px 9px 10px; margin:0px; } #NavInt { text-align:center; float:left; width:718px; height:100%; margin:0px 0px 0px 0px; background: url(../images/navImageBgInt.jpg) bottom left repeat-x; } #NavInt p { padding:0px 10px 9px 10px; margin:0px; } /*.......(( Content area )).................................*/ #Cbg { background:#fff url(../images/ContentBg.jpg) top left repeat-x; width:718px; float:left; } #Content { position:relative; padding:0px 30px 30px 30px; width:658px; overflow:visible; float:left; height:100%; voice-family: "\"}\""; voice-family:inherit; height:250px; } html>body #Content { height:auto; } /*.......(( Footer area ))...............................................*/ #Fbg { margin: 0px auto; text-align: left; font-size: 10px; width: 750px; background: #77B3E9 url(../images/footerBg.jpg) bottom left repeat-y; } #Footer { margin: 0px auto; text-align: left; font-size: 10px; width: 750px; background: url(../images/footerImgBg.jpg) top left repeat-x; } #Footer p { color: #FFF; padding: 19px 35px 6px 35px; margin: 0px; } #Footer a:link, #Footer a:visited, #Footer a:active { text-decoration: none; color: #FFF; } #Footer a:hover { text-decoration: underline; color: #FFF; } /************************************************ * * * 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: #EDE7D0; } /* INTERIOR DEFAULT FORMS ******************************************************************************/ /* MAIN CONTACT PAGE FORM **********/ .qcform { background: #F9F8F0; border-color: #CCB884; } /*container form*/ .qcformcolor { background: #FFF!important; border-color: #CCB884; color: #8A6C2A; } /*input field*/ hr.qcform { background-color: #CCB884; } /* AppointmentRequestForm */ #AppointmentRequestForm .qcformcolor{ font: 12px verdana, arial, sans-serif; padding: 2px; width: 234px; background-color: #FFF !important; border: 1px solid #CCB884; color: #8A6C2A; } /* MINI FORM PLUGIN ****************/ .m-form, .m-form-low, .m-form-services, .m-form-inner-services { background: #F9F8F0!important; border-color: #CCB884; }/*container form*/ .m-formcolor, .m-form-innercolor { background: #FFF; border-color: #CCB884; color: #8A6C2A; }/*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: 88px 0px 7px 20px; } .m-form-low { margin: 69px 0px 7px 20px; } .m-form-services { margin: 88px 0px 7px 20px; } .m-form-inner-services { margin: 98px 0px 7px 20px; } /* Webkit - Browsers have an offset of 1px horizontally - due to odd nuber in pixel resolution vieport */ @media screen and (-webkit-min-device-pixel-ratio:0) { html { overflow-x: scroll; margin-left: -1px; } } .shim { float: right; clear: right; height: 20px; } .shim-none { float: right; clear: right; } .shim-left { float: left; clear: left; height: 20px; display: block; } .return { margin: 0 0 8px; display: block; } /* edit margin for address spacing*/ /* SmileQuizForm */ .bg { background-color:#0e0d0a; color: #FFF; padding: 3px 0px; height: 30px; padding: 6px; width: 100%; } .bg2 { background-color:#181610; color: #FFF; padding: 3px 0px; height: 30px; padding: 2px; width: 100%; } #Table1 hr { margin: 0px; padding: 0px; border-collapse: collapse; color: #2F2D29; height: 1px; border: 0; background-color: #2F2D29; margin-bottom: 10px; }