/src/App/Presentation/Content/themes/default/css/contact.css

http://century.codeplex.com · CSS · 68 lines · 62 code · 6 blank · 0 comment · 0 complexity · 95aa8fe6e1acb55440bd5fc806137714 MD5 · raw file

  1. .contactMailbox { width: 767px; height: 48px; border: 1px solid #d3d3d3; }
  2. .contactMainLeft { width: 360px; margin-right:16px;float: left; }
  3. .contactMailboxDiv { text-align:center; float: left; width: 238px; height: 45px; border-left: 1px solid #ffffff; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; background:#f3f3f3; }
  4. .contactMailboxDiv1 { width: 238px; }
  5. .contactMailboxDiv2 { width: 273px; }
  6. .contactMailboxDiv3 { width: 252px; }
  7. .contactMailboxDiv h4 { float: left; /*line-height:45px;*/ color: #163e6a; font-size: 12px; padding: 8px 0 0 8px; }
  8. .contactMailboxDiv a { float: left; /*line-height:45px;*/ font-size: 12px; color: #3c3c3c; padding: 0 0 0 8px; }
  9. .contactMailboxDiv a:hover { color: #9bba44; }
  10. .contactMain { float: left; width: 100%; }
  11. .contactMainLeft { float: left; width: 358px;}
  12. .contactBranch {border: 1px solid #d3d3d3; margin-top: 15px; float: left; width: 356px; }
  13. .contactBranchInner { width: 318px; margin-top: 23px; margin-left:20px; padding-bottom:23px; float: left; }
  14. .contactBranchInner h2 { font-size: 12px; line-height:normal; margin-bottom: 8px; }
  15. .contactBranchSelect { width: 231px; }
  16. .contactBranchSelectHeader { width: 229px; border: 1px solid #d3d3d3; height: 23px; }
  17. .contactBranchSelectSpan { line-height:24px; margin-left: 9px; color: #1c1c1c; font-size: 12px; }
  18. .contactBranchSelect { position:relative; }
  19. .contactBranchSelectContent { overflow-y:auto; overflow-x: hidden; height: 180px; position:absolute; top: 25px; left: 0; width: 229px; background:#FFFFFF; border-left: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; padding: 5px 0; display:none; }
  20. .contactBranchSelectContent li { width: 100%; height: 23px; margin-bottom: 0 !important; margin-top: 1px;}
  21. .contactBranchSelectContent li span { line-height:23px; margin-left:9px; }
  22. .contactBranchInner p { font-size: 12px; line-height: 17px; margin-top: 9px; margin-left: 4px; margin-bottom:6px;}
  23. .contactBranchInner span { font-size: 12px; float: left; }
  24. .contactBranchInner span img { margin-top: -2px; float: left; margin-right: 4px; margin-left: 4px; }
  25. .contactBranchSelectMainLink .languageBoxArrow { margin-top: 7px !important; }
  26. .contactForm { float: left; width: 356px; border: 1px solid #d3d3d3; margin-top: 15px; }
  27. .contactForm .contactFormInner { width: 310px; margin-top: 22px; margin-left: 22px; margin-bottom: 22px; float: left; }
  28. .contentFormLine { width: 100%; float: left; margin-bottom: 7px; }
  29. .contentFormLine .contactFormTitle { float: left; line-height: 23px; width: 118px; font-size: 12px; color: #1c1c1c; }
  30. .contentFormLine input { width: 181px; height: 19px; border: 1px solid #d3d3d3; padding-left: 3px; }
  31. .contentFormLine textarea { resize: none; border: 1px solid #d3d3d3; width: 180px; padding: 2px; height: 59px; }
  32. .contentFormLine .jquery-selectbox { width: 184px; height: 21px; }
  33. .contentFormLine .jquery-selectbox-moreButton { height: 21px !important; background: url(../img/content/doubleArrow.jpg) center center no-repeat !important; }
  34. .contentFormLine .jquery-selectbox .jquery-selectbox-list { width: 100%; overflow: visible; }
  35. .sendButton { width: 89px;
  36. line-height: 33px;
  37. text-align: center;
  38. display: block;
  39. background: url(../img/content/greenGradientButtonMidHeight.jpg) top left repeat-x;
  40. float: right;
  41. color: #fff;
  42. font-weight: bold;
  43. font-size: 14px;
  44. margin-right: 103px;
  45. border: none;
  46. cursor:pointer; }
  47. .sendButton:hover { background-position: bottom left; }
  48. .contentFormLine .jquery-selectbox-currentItem { color: #6a6a6a; }
  49. .contactMainRight { float: right; width: 391px; margin-top:15px; height: 451px; position:relative; border: 1px solid #d3d3d3; background:#ffffff; }
  50. .contactMainRight .contactMainRightPermanentBox { position:absolute; left:70px; top :53px; width: 243px; height: 101px; background:url(../img/content/contactBranchesPermanentBg.jpg) top left repeat-x; }
  51. .contactMainRightPermanentBox { position:absolute; top: -107px; height: 114px; width: 396px; background:url(../img/content/branchesCityDivContentBg.png) top left no-repeat; color: #ffffff; z-index: 4; }
  52. .contactMainRightPermanentBox h2 { margin-left: 20px; float: left; width:220px; font-weight:normal; font-size: 16px; color: #ffffff; line-height: normal; margin-top: 10px; }
  53. .contactMainRightPermanentBox p { margin-left:20px; float: left; width:220px; margin-top: 4px; font-size: 12px; color: #ffffff; }
  54. .contactMainRightPermanentBox span { margin-left:20px; float: left; width:194px; height: 22px; line-height:22px; font-size: 12px; display:block; background:url(../img/content/whitePhone.png) left 2px no-repeat; padding-left:24px; }
  55. .contactContentDivCity { display: none; }
  56. .copyDivContent { float: left; width: 100%; }
  57. .contactMainRight .contactMainRightPermanentBoxMid { height: 120px; background:url(../img/content/branchesCityDivContentBgLong.png) top left no-repeat !important; }
  58. .contactMainRight .contactMainRightPermanentBoxBig { height: 140px; background:url(../img/content/branchesCityDivContentBgLong.png) top left no-repeat !important; }
  59. .es .contactMailboxDiv2{width: 254px;}
  60. .es .contactMailboxDiv3{width: 224px;}
  61. .contactContentDiv_dubai .contactMainRightPermanentBox, .contactContentDiv_hongkong .contactMainRightPermanentBox, .contactContentDiv_johannesburg .contactMainRightPermanentBox, .contactContentDiv_karachi .contactMainRightPermanentBox, .contactContentDiv_madrid .contactMainRightPermanentBox{ height: 120px; background:url(../img/content/branchesCityDivContentBgLong.png) top left no-repeat !important; top: 34px;}
  62. .contactContentDiv_shanghai .contactMainRightPermanentBox{ height: 140px; background:url(../img/content/branchesCityDivContentBgLong.png) top left no-repeat !important; top:15px; }