/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */ /* ELIZABETH STREET UPDATE V_4.0 / 2.012 - Developed by Aday Henríquez in The Awesome Canaries */ /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */ html,body{ background-color:#F9F7EE; } /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */ /* TOOLS */ /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */ /* ---> C: Targeting article market place */ table tbody tr td *{ line-height:20px; } table tbody tr td a{ color:#FF009F; display:inline-block; line-height:20px; font-size:12px; } table tbody tr td a:hover{ color:grey; } /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */ *[class].xsmall_title, *.xsmall_title{ font-size:12px; line-height:20px; } /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */ /* This line forces the center alignment in article nodes */ *.article[class]{ margin:0 auto; } /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */ div.detail h3{ font:normal 22px 'Didot'; color:black; text-align:center; } div.detail.quick h3 { font:normal 28px 'Quicksand',sans-serif; font-weight:300; color:black; text-align:center; text-transform:uppercase; } /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */ a.headerLink.divider { width:100%; height:40px; background:transparent url(../../img/img_v3/dottedLine.png) no-repeat center center; display:none; float:left; position:relative; text-align:center; font-style:italic; font-size:24px; } /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */ div.rating{ width:100%; float:left; clear:both; height:20px; background:transparent; margin:10px 0px 10px 0px; } div.rating span{ float:left; margin-top:10px; color:grey; } div.rating div.star { width:26px; height:26px; float:left; position:relative; background:transparent url(../../img/img_v3/starOff.png) no-repeat; margin:0px 2px 0px 2px; } div.rating div.star.ON{ background:transparent url(../../img/img_v3/starOn.png) no-repeat; } /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */ *.businessIcon { min-width:50px; width:auto; display:table; height:50px; padding-left:0px; margin:auto; float:none; position:relative; } *.businessIcon h1{ font:normal 22px 'Didot',Times,serif; color:black; padding:10px 0px 10px 10px; float:left; position:relative; } *.businessIcon img{ border:none; float:left; position:relative; } *.businessIcon.shop{ background:transparent url(../../img/img_v3/shop.png) no-repeat; } *.businessIcon.eat{ background:transparent url(../../img/img_v3/eat.png) no-repeat; } *.businessIcon.sleep{ background:transparent url(../../img/img_v3/sleep.png) no-repeat; } *.businessIcon.indoor{ background:transparent url(../../img/img_v3/indoor.png) no-repeat; } *.businessIcon.outdoor{ background:transparent url(../../img/img_v3/outdoor.png) no-repeat; } *.cityIcon{ min-width:50px; width:auto; display:table; height:50px; margin:auto; float:none; position:relative; } *.cityIcon img{ float:left; border:none; float:left; position:relative; } *.cityIcon h1{ float:right; font:normal 22px 'Didot',Times,serif; color:black; padding:10px; } div.sectionHeader *.businessIcon{ float:left; margin-left:50px; position:relative; display:block; } div.sectionHeader *.businessIcon h1{ margin-bottom:0px; text-transform:uppercase; } div.sectionHeader *.cityIcon{ float:right; margin-right:50px; position:relative; display:block; } div.sectionHeader *.cityIcon h1{ margin-bottom:0px; text-transform:uppercase; } div.sectionHeader a.businessIcon h1{ color:black; float:left; } div.sectionHeader a.businessIcon img{ float:left; border:none; } div.sectionHeader a.businessIcon:hover h1{ color:#FF009F; } div.sectionHeader a.cityIcon h1{ color:black; } div.sectionHeader a.cityIcon:hover h1{ color:#FF009F; } /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */ *.polaroid > div.detail h1{ font-family:'Quicksand',sans-serif; } /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */ div.businessFrameArt { width:387px; height:385px; padding-right:10px; background:transparent url(../../img/frameMomProfile.png) no-repeat left top; } div.businessFrameArt img{ width:310px; height:310px; margin-left:29px; margin-top:30px; opacity:1; } *.businessFrame{ width:300px; height:300px; background:transparent url(http://www.elizabethstreet.com/sites/all/themes/elizabethstreet_omega/img/img_v3/frameBusinessProfile.png) no-repeat left top; } *.businessFrame img{ margin:10px 0px 0px 10px; } /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */ /* GLOBAL */ /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */ #global{ width:970px; padding:0px 30px 0px 30px; } #global div[class="section"], #global div[id="social"], #global div[id="tools"]{ width:930px; padding:20px 20px 20px 20px; float:left; } /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */ /* HEADER */ /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */ #header { font-family:"Quicksand",Arial,sans-serif; height:auto; min-height:150px; display:none; margin-bottom:50px; background-color:red; } /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */ /* FIXED HEADER */ /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */ #fixedHeader { height:auto; min-height:180px; background:transparent url(../../img/mainBg.png) repeat-y center top; position:relative; z-index:10; font-family:"Quicksand",Arial,sans-serif; margin:0px 0px 0px 0px; width:100%; /* margin: auto; width: 1030px; */ } #fixedHeader div.headerWrapper{ width:1000px; height:140px; margin:auto; position:relative; overflow:hidden; } #fixedHeader div.headerWrapper a.logo{ position:relative; width:250px; height:100px; margin:20px auto; } #fixedHeader #navigation{ position:relative; margin:0px auto; } #fixedHeader div.headerWrapper #search{ position:relative; width:1000px; height:20px; background:transparent; margin:-40px auto; } #fixedHeader div.headerWrapper #search form{ position:absolute; right:30px; } #fixedHeader div.headerWrapper #search form input{ width:160px; border:solid 1px #CCC; padding:3px; line-height: 15px; height:15px; font-size:10px; background-color:white; float:left; } #fixedHeader div.headerWrapper #search form input[type=submit] { width:55px; cursor:pointer; margin-left:-1px; font-family:"Quicksand",Arial,sans-serif; font-size:12px; height:23px; padding:0; color:grey; display:inline-block; text-decoration:none; float:left; } /* FIREFOX HACK */ /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */ /*@-moz-document url-prefix(){ #fixedHeader div.headerWrapper #search form input[type="text"]{ margin-top:-2px; } }*/ /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */ #fixedHeader div.headerWrapper #socialMedia{ position:absolute; width:auto; top:7px; left:35px; } #fixedHeader div.headerWrapper #socialMedia a { width:25px; height:30px; float:left; margin-right:3px; background:transparent url(../../img/img_v3/socialIcons.png) no-repeat; } #fixedHeader div.headerWrapper #socialMedia a[id="facebook"]{ background-position:0px 0px; } #fixedHeader div.headerWrapper #socialMedia a[id="twitter"]{ background-position:-33px 0px; } #fixedHeader div.headerWrapper #socialMedia a[id="pinterest"]{background-position:-65px 0px; } #fixedHeader div.headerWrapper #socialMedia a[id="instagram"]{background-position:-95px 0px; } #fixedHeader div.headerWrapper #socialMedia a[id="youtube"]{background-position:-126px 0px; } /*#fixedHeader div.headerWrapper #socialMedia a#rsslink { background-position:-155px 0px; }*/ #fixedHeader div.headerWrapper #socialMedia h3 { font-family:"Quicksand",Arial,sans-serif; color:#FF009F; font-weight:700; display:block; float:left; margin-top:5px; } #fixedHeader div.headerWrapper #date{ position:absolute; bottom:10px; color:grey; left:35px; font-family:"Quicksand",Arial,sans-serif; } #fixedHeader div.headerWrapper #subscribe{ position:absolute; right:35px; top:15px; color:#FF009F; font-size:14px; font-weight:700; } #fixedHeader div.headerWrapper #signup{ color:#fff; text-indent:999px; display:block; padding-top:40px; position:absolute; right:35px; top:5px; color:#FF009F; font-size:14px; font-weight:700; width:135px; height:15px; overflow:hidden; background:transparent url("../../img/img_v3/sign_up.png") no-repeat; } /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */ /* NAVIGATION */ /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */ #navigation { width:1000px; height:41px; padding:0px 0px 4px 0px; border:none; font-family:"Quicksand",Arial,sans-serif; background:transparent url(../../img/img_v3/navBg.png) no-repeat center top; z-index:2; } #navigation ul{ width:100%; display:block; margin:0 auto; } #navigation ul li{ float:left; width: 24.9%; margin:0px 0px 0px 0px; position:relative; } #navigation ul li:last-child{ margin-right:0px; } #navigation ul li a { line-height: 34px; float:none; display:block; text-align: center; width:auto; white-space:nowrap; text-transform:uppercase; font-size:14px; font-weight:300; } #navigation ul li:hover {} #navigation ul li:hover > a { color:#FF009F; } #navigation ul li a.ON{ cursor:default; color:#FF009F; } #navigation ul li.navDivider{ width:1px; height:34px; background:#CCC; margin:0px; } #navigation ul li ul { display: none; } #navigation ul li:hover ul { display:block; } #navigation ul li ul, #navigation ul li div.meetMomsDropDown { width: 100%; position:absolute; left: 40px; top: 9px; z-index: 99999; margin:25px 0px 0px -25px; padding:0px; background-color:white; border:solid 1px #FDEDED; border-top:none; -moz-box-shadow:2px 2px 5px #CCC; -webkit-box-shadow:2px 2px 5px #CCC; box-shadow:2px 2px 5px #CCC; font-family:"Quicksand",Arial,sans-serif; } #navigation ul li li{ float:none; margin:0; padding:0; width: auto; display:block; } /*#navigation ul li li:first-child{ border-bottom:solid 1px #FDEDED; }*/ #navigation ul li li:last-child{ border:none; } #navigation ul li li a { display: block; clear: both; float:none; /* border-bottom:solid 1px #CCC;*/ font-size:16px; text-transform:none; cursor:pointer; padding:0px 10px; } #navigation ul li.selected > a { color: #FF009F; } #navigation ul li li a.noBorder{ border:none; } #navigation ul li div.meetMomsDropDown{ display: none; left:0px; float:none; width:400px; height:auto; margin:0; padding:0; margin-top:25px; } #navigation ul li:hover div.meetMomsDropDown { display: block; padding-top:5px; cursor:default; } #navigation ul li div.meetMomsDropDown > div { position:relative; float:left; clear: both; margin:0; padding:0; border-bottom:double 4px #FF009F; } #navigation ul li div.meetMomsDropDown > div:last-child { border-bottom:none; } #navigation ul li div.meetMomsDropDown div[id="cities"] { width:auto; height:auto; overflow:hidden; background-color:none; } #navigation ul li div.meetMomsDropDown div[id="cities"] div { width:130px; border-left:solid 1px #CCC; float:left; position:relative; } #navigation ul li div.meetMomsDropDown div[id="cities"] div:first-child { border-left:none; } #navigation ul li div.meetMomsDropDown div[id="cities"] div h1 { text-align:center; width:100%; display:block; clear:both; font-style:italic; line-height:18px; } #navigation ul li div.meetMomsDropDown div div ul { list-style: none; display:block; margin:0; padding: 0; left:0; } #navigation ul li div.meetMomsDropDown div div ul li { display: block; clear:both; margin:0; padding:0; left:0; text-align: left; } #navigation ul li div.meetMomsDropDown div[id="cities"] div ul { width:100px; position:relative; padding:5px 5px 15px; margin:0px 10px 0px 10px; background:none; border:none; box-shadow:none; z-index:0; } #navigation ul li div.meetMomsDropDown div[id="cities"] div ul li{} #navigation ul li div.meetMomsDropDown div[id="cities"] div ul li:hover{} #navigation ul li div.meetMomsDropDown div[id="cities"] div ul li a { background:transparent url("../../img/bullet.png") no-repeat 0px 12px; font:normal 12px "Quicksand",Arial,sans-serif; padding:5px 5px 5px 10px; text-align: left; } #navigation ul li div.meetMomsDropDown div[id="cities"] div ul li a:hover { background:transparent url("../../img/bulletOn.png") no-repeat 0px 12px; } #navigation ul li div.meetMomsDropDown div[id="beMom"]{ width:100%; height:70px; } #navigation ul li div.meetMomsDropDown div[id="beMom"] a{ margin:auto; float:none; display:table; } #navigation ul li div.meetMomsDropDown div[id="beMom"] h1 { color:#FF009F; display:block; width:150px; text-align:center; line-height:18px; float:none; margin:auto; } #navigation ul li div.meetMomsDropDown div[id="beMom"] h1:first-child{ margin-top:10px; font-style:italic; font-size:12px; line-height:14px; } #navigation ul li div.meetMomsDropDown div[id="beMom"] h1:last-child{ margin-top:4px; width:200px; font-size:15px; font-weight:bold; } #navigation ul li div.meetMomsDropDown div[id="banner"]{ width:100%; height:auto; } /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */ /* FOOTER */ /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */ #footer #socialMedia{ position:absolute; width:auto; top:-3px; right:20px; } #footer #socialMedia a, #footer a#rsslink { width:25px; height:30px; float:left; margin-right:3px; background:transparent url(../../img/img_v3/socialIcons.png) no-repeat; } #footer #socialMedia a[id="facebook"]{ background-position:0px 0px; } #footer #socialMedia a[id="twitter"]{ background-position:-33px 0px; } #footer #socialMedia a[id="pinterest"]{background-position:-65px 0px; } #footer #socialMedia a[id="instagram"]{background-position:-95px 0px; } #footer #socialMedia a[id="youtube"]{background-position:-126px 0px; } #footer a#rsslink {background-position:-155px 0px !important; } /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */ /* PINK PANEL */ /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */ div.section[id="home"]{} div.section[id="home"] div.area[id="pinkPanel"] { width:970px; height:auto; padding:30px 0px 15px 0px; margin-left:-20px; background:#FCEEEE; /* url(../../img/img_v3/pinkPanelShadow.png) repeat-y center top;*/ } div[id="pinkPanel"] hr { background:transparent url(../../img/img_v3/pinkHr.png) no-repeat center center; width:970px; padding:0px; margin:auto; } div[id="pinkPanel"] div.border{ width:100%; height:0px; position:absolute; } div.border[id="bTop"]{ top:-15px; background:#F9F7EE; /* url(../../img/img_v3/bottomBorderBg.png) no-repeat center center; */ } div.border[id="bBottom"]{ bottom:0px; background:#F9F7EE; /* url(../../img/img_v3/bottomBorderBg.png) no-repeat center center; */ } div[id="pinkPanel"] div[id="old"]{ margin-left:46px; width:100%; height:auto; overflow:hidden; background:transparent; } div[id="pinkPanel"] div[id="old"] div.paperFrame { float:left; position:relative; background:transparent url(../../img/img_v3/s_260_173.png) no-repeat; margin-bottom:10px; padding:0px 20px 20px 0px; height:365px; } div[id="pinkPanel"] div[id="old"] div.paperFrame div.detail { /*position:absolute; */ bottom:20px; margin-left:10px; width:260px; /* height:auto; */ height:130px; padding:5px 0px 5px 0px; background:transparent url(../../img/img_v3/whiteOpacity.png) repeat; } div[id="pinkPanel"] div[id="old"] div.paperFrame div.detail > *{ margin-top:0px; margin-bottom:0px; paddding-top:0px; padding-bottom:0px; } div[id="pinkPanel"] div[id="old"] div.paperFrame div.detail h1{ font-style:normal; font-size:18px; } div[id="pinkPanel"] div[id="old"] div.paperFrame div.detail p{ padding:0; } div[id="pinkPanel"] div[id="old"] div.paperFrame div.detail a.readMore{ margin-top:-5px; } div[id="pinkPanel"] div[id="auto"]{ margin-left:35px; width:100%; height:auto; background:transparent; margin-top:22px; } div[id="pinkPanel"] div[id="auto"] div.articleCol{ float:left; position:relative; width:180px; height:auto; background:transparent; } div[id="pinkPanel"] div[id="auto"] div.articleCol div.paperFrame { padding:0px 10px 10px 0px; background:transparent url(../../img/img_v3/s_160_140.png) no-repeat; } div[id="pinkPanel"] div[id="auto"] div.articleCol div.paperFrame img{ border-width:5px; } div[id="pinkPanel"] div[id="auto"] div.articleCol h1 { font:normal 20px 'Quicksand',Arial,sans-serif; text-align:center; margin-left:-8px; margin-bottom:10px; } div[id="pinkPanel"] div[id="auto"] div.articleCol a{ color:grey; margin:5px 15px 0px 10px; } div[id="pinkPanel"] div[id="auto"] div.articleCol a:hover, div[id="pinkPanel"] div[id="auto"] div.articleCol a.ON{ color:#FF009F; } /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */ /* ARTICLE > DIRECTORY */ /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */ div.section[id="directory"]{} div.section[id] div[id="directoryFilter"] { width:690px; height:70px; float:none; margin:auto; background:transparent; position:relative; } div.section[id="article"] div[id="directoryFilter"]{ margin-bottom:20px; } div.section[id] div[id="directoryFilter"] h1, h1.businessSectionTitle, h3.businessSectionTitle { width:100%; display:block: clear:both; float:left; position:relative; font:italic 28px 'Didot',Times,serif; font-style:italic; color:#888; font-size:28px; text-align:center; font-weight:normal; line-height:42px; margin:0px 0px 30px 0px; } h1.businessSectionTitle.clearMargin{ margin-bottom:10px;margin-top: -30px; } h3.businessSectionTitle.clearMargin{ margin-bottom:10px;margin-top: -10px; } /* + FORM */ div.section[id] div[id="directoryFilter"] form { width:660px; height:auto; padding:10px; background:#FF0096; margin-top:0px; -moz-box-shadow:2px 2px 5px #333; -webkit-box-shadow:2px 2px 5px #333; box-shadow:2px 2px 5px #333; } div.section[id] div[id="directoryFilter"] form select, div.section[id] div[id="directoryFilter"] form input { width:163px; border:solid 2px #FCEEEE; color:#999; background:white; border-radius:0; font-size:12px; font-weight:light; padding:5px 10px; outline:none; } div.section[id] div[id="directoryFilter"] form select { background:white url(../../img/img_v3/dropArrow.png) no-repeat right center; -webkit-appearance:none; -moz-appearance:none; appearance:none; } div.section[id] div[id="directoryFilter"] form input[type="submit"] { width:100px; height:30px; background:#FDAAD5; text-decoration:none; float:right; margin-right:0px; padding:0px; font-size:16px; margin-top:2px; position:relative; color:#FF009F; border:none; } div.section[id] div[id="directoryFilter"] form span{ font-size:14px; color:#CCC; margin:0px 5px 0px 5px; } /* + AREA */ div.section[id="directory"] div.area{} div.section[id="directory"] div.area div.col1 { min-width:620px; width:auto; padding:0; margin:0px auto 20px auto; display:table; float:none; position:relative; } div.section[id="directory"] div.area div.col1:last-child{ margin-bottom:0; } div.section[id="directory"] div.area div.col1 *.horListItem{ width:300px; height:auto; padding:0; margin:0px 5px 0px 5px; background:transparent; } div.section[id="directory"] div.area div.col1 *.horListItem a *.paperFrame { width:320px; height:290px; background:transparent url(../../img/img_v3/s_270_270.png) no-repeat left top; } div.section[id="directory"] div.area div.col1 *.horListItem a *.paperFrame img{ width:270px; height:270px; } div[id="directory"] div.area div.col1 *.horListItem a div.paperFrame div.detail { position:absolute; bottom:20px; left:20px; width:270px; height:auto; padding:5px 0px 5px 0px; background:transparent url(../../img/img_v3/whiteOpacity.png) repeat; } div[id="directory"] div.area div.col1 *.horListItem a div.paperFrame div.detail > * { margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; } div[id="directory"] div.area div.col1 *.horListItem a div.paperFrame div.detail h1{ font-style:italic; font-size:18px; margin-bottom:5px; } div[id="directory"] div.area div.col1 *.horListItem a div.paperFrame div.detail p { font-family:"Didot",Times New Roman,Times,serif; font-style:italic; font-size:14px; text-transform:uppercase; } div[id="directory"] div.area div.col1 *.horListItem a[id="bLink"]:hover div.paperFrame div.detail h1{ color:#FF009F; } div[id="directory"] div.area div.col1 *.horListItem a[id="cLink"] { width:auto; float:none; margin:auto; display:table; position:relative; padding:none; } div[id="directory"] div.area div.col1 *.horListItem a[id="cLink"] div.businessIcon{ padding:0; margin:0; } div[id="directory"] div.area div.col1 *.horListItem a[id="cLink"] div.businessIcon img{ width:40px; height:40px; margin-top:10px; } div[id="directory"] div.area div.col1 *.horListItem a[id="cLink"] div.businessIcon h1{ text-transform:uppercase; font-size:33px; } div[id="directory"] div.area div.col1 *.horListItem a[id="cLink"]:hover div.businessIcon h1{ color:#FF009F; } /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */ /* CSS HACKS > DIRECTORY /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */ /* Safari */ @media screen and (-webkit-min-device-pixel-ratio:0) { /*div[id="directory"] div.area div.col1 *.horListItem a[id="cLink"]{ margin-left:85px; }*/ /*div[id="directory"] div.area div.col1 *.horListItem:last-child a[id="cLink"]{ margin-left:60px; }*/ } /* IE */ /**:first-child+html div[id="directory"] div.area div.col1 *.horListItem div.businessIcon{ margin-left:85px; } div[id="directory"] div.area div.col1 *.horListItem div.businessIcon{ margin-left:85px \0/; }*/ /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */ /* DIRECTORY SEARCH RESULT /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */ div.section[id="businessResult"]{} div.section[id="businessResult"] div.sectionHeader{ float:left; margin-top:30px;} div.section[id="businessResult"] div.sectionHeader h1{ text-align:left; margin-left:30px; } div.section[id="businessResult"] div.area{ margin-top:0px;} div.section[id="businessResult"] div.area div.col1{ width:auto; padding:0px; float:left; } div.section[id="businessResult"] div.area div.col1 *.horListItem { height:200px; overflow:hidden; background:transparent url(../../img/hr.png) no-repeat center bottom; padding-bottom:20px; margin:10px 10px 0px 10px; } div.section[id="businessResult"] div.area div.col1 *.horListItem img{ width:150px; height:150px;} div.section[id="businessResult"] div.area div.col1 *.horListItem div.itemInfo{ width:245px; height:auto; margin-left:20px; } div.section[id="businessResult"] div.area div.col1 *.horListItem div.itemInfo h1{ font:italic 22px 'Didot',Times,serif; } div.section[id="businessResult"] div.area div.col1 *.horListItem div.itemInfo h2 { font:italic 22px 'Didot',Times,serif; color:grey; text-transform:uppercase; } div.section[id="businessResult"] div.area div.col1 *.horListItem div.itemInfo div.rating{ margin-bottom:20px; } div.section[id="businessResult"] div.area div.col1 *.horListItem div.itemInfo div.businessIcon { width:auto; position:relative; float:left; margin:0; } div.section[id="businessResult"] div.area div.col1 *.horListItem div.itemInfo div.businessIcon img{ margin:0; padding:0; float:left; } *.goBtn { width:auto; height:auto; padding:10px 20px 10px 20px; background:#FCEEEE; position:relative; float:left; margin-left:50px; -moz-box-shadow:2px 2px 5px #CCC; -webkit-box-shadow:2px 2px 5px #CCC; box-shadow:2px 2px 5px #CCC; } *.goBtn:hover{ color:#FF009F; } /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */ /* ARTICLE > BUSINESS ARTICLE */ /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */ div.articleSpecificInfo{ width:400px; position:relative; margin:0; padding:0; float:left; } div.articleSpecificInfo div.rating{ margin:15px 0px 15px 0px; } div.articleSpecificInfo p{ font-size:14px; color:grey; line-height:25px; } div.articleSpecificInfo p a{ margin:0; padding:0; } div.articleFooter{ width:100%; clear:both; font:normal 16px 'Didot',serif; color:grey; font-weight:normal; } div.articleFooter div{ width:50%; position:relative; } div.articleFooter div span{ float:left;} div.articleFooter div a{ color:#FF009F; float:left; margin-left:5px; } div.articleFooter div[id="recommended"]{ float:left; } div.articleFooter div[id="recommended"] a{ font:normal 16px 'Rosario',sans-serif; text-transform:uppercase; } div.articleFooter div[id="viewAll"]{ width:30%; font:normal 24px 'Didot',serif; float:right; } div.articleFooter div[id="viewAll"] a{ text-align:center; text-transform:uppercase; } /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */ /* GALLERIES */ /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */ div.slideGalleryShadowWrapper div.slideGalleryContainer.oneGal div.slideGallery a[rel=galItem] div.detail h1{ font-size:35px; } div.slideGalleryShadowWrapper[rel="business"] { width:390px; height:360px; background:transparent url(../../img/frameMomProfile.png) no-repeat left top; } div.slideGalleryShadowWrapper div.slideGalleryContainer.businessGal { width:310px; height:310px; margin-left:29px; margin-top:30px; overflow:hidden; float:left; } div.slideGalleryShadowWrapper div.slideGalleryContainer.businessGal div.slideGallery{ width:10000px; height:310px; } div.slideGalleryContainer.businessGal div.slideGallery * { width:310px; height:310px; float:left; } div.slideGalleryShadowWrapper[rel="business"] div[rel="mArrows"] { width:410px; height:30px; left:-20px; top:165px; background:transparent; position:absolute; z-index:0; } div.slideGalleryShadowWrapper[rel="business"] div[rel="mArrows"] a[rel="arrowButton"]{ position:absolute; } div.slideGalleryShadowWrapper[rel="business1"] div[rel="mArrows1"] a[rel="arrowButton1"]{ position:absolute; } div.slideGalleryShadowWrapper[rel="business"] div[rel="mArrows"] a[rel="arrowButton"]:last-child{ right:0px; } div.slideGalleryShadowWrapper[rel="business1"] div[rel="mArrows1"] a[rel="arrowButton1"]:last-child{ right:0px; } /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */ /* SOCIAL */ /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */ #social{} #global div[id="social"]{ padding-top:0px; } #social div[id]{ width:212px; height:auto; position:relative; overflow:hidden; float:left; margin:5px 22px 10px 22px; } #social div[id="twitFeed"]{ background:transparent url(../../img/twitFeedHeader.png) no-repeat center top; margin-left:99px; } #social div[id="faceFeed"]{ background:transparent url(../../img/pinterest-icon.png) no-repeat center top; } #social div[id="newsForm"]{ background:transparent url(../../img/newsFormHeader.png) no-repeat center top; } #social div[id] > div.feed{ width:200px; height:195px; padding:5px 5px 5px 5px; margin-top:32px; border:solid 1px #CCC; overflow-x:none; overflow-y:auto; } #social div[id] > div.feed{} #social div[id="twitFeed"] div.feed{} #social div[id="faceFeed"] div.feed{} #social div[id="newsForm"] div.feed{ height:195px; padding-top:20px; } #social div[id="newsForm"] div.feed h1[id="success"]{ color:#FF009F; text-align:center; margin-top:0; padding:20px; } /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */ /* OVERLAY */ /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */ #overlay { width:100%; height:100%; position:fixed; display:block; background-color:black; top:0px; left:0px; z-index:30000; } #lightwindow { width:643px; height:349px; position:absolute; top:50%; left:50%; margin:-220px auto 0px -300px; background:transparent url(../../img/img_v3/lightwindow_v2.png) no-repeat; z-index:40000; } #lightwindow a#closeBtn{ width:50px; height:30px; float:right; cursor:pointer; } #lightwindow a#btnGotoNewsletterLanding { padding:10px 5px 5px 45px; width:139px; margin-left:290px; height:30px; background-color:#FF009F; color:#fff; border:none; text-decoration:none; font-size:20px; font-weight:35; margin-top:257px; } /* Do not think these are being used anymore */ #lightwindow form{ width:238px; height:auto; margin:0; padding:0; position:absolute; top:251px; left:157px; } #lightwindow form input { width:228px; height:15px; color:#999; background:#646464; margin:0px 0px 7px 0px; padding:5px 5px 5px 5px; font-size:12px; border-color:#939393; } #lightwindow form input[type="submit"] { padding:10px 5px 10px 5px; width:128px; margin-left:50px; height:40px; background-color:#FF009F; color:white; border:none; text-decoration:none; font-size:18px; margin-top:8px; } #lightwindow form label, #lightwindow form label span{ margin:0; padding:0; height:auto; } #lightwindow form label{ margin-bottom:5px; } /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */ /* OVERLAY THANK YOU*/ /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */ #overlay_thankyoumessage { width:100%; height:100%; position:fixed; display:block; background-color:black; top:0px; left:0px; z-index:30000; } #lightwindow_thankyoumessage { width:573px; height:443px; position:absolute; top:50%; left:50%; margin:-220px auto 0px -300px; background:transparent url(../../img/img_v3/lightwindow_thankyou.png) no-repeat; z-index:40000; } #lightwindow_thankyoumessage a#closeBtn_thankyoumessage{ width:50px; height:30px; float:right; cursor:pointer;} #lightwindow_thankyoumessage a#btn_startexploring { padding:10px 5px 5px 15px; width:170px; margin-left:200px; height:30px; background-color:#FF009F; color:#fff; border:none; text-decoration:none; font-size:20px; font-weight:35; margin-top:373px; } /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */ /* FIXES */ /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */ /* Shadow in the street style archive /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */ div.w191 div.paperFrame{ background-position:left top; width: 100%;} /* PAGINATION */ /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */ ul.pager{ width:auto; display:table; margin:20px auto 0px auto; padding:0; list-style:none; } ul.pager li { color:grey; position:relative; float:left; margin:1px; font-family:"Didot",serif; font-size:16px; text-transform:uppercase; } ul.pager li a{ color:grey; margin-top:1px; } ul.pager li a:hover{ color:#FF009F; } /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */ /* CAPTIONS IN ARTICLE GALLERIES /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */ *[rel="galItem"] div[rel="captionImage"] div[rel="caption"] { width:490px; height:auto; position:absolute; left:0px; bottom:0px; padding:5px 20px 10px 20px; background-color:#F7F7F7; opacity:0.90; z-index:1; } *[rel="galItem"] div[rel="captionImage"] div[rel="caption"] p{ line-height:14px; color:#666; } *[rel="galItem"] div[rel="captionImage"] div[rel="caption"] a[class]{ width:15px; height:15px; position:absolute; top:5px; right:5px; } *[rel="galItem"] div[rel="captionImage"] div[rel="caption"] a.closeCaption{ background:transparent url(../../img/closeCaption.png) no-repeat; } *[rel="galItem"] div[rel="captionImage"] div[rel="caption"] a.openCaption{ background:transparent url(../../img/openCaption.png) no-repeat; top:-20px; right:10px; display:none; } /* Gallery aligment /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */ div.slideGalleryShadowWrapper.left{ float:left; } div.slideGalleryShadowWrapper.right{ float:right; margin-right:-20px; } div.slideGalleryShadowWrapper.center{ float:left; margin-left:100px; clear:both; } /* Size Update /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */ p{ font-size: 14px; } #publication_date { margin-left: 15px; clear:both; } /*.easy-breadcrumb { padding: 10px 0; position:absolute; top:0px; z-index: 1; } .front .easy-breadcrumb { display: none; } .easy-breadcrumb span a { display: inline; } */ #socialMedia .rss { padding: 15px 50px 0px; display:block; clear:both; width: 90px; text-align:center; } #fixedHeader div.headerWrapper #socialMedia a#rsslink { width:18px; height:18px; padding-top: 0px; text-align:center; color: #FF009F; font-weight:bold; margin-top: 6px; background: url(../../img/img_v3/rss-icon.png) center top no-repeat; } .easy-breadcrumb { margin-bottom: 20px; line-height: 20px; color: #ff00a1; padding: 1px; width:800px; border: 0px solid #F0F0F0; } .easy-breadcrumb a { display: block; float: left; background: #F0F0F0; /*#F0F0F0;*/ padding-right: 8px; height: 20px; margin-right: 22px; position: relative; text-decoration: none; color: #ff00a1; } .easy-breadcrumb a:last-of-type { margin-right: 25px; } .easy-breadcrumb a:before { content: ""; display: block; width: 0; height: 0; position: absolute; top: 0; left: -20px; border: 10px solid transparent; border-color: #F0F0F0; border-left-color: transparent; } .easy-breadcrumb a:after { content: ""; display: block; width: 0; height: 0; position: absolute; top: 0; right: -20px; border: 10px solid transparent; border-left-color: #F0F0F0; } .easy-breadcrumb a:first-of-type { padding-left: 15px; } .easy-breadcrumb a:first-of-type:before { display: none; } .easy-breadcrumb_segment:hover { background: #ff00a1; color: #fff; text-decoration: none; } .easy-breadcrumb_segment:hover:before { border-color: #ff00a1; border-left-color: transparent; } .easy-breadcrumb_segment:hover:after { border-left-color: #ff00a1; } #cboxContent #cboxClose { top:0px; right: 0px; } #cboxContent #cboxClose:hover { background-position: inherit } .page-title { font-family:"Didot",Times New Roman,Times,serif; color:#FF009F; clear: both; display:block; text-align: center; font-size:24px; padding: 10px 0px; } .detail p a { color: grey; } #viewAll a { font-size: 12px; } div.area > div.col2 > div.article:first-child { min-height: 400px; } div.area > div.col2 > div.article, div.area > div.col2 > #bottom-mid-dart { min-height: 380px; } .page-taxonomy-term- .article.w434.normal { float:left; margin: 0px 45px 0px; } .page-taxonomy-term- .article.w434.normal .views-field-title a { margin-bottom: 10px; font: 22px 'Didot'; color: #000; text-align:center; color: #000; } .page-taxonomy-term- .article.w434.normal div p { text-align:center; } .page-taxonomy-term- .article.views-row-2.w434.normal.views-row-even { clear:both; } .page-taxonomy-term- .article.w434.normal.views-row-even { clear:left; } .page-taxonomy-term- .article.w434.normal .field-content { width: 318px; height:auto; overflow:hidden; } .page-taxonomy-term- div.w434 div.views-field-field-image-thumbnail img { width: 318px; height: auto } .page-taxonomy-term- div.w434 div.views-field-field-image-thumbnail { background: #fff url(../../img/shadows/318.png) right top no-repeat; margin: 0; padding: 10px 26px 31px; overflow: hidden } .page-taxonomy-term- .views-row.views-row-7.views-row-odd.article.w434.normal { clear:both; } .page-taxonomy-term- .views-row.views-row-8.views-row-even.article.w434.normal { clear: none; } #global #section-content .section { float:none; } .page-taxonomy-term- #top-mid-dart { margin-right:0px; margin-top: 0px; } .page-taxonomy-term- .views-row.views-row-1.views-row-odd.views-row-first.article.w434.normal { width: 570px; margin-right:20px; margin-left:0px; } .page-taxonomy-term- .views-row.views-row-1.views-row-odd.views-row-first.article.w434.normal > div { padding-right: 30px; } .page-taxonomy-term- .views-row.views-row-1.views-row-odd.views-row-first.article.w434.normal div.views-field-field-image-thumbnail { background: url("../../img/shadows/530.png") no-repeat scroll right top transparent; padding: 0 20px 20px 0; overflow:hidden; } .page-taxonomy-term- .views-row.views-row-1.views-row-odd.views-row-first.article.w434.normal div.views-field-field-image-thumbnail .field-content { width: auto; } .page-taxonomy-term- .views-row.views-row-1.views-row-odd.views-row-first.article.w434.normal div.views-field-field-image-thumbnail .field-content img { border:10px solid #F7F7F7; width: 530px; height:353px; } .node-type-landing-pages .article.w434.normal { float:left; margin: 0px 45px 0px; } .node-type-landing-pages .article.w434.normal .views-field-title a { margin-bottom: 10px; font: 22px 'Didot'; color: #000; text-align:center; color: #000; } .node-type-landing-pages .article.w434.normal div p { text-align:center; } .node-type-landing-pages .article.views-row-2.w434.normal.views-row-even { clear:both; } .node-type-landing-pages .article.w434.normal.views-row-even { clear:left; } .node-type-landing-pages .article.w434.normal .field-content { width: 318px; height:auto; overflow:hidden; } .node-type-landing-pages div.w434 div.views-field-field-image-thumbnail img { width: 318px; height: auto } .node-type-landing-pages div.w434 div.views-field-field-image-thumbnail { background: #fff url(../../img/shadows/318.png) right top no-repeat; margin: 0; padding: 10px 26px 31px; overflow: hidden } .node-type-landing-pages .views-row.views-row-7.views-row-odd.article.w434.normal { clear:both; } .node-type-landing-pages .views-row.views-row-8.views-row-even.article.w434.normal { clear: none; } #global #section-content .section { float:none; } .node-type-landing-pages #top-mid-dart { margin-right:0px; margin-top: 0px; } .node-type-landing-pages .views-row.views-row-1.views-row-odd.views-row-first.article.w434.normal { width: 570px; margin-right:20px; margin-left:20px; } .node-type-landing-pages .views-row.views-row-1.views-row-odd.views-row-first.article.w434.normal > div { padding-right: 30px; } .node-type-landing-pages .views-row.views-row-1.views-row-odd.views-row-first.article.w434.normal div.views-field-field-image-thumbnail { background: url("../../img/shadows/530.png") no-repeat scroll right top transparent; padding: 0 20px 20px 0; overflow:hidden; } .node-type-landing-pages .views-row.views-row-1.views-row-odd.views-row-first.article.w434.normal div.views-field-field-image-thumbnail .field-content { width: auto; } .node-type-landing-pages .views-row.views-row-1.views-row-odd.views-row-first.article.w434.normal div.views-field-field-image-thumbnail .field-content img { border:10px solid #F7F7F7; width: 530px; height:353px; } #bottom-mid-dart.home-design {/* position:absolute; left: 550px; bottom: 525px;*/ } .page-taxonomy.page-taxonomy-term #bottom-mid-dart {/* position:absolute; left: 500px; bottom: 625px;*/ } #relatedLayer .views-row { float: none; display:block; clear:both; } #relatedLayer .devel-themer-wrapper { display: none; } #region-preface-first { position: inherit; } body.page-street-style-view #streetStyle #top-mid-dart { display:none; } body.page-street-style-view .paperFrame { width: 233px; } body.page-street-style-view .paperFrame a.init-colorbox-load-processed-processed { width: 233px; } .page-street-style .contextual-links-region { position: inherit; } .context-street-style #top-mid-dart { margin-right:0px !important; } .context-street-style #bottom-mid-dart { float:right; } .context-street-style #bottom-mid-dart .area-archive {} /*.views-row.views-row-1.views-row-odd.views-row-first{ float:left; width: 300px;height:440px; }*/ .context-street-style .views-row { float:left; width: 300px;height:380px; margin: 0 auto;} .context-street-style .views-row.views-row-3 { clear:none; } .context-street-style div.w191 div.paperFrame img { width: 191px; height: auto; margin-bottom:10px; } .context-street-style .views-row.views-row-1.views-row-odd.views-row-first { height:680px; margin-left:9%; } .context-street-style #top-mid-dart { height: 680px; } .context-street-style div.area>div.col1 div.article:first-child { margin-left: 34px; } .context-street-style .views-row-1 .w191 { width: 400px; } .context-street-style .views-row-1 div.w191 div.paperFrame { margin-left:0px; width:100%; background:none; background-size:0; } .context-street-style .views-row-1 div.w191 div.paperFrame img{ width:300px; margin: 0 auto; } .context-street-style h3 { text-align:center; margin-top:5px; font:normal 16px 'Didot'; color:grey; text-transform: uppercase; } .context-street-style-view #styleImage { width: 55%; text-align: center; float:left; clear:none; } .context-street-style-view #STYLEDESCRIPTION { width:90%; margin-left: 5%; } .context-street-style #streetStyle .views-row-1 { height : 520px !important; } #top-header-dart div { margin:0 auto; } #bottom-footer-dart { text-align:center; } #bottom-footer-dart div { margin:0 auto; } .context-street-style-view .w191{ width: 90%; } .context-street-style-view .w191 .paperFrame{ width: 100%; background-size:0; background:none; } .context-street-style-view #productGallery { clear: both; float: left; } .context-street-style-view div.w191 div.paperFrame img { width:auto; } .context-street-style-view div.w191 div.product img { width:210px; } .context-street-style-view .w191 .paperFrame .product{ width:250px; float:left; clear:none; padding:0px; margin-left:35px; text-align:center; } .context-street-style-view div.gallery.products p { width:90%; } .context-street-style-view div.gallery.products a { background:none; background-size:0; width:100%; } .context-our-magazine #streetStyle .views-row-1 { height : 520px !important; } .context-our-magazine #top-mid-dart{ width:300px; /*margin-left:34px !important;*/ } div.slideGalleryShadowWrapper.homeGallery { margin-left: -34px; } /* Street Style Archive */ .context-streetstylearchive div.w191{ float:left; clear:none; height:380px; width:300px; } .context-streetstylearchive #streetStyle { margin-left:35px; } .context-streetstylearchive #street_style_300x250_ad { height: 380px; } .context-streetstylearchive div.w191 div.paperFrame { text-align:center; width:215px; } .context-streetstylearchive div.w191 div.paperFrame h3 { margin-top: 10px; } .context-streetstylearchive .landing-page-static-content, .context-street-style .landing-page-static-content, .context-street-style-view .landing-page-static-content { width:95%; margin-left: 2.5%; padding: 0px; } .context-little-pink-book #top-mid-dart { margin-top:72px !important; } /* EStreet Button */ .estreet-button { -moz-box-shadow:inset 0px 2px 0px 0px #ff00a2; -webkit-box-shadow:inset 0px 2px 0px 0px #ff00a2; box-shadow:inset 0px 2px 0px 0px #ff00a2; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff00a2), color-stop(1, #ff00a2) ); background:-moz-linear-gradient( center top, #ff00a2 5%, #ff00a2 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00a2', endColorstr='#ff00a2'); background-color:#ff00a2; -webkit-border-top-left-radius:6px; -moz-border-radius-topleft:6px; border-top-left-radius:6px; -webkit-border-top-right-radius:6px; -moz-border-radius-topright:6px; border-top-right-radius:6px; -webkit-border-bottom-right-radius:6px; -moz-border-radius-bottomright:6px; border-bottom-right-radius:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius-bottomleft:6px; border-bottom-left-radius:6px; text-indent:0; border:1px solid #ff00a2; display:inline-block; color:#ffffff; font-family:arial; font-size:13px; font-weight:bold; font-style:normal; height:25px; line-height:25px; width:195px; float:right; text-decoration:none; text-align:center; margin-right:20px; } .estreet-button:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff00a2), color-stop(1, #ff00a2) ); background:-moz-linear-gradient( center top, #ff00a2 5%, #ff00a2 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00a2', endColorstr='#ff00a2'); background-color:#ff00a2; } /* WEBFORM FORMATTING */ div#webform-component-what-do-you-love-about-your-city-what-makes-it-great-for-kids { width:100%; } div#webform-component-what-do-you-love-about-your-city-what-makes-it-great-for-kids label { width:100%; text-align:center; } textarea#edit-submitted-what-do-you-love-about-your-city-what-makes-it-great-for-kids { width:98%; } div#webform-component-more-instructions { width:100%; text-align:center; } div#webform-component-more-instructions p { width:100%; } div#webform-component-photo-instructions { width:100%; } div#webform-component-photo-instructions #edit-submitted-photo-ajax-wrapper { width: 100%; text-align: center; } div #webform-component-photo-instructions #webform-component-photo { width:100%; } .page-node-6104 #edit-submitted-photo-ajax-wrapper #webform-component-photo label { display:none; } div #webform-component-photo-instructions #webform-component-photo #edit-submitted-photo { float: left; margin-left: 25%; } .page-node-6104 #edit-submitted-photo-ajax-wrapper { width:100%; } .page-node-6104 #edit-submitted-photo-ajax-wrapper #webform-component-photo { margin-left: 24%; } div#webform-component-invitation-instructions, div#webform-component-invitation-instructions p { width: 100%; text-align: center; } #webform-component-address, #webform-component-phone, #webform-component-email { margin-left:27%; } #webform-component-ow-has-being-a-mom-changed-your-style { margin-bottom: 20px; } #home_section_300x250_ad { height:428px; float:right; margin-right:48px; } /* SITEMAP STYLING */ .context-sitemap .site-map-box-terms { margin-left: 20px; } .context-sitemap li a, .context-sitemap-detail li a { font-size: 16px; line-height: 22px; } .context-sitemap h2 { font-size: 22px; line-height: 24px; } #second-bottom-footer-dart{ width: 728px; margin: auto; }