/*====================================================*/ /*================= FRAMEWORK STYLES =================*/ /*====================================================*/ body {margin: 10px; font: 12px verdana, trebuchet ms, arial; background-color: #dfdfdf;} a {color: #2E4A72; text-decoration: none;} a:hover {text-decoration: underline;} #MobileMiniNetherlands {width: 984px; border: 1px solid black; margin: 0px auto;} #header {background-color: #4877ba; padding: 20px; position: relative; color: white; border-bottom: 1px solid white; width: 944px;} #secondaryNav {position: absolute; top: 73px; right: 0px;} * html #secondaryNav {right: -20px;} #secondaryNav a {color: white; font-weight: bold; display: block; float: left; margin-right: 40px;} #secondaryNav a#MainNavContactUs {margin-right: 20px;} #headerContact {float: right; text-align: right;} #headerContact #phoneNumber {font: 24px verdana, trebuchet ms; font-weight: bold; display: block;} #headerContact a {color: #c8d6ea; font-size: 11px;} #mainNavigation {background-color: #2E4A72;} #mainNavigation a {color: white; font-weight: bold; display: block; padding: 10px 20px;} #mainNavigation a.on {background-color: #D2DEEE; color: #2E4A72;} #mainNavigation a.on:hover {background-color: #D2DEEE; color: #2E4A72;} #mainNavigation a:hover {text-decoration: none; background-color: #5D7496;} #mainNavigation a#mainNavQuote {color: #8f0100; background-color: #edcd00; display: block; padding: 10px 20px;} #mainNavigation a#mainNavQuote.on {background-color: #D2DEEE; color: #2E4A72;} #mainNavigation a#mainNavQuote:hover {color: black;} #mainNavigation a#mainNavQuote.on:hover {color: #2E4A72;} #mainSection {background: #fff url('../images/fadeback.gif') repeat-x; padding-top: 20px; padding-bottom: 100px;} #subnav {background: #fff url('../images/subnavback.gif') no-repeat; width: 200px; min-height: 500px; padding-bottom: 30px; float: left; line-height: 13px;} #subnav select {font-size: 11px;} #subnav a {display: block; font-weight: bold; color: #2e4a72; padding: 10px 20px; font-size: 12px; border-bottom: 1px solid #A9BAD2;} #subnav a.on {background-color: #E4EBF5;} #subnav a.on:hover {background-color: #E4EBF5;} #subnav a span {display: block; font-weight: normal; color: #666; font-size: 11px;} #subnav a:hover {background-color: #EFEFEF; text-decoration: none;} #subnav div.subnavon {font-weight: bold; color: #2e4a72; padding: 10px 20px; font-size: 12px; background-color: #E4EBF5; border-bottom: 1px solid #A9BAD2;} #subnav div.subnavon span {display: block; font-weight: normal; color: #666; font-size: 11px;} .pageContent {float: left; width: 724px; padding-left: 20px; line-height: 18px;} .pageContent h1 {margin: 0px; font: 24px verdana, trebuchet ms; color: #2E4A72; line-height: normal;} .pageContent h2 {margin: 0px; font: 14px verdana, trebuchet ms; color: #999; margin-bottom: 15px; line-height: normal;} .pageContent ul {margin-top: 0px; padding-top: 0px;} .pageContent ul.bigList {font-size: 14px; line-height: 18px;} #bottomStripe {background-color: #2E4A72; height: 40px; clear: both;} #footer {width: 984px; margin: 0px auto; padding-top: 10px; font: 12px verdana, trebuchet ms; line-height: 18px; padding-bottom: 100px;} #footer a {color: #4877ba;} /*====================================================*/ /*================= HOMEPAGE STYLES ==================*/ /*====================================================*/ #homepageIntro {font-size: 13px; width: 500px; line-height: 18px;} #homepageIntro h1 {font: 21px trebuchet ms; color: black; margin: 0px; margin-top: 0px; margin-bottom: 10px;} #homepageIntro h1 span {font: 36px/26px trebuchet ms; display: block;} #homepageIntro a.biglink {display: block; color: #ED8B00; font-size: 1.2em; font-weight: bold; margin-top: 10px; margin-bottom: 20px;} .homeRight {width: 20px;} .darkBlue {background-color: #2E4A72;} #quoteForm h2 {margin: 0px; font-weight: normal; font: 24px trebuchet ms; color: #2E4A72; padding: 0px;} #quoteForm span.framework {display: block; padding: 0px 20px;} #quoteForm span.requiredField {display: inline; padding: 0px;} #quoteForm .formField {border-bottom: #95A8C1;} .calendarDateInput {vertical-align: middle;} #others { width: 360px; color: #C1C9D5; margin-left: 70px; } #others h2 { font-size: 24px; color: white; font-weight: normal; margin: 0px; margin-bottom: 5px; } #others table { margin-top: 10px; } #others td { padding-right: 30px; } #others ul { margin: 0px; } #others li { list-style-type: none; } #others .content a { color: #95B9EC; } #others .content { padding-top: 400px; } #others ul {padding: 0px;} #others li { line-height: normal; padding-bottom: 7px; } #others a { color: #C1C9D5; text-decoration: underline; } #others a:hover { color: #A1A9B5; text-decoration: underline; } /*====================================================*/ /*=============== PAGE SPECIFIC STYLES ===============*/ /*====================================================*/ .grayBox strong {display: block; font-size: 14px;} .grayDynamic {background-color: #efefef;} .grayDynamic span {display: block; padding: 0px 20px;} .grayDynamic strong {display: block; font-size: 14px;} .footnote {font-size: 11px;} .layoutBox {width: 516px; height: 128px; font-size: 11px; margin-top: 20px;} .layoutBox strong {font-size: 14px;} .layoutBox span {display: block; padding: 15px; padding-left: 150px;} .layoutBox td {padding-right: 5px;} .smallSubhead {color: #999; font-weight: bold;} .col1 {width: 250px; float: left; margin-right: 18px;} .col2 {width: 250px; float: left;} .blueBubble strong {display: block;} #ResidentialStorage .blueBubble span strong {font-size: 1.1em;} #CommercialStorage .blueBubble span strong {font-size: 1.1em;} a.blueThumb {height: 140px; width: 253px; display: block; float: left; margin-right: 20px; margin-bottom: 20px; text-decoration: underline; font-weight: bold;} a.blueThumb span {display: block; padding-top: 115px; text-align: center;} #CommercialStorage #buildContainer {float: right; width: 257px; padding-left: 20px; padding-bottom: 20px;} #customizeButton {margin-top: 10px;} #CommercialStorage li {font-weight: bold;} #CommercialStorage strong {font-size: 14px;} #CommercialStorage a {text-decoration: underline;} #CommercialStorage .blueBubble {width: 516px; height: 127px;} #CommercialStorage .blueBubble strong {display: block; font-size: 16px;} #CommercialStorage .blueBubble span {display: block; padding-top: 30px; padding-left: 20px; width: 280px;} #CommercialStorage .blueBubble span a {white-space: nowrap;} #CommercialStorage #standardUnits {background: #fff url('../images/commstore2.gif') no-repeat;} #CommercialStorage #bothEnds {background: #fff url('../images/commstore3.gif') no-repeat;} #CommercialStorage #sideDoors {background: #fff url('../images/commstore4.gif') no-repeat;} #CommercialStorage #customUnits {background: #fff url('../images/commstore5.gif') no-repeat;} #CommercialStorage #miniStorage {background: #fff url('../images/comstore1.gif') no-repeat;} #CommercialStorage #standardUnits {background: #fff url('../images/comstore2.gif') no-repeat;} #CommercialStorage #bothEnds {background: #fff url('../images/comstore3.gif') no-repeat;} #CommercialStorage #coolingUnits {background: #fff url('../images/comstore3.gif') no-repeat;} #CommercialStorage #specialtyUnits {background: #fff url('../images/comstore4.gif') no-repeat;} #chemUnits {background: #fff url('../images/special_1.gif') no-repeat;} #openTopUnits {background: #fff url('../images/special_2.gif') no-repeat;} #flatRackUnits {background: #fff url('../images/special_3.gif') no-repeat;} #openSideUnits {background: #fff url('../images/special_4.gif') no-repeat;} #sets {background: #fff url('../images/special_5.gif') no-repeat;} #SecurityFeatures .grayBox {width: 516px; height: 107px;} #SecurityFeatures #boxes {width: 516px;} #SecurityFeatures li {margin-top: 10px;} #SecurityFeatures .grayBox span {display: block; padding-top: 15px; margin-left: 20px; margin-right: 200px;} #SecurityFeatures #standardTriCam {background: #fff url('../images/security1.gif') no-repeat;} #SecurityFeatures #premiumTriCam {background: #fff url('../images/security2.gif') no-repeat;} #SecurityFeatures #containerGuard {background: #fff url('../images/security3.gif') no-repeat;} #DoorOptions #boxes {width: 516px;} #DoorOptions #boxes img {margin: 20px; margin-top: 0px; margin-right: 0px;} #DoorOptions .grayBox {margin-bottom: 20px;} #DoorOptions .grayBox span {display: block; padding-top: 15px; margin-left: 20px; margin-right: 280px;} #DoorOptions #premiumDoors {width: 516px; height: 214px; background: #fff url('../images/doors1.gif') no-repeat;} #DoorOptions #standardDoors {width: 516px; height: 229px; background: #fff url('../images/doors2.gif') no-repeat; clear: right;} #DoorOptions #standardDoors span {margin-right: 200px;} #DoorOptions #doorLocations {width: 516px; height: 229px; background: #fff url('../images/doors3.gif') no-repeat; clear: right;} #DoorOptions #doorLocations span {margin-right: 280px;} #DeliveryServices #boxes {width: 517px;} #DeliveryServices #deliveryNotice {width: 517px; height: 215px; background: #fff url('../images/delivery2.gif') no-repeat; margin-bottom: 20px;} #DeliveryServices #deliveryNotice span {display: block; padding-top: 70px; padding-left: 20px; padding-right: 250px;} #DeliveryServices #guidelines {margin-top: 20px;} #OptionalEquipment #boxes {width: 516px;} #OptionalEquipment .grayBox {width: 516px; height: 107px; margin-bottom: 20px;} #OptionalEquipment .grayBox span {display: block; padding: 15px; padding-right: 200px;} #OptionalEquipment #shelving {background: #fff url('../images/optional1.gif') no-repeat;} #OptionalEquipment #ramps {background: #fff url('../images/optional2.gif') no-repeat;} #OptionalEquipment #ventilation {background: #fff url('../images/optional3.gif') no-repeat;} #Applications img {margin: 20px; margin-right: 0px; margin-top: 0px;} #Applications strong {font-size: 14px;} #StandardUnits #featuresArray {background: #fff url('../images/commstandard1.gif') no-repeat; width: 516px; height: 186px; font-size: 11px;} #StandardUnits #featuresArray span {display: block; padding: 15px; padding-top: 35px; padding-right: 200px;} #MobileMiniCommercial h3 {font-size: 16px; margin-bottom: 0px;} #ResidentialStorage #miniStorage {background: #fff url('../images/comstore1.gif') no-repeat; clear: both;} #ResidentialStorage #standardUnits {background: #fff url('../images/comstore2.gif') no-repeat; clear: both;} #ResidentialStorage #bothEnds {background: #fff url('../images/comstore3.gif') no-repeat;} #ResidentialStorage #coolingUnits {background: #fff url('../images/comstore3.gif') no-repeat;} #ResidentialStorage #specialtyUnits {background: #fff url('../images/comstore4.gif') no-repeat;} #ResidentialStorage #customUnits {background: #fff url('../images/commstore5.gif') no-repeat;} #ResidentialStorage .blueBubble {width: 516px; height: 127px;} #ResidentialStorage .blueBubble strong {display: block; font-size: 16px;} #ResidentialStorage .blueBubble span {display: block; padding-top: 30px; padding-left: 20px; width: 280px;} #ResidentialStorage .blueBubble span a {white-space: nowrap;} #StandardUnits #standardContainer { background: #fff url('../images/commstandard2.gif') no-repeat; } #StandardUnits #miniContainer { background: #fff url('../images/commmini1.gif') no-repeat; } #StandardUnits #opentopContainer { background: #fff url('../images/opentop1.gif') no-repeat; } #StandardUnits #flatRackContainer { background: #fff url('../images/flat1.gif') no-repeat; } #StandardUnits #openSideContainer { background: #fff url('../images/openside1.gif') no-repeat; } #StandardUnits #DoorEnds { background: #fff url('../images/commstandard4.gif') no-repeat; height: 154px; } #StandardUnits #OneSide { background: #fff url('../images/commstandard5.gif') no-repeat; height: 151px; } #StandardUnits #TwoSide { background: #fff url('../images/commstandard6.gif') no-repeat; height: 151px; } #StandardUnits #FourSide { background: #fff url('../images/commstandard7.gif') no-repeat; height: 249px; } #StandardUnits #customIntro {width: 516px; margin-bottom: 20px;} #ResidentialStorage #buildContainer {background: #fff url('../images/comm1.gif') no-repeat; width: 517px; height: 184px; margin-bottom: 20px;} #ResidentialStorage #buildContainer span {padding: 15px; padding-right: 220px; display: block; line-height: normal;} #PortableOffices p#intro img {margin: 20px; margin-right: 0px; margin-top: 0px;} #PortableOffices .blueBubble {width: 517px; height: 127px;} #PortableOffices .blueBubble a {display: block;} #PortableOffices .blueBubble span {padding: 15px; padding-right: 220px; padding-top: 30px; display: block;} #secureOfficeContainers {background: #fff url('../images/office2.gif') no-repeat;} #toiletUnits {background: #fff url('../images/office3.gif') no-repeat;} #messUnits {background: #fff url('../images/office4.gif') no-repeat;} #snackUnits {background: #fff url('../images/office5.gif') no-repeat;} .officeThumbs {margin-top: 20px;} .officeThumbs strong {display: block; font-size: 14px; clear: both;} #TenFootOpenBay {background: #fff url('../images/mobile1.gif') no-repeat;} #SixteenFootOpenBay {background: #fff url('../images/mobile2.gif') no-repeat;} #TwentyFootOpenBay {background: #fff url('../images/mobile3.gif') no-repeat;} #TwentyFourFootOpenBay {background: #fff url('../images/mobile4.gif') no-repeat;} #ThirtyTwoFootOpenBay {background: #fff url('../images/mobile5.gif') no-repeat;} #TwentyFootMessStorage {background: #fff url('../images/combo1.gif') no-repeat;} #TwentyFootOfficeStorage {background: #fff url('../images/combo1.gif') no-repeat;} #TwentyFootDoubleOffice {background: #fff url('../images/combo2.gif') no-repeat;} #TwentyFootMessOffice {background: #fff url('../images/combo2.gif') no-repeat;} #TwentyFourFootDoubleOffice {background: #fff url('../images/mobile4.gif') no-repeat;} #TwentyFourFootMessOffice {background: #fff url('../images/mobile4.gif') no-repeat;} #ThirtyTwoFootDoubleOffice {background: #fff url('../images/mobile5.gif') no-repeat;} #TenFootMessUnit {background: #fff url('../images/mobile1.gif') no-repeat;} #SixteenFootMessUnit {background: #fff url('../images/mobile2.gif') no-repeat;} #TwentyFootMessUnit {background: #fff url('../images/mobile3.gif') no-repeat;} #TwentyFourFootMessUnit {background: #fff url('../images/mobile4.gif') no-repeat;} #ThirtyTwoFootMessUnit {background: #fff url('../images/mobile5.gif') no-repeat;} #CustomerSupport strong {font-size: 16px;} #CustomerSupport form {margin: 0px;} #unsubscribeForm {margin: 0px; background-color: #C8D6EA; float: right; width: 200px; margin-left: 20px;} #unsubscribeForm input {display: block; margin-bottom: 10px;} #unsubscribeForm strong {display: block;} #unsubscribeForm .formContents {padding: 0px 20px;} #feedback1 {line-height: 18px;} .feedback {background-color: #efefef; margin-top: 20px; line-height: 18px; width: 517px;} .feedback span {display: block; padding: 0px 20px;} .feedback strong {font-weight: bold; font-size: 14px;} .formcell {padding-right: 20px; padding-bottom: 10px;} .gray {width: 517px; background-color: #efefef;} .gray span {display: block; padding: 0px 20px;} #CustomerSupport .gray strong {font-size: 14px; margin: 0px; padding: 0px;} .gray span img {margin: 0px; padding: 0px;} #PrintableForms .gray strong {font-size: 16px; margin: 0px; padding: 0px;} #contact1 {line-height: 18px;} .information {background-color: #efefef; margin-top: 20px; line-height: 18px; width: 517px;} .information span {display: block; padding: 0px 20px;} .information strong {font-weight: bold; font-size: 14px;} .label {color: #333333;} .label span {color: red; display: inline; margin: 0px; padding: 0px;} .formcell {padding-right: 20px; padding-bottom: 10px;} #BranchLocations img {float: right; clear: right; padding-right: 200px; display: block;} .Unit {width: 518px;} .Unit .largePhoto {align: center; padding-bottom: 20px;} .Unit .floorplan {position: relative; height: 144px; background-color: #EEF3F9; margin-bottom: 20px;} .Unit .floorplan span {display: block; padding: 0px 40px; text-align: right;} .Unit .floorplan a {font-size: 1em; font-weight: bold; text-decoration: underline;} .bottomCurve {position: absolute; bottom: 0px;} .attribute {font-weight: bold; line-height: normal;} .values {padding-left: 10px; padding-bottom: 20px;} .values div {line-height: normal; padding-bottom: 7px;} #ToiletUnit .floorplan {background: #EEF3F9 url('../images/toilet1.gif') no-repeat;} #SnackUnit .floorplan {background: #EEF3F9 url('../images/snack1.gif') no-repeat;} #TenFootOpenBay .floorplan {background: #EEF3F9 url('../images/mobile1.2.gif') no-repeat;} #SixteenFootOpenBay .floorplan {background: #EEF3F9 url('../images/mobile2.2.gif') no-repeat;} #TwentyFootOpenBay .floorplan {background: #EEF3F9 url('../images/mobile3.2.gif') no-repeat;} #TwentyfourFootOpenBay .floorplan {background: #EEF3F9 url('../images/mobile4.2.gif') no-repeat;} #ThirtytwoFootOpenBay .floorplan {background: #EEF3F9 url('../images/mobile5.2.gif') no-repeat;} #TwentyFootMessStorage .floorplan {background: #EEF3F9 url('../images/combo2.2.gif') no-repeat;} #TwentyFootOfficeStorage .floorplan {background: #EEF3F9 url('../images/combo1.2.gif') no-repeat;} #TwentyFootDoubleOffice .floorplan {background: #EEF3F9 url('../images/combo3.2.gif') no-repeat;} #TwentyFootMessOfficeCombo .floorplan {background: #EEF3F9 url('../images/combo4.2.gif') no-repeat;} #TwentyfourFootDoubleOffice .floorplan {background: #EEF3F9 url('../images/combo5.2.gif') no-repeat;} #TwentyfourFootMessOfficeCombo .floorplan {background: #EEF3F9 url('../images/combo6.2.gif') no-repeat;} #ThirtytwoFootDoubleOffice .floorplan {background: #EEF3F9 url('../images/combo7.2.gif') no-repeat;} #TenFootMess .floorplan {background: #EEF3F9 url('../images/mess1.2.gif') no-repeat;} #SixteenFootMess .floorplan {background: #EEF3F9 url('../images/mess2.2.gif') no-repeat;} #TwentyFootMess .floorplan {background: #EEF3F9 url('../images/mess3.2.gif') no-repeat;} #TwentyfourFootMess .floorplan {background: #EEF3F9 url('../images/mess4.2.gif') no-repeat;} #ThirtytwoFootMess .floorplan {background: #EEF3F9 url('../images/mess5.2.gif') no-repeat;} .formField {border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 10px;} .formField strong {display: block;} .separator {padding-bottom: 7px;} #quoteForm {width: 517px;} #quoteForm strong {font-size: 1em;} #quoteForm label.multipleFields {display: block;} #quoteForm .textFields {padding-bottom: 5px; padding-left: 10px; line-height: normal;} .requiredField {color: red;} .grayDynamic .requiredField {display: inline; padding: 0px;} .formField .left {text-align: right; width: 150px;} #SendQuote {margin-left: 160px;} #quoteForm.homeForm {background-color: #AEC5E2; width: 500px; margin: 0px;}