/* RESET ---------------------------------------------------------------- */ HTML, BODY, DIV, SPAN, APPLET, OBJECT, IFRAME, H1, H2, H3, H4, H5, H6, P, BLOCKQUOTE, A, ABBR, ACRONYM, ADDRESS, BIG, CITE, CODE, DEL, DFN, EM, FONT, IMG, INS, KBD, Q, S, SAMP, SMALL, STRIKE, STRONG, SUB, SUP, TT, VAR, DL, DT, DD, OL, UL, LI, FIELDSET, FORM, LABEL, LEGEND, TABLE, CAPTION, TBODY, TFOOT, THEAD, TR, TH, TD { margin: 0; padding: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; } IMG { border: 0; } :focus { outline: 0; } #content_main #preregistration form label:before { content: "*"; top: 2px; position: relative; padding: 0px 3px 0 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } TABLE { /* tables still need 'cellspacing="0"' in the markup */ border-collapse: separate; border-spacing: 0; } CAPTION, TH, TD { text-align: left; font-weight: normal; } BLOCKQUOTE:before, BLOCKQUOTE:after, Q:before, Q:after { content: ""; } BLOCKQUOTE, Q { quotes: "" ""; } STRONG { font-weight: bold; } .show { display: block; } .hide { display: none; } .right { float: right !important; } .left { float: left !important; } .clear { clear: both; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ .hidden { display: none; } /* GENERAL ---------------------------------------------------------------- */ * HTML, * HTML BODY {height:100%; text-align: center;} BODY { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; } BODY {-webkit-text-stroke:.5px transparent;} @media only screen and (max-device-width:480px) {BODY{-webkit-text-stroke:0 black;}} /* PAGE BACKGROUNDS */ BODY.trends_trendreport_01 {background: url('/macpro/media/images/trends/d_201008_TrendAW10-Wallpaper_1.jpg') no-repeat scroll 50% 0;} BODY.trends_trendreport_02 {background: url('/macpro/media/images/trends/awseasonal_bg.jpg') no-repeat scroll 50% 0;} BODY.trends_trendreport_03 {background: url('/macpro/media/images/trends/ss12trendreport_1435X1558.jpg') no-repeat scroll 50% 0;} A { color: #666; text-decoration: none; font-weight: bold;} A:hover { color: #aaa;} H1 { font-size: 35px; text-transform: uppercase; } H2 { font-size: 25px; text-transform: uppercase; } H3 { font-size: 18px; text-transform: uppercase; } H4 { font-size: 12px; text-transform: uppercase; } H5 { font-size: 11px; text-transform: uppercase; } H1 A, H2 A, H3 A { font-weight: normal; } #container { position: relative; width: 954px; margin: 0 auto; text-align: left; } #content_left { position: relative; width: 624px; min-height: 435px; float: left; *display: inline-block; /* IE */ } #content_left:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} #content_main { left: 20px; position: relative; width: 604px; _width: 622px; /* IE6 */ float:left; height: 100%; margin-bottom: 0px; } #content_main.shaded { color: #fff; background: url('/macpro/media/images/shaded_bg.png'); padding-top: 18px; padding-right: 18px; width: 586px; } #content_right { position: relative; width: 290px; float: right; *display: inline-block; /* IE */ } #content_right:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} #content_sidebar { margin-left:0px; position: relative; width: 257px; float:left; padding: 0px; } /* GLOBAL - HEADER ---------------------------------------------------------------- */ #header.global-nav { background:url('/macpro/media/images/global/headerbg.png') no-repeat center bottom; overflow:hidden; height:164px; position:relative; margin-bottom: 5px; margin-top: -1px; /* hack fix for 1px gap between header and top of page */ } #header.global-nav H1 { position:absolute; width:292px; left:332px; background:#000; padding-top:93px; } #header.global-nav H1 A { display: block; width: 292px; height: 0; padding-top: 70px; overflow: hidden; background: url('/macpro/media/images/global/MACPro.png'); } #header.global-nav UL {overflow:hidden; position:absolute; height:11px; width:959px; bottom:24px; left:19px;} #header.global-nav UL LI {height:11px; float:left;} #header.global-nav UL LI A {display:block; background:url('/macpro/media/images/global/navItems.png') no-repeat; height:11px; text-indent:-999em;} #header.global-nav UL LI.nav-trends A {width:41px; background-position:0 0; margin-right:28px;} #header.global-nav UL LI.nav-trends A:hover, #header.global-nav UL LI.nav-trends.on A {width:41px; background-position:0 -12px;} #header.global-nav UL LI.nav-artistry A {width:51px; background-position:-46px 0; margin-right:29px;} #header.global-nav UL LI.nav-artistry A:hover, #header.global-nav UL LI.nav-artistry.on A {width:51px; background-position:-46px -12px;} #header.global-nav UL LI.nav-tips A {width:78px; background-position:-101px 0; margin-right:26px;} #header.global-nav UL LI.nav-tips A:hover, #header.global-nav UL LI.nav-tips.on A {width:78px; background-position:-101px -12px;} #header.global-nav UL LI.nav-events A {width:39px; background-position:-184px 0; margin-right:333px;} #header.global-nav UL LI.nav-events A:hover, #header.global-nav UL LI.nav-events.on A {width:39px; background-position:-184px -12px;} #header.global-nav UL LI.nav-products A {width:80px; background-position:-229px 0; margin-right:30px;} #header.global-nav UL LI.nav-products A:hover, #header.global-nav UL LI.nav-products.on A {width:80px; background-position:-229px -12px;} #header.global-nav UL LI.nav-voice A {width:80px; background-position:-314px 0; margin-right:30px;} #header.global-nav UL LI.nav-voice A:hover, #header.global-nav UL LI.nav-voice.on A {width:80px; background-position:-314px -12px;} #header.global-nav UL LI.nav-membership A {width:70px; background-position:-398px 0;} #header.global-nav UL LI.nav-membership A:hover, #header.global-nav UL LI.nav-membership.on A {width:70px; background-position:-398px -12px;} /* GLOBAL - TOP MENU BAR ---------------------------------------------------------------- */ #subnav { position: relative; float:left; width:624px; margin:0 0 0; height:47px; } #subnav_short { position: relative; float:left; margin:7px 0 0; height:47px; width:604px; } #subnav UL { overflow: hidden; padding: 5px 0 5px 19px; } #subnav UL LI { float: left; margin: 0 23px 0px 0; } #subnav UL LI A { text-transform: uppercase; font-size: 11px; font-weight: bold; color: #777; padding: 5px 0; } #subnav UL LI.active A, #subnav UL LI A:hover, #top UL LI A:hover { color: #c3c3c3; } #subnav #back { clear: both; padding: 10px 0 0 18px; } DIV#search { margin:3px 0 0 0; position: relative; height:46px; overflow:hidden; float: left; } #search FORM { width: 290px; float:right;} #search FORM INPUT {border:1px solid #000; padding:4px 2px; height:11px; width:212px; font:normal 11px georgia; color:#777;} #search FORM BUTTON {text-indent:-999em; border:none; background:url('/macpro/media/images/global/search.png') no-repeat; width:68px; height:21px; position: absolute; top: 0; right: 0px;} #search FORM BUTTON:hover { opacity: .75; } /* GLOBAL - FOOTER ---------------------------------------------------------------- */ /* encapsulated more stories and footer normal */ #content_footer { width:955px; clear: both; *display: inline-block; /* IE */ background-color: #fff; padding-top: 50px; visibility: collapse; } /* flash bar */ #more-stories { margin: 0; clear: both; padding-top: 20px; background: url('/macpro/media/images/global/macpro_top.png') no-repeat 0px 0px; } #footer { clear: both; padding-top:148px 50px 50px 50px; width:955px; padding: 0; margin: 0; *display: inline-block; /* IE */ } #footer-links {overflow:hidden; height:11px; margin-left:110px;} #footer-links LI {height:11px; display:inline; height:11px;} #footer-links LI A {display:block; background:url('/macpro/media/images/global/footerNav.png') no-repeat; text-indent:-999em; height:11px; float:left;} #footer-links #footer-contact A {width:97px; background-position:-549px 0; margin-right:33px;} #footer-links #footer-contact A:hover {background-position:-549px -11px;} #footer-links #footer-store A {width:77px; background-position:-62px 0; margin-right:34px;} #footer-links #footer-store A:hover {width:77px; background-position:-62px -11px;} #footer-links #footer-shop A {width:81px; background-position:-142px 0; margin-right:33px;} #footer-links #footer-shop A:hover {width:81px; background-position:-142px -11px;} #footer-links #footer-site A {width:45px; background-position:-227px 0; margin-right:33px;} #footer-links #footer-site A:hover {width:45px; background-position:-227px -11px;} #footer-links #footer-privacy A {width:84px; background-position:-272px 0; margin-right:32px;} #footer-links #footer-privacy A:hover {width:84px; background-position:-272px -11px;} #footer-links #footer-terms A {width:107px; background-position:-355px 0; margin-right:33px;} #footer-links #footer-terms A:hover {width:107px; background-position:-355px -11px;} #footer-links #footer-MAC A {width:82px; background-position:-466px 0;} #footer-links #footer-MAC A:hover {width:82px; background-position:-466px -11px;} #footer-social {overflow:hidden; margin:10px 0 0 302px; height:11px;} #footer-social LI {display:inline; height:11px;} #footer-social LI A {display:block; text-indent:-999em; height:11px; background:url('/macpro/media/images/global/footerSocial.png') no-repeat; float:left; margin-right:31px;} #footer-social #footer-facebook A {width:52px; background-position:0 0;} #footer-social #footer-facebook A:hover {background-position:0 -11px} #footer-social #footer-instagram A {width:55px; background-position:-52px 0;} #footer-social #footer-instagram A:hover {background-position:-52px -11px} #footer-social #footer-twitter A {width:42px; background-position:-107px 0;} #footer-social #footer-twitter A:hover {background-position:-107px -11px;} #footer-social #footer-youtube A {width:44px; background-position:-151px 0;} #footer-social #footer-youtube A:hover {background-position:-151px -11px;} #footer-social #footer-tumblr A {width:44px; background-position:-194px 0;} #footer-social #footer-tumblr A:hover {background-position:-194px -11px;} #footer-copyright {text-align:center; font:bold 8px georgia; margin-top:9px; text-shadow: 0px 0px 0px #000;} /* CONTENT - SIDEBAR ---------------------------------------------------------------- */ #content_sidebar .sidebar_section { margin-bottom: 37px; *display: inline-block; /* IE */ } .sidebar_section.sidebar_banner { width: 256px; overflow: hidden; } #content_sidebar .sidebar_section:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} #content_sidebar .sidebar_section P { line-height: 13.5px; } #content_sidebar .sidebar_section SELECT { padding: 3px 2px; border: 1px solid #666; color: #AAA; width: 250px; margin-top: -2px; margin-bottom: 20px; } #content_sidebar .sidebar_subnav { } #content_sidebar .sidebar_subnav P { margin-bottom: 4px; } #content_sidebar .sidebar_subnav H3 { margin-bottom: 3px; } #content_sidebar .sidebar_thumbgrid { } #content_sidebar .sidebar_thumbgrid H3 { margin-bottom: 15px; } #content_sidebar .sidebar_thumbgrid A { display: block; float: left; padding-top: 3px; padding-right: 3px; } #content_sidebar .sidebar_calendar { } #content_sidebar .sidebar_calendar UL LI { margin-top: 10px; } #content_sidebar .sidebar_calendar UL LI:first-child { margin-top: 13px; } #content_sidebar .sidebar_calendar UL LI .date { border-bottom: 1px solid #000; padding-bottom: 5px; margin-bottom: 8px; } #content_sidebar .sidebar_calendar UL LI .date .month { font-size:11px; text-transform:uppercase; padding-right:3px; } #content_sidebar .sidebar_calendar UL LI .date .day { font-size:36px; } #content_sidebar .sidebar_calendar UL LI .date .title { display:block; font-weight:bold; } #content_sidebar .sidebar_calendar UL LI .presenter { display:block; } #content_sidebar h1 a, #content_sidebar h2 a, #content_sidebar h3 a { font-weight: normal; } /* CONTENT - TOOLBOX tmpl: /macpro/includes/toolbox.tmpl ----------------------------------- */ #toolbox { width:34px; position: absolute; top: 48px; right: 0; border: 0; } #toolbox li { display:block; position:relative; height:auto; margin: 0 0 3px 0; } #toolbox li a.func-btn { display:block; background:url('/macpro/media/images/global/funcNav.png') no-repeat; height:63px; text-indent:-999em; border-left: 3px solid #fff; } div#toolbox-password-hint li {line-height: 14px;} #toolbox li.active a.func-btn { border-color: #000; } /* positioning of mouseover items (all buttons are one big image) */ #toolbox #func-login.hello A {background-position:0 -199px;} #toolbox #func-cart A {background-position:0 -66px;} #toolbox #func-shop A {background-position:0 -132px;} #toolbox a:hover {color:#fff;} #toolbox li div a {color:#c3c3c3;} #toolboxRegister {font-weight: bold;} #toolbox #login, #toolbox #cart, #toolbox #shop { position:absolute; background:#000; width:240px; top:0; right:100%; color:#fff; padding: 7px 10px 8px 9px; min-height:50px; font-size:11px; } #toolbox #login {min-height:48px;} #toolbox #login P {margin: 6px 0;} #toolbox #login FORM {padding-top: 3px;} #toolbox #login FORM P {margin-bottom:3px;} #toolbox #login FORM input {border:1px solid #FFF; background:#000; color:#c3c3c3; padding-left:3px; width:232px; margin:1px 0 2px 1px; font-family:georgia; height:17px;} #toolbox #login FORM #loginSubmit {font:bold 11px georgia; color:#c3c3c3; background:#000; border:0; padding:0px; width:auto; } #toolbox #login #loginSubmit:hover {cursor:pointer; color:#fff;} #toolbox #login ul.login-alert { background:url('/macpro/media/images/global/exclamation.png') no-repeat; padding-left:18px; line-height:13px; margin-bottom:18px; min-height: 50px; } #toolbox #login ul.login-alert li { display:block; position:relative; height: 13px; margin: 0 0 3px 0; } #toolbox #login #regWrap {border-top:1px solid #c3c3c3; margin-top:7px; padding-top:8px;} #toolbox #cart {padding-right:10px; width:240px; line-height: 14px; } #toolbox #prod-list {width:100%; border-bottom:1px solid #b3b3b3;} #toolbox #prod-list td {border-top:1px solid #b3b3b3; vertical-align:top; padding:8px 0;} #toolbox .cart-prod {width:169px;} #toolbox .cart-qty {width:23px; text-align:right;} #toolbox .cart-cost {width:46px; text-align:right;} #toolbox #prod-list IMG {display:block; float:left; width:56px; margin-right:7px} #toolbox #prod-list .cart-prod-details P {line-height:13px; margin-bottom:5px;} #toolbox .cart-prod P SPAN {padding-right:5px;} #toolbox #prod-list .cart-prod P {margin-bottom:0px;} #toolbox #prod-list .prod-details-swatch IMG {width:auto;} #toolbox #prod-list .cart-prod-details {width:100px; float:left;} #toolbox #prod-list .cart-prod-details P {margin-bottom:5px;} #toolbox #prod-list .cart-prod-details IMG {padding-right:5px;} #toolbox #cart-footer td {text-align:right;} #toolbox #cart-footer {margin-top:8px;} #toolbox .cart-label {width:194px;} #toolbox .cart-totals {width:47px;} #toolbox #cart A {text-transform:uppercase; font-size:11px; color:#c3c3c3; font-weight: bold; letter-spacing: 0.8px;} #toolbox #cart A:hover {color: #fff;} #toolbox #cart P {border-bottom:1px solid #b3b3b3; margin-bottom:7px; padding-bottom:7px;} #toolbox #shop {padding-top:10px;} #toolbox #shop.slim {height:45px; min-height:45px} #toolbox #shop A {text-transform:uppercase; font-size:18px; color:#c3c3c3; font-weight: normal; letter-spacing: 0.8px;} #toolbox #shop A:hover {color: #fff;} #toolbox #shop P {border-bottom:1px solid #b3b3b3; margin-bottom:7px; padding-bottom:7px;} #content_sidebar #recent-discussions, #content_sidebar #popular-discussions { font-family: Georgia,"Times New Roman",Times,serif; margin-bottom: 20px; } #recent-discussion-items li, #popular-discussion-items li { margin-top: 16px; } #recent-discussion-items .pluck-title, #popular-discussion-items .pluck-title { font-weight: bold; } #content_main #recent-discussion-items p, #content_main #popular-discussion-items p { margin-bottom: 3px; } /* CONTENT - MAIN ---------------------------------------------------------------- */ #content_main P { line-height: 15px; margin-bottom: 20px; } /* Wrap multiple paragraphs in text block to assign appropriate paragraph spacing */ #content_main .text { position: relative; padding-bottom: 11px; } #content_main .text P { margin-bottom: 7px; } #content_main .text H5 { margin-bottom: 7px; } #content_main .image { margin-bottom: 18px; } /* #content_main IMG.border { border: 1px solid #ddd; } */ /* CONTENT HEADER */ #content_main .content_header { border-bottom: 6px solid #000; margin-bottom: 18px; } #content_main .content_header.noline { border: 0; } #content_main.shaded .content_header { border-color: #fff; } #content_main .content_header H1 { margin-bottom: 13px; margin-top: -4px; } #content_main .content_header P { } #content_main .content_header SELECT { padding: 3px 2px; border: 1px solid #666; color: #AAA; width: 295px; margin-top: -2px; margin-bottom: 20px; } #content_main .content_header .image { margin-top: 16px; } /* CONTENT SECTION */ #content_main .content_section { border-bottom: 2px solid #7f7f7f; margin: 20px 0 18px 0; } #content_main .content_section.last { border-bottom: 0; } #content_main.shaded .content_section { border-color: #fff; } #content_main .content_section H1 { margin-bottom: 11px; margin-top: -4px; } #content_main .content_section H2 { margin-bottom: 14px; } #content_main .content_section H2.zero { margin-bottom: 0; } #content_main .content_section H3 { margin-bottom: 16px; } #content_main .content_section H3.zero { margin-bottom: 0; } #content_main .content_section H4 { margin-bottom: 2px; } #content_main .content_section P { } #content_main .content_section .content_subsection { margin-bottom: 11px; } #content_main .content_section .content_subsection H3 { margin-bottom: 1px; } #content_main .content_section .content_subsection A { font-size: 11px; } #content_main .content_section .content_subsection P { margin-bottom: 16px; } #content_main .content_section .content_subsection P.zero { margin-bottom: 0; } /* CONTENT DROPDOWN */ #content_main .content_section .content_dropdown { margin-bottom: 18px; } #content_main .content_section .content_dropdown SELECT { padding: 3px 2px; border: 1px solid #666; width: 283px; font-family: Georgia,serif; position: relative; top: -2px; } /* THUMB GRID */ #content_main .thumb_grid { padding-top: 4px; margin-bottom: 14px; *display: inline-block; /* IE */ } #content_main .thumb_grid:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} #content_main .thumb_grid LI { float: left; margin-right: 5px; margin-bottom: 4px; position: relative; } #content_main .thumb_grid LI .overlay { display: none; position: absolute; z-index: 2; top: 0; left: 0; width: 138px; height: 119px; background-color: #000; filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5; } #content_main .thumb_grid LI .name { display: none; color: #fff; text-decoration: none; font-weight: bold; text-align: center; position: absolute; z-index: 3; top: 50px; left: 10px; width: 118px; } #content_main .thumb_grid LI A:hover .overlay, #content_main .thumb_grid LI A:hover .name { display: block; } /* IMAGE GRID */ #content_main .image_grid { *display: inline-block; /* IE */ } #content_main .image_grid:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} #content_main .image_grid LI { float: left; margin-right: 7px; } #content_main .image_grid LI P { margin-top: 5px; margin-bottom: 18px; } #content_main .image_grid LI IMG { border: 1px solid #ddd; } /* QUOTE */ BLOCKQUOTE { font-size: 18px; font-style: italic; background: url('/macpro/media/images/global/blockquote-left.gif') no-repeat; padding: 6px 0 5px 45px; line-height: 25px; } BLOCKQUOTE EM { display: block; background: url('/macpro/media/images/global/blockquote-right.gif') no-repeat 100% 97%; padding-right: 45px; } /* PAGINATION */ #content_main .pagination { font-size: 11px; margin-bottom: 19px; *display: inline-block; /* IE */ } #content_main .pagination:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} #content_main .pagination.top { margin-bottom: 16px; } #content_main .pagination .stats { float: left; } #content_main .pagination .nav { float:right; text-align: right; } #content_main .pagination .nav A { padding: 2px 7px 2px 0; } #content_main .pagination .nav A.viewall { border-right: 1px solid #808080; margin-right: 6px; } #content_main .pagination .nav A.prev, #content_main .pagination .nav A.next { position: relative; top: 1px; } #content_main .pagination .nav A.prev:hover, #content_main .pagination .nav A.next:hover { filter:alpha(opacity=6); -moz-opacity:0.6; opacity: 0.6; } #content_main .pagination .nav A.active { color: #C3C3C3; } /* SLIDESHOW */ #content_main .slideshow { margin-bottom: 11px; } #content_main .slideshow .slideshow_list { position:relative; height:380px; } #content_main .slideshow .slideshow_list LI { position:absolute; top:0px; left:0px; height:100%; width:100% } #content_main .slideshow .nav { overflow:hidden; width:603px; border-top:1px solid #ccc; padding-top:10px; } #content_main .slideshow .nav .prev, #content_main .slideshow .nav .next { display:block; height:9px; width:8px; overflow:hidden; text-indent:-999em; background:url('/macpro/media/images/global/slideshowNav.png') no-repeat; float:left; } #content_main .slideshow .nav .prev:hover, #content_main .slideshow .nav .next:hover { filter:alpha(opacity=6); -moz-opacity:0.6; opacity: 0.6; } #content_main .slideshow .nav .prev { background-position:top left; margin-right:10px; } #content_main .slideshow .nav .prev:hover {background-position:-10px left;} #content_main .slideshow .nav .next { background-position:top right; } #content_main .slideshow .nav .next:hover {background-position:-10px right;} #content_main .slideshow .caption { font: normal 11px georgia; margin:0; float:left; width:490px; } #content_main .slideshow .counter { font: bold 11px georgia; width:60px; float:left; text-align: right; padding-right: 10px; top: -2px; position: relative; } /* NUMBER LIST */ #content_main .number_list { margin-bottom: 18px; line-height: 14px; padding-left: 16px; } #content_main .number_list LI { font-size: 11px; list-style-type: decimal; margin-bottom: 10px; } /* TEXT LIST */ #content_main .text_list { } #content_main .text_list H3 { margin-bottom: 2px; } #content_main .text_list H4 { font-size: 11px; margin-top: 16px; } #content_main .text_list P { margin-top: 2px; } /* FAQ LIST */ #content_main .topic_list { margin-bottom: 16px; line-height: 14px; } #content_main .topic_list DT { margin-top: 15px; text-transform: uppercase; } #content_main .topic_list DT A { font-weight: normal; } #content_main .topic_list DD { } #content_main .topic_list DD P { margin: 10px 0 0 0; } #content_main .topic_list DD P:first-child { margin-top: 2px; } #content_main .topic_list H3 { line-height: 18px; } /* CONTENT - FORM ---------------------------------------------------------------- */ #content_main .form { } #content_main .form .text { padding-bottom: 9px; } #content_main .form .form_row { padding-bottom: 16px; *display: inline-block; /* IE */ } #content_main .form .form_row:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} #content_main .form .form_row LABEL { padding-bottom: 4px; display: block; } #content_main .form .form_row INPUT.text { border: 1px solid #000; background-color: #fff; padding: 4px; font-family: Georgia,serif; width: 270px; } #content_main .form .form_row_long INPUT.text { width: 572px; } #content_main .form .form_row_long TEXTAREA { border: 1px solid #000; background-color: #fff; padding: 4px; font-family: Georgia,serif; width: 572px; height: 200px; } #content_main .form .form_row SELECT { padding: 3px 2px; border: 1px solid #666; width: 283px; font-family: Georgia,serif; } #content_main .form .form_row .note { margin-top: 8px; } #content_main .form .form_row .form_row_cell { float: left; width: 301px; } #content_main .form .form_row_radios { } #content_main .form .form_row_radios LABEL { display: inline; padding-right: 20px; } #content_main .form .form_row_radios INPUT.radio { margin-left:8px; position:relative; top: 0; } #content_main .form .form_row_radios EM { margin-left: 3px; } #content_main .form .form_row BUTTON { background: #000; border: none; color: #FFF; display: block; font-family: Georgia,serif; font-weight: bold; padding: 4px 6px; text-transform:uppercase; } #content_main .form .form_row BUTTON:hover { filter:alpha(opacity=6); -moz-opacity:0.6; opacity: 0.6; } /* CONTENT - COLUMNNS ---------------------------------------------------------------- */ #content_main .columns { *display: inline-block; /* IE */ } #content_main .columns:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} #content_main .columns .col_left { float: left; } #content_main .columns .col_right { float: right; } #content_main .columns_a { margin-bottom: 20px; } #content_main .columns_a .col_left { width: 190px; } #content_main .columns_a .col_right { width: 390px; } #content_main .columns_b { } #content_main .columns_b .col_left { width: 270px; } #content_main .columns_b .col_right { width: 310px; } #content_main .columns_b .col_right P { margin-bottom: 17px; } #content_main.shaded .columns_b .col_right { width: 292px; } #content_main .columns_c { } #content_main .columns_c .col_left { width: 305px; } #content_main .columns_c .col_left H3 { margin-bottom: 2px; } #content_main .columns_c .col_left P { margin-bottom: 15px; } #content_main .columns_c .col_right { width: 279px; } #content_main .columns_d { } #content_main .columns_d .col_left { width: 435px; } #content_main .columns_d .col_right { width: 135px; } /* CONTENT - SITEMAP ---------------------------------------------------------------- */ #content_main .sitemap_column_left { width: 250px; float: left; } #content_main .sitemap_column_right { width: 230px; float: left; } #content_main .sitemap_section { margin-bottom: 17px; } #content_main .sitemap_section H4 { text-transform: uppercase; margin-bottom: 1px; } #content_main .sitemap_section P { margin-bottom: 0; } /* ABOUT PRO PRODUCT OVERLAY ---------------------------------------------------------------- */ .modal { position: absolute; background: url('/macpro/media/images/shaded_bg.png') 0 0; width: 660px; top: 200px; left: 150px; z-index: 100; color: #fff; padding: 20px 20px 0 20px; } .modal .close { float: right; } .modal H1 { font-size: 35px; line-height: 35px; letter-spacing: 1px; margin-bottom: 9px; } .modal H3 { font-size: 18px; line-height: 20px; margin-bottom: 11px; } .modal P { line-height: 16px; margin-bottom: 14px; } .modal .overlay-header { margin-bottom: 17px; padding-bottom: 7px; border-bottom: 4px solid #fff; } .modal .overlay-section { margin-bottom: 17px; padding-bottom: 7px; border-bottom: 2px solid #7f7f7f; } .modal .overlay-section.last { border: none; padding-bottom: 1px; } #content_main .home_image_grid { padding-bottom: 20px; *display: inline-block; /* IE */ } #content_main .home_image_grid:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} #content_main .home_image_grid LI { float: left; margin-left: 17px; } #content_main .home_image_grid LI:first-child { margin-left: 0; } #content_main .home_image_grid IMG { border:1px solid #DDD; } #content_main .home_video { padding-bottom: 20px; *display: inline-block; /* IE */ } #content_main .home_video:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} #content_main .home_video .home_video_player { float: left; width: 444px; } #content_main .home_video .home_video_info { float: right; width: 145px; } #content_main .tips_comment_form { padding-bottom: 20px; *display: inline-block; /* IE */ } #content_main .tips_comment_form:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} #content_main .tips_comment_form H3 { margin-bottom: 10px; } #content_main .tips_comment_form P { margin-bottom: 2px; } #content_main .tips_comment_form TEXTAREA { border: 1px solid #000; height: 180px; margin-bottom: 20px; width: 596px; padding: 4px; } #content_main .tips_comment_form BUTTON { background: #000; border: none; color: #FFF; display: block; font-family: Georgia,serif; font-weight: bold; padding: 4px 6px; text-transform:uppercase; } #content_main .tips_comment_list { } #content_main .tips_comment_list .comment { border-bottom: 1px solid #000; font-size: 11px; margin-bottom: 18px; padding-bottom: 18px; } #content_main .tips_comment_list .comment:last-child { border: 0; } #content_main .tips_comment_list .comment H5 { margin-bottom: 4px; } #content_main .tips_comment_list .comment P { margin-bottom: 0; } #content_main .tips_search_form { padding-bottom: 20px; *display: inline-block; /* IE */ } #content_main .tips_search_form:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} #content_main .tips_search_form INPUT { border: 1px solid #000; color: #777; height: 21px; padding-left: 8px; width: 209px; } #content_main .tips_search_form BUTTON { background: #FFF; border: 1px solid #000; font-family: Georgia,serif; font-size: 11px; font-weight: bold; height: 25px; text-transform: uppercase; } #content_main .trend_overview H3 { margin-top: 10px; } #content_main .events_calendar_menu { margin-bottom: 12px; *display: inline-block; /* IE */ } #content_main .events_calendar_menu:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} #content_main .events_calendar_menu LI { float: left; } #content_main .events_calendar_menu LI A { text-transform: uppercase; border-left: 1px solid #808080; display: block; padding: 0 7px; } #content_main .events_calendar_menu LI:first-child A { border-left: 0; padding-left: 0; } #content_main .events_calendar_menu LI.active A { color: #c3c3c3; } .events #content_main { } .events #content_main img.events-blackrule { margin: 30px 0 13px; width:604px; height:6px; } .events #content_main .date-header { margin: 0 0 13px; width:214px; height:31px; } .events #content_main .all_events { width:600px; } .events #content_main div.presenter-photo { float:left; padding-right: 10px; } .events #content_main div.presenter-photo img { vertical-align: top; width: 194px; height: 166px; } #content_main .events_calendar_list { } #content_main .events_calendar_list P { margin-bottom: 0; } #content_main .events_calendar_list P.date { text-transform:uppercase; } #content_main .events_calendar_list P.date EM { font-size:36px; } #content_main .events_calendar_list A { text-transform: uppercase; } #content_main .events_schedule_table { padding-bottom: 10px; } #content_main .events_schedule_table TR TH { font-weight: bold; padding-bottom: 5px; } #content_main .events_schedule_table TR TH.time { text-align: center; } #content_main .events_schedule_table TR TD { border-top: 1px solid #000; padding: 5px 0; } #content_main.shaded .events_schedule_table TR TD { border-color: #979797; } #content_main .events_schedule_table TR TD.presenter { font-weight: bold; } #content_main .events_schedule_table TR TD.time { text-align: right; } #content_main .artistry_tips { width: 444px; border:1px solid #E5E5E5; border-bottom: 0; margin-bottom: 20px; } #content_main .artistry_tips P { margin-bottom: 2px; } #content_main .artistry_tips .video { height: 294px; } #content_main .artistry_tips .steps { padding: 10px 10px 40px 10px; } #content_main .artistry_tips .steps .links { height: 30px; } #content_main .artistry_tips .steps .links A { display: block; float: left; margin-right: 25px; } #content_main .artistry_tips .steps .desc { } #content_main .artistry_tips .products { } #content_main .artistry_tips .products H5 { border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; padding: 5px 10px 5px 10px; } #content_main .artistry_tips .products UL { } #content_main .artistry_tips .products LI { padding: 0 10px 20px 10px; border-bottom: 1px solid #E5E5E5; margin-top: 10px; position: relative; *display: inline-block; /* IE */ } #content_main .artistry_tips .products LI:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} #content_main .artistry_tips .products LI DIV { width: 358px; float: right; } #content_main .artistry_tips .products LI .cart { position: absolute; right: 10px; bottom: 10px; } #content_main .form .form_row BUTTON { background: #000; border: none; color: #FFF; display: block; font-family: Georgia,serif; font-weight: bold; padding: 4px 6px; text-transform:uppercase; } #content_main .form .form_row BUTTON:hover { filter:alpha(opacity=6); -moz-opacity:0.6; opacity: 0.6; } /* Clearing ---------------------------- */ .clear { clear: both; } /* Hidden ---------------------------- */ .hidden { display:none !important; } /* Layout ---------------------------- */ .body-container { width: 965px; margin: 0 auto; } #checkout-navigation {margin: 0 0 25px;} #breadcrumb {margin-bottom: 20px;} .error_messages { margin: 15px 0; color: #b50404; font-weight: bold; } #content_main #signin .form_row input.error { border: 1px solid #ff0000;}; #content {width: 604px; margin-right: 40px; float: left;} #sidebar {width: 175px; float: left;} #cat_root_link {display: block; margin: 25px 0; clear: both;} .optionsDivInvisible { display:none; } .form-submit { background-color: black; background-image: none; height 21px; border: none; color: white; text-transform: uppercase; text-indent: 0; width: auto; padding: 4px 8px; margin: 0 0 20px 0; font-family: Georgia, 'Times New Roman', Times, serif; font-weight: bold; cursor: pointer; } .form-submit:hover { background-color: #404040; } /* Header -----------------------------*/ #header #accountbar { margin: 10px 0; float: right; clear: both; position: relative; } #header #accountbar ul.account-buttons li { display:block; float:left; margin:0 10px 0 0; padding:0 1px 0 0; white-space:nowrap; } #header div.utility-nav { text-align: right; border-width: 0 0 1px 0; border-color: #5C88E1; border-style: solid; } #header div.utility-nav ul { float:right; margin: 5px; } #header div.utility-nav li { float:left; margin: 0 5px 0 5px; } #header div.utility-nav input[type=image] { vertical-align: -6px; } /* cart pop-over -----------------------------*/ .cart-overlay { border: 1px solid #cccccc; background-color: #ffffff; padding: 10px; width: 295px; z-index: 190; } .cart-overlay .cart-content table { border-collapse:collapse; margin:0 0 15px; width:100%; } .cart-overlay .cart-content table thead th { border-bottom: 1px solid #cccccc; padding: 3px 0; text-align: left; } .cart-overlay .cart-content table td { border-bottom: 1px solid #cccccc; padding: 10px 0; vertical-align: top; } .cart-overlay .cart-content table td.qty, .cart-overlay .cart-content table th.qty { text-align: center; width: 40px; } .cart-overlay .cart-content table td.price, .cart-overlay .cart-content table th.price { text-align: center; } .cart-overlay .cart-content dl.thumb-75x75 { margin: 0; min-height: 77px; padding: 0 0 15px 87px; position: relative; } .cart-overlay .cart-content dl.thumb-75x75 dt { left: 0; margin: 0 10px 0 0; padding: 0; position: absolute; top: 0; width: 77px; } .cart-overlay .cart-content dl.thumb-75x75 dd { margin: 0 0 4px; padding: 0; } .cart-overlay .cart-content dl.thumb-75x75 dd.price { margin: 0 0 4px; } .cart-overlay .cart-content dl.thumb-75x75 dd.details { margin: 7px 0 0; } .cart-overlay .viewcart-button-container .viewcart-button { float: right; } .cart-overlay .viewcart-button-container { border-bottom: 1px solid #cccccc; padding-bottom: 5px; } .cart-overlay .viewcart-button-container .total-items { float: left; } /* Customer Service -----------------------------*/ #customer-service { width: 150px; border: 3px solid #ccc; padding: 12px; } #customer-service h3 { margin-bottom: 8px; font-size: 12px; } /* Overlays -----------------------------*/ .overlay-container { background-color: #ffffff; border: 1px solid #cccccc; overflow-y: auto; overflow-x: auto; padding: 20px; position: absolute; z-index: 201; } .overlay-background { background-color: black; filter: alpha(opacity=50); left: 0; opacity: 0.5; position: absolute; top: 0; z-index: 200; } .overlay-container .close-container { position: relative; right: 2px; float: right; z-index: 210; } .overlay-container .close-container a.close-link { background: transparent url("/macpro/media/images/popup/pop_close.gif") no-repeat 0 0; color: #000000; width: 7px; height: 8px; overflow: hidden; text-indent: -5000px; display: block; } .overlay-container .close-container a.close-link:hover { background-position: 0 -8px; } select.overlay-hidden { display: none; } /* Forms -------------------------- */ div.sub_form { margin: 15px 0 15px 0; } fieldset { border: 0; } fieldset.fs { margin: 15px 0 15px 0; width: 600px; overflow: hidden; } fieldset.fs legend { display: none; } fieldset.fs div.form_element { margin: 5px 15px 10px 0; width: 275px; display: inline-block; } fieldset.fs div.form_element input { width: 250px; } fieldset.fs div.form_element select { width: 254px; } fieldset.fs div.form_element label, div.label { display: inline-block; margin-bottom: 3px; font-weight: bold; } fieldset.fs div.form_element input, fieldset.fs div.form_element select { display: block; } fieldset.fs div.radio input { display: inline; margin-right: 10px; margin-top: 5px; width: auto; } fieldset.fs div.radio label { margin-right: 20px; } fieldset.fs div.radio span { display: block; } fieldset.fs div.radio { display: inline; } fieldset.fs div.wide { width: 480px; } fieldset.fs div.form_element .note { color: #8F8F8F; font-style: italic; margin: 2px 0 0 0; } fieldset.fs div span.date_fields { display: block; } fieldset.fs p { margin-bottom: 10px; margin-top: 10px; } /* Address Form -------------------------- */ .overlay-container-address-form { width: 590px; } /* Profile Form -------------------------- */ fieldset.profile div.pc_email_container, fieldset.profile div.password_container, fieldset.profile div.first_name_container, fieldset.profile div.password_hint_container { clear: both; } fieldset.profile div.password_container label span { color: #8F8F8F; display: block; font-style: italic; margin: 2px 0 0 0; } fieldset.profile div.password_hint_container { float: none; width: 480px; } /* Demographic Form -------------------------- */ fieldset.demographic div.gender_container { clear: both; } fieldset.demographic div.birth_year_container, fieldset.demographic div.birth_day_container { width: 70px; } fieldset.demographic div.birth_month_container { width: 90px; } fieldset.demographic div.birth_year_container select, fieldset.demographic div.birth_day_container select { width: 70px; } fieldset.demographic div.birth_month_container select { width: 90px; } /* Email Opt-in Form -------------------------- */ fieldset.email_promotions div.pc_email_promo_container { margin: 20px 0 20px 0; width: 230px; } fieldset.email_promotions div.pc_email_promo_container input { display: block; float: left; margin: 0 10px 20px 0; } fieldset.email_promotions p#providing-email { clear: both; } /* Billing Form -------------------------- */ fieldset.payment_method div.card_type_container, fieldset.payment_method div.card_number_container, fieldset.payment_method div.expiration_date_container, fieldset.payment_method div.default_payment_container { clear: both; } fieldset.payment_method div.expiration_date_container, fieldset.payment_method div.default_payment_container { width: 300px; } fieldset.payment_method div.expiration_date_container select.expiration_month, fieldset.payment_method div.expiration_date_container select.expiration_year { display: inline; margin-right: 10px; width: 90px; } /* this is a hack to fix bug 36220 ideally, we need to fix the error code When an error occurs in a field, its classes get ripped out and only "field error" remains -----------------------------*/ #date_fields select { display: inline; margin-right: 10px; width: 90px; } fieldset.payment_method div.expiration_date_container select.expiration_month { width: 90px; } fieldset.payment_method div.expiration_date_container select.expiration_year { width: 70px; } /* Billing Address Form -------------------------- */ fieldset.payment_method div.card_type_container, fieldset.payment_method div.card_number_container, fieldset.payment_method div.expiration_date_container, fieldset.payment_method div.default_payment_container { clear: both; } fieldset.payment_method div.expiration_date_container, fieldset.payment_method div.default_payment_container { width: 480px; } fieldset.payment_method div.expiration_date_container select.expiration_month, fieldset.payment_method div.expiration_date_container select.expiration_year { display: inline; margin-right: 10px; width: 90px; } fieldset.payment_method div.expiration_date_container select.expiration_month { width: 90px; } fieldset.payment_method div.expiration_date_container select.expiration_year { width: 70px; } fieldset.payment_address select { margin-top: 3px; } /* Payment Form --------------------------*/ .address_controls { float: left; } .address_controls li.choose-address { margin-top: 15px; } .address-container { float:left; margin:0 65px 10px 0; width: 150px; } /* Contact Us Form --------------------------*/ #contact-us h1 { margin-bottom: 14px; } #contact-us h3 { margin-bottom: 12px; } #contact-us div.registered-radio { height: 20px; } #contact-us div.registered { padding-bottom: 10px; } /* Artist Email Page -------------------------*/ .artists #content_main { left: 18px; } .artist-img { margin: 20px 0; } #artist-email-form select { width: 286px; border: 1px solid #000; padding: 3px; margin: 3px 0 11px 0; } #artist-email-form textarea { width: 100%; margin-top: 3px; } /* billing-information ========================== */ .user-cc { width: 250px; margin: 0 40px 40px 0; min-height: 120px; display: -moz-inline-stack; display: inline-block; vertical-align: top; margin: 5px; zoom: 1; *display: inline; _height: 120px; } /* Tertiary Nav --------------- */ #account_tertiary_nav a { font-weight: bold; text-transform: uppercase; } /* FRONT SLIDESHOW ---------------------*/ #front-slideshow { width: 604px; height: 380px; overflow: hidden; } .slide-images{ position:relative; display:block; margin:0px; padding:0px; width:604px; height:380px; overflow:hidden; margin-bottom: 10px; } .slide-images li{ position:absolute; display:block; list-style-type:none; margin:0px; padding:0px; background-color:#FFFFFF; } .slide-images li img{ display:block; background-color:#FFFFFF; border: 0; max-width: 604px; } ##### Changed 640 to 604 .slide-images li div{ display:block; margin-top: 5px; } /* Product Overlays ---------------------------------------------------------*/ .cart-add-overlay-container, .cart-confirm-overlay-container { margin: 0; border: 0; padding: 0; } .overlay-content-popover { background: #f8f8f8 url(/macpro/media/images/popup/bkg_popup.gif) left bottom repeat-x; border: 1px solid #fff; padding: 7px 0 0 7px; font-size: 11px; font-family: Arial,Verdana, sans-serif; } .overlay-content-popover .close-container { position: relative; right: 7px; float: right; z-index: 210; margin: 0; } .overlay-content-popover .close-container a.close-link { background-image: url(/macpro/media/images/popup/pop_close.gif); background-position: 0 0; background-repeat: no-repeat; display: block; width: 7px; height: 8px; overflow: hidden; text-indent: -2000px; padding: 0; } .popover-prod .close-container a.close-link { background-image:url("/macpro/media/images/common/btn_close.gif"); width: 9px; } .popover-prod .close-container a.close-link:hover { background-position: 0 -8px;} .overlay-content-popover a { color: #444; text-decoration: underline; } .overlay-content-popover a:hover { color: #111; } .overlay-content-popover p { margin: 0 0 8px 0; } div.close-link, a.close-link { cursor: pointer; } .popover-desc { /*float: left; MERGE */ color:#777; } /* was: pop_desc */ .popover-desc p { line-height: 1.2; font-size: 11px; } .popover-desc .popover-title { margin: 0 0 2px 0; font-weight: bold; display: block; line-height: .9; font-size: 11px; width:100%; } .overlay-content-popover .btn-container { float: left; } .popover-btm { float: none; clear: both; height: 7px; line-height: 1px; font-size: 1px; } .popover-prod { border: 0; width: 234px; background: black; color: white; } .popover-prod .thumb { float: left; } .popover-prod .popover-desc { float: left; margin: 0 7px 0 7px; width: 150px; color: white; } .popover-prod .popover-desc p { margin: 0; } .popover-prod .btn-container { margin: 3px 0 0 0; width: 170px; } .popover-prod .btn-add { float: right; margin-right: -1px; } .overlay-content-popover .btn-checkout { float: left; border: 1px solid #ccc; } .overlay-content-popover .btn-continue { margin: 6px 0 0 16px; } .cart-confirm-overlay-container .popover-desc p { margin: 0 0 4px 0; } .cart-confirm-overlay-container p.cart-confirm-fss-message { display: none; color: #333; } .popover-btn-checkout img { padding: 7px; } .popover-desc .inventory-status { font-size: 11px; line-height: .9; display: block; } .popover-message { width: 234px; } .popover-message .popover-title-confirm { padding-bottom: 3px; } .popover-message .popover-desc { width: 211px; } .popover-message .cart-item-count { float: left; margin-top: 7px; white-space: nowrap; } .overlay-container .thank_you {background:url('/macpro/media/images/popup/title_thank_you.gif') 0 0 no-repeat; text-indent:-5000px;} .overlay-container .sorry {background:url('/macpro/media/images/popup/title_sorry.gif') 0 0 no-repeat; text-indent:-5000px;} #content_main .shoppable { color: #777; font-weight: bold; cursor: pointer; } /* cLive cleanup - a work in progress */ /* most form elements - two parts, label and input */ div.form_element { margin-bottom: 3px; } div.textinput input,div.select select { width: 250px; } /* special case for checkboxes */ div.form_checkbox { vertical-align: middle; width: 30px; display: inline-block; } div.form_checkbox_label { vertical-align: middle; width: 530px; display: inline-block; } div.submit_btn { padding: 10px 0 10px 0; } /* new stuff to fix single column layout */ div.inline_block_column, fieldset.inline_block_column { width: 270px; display: inline-block; vertical-align: top; margin: 0 20px 5px 0; } /* and div info for block items that are full width */ div.inline_block_full { width: 100%; display: inline-block; vertical-align: top; margin: 0 0 5px 0; } fieldset.default_store div select { margin-top: 3px; } #error-list li { list-style: none } #comments { clear: both; } #recommendations { clear: both; } /* MEMBER VOICE STYLING */ /* this is here because of the css overides on the forums iframes */ table.CreateItem_Table { background-color: #fff; font-family: Georgia,"Times New Roman",Times,serif; border-top: 1px solid #000; border-bottom: 1px solid #000; } #CreatePost table.CreateItem_Table { border-top: none; } #CreateEditDiscussion #CreateItem_Table { border-top: none; } #CreateItem_Poll h3 { font-family: Georgia, 'Times New Roman', Times, serif; font-weight: normal; font-size: 18px; } #slPoll_CreateHeader { font-family: Georgia, 'Times New Roman', Times, serif; font-weight: normal; font-size: 18px; } #CreateEditDiscussion { font-family: Georgia, 'Times New Roman', Times, serif; } .CreateItem_Table .slPoll .slCreate .slPoll_CreateQuestion label { font-family: Georgia,"Times New Roman",Times,serif; font-size: 11px; } .CreateItem_Table .slPoll .slCreate .slPoll_CreateQuestion input { font-family: Georgia,"Times New Roman",Times,serif; font-size: 11px; } .slV2 a { font-family: Georgia,"Times New Roman",Times,serif; font-size: 11px; font-weight: normal; } .slV2 a:link, .slV2 a:active, .slV2 a:visited { color: #777; } .slV2 a:hover { color: #c3c3c3; } input.CreateItem_TableFormInput { font-family: Georgia,"Times New Roman",Times,serif; font-size: 11px; } #content_main a.Forums_RSS { background: url('/macpro/media/images/rss.gif') no-repeat; } #content_main .Discussion_UnreadPostContainer td.Discussion_PostStatusIndicator div.newPost { background: url('/macpro/media/images/newPost.gif') no-repeat; } .appLoading { padding-left: 338px; } #content_main td.CreateItem_TableForm div.CreateItem_Header { padding-top: 0; } /* ARTIST TWEETS SIDEBAR */ ul#artist_tweets { padding-top: 20px; } ul#artist_tweets li { padding-bottom: 10px; } div.CreateItem_Buttons input, #ReportAbuse_Menu div.ReportAbuse_Comment input { color: #fff; background-color: #000; font-family: Georgia,"Times New Roman",Times,serif; padding: 5px 8px; margin-right: 10px; text-transform: uppercase; border: none; font-weight: bold; } td.CreateItem_TableForm { padding-bottom: 5px; padding-left: 0; } td.CreateItem_TableText { padding: 5px 0; } #ReportAbuse_Menu { width: 200px; } .ReportAbuse_CommentText { margin-bottom: 5px; } #ReportAbuse_Reason { border: 1px solid #000; padding: 2px; margin: 5px 0 5px 3px; font-family: Georgia,"Times New Roman",Times,serif; } /* progrid */ div.progrid_content #main h1 { margin-bottom: 10px } div#progrid_breadcrumb { padding: 10px 0 10px 0; } div#progrid_descr { margin-top: 7px; margin-bottom: 20px } div#progrid_descr p { margin: 8px 0 8px 0; padding: 0; } div.progrid_content div.row {float: left; margin: 0; padding: 0; } div.progrid_content div.col {float: left; width: 138px; margin: 0; padding: 3px;} div.progrid_content div.col { position: relative; } div.progrid_content a.grid-rollover, div.progrid_content a.grid-rollover img { display: block; width: 138px; height: 119px; } div.progrid_content a.grid-rollover span.main_image { display: block; } div.progrid_content a.grid-rollover span.rollover { display: none; position: relative; } div.progrid_content a.grid-rollover:hover span.main_image { display: none; } div.progrid_content a.grid-rollover:hover span.rollover { display: block; } div.progrid_content .swatch-rollover { display: table; position: absolute; top: 0; left: 0; z-index: 10; width: 138px; height: 119px; padding: 0; background: #000; text-align: center; color: #fff; font-weight: normal; font-size: 11px; line-height: 14px; vertical-align: middle; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; } .ie div.progrid_content .swatch-rollover { cursor: hand; } div.progrid_content .swatch-rollover .swatch-text { display: table-cell; vertical-align: middle; padding: 20px 10px; } .ie div.progrid_content .swatch-rollover .swatch-text { padding-top: 30px; } div.progrid_landing .swatch-rollover { height: 119px; } .ie div.progrid_landing .swatch-rollover .swatch-text { padding-top: 46px; } div.progrid_content .swatch-rollover .swatch-name { font-weight: bold; margin-bottom: 2px; } div.progrid_content .swatch-rollover .link-txt { color: #ccc; font-weight: bold; margin-top: 1px; } div.progrid_content .swatch-rollover .swatch-text { display: table-cell; vertical-align: middle; } .ie div.progrid_content .swatch-rollover { cursor: hand; } div.progrid_content .swatch-rollover .swatch-text { display: table-cell; vertical-align: middle; padding: 20px 10px; } .ie div.progrid_content .swatch-rollover .swatch-text { padding-top: 30px; } .ie div.progrid_landing .swatch-rollover .swatch-text { padding-top: 46px; } /* Carousel CSS */ #more-stories h2{ background: url('/macpro/media/images/footernav/more_stories_head.png') no-repeat top left; text-indent: -999em; margin: 10px 0; } #stories-carousel { width: 976px; height: 128px; margin-top: 8px; } #stories-carousel .carousel-container { overflow: hidden; float: left; width: 864px; height: 118px; margin: 0 15px; position: relative; } #stories-carousel .carousel-container .inner { width: 1586px; } #stories-carousel .carousel-container .inner img { float: left; } #stories-carousel a { float: left; width: 41px; height: 118px; background-color: #AAC8FF; text-align: center; text-decoration: none; font-size: 36px; /*line-height: 120px; */ } #stories-carousel a.next { float: right; } #stories-carousel a:hover { color: #000; } #stories-carousel .wrap{ position: relative; text-align: center; width:138px; float: left; margin: 0 3px; } #stories-carousel .wrap img{ position: relative; z-index: 0; width: 138px; height: 118px; } #stories-carousel .wrap .maskArea{ position:absolute; z-index:1; background:#000; width:138px; height:119px; left:0; top:0; text-align:center; vertical-align:middle; height: 256px; opacity:0.0; filter: alpha(opacity=0); } #stories-carousel .wrap .txtLink{ position:absolute; z-index:2; width:138px; height:119px; text-align:center; left:0; top:0; opacity:0.0; filter: alpha(opacity=0); } #stories-carousel .wrap .txtHolder{ width:138px; height:119px; margin:0; padding:0; cursor:pointer; } #stories-carousel .wrap .txtHolder tr td{ vertical-align:middle; text-align:center; height:100%; background: none; color:#FFFFFF; font-size: 11px; font-weight: bold; line-height: 15px; } #stories-carousel a.next{ background: url('/macpro/media/images/global/rarrow3.png') no-repeat 0px 0px #FFFFFF; margin: 32px 28px 0 0; width: 26px; height: 49px; visibility: hidden; } #stories-carousel a.prev{ background: url('/macpro/media/images/global/larrow.png') no-repeat 0px 0px #FFFFFF; margin: 32px 0 0 0px; width: 26px; height: 49px; visibility: hidden; } .pro_sign_section{float:left; width:69%;} .pro_member_section{float:right; width:28%;} #content_main #signin #not_a_member_container h2 {border-top:1px solid #000000; width:240px;} div#signin div.form_row{margin-top:17px;} /*How to Apply Css*/ .how-to-apply #header { background:url('/macpro/media/images/global/headerbg.png') no-repeat left bottom;overflow:hidden;height:164px;position:relative;margin-bottom: 5px;margin-top: -1px; } .how-to-apply #header H1 { position:absolute; width:292px; left:332px; background:#000; padding-top:0px; height: 154px; } .how-to-apply #header H1 A { display: block; width: 292px; height: 70px; padding-top: 89px; overflow: hidden; background: url('/macpro/media/images/global/MACPro.png') no-repeat left 89px; } /* Hide drupal toolbar */ #toolbar { display: none !important; } /*Label astrisk symbol added*/ span.label-content:before { content: "*"; padding: 0 3px 0 0; } /* ipad */ .members .content_section .form-submit, .members #content_main #signin .form_row_cell input, input[type="submit"] { -webkit-appearance: none; border-radius: 0; } input { border-radius: 0; }