/* CSS Document */ @import url('reset-fonts-grids.css'); @import url('forms.css'); * { font-family:Arial, Helvetica, sans-serif; text-align: left; } body { text-align: center; background: #ffffff url('') repeat-x center top; } /* this is where you change the background image */ strong { font-weight: bold; } a:active { outline: none; } a:focus { -moz-outline-style: none; } .ButtonTop { float: right; margin-left: 15px; } .FloatRight { float: right; } /* Clear Fix */ .ClearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ClearFix { display: inline-table; } /* Hides from IE-mac \*/ * html .ClearFix { height: 1%; } .ClearFix { display: block; } /* End hide from IE-mac */ /* Header */ #Header { height: 83px; position: relative; width: 730px; margin: 0 auto; background: url('../images/site_id_bg.jpg') no-repeat center top; padding: 7px 0 0 0; } #Header .SiteID { display: block; width: 122px; margin: 0 auto; } #Header h1 { text-indent: -9000px; } #Header .Language { position: absolute; top: 10px; right: 0; } /* Navigation */ #navigation_bar {text-align:center; position:relative; margin:auto; color:#000065; width:875px; margin-bottom:10px;} #navigation_bar a {color:#000065; margin-left:15px; margin-right:15px;} #navigation_bar a:hover {color:#d76d46;} #dropdown {background-color:#ff9900; width:175px; position:absolute; top:0px; left:320px; visibility:hidden; padding:0px; padding-top:5px;} #dropdown li {list-style:none; margin:0;} #dropdown li:hover {background-color:#FFFFFF;} #dropdown a:hover {color:#000000;} /* Nav recognisation */ #body_home #navigation_bar #nav_home a {color:#d76d46;} #body_about #navigation_bar #nav_about a {color:#d76d46;} #body_clients #navigation_bar #nav_clients a {color:#d76d46;} #body_ressources #navigation_bar #nav_ressources a {color:#d76d46;} #body_solutions #navigation_bar #nav_solutions a {color:#d76d46;} #body_team #navigation_bar #nav_team a {color:#d76d46;} #body_news #navigation_bar #nav_news a {color:#d76d46;} #body_contact #navigation_bar #nav_contact a {color:#d76d46;} /* Banner */ #Banner { display: block; width: 927px; height: 172px; margin: 0px auto 0 auto; } body.PageHome #Banner { height: 172px; } body.PageHome .EN #Banner { background: url('../images/header.gif') no-repeat center top; } body.PageHome .FR #Banner { background: url('../images/banner_home_fr_bg.jpg') no-repeat center top; } body.PageAbout .EN #Banner { background: url('../images/prices_banner_eng.jpg') no-repeat center top; } body.PageAbout .FR #Banner { background: url('../images/banner_about_fr_bg.jpg') no-repeat center top; } body.PagePortfolio .EN #Banner { background: url('../images/banner_portfolio_en_bg.jpg') no-repeat center top; } body.PagePortfolio .FR #Banner { background: url('../images/banner_portfolio_fr_bg.jpg') no-repeat center top; } body.PageServices .EN #Banner { background: url('../images/banner_prices_en_bg.jpg') no-repeat center top; } body.PageServices .FR #Banner { background: url('../images/banner_services_fr_bg.jpg') no-repeat center top; } body.PagePrices .EN #Banner { background: url('../images/banner_prices_en.jpg') no-repeat center top; } body.PagePrices .FR #Banner { background: url('../images/banner_prices_fr_bg.jpg') no-repeat center top; } body.PageContact .EN #Banner { background: url('../images/banner_contact_en_bg.jpg') no-repeat center top; } body.PageContact .FR #Banner { background: url('../images/banner_contact_fr_bg.jpg') no-repeat center top; } body.PageLashes .EN #Banner { background: url('../images/banner_Lashes.jpg') no-repeat center top; } body.PageLashes .FR #Banner { background: url('../images/banner_contact_fr_bg.jpg') no-repeat center top; } /***Content***/ #Content { width: 870px; padding-top:20px; margin: 0 auto; background: url('../images/content_bg.gif') repeat-y top center ; overflow:visible; clear: both; border:solid #dddddd 2px;} #Content2 { width: 870px; padding: 0; margin: 0 auto;overflow:visible; clear: both; padding-bottom:5px; } #Content .PaddingContainer { padding: 0px; overflow: visible; clear: both; } body.PageHome #Content { background:#ffffff; } #ColumnsContainer { overflow: hidden; clear: both; } #ColumnsContainer .Column2 { width: 49%; float: left; } #ColumnsContainer .Column3 { width: 33.333%; float: left; } #ColumnsContainer .ColumnsPaddingContainer { padding: 10px; margin: 0; overflow: hidden; clear: both; } #Main { background: #ffffff ; overflow: visible; padding-bottom: 25px; width:600px; } #Main #PageFlake { overflow: visible; clear: both; border: 1px solid #BFBFBF; padding: 0px 30px 50px 30px; background: #FFFFFF url('../images/page_flake_bg.gif') repeat-x bottom left; } #Sidebar #Box { width: 205px; background: #3E281C url('../images/sidebar_box_bg.gif') repeat-x left top; display: block; margin-bottom: 30px; } #Sidebar #Box .Container { border: 1px solid #785845; border-bottom: 1px solid #372319; border-right: 1px solid #372319; } #Sidebar #Box div.hr { height: 2px; background: url('../images/hr_box_bg.gif') no-repeat scroll center; } #Sidebar #Box div.hr hr { display: none; } #Sidebar #Box form { margin: 0 15px 10px 15px; } body.MS #Main { float: right; width: 620px; } body.MS #Main2 { float: right; width: 450px; } body.MS #Sidebar { float: left; width: 205px; } body.PageHome #Sidebar { top: 194px; } body.M #Main { width: 580px; margin: 0 auto; } /* Footer */ #footer_navigation a {color: #ffffff;} #Footer { font-size: 12px; width: 730px; margin: 0 auto; padding-bottom: 20px; overflow: hidden; } #Footer .SpherikaBadge { display: block; float: right; margin: 10px 0 10px; } #Footer .Nav { color: #404040; float: left; display: block; margin: 10px 0 10px; clear: left; } #Footer a { text-decoration: none; text-transform: uppercase; color: #808080; letter-spacing: 0.0625em; text-decoration: none; } #Footer a:hover, #Footer a:active { color: #DDA78D; } #Footer .Phone { clear: left; display: block; float: left; margin: 10px 0; color: #FFFFFF; } /* Sidebar Callouts */ #Sidebar .Callout { width: 275px; height: 522px; position: relative; } #Sidebar .Fashion { background: url('../images/side_bar.gif') no-repeat left top; margin: 0 0 0 0; padding: 0 0 0 0; align:right; } #Sidebar .More { position: absolute; right: 0; bottom: 0; } #Sidebar .Callout h3 { font-size: 16px; margin: 0 15px 0 110px; padding-top: 15px; line-height: normal; } #Sidebar .Callout p { margin: 0 15px 0 110px; line-height: normal; font-size: 12px; } /* General Typography */ .padding_top {padding-top:10px;} .nav_bar {} .spherika_btn_footer {float:right; padding-left:75px; text-align:right;} .footer_info {font-size:11px; color:#000066; padding-top:0px; margin-top:0px; padding-left:18px; padding-right:0px; text-align:right;} h2, h3, h4 { line-height: 1.125; margin: 1.125em 15px; } h2 { font-size: 24px; color: #000000; } h3 { font-size: 18px; color: #000000; } h3.Description { color: #000000; } h3.Description2 { color: #000000; font-size:16px; } h4 { font-size: 16px; color: #000000; } p, li { font-size: 14px; color: #000000; line-height: 1.375; margin: 1.125em 15px; } ul, ol { padding-left: 30px; margin: 1.125em 15px 1.125em 15px; } ul li { list-style: disc; margin: 0.375em 0; } ol li { list-style: decimal; margin: 0.375em 0; } a { color: #000066; text-decoration: none; } a:hover, a:active { color: #000000; } /* Photo Gallery */ #PhotoAlbum { margin: 0 15px; } #PhotoAlbum ul { overflow: hidden; clear: both; margin: 0; padding: 0; } #PhotoAlbum ul li { float: left; display: block; margin: 0; padding: 0; } #PhotoAlbum a { border: 1px solid #F7D2BF; padding: 3px; display: block; margin: 0 15px 15px 0; } #PhotoAlbum a:hover, #PhotoAlbum a:active { border-color: #FFFFFF; } #filler { padding: 3px; display: block; margin: 0 15px 15px 0; } #gift { border: 1px solid #F7D2BF; padding: 3px; display: block; margin: 0 15px 15px 0; } /* Price List */ #PriceList { margin: 0 15px; } #PriceList h3 { text-transform: uppercase; letter-spacing: 0.375em; margin-bottom: 0.5em; text-align: center; padding-bottom: 30px; background: url('../images/hr_pricelist_bg.gif') no-repeat center bottom; } #PriceList h4 { margin-top: 0; } #PriceList table { margin-bottom: 25px; border-top: 1px solid #404040; } #PriceList td { color: #A0A0A0; font-size: 14px; } #PriceList td.Item { border-bottom: 1px solid #404040; padding: 10px 0; color: #FFFFFF; } #PriceList td.Item_sub { border-bottom: 1px solid #404040; padding-left: 15px; color: #FFFFFF; } #PriceList td.Price { white-space: nowrap; text-align: right; border-bottom: 1px solid #404040; padding: 10px 5px 0 5px; background: url('../images/price_bg.gif') no-repeat right top; } #PriceList th { border-bottom: 1px solid #E4DDD5; font-weight: normal; padding: 0 5px 5px 5px; text-align: right; } #PriceList th small, #PriceList td.Price small { text-align: right; display: inline; } #PriceList small { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #606060; display: block; background-color: none; margin-top: 3px; font-style: italic; } #PriceList small strong { font-weight: bold; font-style: italic; font-family: Arial, Helvetica, sans-serif; } #PriceList tr.Title td.Item, #PriceList tr.Title td.Price { border-bottom: none; padding-bottom: 5px; } #PriceList tr.Indent td.Item, #PriceList tr.Indent td.Price { padding-top: 5px; padding-right: 5px; padding-bottom: 5px; border-bottom: none; background-image: none; } #PriceList tr.IndentLast td.Item, #PriceList tr.IndentLast td.Price { padding-top: 5px; padding-right: 5px; padding-bottom: 10px; border-bottom: 1px solid #404040; background-image: none; } #PriceList tr.Indent td.Item, #PriceList tr.IndentLast td.Item { padding-left: 15px; background-image: none; color: #A0A0A0; } /* About */ body.PageAbout .Portrait { border: 1px solid #404040; padding: 5px; float: right; margin: 0 0 15px 15px; } body.PageAbout .product { border: 1px solid #404040; padding: 5px; margin: 0 0 15px 15px; } body.PageServices .Portrait { border: 1px solid #404040; padding: 5px; float: left; margin: 0 15px 15px 0; } body.PageServices .Portrait2 { border: 1px solid #404040; padding: 5px; float: right; margin: 0 15px 15px 15px; } /* Services */ #Services tr.IndentLast td.Item, #Services tr.IndentLast td.Price { padding-top: 5px; padding-right: 5px; padding-bottom: 10px; border-top: 1px solid #404040; } /* Styles from the pages, once everything works put them in the right categories */ .style1 { color: #163ab2; font-family:Arial, Helvetica, sans-serif; font-size:12px;} .style3 { font-size:12px;font-family:Geneva, Arial, Helvetica, sans-serif; color: #000066;} .style31 { font-size:12px;font-family:Geneva, Arial, Helvetica, sans-serif; color: #000066; font-weight:800; text-align:center;} .style4 { font-size:12px;font-family:Geneva, Arial, Helvetica, sans-serif; color: #000066; padding-right:10px; padding-top:10px; text-align:justify;} .link {color:#d76d46;} /* HOME */ .table_contact { font-size:12px;font-family:Geneva, Arial, Helvetica, sans-serif; color: #000066; font-weight:800; text-align:center;} .table_text { font-size:12px;font-family:Geneva, Arial, Helvetica, sans-serif; color: #000066;} .content_text { font-size:12px;font-family:Geneva, Arial, Helvetica, sans-serif; color: #000066; padding-right:10px; padding-top:10px; text-align:justify;} td {padding-top:0px; margin-top:0px; padding-left:5px; padding-right:4px; text-align:justify;} table {text-align:justify;} .table_cell {text-align:justify;} #theheader_home {text-align:right; width:614px; height:155px; background:url(images/home_header.jpg) no-repeat; margin-top:0px;} #login_info {text-align:right; padding-top:100px; padding-right:5px; float:right;} #title {padding-top:9px;text-align:justify; padding-right:10px;} #main_content {padding-top:9px;text-align:justify; padding-right:35px;} #side_img {float:right; padding-right:60px;} #home_table{padding-top:15px;} #italics {color:#0099FF; font-style:italic;} #padding_top {padding-top:10px;} .nav_padding {padding-left:12px; text-align:center;} #side_img_pdng {padding-left:12px;} /* CANDIDATES */ p{ font-size:12px;font-family:Geneva, Arial, Helvetica, sans-serif; color: #000066; padding-right:0px; padding-top:10px; padding-left:0px; } #box{ display:block; } #black{ float:right; margin-top:1px; padding-left:10px;} #positions {text-align:center;} /* CONTACT */ .titles { font-size:15px;font-family:Geneva, Arial, Helvetica, sans-serif; color:#FF6600; font-weight:bold;} .titles2 { font-size:12px;font-family:Geneva, Arial, Helvetica, sans-serif; color:#FF6600; font-weight:bold;} #side_img {float:right; padding-right:60px;} #content_area {padding-top:9px;text-align:justify; padding-right:10px;} #building {float:right;text-align:right;} #map {padding-left:5px;} /* PROFILE */ #main_content_profile { margin-top:-20px;text-align:justify; padding-right:35px; background:url(../images/profile.jpg) no-repeat;} /* SERVICES */ li {list-style-type:none; font-size:12px;font-family:Geneva, Arial, Helvetica, sans-serif; color: #000066} ul {padding-left:0px;} #main_content_services {padding-top:9px;text-align:justify; padding-right:35px; background:url(../images/services.jpg) no-repeat; background-position:bottom;} /* SOLUTIONS */ .boldi {font-style:italic; font-weight:bold;} #red {color:#FF0000;} #blue {color:#0066FF;} /*******FOR PHP*******************/ #Message { width:85%; margin: 0 0 15px 0; padding: 10px 10px 10px 31px; border: 2px solid #5E85AE; background: #C4D2E1 url('../images2/gui/icon_comment.gif') no-repeat 10px center; font-size: 13px; color: #000000; } #Message.Error { border: 2px solid #B05C6A; position:relative; margin:auto; margin-bottom:5px; background: #E1C3C9 url('../images2/gui/icon_error.gif') no-repeat 10px center; } #Message.Error a { color: #B05C6A; text-decoration: none; } #Message.Success { border: 2px solid #85AE5E; background: #D2E1C4 url('../images2/gui/icon_accept.gif') no-repeat 10px center; } #Message.Success a { color: #85AE5E; text-decoration: none; } #Message a { color: #5E85AE; text-decoration: none; } #Message a:hover, #Message a:active { color: #FFFFFF; } /**** For home page *******/ .Jobs ul li { margin-left: 20px; list-style-image: url('../images/gui/bulletorange.gif'); padding-bottom: 5px; color: #606060; } .Jobs a { color: #1C2E60; text-decoration: none; } .Jobs a:hover, #Homepage .Jobs a:active { color: #777696; } .News ul {} .News ul li { margin-left: 20px; list-style-image: url('../images/gui/bulletblue.gif'); padding-bottom: 5px; color: #606060; } .News a { color: #1C2E60; text-decoration: none; } .News a:hover, #Homepage .News a:active { color: #777696; } /****************JOB LIST TABLE****************/ .JobList { margin: 0 0 25px 0; display: block; } .JobList th { background:#2f2f82; border-bottom: 1px solid #1C2E60; padding: 10px; color:#FFFFFF; font-weight: bold; font-size: 14px; } .JobList td { padding: 10px; font-size: 13px; border-bottom: 1px solid #BDB9BA; } .JobList td.Position {color:#404040; font-weight:bold; } .JobList td.Date {color: #808080;} .JobList tr.OddRow {background: #F7F7F7; } .JobEntry { margin: 0 0 25px 0; } .JobEntry td { color: #606060; padding: 10px 0; font-size: 14px; border-bottom: 1px solid #BDB9BA; } .JobEntry td.Label { line-height: 16px; font-weight: bold; text-align: right; padding-right: 10px; font-size: 12px; color: #606060; } /*.JobEntry td li{list-style:none;}*/ .JobEntry #description .MsoNormal span{font-size: 14px !important; color: #606060 !important;} .JobEntry td ol li{color: #606060; font-size: 14px; display:list-item} .JobEntry td li{color: #606060; font-size: 14px; list-style-position:inside; vertical-align: top; position: relative; top: -.5em; } #requirments,#description{ } #requirments ul{ margin-top:0; } .JobEntry #description p{ width:480px; margin:0; padding:0;} .JobEntry #requirments p{width:480px; margin:0; padding:0;} .JobEntry #requirments ul{width:460px; padding-right:10px;} .JobEntry #requirments li{width:460px; padding-right:10px;} .JobEntry #moreinfo p{width:482px; margin:0; padding:0;} #test{ color:#993300;} #BlockButtonSidebarAdminAction { display: block; height: 40px; width: 250px; margin: 0 0 20px 0; background: url('../images/gui/button_sidebar_admin_action_bg2.gif') no-repeat top left; } #BlockButtonSidebarAdminAction .Container { padding: 10px 15px; text-align: center; } #BlockButtonSidebarAdminAction a { display: block; text-transform: uppercase; font-weight: bold; font-size: 16px; font-weight: bold; color: #FFFFFF; line-height: 16px; } #BlockButtonSidebarAdminAction a:hover, #BlockButtonSidebarAdminAction a:active { color:#0099FF; } /*******Job View Page**************/ .ColumnMain { position: relative; clear: left; float: left; overflow: hidden; width:600px; margin: 0; padding:0;} .ColumnMain a{color:#0099FF;} .JobEntry { margin: 0 0 25px 0; } .JobEntry td { color: #606060; padding: 10px 0; font-size: 14px; border-bottom: 1px solid #BDB9BA; } .JobEntry td.Label { line-height: 16px; font-weight: bold; text-align: right; padding-right: 10px; font-size: 12px; color: #606060; } .ColumnMain h2 { font-size: 20px; font-weight: bold; color: #1C2E60; margin: 15px 0 20px 0; } .ColumnMain h2 small { font-size: 11px; color: #808080; display: block; } /*****Editpage Info*****/ #editjobholder{position: relative; clear: both; overflow: hidden; padding: 0px 0px 0px 00px;; width:700px; margin-left:105px; margin-top:10px; } #editjobholder small a {color:#0099FF;} #editjobholder h2 { font-size: 20px; font-weight: bold; color: #1C2E60; margin: 15px 0 20px 0; } form.Form { position: relative; clear: both; overflow: hidden; } form.Form * { font-family: Arial, Helvetica, sans-serif; } form.Form fieldset { position: relative; border: 2px solid #BDB9BA; padding: 15px; margin: 0 0 10px 0; display: block; clear: both; } form.Form h3 { font-size: 18px; color: #1C2E60; margin: 0; padding: 0; } form.Form legend { border: 2px solid #BDB9BA; padding: 5px; margin: 0 0 10px 0; } form.Form .Container { margin: 15px 0 0 0; } form.Form label { display:block; font-size: 13px; color: #808080; } form.Form label .Required { color: #B05C6A; font-size: 18px; font-weight: bold; line-height: 12px; } form.Form label.StartRow { float: left; width: 100px; text-align: right; margin: 0 5px 0 0; line-height: 30px; } form.Form label.Inline { display: inline; margin: 0 5px 0 0; line-height:30px; } form.Form p { font-size: 12px; text-align: left; } form.Form div { position: relative; } form.Form div.Row { margin: 0 0 10px 0; clear: both; overflow: hidden; } form.Form div.RowLast { margin: 0; clear: both; overflow: hidden; } form.Form div.Inline { float: left; clear: none; padding-right:15px; width:180px; } form.Form .Disabled { color: #808080; background: #FFFFFF; } form.Form input, #Content form.Form textarea, #Content form.Form select { border: 1px solid #808080; padding: 5px; color: #404040; font-size: 14px; overflow: auto; position: relative; } form.Form input.Login { font-size: 18px; width: 200px; } form.Form input.NewsAuthor { } form.Form input.Date { width: 100px; } form.Form input.Phone { width: 125px; } form.Form input.PhoneExtension { width: 50px; } form.Form input.Title { font-size: 18px; } form.Form input.ExtraTiny, form.Form textarea.ExtraTiny { width: 25px; } form.Form input.Tiny, form.Form textarea.Tiny { width: 75px; } form.Form input.Small, form.Form textarea.Small { width: 150px; } form.Form input.verySmall, form.Form textarea.verySmall { width:30px; } form.Form input.Medium, form.Form textarea.Medium { width: 200px; } form.Form input.Large, form.Form textarea.Large { width: 250px; } form.Form input.ExtraLarge, form.Form textarea.ExtraLarge { width: 300px; } form.Form input.Full, form.Form textarea.Full { width: 650px; } form.Form input.Radio { border: none; } form.Form .FieldRequired { border: 1px solid #B05C6A; } form.Form .FieldError { background: #E1C3C9; } form.Form button { color: #FFFFFF; padding: 3px; font-size: 18px; line-height: 18px; background: #777696; border: 1px solid #BDB9BA; border-bottom: 1px solid #1C2E60; border-right: 1px solid #1C2E60; } form.Form button.Cancel { color: #000000; background: #C0C0C0; border: 1px solid #E0E0E0; border-bottom: 1px solid #808080; border-right: 1px solid #808080; } form.Form button.Delete { background: #B05C6A; border: 1px solid #E1C3C9; border-bottom: 1px solid #944552; border-right: 1px solid #944552; } #Message { margin: 0 0 15px 0; padding: 10px 10px 10px 31px; border: 2px solid #5E85AE; background: #C4D2E1 url('../images/gui/icon_comment.gif') no-repeat 10px center; font-size: 13px; color: #000000; } #Message.Error { border: 2px solid #B05C6A; background: #E1C3C9 url('../images/gui/icon_error.gif') no-repeat 10px center; } #Message.Error a { color: #B05C6A; text-decoration: none; } #Message.Success { border: 2px solid #85AE5E; background: #D2E1C4 url('../images/gui/icon_accept.gif') no-repeat 10px center; } #Message.Success a { color: #85AE5E; text-decoration: none; } #Message a { color: #5E85AE; text-decoration: none; } #Message a:hover, #Message a:active { color: #FFFFFF; } /***NEWS PAGE*****/ .ColumnMain p { font-size: 14px; color: #606060; margin: 0 0 0px 0; width:550px; } .ColumnMain h4 small { font-size: 11px; color: #808080; display: block; } .ColumnMain h4 { font-size: 16px; color: #1C2E60; margin: 25px 0 0px 0; font-weight: normal; width:500px;} .archives h3 { font-size: 18px; color: #1C2E60; margin: 10px 0 0px 5px; } .archives ul li { font-size: 13px; margin-left: 20px; list-style-image: url('../images/gui/bullet.gif'); padding-bottom: 5px; color: #606060; } .archives ol li { font-size: 13px; margin-left: 20px; padding-bottom: 5px; color: #606060; list-style-type: decimal; } .archives li small { font-size: 11px; color: #808080; display: block; } .archives #BlockButtonSidebarAdminAction{ margin-left:0px; margin-top:10px; } /*LOGIN PAGE*/ #loginholder{ position:relative; width:100%;} #loginholder li { font-size: 13px; margin-left: 20px; list-style-image: url('../images/gui/bullet.gif'); padding-bottom: 5px; color: #606060; } #loginholderinner{ width:480px; border:#000000 thin solid; position:relative; display:block; margin:60px 0px 60px 200px; padding:20px 20px 20px 30px; } /*PARTNER PAGE*/ .partnerLogo {margin:10px 0px -20px 15px;} /* TESTIMONIALS */ .testimonial {font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:left;} .testimonial_auth {font-family:Arial, Helvetica, sans-serif; color:#999999; font-size:12px;}