/* ==================================================================================================== */ /* ==|Project: ROMA Mouldings |=============================================== */ /* ==|CSS File: style_temp.css |=============================================== */ /* ==|Date Created: 10/29/2007 |=============================================== */ /* ==|Author: Andrea Acosta Duarte - Kandi Xiao |=============================================== */ /* ==================================================================================================== */ /*====================================================================================*/ /* Styles for the client to use*/ .header1 { color: #572600; font-size:14px } .subheader1 { color: #8B0101; font-size:12px } /*====================================================================================*/ a:link, a:visited { color:#8B0101; text-decoration: none;} a:hover, a:active { color:#8B0101; text-decoration: underline;} a.mainLink:link, a.mainLink:visited { color:#8B0101; text-decoration: none; text-transform:none;} a.mainLink:hover, a.mainLink:active { color:#8B0101; text-decoration:underline; text-transform:none;} a.mainLink2:link, a.mainLink2:active, a.mainLink2:visited { color:#8B0101; font-size:12px; font-weight:normal; text-decoration:none; text-transform:none;} a.mainLink2:hover{text-decoration:underline;} a.mainLink3:link, a.mainLink3:visited { color:#8B0101; text-decoration: none; text-transform:none;font-size:11px;} a.mainLink3:hover, a.mainLink3:active { color:#8B0101; text-decoration:underline; text-transform:none;font-size:11px;} a.readAbout:link, a.readAbout:visited { color:#8B0101; font-size:11px; text-decoration: none; text-transform:none; font-weight:normal;} a.readAbout:hover, a.readAbout:active { color:#8B0101; font-size:11px; text-decoration:underline; text-transform:none; font-weight:normal;} a.readMore:link, a.readMore:visited { color:#333333; font-size:9px; font-weight:bold; text-decoration: none;} a.readMore:hover, a.readMore:active { color:#333333; font-size:9px; font-weight:bold; text-decoration: underline;} a.secLink1:link, a.secLink1:active, a.secLink1:visited { color:#333333; font-size:9px; font-weight:bold; text-decoration:none; text-transform:uppercase;} a.secLink1:hover{ color:#333333; font-size:9px; font-weight:bold; text-decoration:underline; text-transform:uppercase;} a.altLink1:link, a.altLink1:visited { color:#333333; text-decoration:none; } a.altLink1:hover, a.altLink1:active { text-decoration:underline; } a.altLink2:link, a.altLink2:visited { color:#572600; font-size:14px; text-decoration:none; } a.altLink2:hover, a.altLink2:active { text-decoration:underline; } a.ProductID:link, a.ProductID:visited { color: #984B30; text-transform:uppercase; font-size:10px; text-decoration: none;} a.ProductID:hover, a.ProductID:active { text-decoration:underline;} .border1 { border-bottom:1px solid #E6E4D7;} .border2 { border-top:1px solid #E6E4D7;} img.middle {vertical-align:middle;} .clsFnt9 {font-size:9px;} .clsFnt10 {font-size:10px;} .clsFnt11 {font-size:11px;} .clsFnt12 {font-size:12px;} .clsFnt13 {font-size:13px;} .clsFnt14 {font-size:14px;} .clsFntColour1 {color:#8B0101 } .clsFntColour2 {color:#572600 } .clsFntColour3 {color:#333333} .clsFntColour4 {color:#666666} /*colours used for the drop down photoframes top nav */ .clsFntColour5 {color:#726e67;} .clsFntColour6 {color:#CCCCCC;} /*colours used for the drop down photoframes top nav */ .clsFntUCase { text-transform: uppercase } .clsMarTop2 { margin-top:2px; } .clsMarTop4 { margin-top:4px; } .clsMarTop8 { margin-top:8px; } .clsMarTop11 { margin-top:11px; } .clsMarTop13 { margin-top:13px; } .clsMarTop16 { margin-top:16px; } .clsMarTop18 { margin-top:18px; } .clsMarTop30 { margin-top:30px; } .clsMarLeft4 { margin-left:4px; } .clsMarLeft13 { margin-left:13px; } .clsMarLeft15 { margin-left:15px; } .clsMarLeft16 { margin-left:16px; } .clsMarRight22 { margin-right:22px; } .clsMarBottom8 { margin-bottom:8px; } .clsMarBottom13 { margin-bottom:13px; } .clsPadLeft4 { padding-left:104px; } .clsWidth332 {width:332px;} .fltLeft{ float:left;} .fltRight{ float:right;} .clsBgd1 { background-color: #F9F9F3; } #content #contenHeader { height:29px; padding-left:15px; padding-top:12px;} /*common style*/ .BrownTitle{} .RrdsubTitle{color:#8B0101; font-size:12px; margin-left:14px;} /*Background colors*/ .clsBgd1 { background-color: #E6E4D7; } .clsBgd2 { background-color: #FFFFFF; } .clsBgd3 { background-color: #F9FAF3; } /* Border Classes */ .clsBorder1 { border-right: 1px solid #FFFFFF; } .clsBorder2 { border-right: 1px solid #E2DFCD; } /*====================================================================================*/ /*-- Style: ROMA SOLUTIONS----------------------------------------------------------*/ #solutions {} #solutions #banner {width:230px; float:right; height:325px;} #solutions #banner img { margin-bottom: 12px; } #solutions #studies {width:471px;margin-top:30px;} #solutions #studies #caseHeader { margin-bottom:5px; margin-left:14px;} #solutions #studies .borderBottom{ border-bottom:1px solid #E6E4D7;} #solutions #studies .caseBusiness { margin-top:15px; padding-bottom:18px;} #solutions #studies .caseBusiness #caseName {margin-left:14px;} #solutions #studies .caseBusiness #caseContent { margin-top:0px; margin-left:14px; } #solutions #studies .caseBusiness #readMore {margin-top:6px; margin-left:14px; } #solutions .submitRfp { margin-left:15px; float:right } /*====================================================================================*/ /*-- Style: Form Classes ----------------------------------------------------------*/ .frmInput1 { width: 205px; height:14px; border:1px solid #8E8E8E; font-size:9px;} .frmInput2 { width: 66px; height:14px; border:1px solid #8E8E8E; font-size:9px;} .frmInput3 { background-color:#F9F9F3; width: 306px; height:13px; border-top:1px solid #B9B89A; border-left:1px solid #F2F2E5; border-right:1px solid #F2F2E5; border-bottom:1px solid #F2F2E5; padding:2px;} .frmInput4 { background-color:#F9F9F3; border-top:1px solid #B9B89A; border-left:1px solid #F2F2E5; border-right:1px solid #F2F2E5; border-bottom:1px solid #F2F2E5; } .frmInput5 { width: 33px; height:14px; border:1px solid #8E8E8E; font-size:9px;} /*====================================================================================*/ /*-- Style: ADVICE CENTRE ----------------------------------------------------------*/ #adviceCentre { } #adviceCentre #intoText { width:666px; margin-left:15px; margin-top:30px; margin-bottom:23px; } #adviceCentre .howtoSteps {margin-bottom:20px;} #adviceCentre .howtoSteps #stepsContent { width:457px; float:right; margin-top:8px; margin-right:12px; } #adviceCentre .howtoSteps #stepsTitle {} #adviceCentre .howtoSteps #stepsText { margin-top:0px; } #adviceCentre .howtoSteps #viewLarger { border:1px solid #E6E4D7; width:227px; } #adviceCentre .howtoSteps #viewLarger #outerBorder { border:2px solid #FFFFFF; background-color:#EFEDDE; padding:6px;} #adviceCentre .howtoSteps #viewLarger #innerBorder { border:1px solid #FFFFFF; } /*====================================================================================*/ /*-- Style: CUSTOMER SUPPORT ----------------------------------------------------------*/ #customerSup { } #customerSup #intro { margin-top:13px; margin-left:18px; margin-bottom:23px; width:600px; } #customerSup #category { margin-left:18px; margin-bottom:19px; font-weight:bold; } #customerSup #category #faqText { float:left; margin-top:4px; margin-right: 16px; } #customerSup #faqSel { margin-left:18px; margin-top:27px; margin-bottom:12px; } #customerSup .faqSection { margin-left:18px; padding-top:15px; padding-bottom:15px;} #customerSup .faqSection .icon { float:left; margin-right:15px; margin-top:-2px; } #customerSup .faqSection #question { width:627px;line-height:1.2; top:20%; display:table; line-height:1.3; } #customerSup .faqSection #question_answered { width:627px;line-height:1.2; top:20%; display:table; line-height:1.3; } #customerSup div.contentText{ margin-top:8px; } #customerSup .faqSection #answer { margin-top:8px; } /*====================================================================================*/ /*-- Style: ABOUT ROMA ----------------------------------------------------------*/ #about { } #about #leftContent { width:332px; float:left; margin-right:22px; margin-top:30px; margin-left:15px;} #about #rightContent { display:table;margin-top:30px; } #about #facility { margin-left: 15px; margin-top:5px; padding-right:20px; } #about .facilityOpt { width:346px; border:1px solid #E6E4D7;} #about .facilityOpt #outerBorder { border:2px solid #FFFFFF; } #about .facilityOpt #innerBorder { border:6px solid #EFEDDE;} #about .facilityOpt #innerBorder img { border:2px solid #FFFFFF; vertical-align:bottom; } #about .location {margin-top:14px; margin-left:8px;} #about .location .address { text-transform:uppercase; font-size:9px;} #about .career {padding-left:20px; padding-top:16px; border-top: 1px solid #E6E4D7;} ul.facilyList { margin-top:24px; margin-bottom:0px; margin-left:0px; margin-right:0px; padding:0; clear:both; width:100%;} ul.facilyList li {list-style:none; float:left; padding-right:7px; margin-bottom:28px; } ul.sitemapList { margin-top:15px; margin-bottom:0px; margin-left:0px; margin-right:0px; padding:0; clear:both; width:100%;} ul.sitemapList li {list-style:none; /*float:left;*/ padding-right:0px; margin-bottom:18px; line-height:1.5} ul.list1 { margin-top:0px; margin-bottom:28px; margin-left:0px; margin-right:0px; padding:0; clear:both; width:100%;} ul.list1 li {list-style:none; float:left; padding-right:0px; margin-bottom:0px; } /*====================================================================================*/ /*-- Style: PHOTO FRAMES ----------------------------------------------------------*/ #photoCollection { } #photoCollection #viewLarger { width:471px; border:1px solid #E6E4D7; float:left; } #photoCollection #viewLarger #outerBorder { border:2px solid #FFFFFF; background-color:#EFEDDE; padding:6px;} #photoCollection #viewLarger #innerBorder { border:1px solid #FFFFFF; height:451px; } #photoCollection #viewLarger #viewImage { background-color:#FFFFFF; padding:29px 70px 16px 69px;} #photoCollection #viewLarger img { display: block; margin-left: auto; margin-right: auto; } #photoCollection #frameDetails { width:226px; border:1px solid #D7CEC5; background:#FFFFFF; padding:2px; float:right} #photoCollection #frameDetails #detailContent { background-color:#C5BBAF; padding:37px 15px 56px 15px; color:#FFFFFF; font-size:11px; font-weight:bold;} #photoCollection #frameDetails #detailContent #frmName { margin-top:4px; font-size:13px; } #photoCollection #frameDetails #detailContent #frmDimensions { margin-top:4px; font-size:13px; } #photoCollection #frameDetails #detailContent #collection { font-size:9px; font-weight:bold; margin-top:9px; /*margin-bottom:30px;*/ width: 208px; } #photoCollection #frameDetails #detailContent #scketch { margin-top:22px; margin-bottom:21px; border:1px solid #DAD4CC; padding:3px; width:183px; height:72px;} #photoCollection #frameDetails a.buttons { color: #604734; font-weight:bold; text-decoration:none; text-transform:uppercase; background:#E6E4D7; font-size:9px; padding:3px 0px 3px 17px; border-top:2px solid #FFFFFF; display:block;} #photoCollection #frameDetails a.buttons:hover { color: #FFFFFF; background:#8B0100; } #photoCollection ul.List { margin-top:43px; margin-bottom:0px; margin-left:0px; margin-right:0px; padding:0; clear:both; width:100%; } #photoCollection ul.List li { list-style:none; float:left; padding:2px; border: 1px solid #E2D8CF; height:152px; } /*====================================================================================*/ /*-- Style: temrs and conditions ----------------------------------------------------------*/ #termsConditions { margin-left: 15px; margin-top:5px; padding-right:50px;} #termsConditions #termsText {margin-top:15px;} #termsConditions #termsText .headers {} /*====================================================================================*/ /*-- Style: User Registration ----------------------------------------------------------*/ #romaRegistration { } #romaRegistration #intoTextGray { margin-left:15px; margin-top:0px; margin-bottom:15px; } #romaRegistration #customerInfo {background-color:#F9F9F3; padding: 13px 16px 15px 15px; margin-bottom:17px; margin-top:18px;/* height:209px;*/} #romaRegistration #businessInfo {background-color:#ffffff; padding: 13px 16px 20px 15px; } #romaRegistration #customerInfo input.textfield { width:332px; background-color:#ffffff; height:13px; border:1px solid #B9B89A; padding:2px;font-size:12px; } #romaRegistration #businessInfo input.textfield { width:332px; background-color:#F9F9F3; height:13px; border:1px solid #B9B89A; padding:2px;font-size:12px; } #romaRegistration #businessInfo input.textfield2 { width:30px; background-color:#F9F9F3; height:13px; border:1px solid #B9B89A; padding:2px;font-size:12px;} #romaRegistration #businessInfo input.textfield3 { width:282px; background-color:#F9F9F3; height:13px; border:1px solid #B9B89A; padding:2px;font-size:12px;} #romaRegistration #businessInfo input.textfield4 { width:150px; background-color:#F9F9F3; height:13px; border:1px solid #B9B89A; padding:2px;font-size:12px; } /*-- Style: MEDIA & EVENT ----------------------------------------------------------*/ #romaMedia { } #romaMedia #intoTextMedia { width:666px; margin-left:15px; margin-top:0px; margin-bottom:17px;} .MediaInfo { border-top:1px solid #EFEDDE;} .MediaInfo #InfoFrame { width:469px; float:right; margin-top:8px; margin-right:0px; margin-left:14px; } .MediaInfo #InfoTitle { width:300px; float:left; } .MediaInfo #InfoTitle2 { width:300px; } .MediaInfo #InfoDate { font-size:10px; text-transform:uppercase; } .MediaInfo #InfoContent { width:457px; margin-right:12px; } .MediaInfo #InfoBrownText { clear:both; } .MediaInfo #InfoText {clear:both; margin-bottom:4px; padding-top:4px; } .MediaInfo #viewLarger {border:1px solid #E6E4D7; float:right; display:block;} .MediaInfo #viewLarger #outerBorder { border:2px solid #FFFFFF; background-color:#EFEDDE; padding:6px;} .MediaInfo #viewLarger #innerBorder { border:1px solid #FFFFFF; } .MediaInfo #viewLarger #innerBorder img { vertical-align:bottom; } .MediaDetail #MediaBrownText { margin-top:16px; } .MediaDetail #MediaText { } .textfieldcls { width:332px; background-color:#F9F9F3; height:13px; border-top:1px solid #B9B89A; border:1px solid /*#F2F2E5*/ #B9B89A; padding:2px; font-size:12px; } .textfieldcls2 { width:308px; background-color:#F9F9F3; height:13px; border-top:1px solid #B9B89A; border:1px solid /*#F2F2E5*/ #B9B89A; padding:2px; font-size:12px; } .textfieldcls3 { width:339px; background-color:#FFFFFF; height:13px; border-top:1px solid #B9B89A; border:1px solid /*#F2F2E5*/ #B9B89A; padding:2px;font-size:12px; } .textfieldcls4 { width:685px; height:44px; border-top:1px solid #B9B89A; border:1px solid /*#F2F2E5*/ #B9B89A; padding:2px;font-size:12px; }