/*----------------------------------------------------------------------------------- Global Reset v0.2 (based on http://meyerweb.com/eric/tools/css/reset/ - v1.0 | 20080212) -----------------------------------------------------------------------------------*/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, img, small, strike, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } ol, ul { list-style: none; } :focus { outline: 0; } table { border-collapse: collapse; border-spacing: 0; } /*--------------------------- Elements ---------------------------*/ body { background: #FFF url('../images/noise_texture.png'); color: #727272; font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; font-size: 11px; line-height: 15px; } /*--------------------------- Global ---------------------------*/ .clear { clear: both; } .left { float: left; } .right { float: right; } .block_left { float:left; margin:0 20px 20px 0; } .block_right { float:right; margin:0 0 20px 20px; } .auto_width { width:auto; } .contain { overflow: hidden; } a.more { color: #CCC; font-size: 13px; text-decoration: none; } a.more:hover { color: #E20A16; } a.close { color: #CCC; display: block; font-size: 13px; text-decoration: none; } a.close:hover { color: #E20A16; } a.tel { display:none; } /*--------------------------- Layout/structure ---------------------------*/ #site_container { margin: 0 auto; padding:0 10px; width: 980px; } #header { overflow: hidden; } #logo { background:url(../images/fastspot-logo.png) no-repeat; display:block; float: left; height: 71px; margin: 20px 10px; text-indent:-999px; width: 86px; } #navigation { float: right; } #navigation h2 { color: #E20A16; font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2","ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2",Georgia, "Times New Roman", serif; font-size: 25px; font-weight: normal; margin-bottom: 7px; } #navigation h2 a { color: #E20A16; text-decoration: none; } /* #navigation h2 a:hover { color: #FFF; } */ #navigation li.primary { border-left: 1px solid #dddddd; float: left; margin: 10px 0 10px 0; padding:0 5px; width: 356px; } #navigation div { background-image:none; background-color: transparent; padding: 27px 0px 32px 15px; } /* #navigation div:hover { background: #E20A16 url(../images/noise_texture.png); } #navigation div:hover li.secondary a { color: #000; } #navigation div:hover h2 a { color: #FFF; } */ #navigation ul { overflow: hidden; } #navigation li.secondary { float: left; margin-right: 10px; margin-top:5px; } #navigation li.secondary a { color: #666; text-decoration: none; } #navigation li.secondary a:hover { text-decoration: underline; } #navigation div.active { background: #E20A16 url(../images/noise_texture.png); } #navigation div.active h2 a { color: #FFF; } #navigation div.active li.secondary a { color: #000; } #navigation div.active li.secondary a.active { text-decoration: underline; } /**GENERIC CONTENT UL's**/ .content ul, .block_content ul { margin: 4px 0px 8px 15px; } .content ul li, .block_content ul li, #project_content ul li { font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; font-size: 11px; line-height: 20px; list-style-image: url('../images/bullet_dark.png'); margin: 0 0 0 7px; } #feature { height: 410px; overflow:hidden; position: relative; } .feature_content { height: 410px; opacity: 0; overflow:hidden; position: absolute; width: 980px; z-index: 1; } .feature_content.active { opacity: 1; z-index: 2; } .feature_content .feature_details { margin: 30px 0 0 30px; padding:30px; position: relative; z-index: 2; width:525px; } .feature_content .feature_details h2 { color: rgba(0,0,0,.8); font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2","ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2",Georgia, "Times New Roman", serif; font-size: 42px; font-weight: normal; line-height: 48px; margin-bottom:5px; width: 500px; } .ie .feature_content .feature_details h2 { color:#222; } .feature_content .feature_details p { color: rgba(0,0,0,.6); font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2","ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2",Georgia, "Times New Roman", serif; font-size: 18px; font-weight: normal; line-height: 25px; margin:0 0 15px 0; width: 500px; } .ie .feature_content .feature_details p { color:#222; } .feature_content .feature_button { background:#333; background:rgba(0,0,0,.2); color:#FFF; display:inline-block; font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2","ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2",Georgia, "Times New Roman", serif; font-size: 16px; margin-right:1px; padding:0 20px; height:40px; line-height:37px; text-decoration:none; } .feature_content .feature_button:hover { background:#222; background:rgba(0,0,0,.4); } .feature_content .light h2 { color: rgba(255,255,255,.8); } .ie .feature_content .light h2 { color: #fff; } .feature_content .light p { color: rgba(255,255,255,.6); } .ie .feature_content .light p { color: #fff; } .feature_content .light .feature_button { background:#eee; background:rgba(255,255,255,.2); color:#fff; } .ie .feature_content .light .feature_button { color:#333; } .feature_content .light .feature_button:hover { background:#fff; background:rgba(255,255,255,.6); } .feature_content .solid { background:url(../images/noise_texture.png); } #feature_navigation { overflow: hidden; } #feature_navigation li { border-right: 1px solid #fff; float: left; width: 244px; } #feature_navigation li.end { border:none; width: 245px;} #feature_navigation li a { background:#ddd url(../images/noise_texture.png); color: #333; display: block; font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2","ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2",Georgia, "Times New Roman", serif; font-size: 15px; font-weight: normal; padding: 30px 5px 30px 20px; text-decoration: none; width: 219px; } #feature_navigation li.end a { width: 220px; } #feature_navigation li a:hover { background-color:#333; color:#fff; } #feature_navigation li a.active, #feature_navigation li a.active:hover { background-image: none; color:#fff; } #content { margin: 25px 0; overflow: hidden; } #content .callout { border: 1px solid #ddd; overflow: hidden; margin-bottom:20px; padding: 30px; width: 418px; } #content .callout_home { min-height: 180px; } #content .callout h1, #content div.callout h3 { margin: 0 0 4px 0; width: auto; color: #333; font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2","ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2",Georgia, "Times New Roman", serif; font-size: 16px; font-weight: normal; line-height: 22px; } #content .callout h1 a, #content div.callout h3 a { color: #333; text-decoration: none; } #content .callout p { color:#666; font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; font-size: 13px; line-height: 22px; margin:0; } #content .callout img { float:left; margin:0 0 10px 0; max-width:418px; } #content .callout_home img { float:right; margin:0 0 10px 10px; max-width:418px; } #content h1 { border-bottom: 1px solid #ddd; color: #333; font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2",Georgia, "Times New Roman", serif; font-size: 22px; font-weight: normal; line-height:29px; margin-bottom: 30px; padding-bottom:10px; } #content h1.home { border:none; font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2",Georgia, "Times New Roman", serif; font-size: 18px; font-weight: normal; padding:0; } #content h2 { font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2",Georgia, "Times New Roman", serif; font-size: 18px; font-weight: normal; line-height:24px; margin-bottom: 10px; } #content h2 a { text-decoration:none; } #content h2 a:hover { text-decoration:underline; } #content h3 { color: #333; font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2",Georgia, "Times New Roman", serif; font-size: 18px; font-weight: normal; line-height: 22px; margin-bottom: 5px; } #content h4 { color: #E20A16; font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2",Georgia, "Times New Roman", serif; font-size: 16px; font-weight: normal; line-height: 20px; margin-bottom: 5px; } #content h5 { color: #727272; font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2",Georgia, "Times New Roman", serif; font-size: 14px; font-weight: normal; line-height: 20px; margin-bottom: 5px; } #content p { color: #666; font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2",Georgia, "Times New Roman", serif; font-size: 14px; font-weight: light; line-height: 22px; margin-bottom: 15px; } #content a { color: #E20A16; text-decoration:none;} #content a:hover { text-decoration:underline; } #content li { color: #666; font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2",Georgia, "Times New Roman", serif; font-size: 14px; line-height: 22px; padding:10px 20px; list-style: disc; list-style-position: inside} #content li li { list-style:square; } #content strong { color: #333; font-weight:normal; } #content em { font-style: italic; } #content .sidebar { border: 1px solid #ddd; float: right; margin-left:20px; padding:30px; width: 240px; } #content .sidebar h4 { font-size:12px; text-transform:uppercase; margin-bottom:15px; } #content .sidebar li { border-top: 1px solid #ddd; color:#666; font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; font-size: 12px; line-height: 17px; list-style: none; list-style-position: outside; margin:0 0 15px 0; padding:15px 0 0 0; } #content .sidebar li.end { padding-bottom:0; margin-bottom:0; } #content .sidebar a { color:#999; text-decoration:none; } #content .sidebar a:hover { color:#E20A16; } #content .wide { border:none; padding:0; width:auto; } #content .container { border: 1px solid #ddd; overflow:hidden; padding:30px; } #content .container .column_left { float: left; margin: 0 20px 0 0; width: 449px; } #content .container .column_right { float: right; width: 449px; } #content .column { float: left; margin-right:30px; overflow: hidden; width: 300px; } #content .end { margin-right:0; } #content .callout blockquote p { background: url(../images/quote-start.png) no-repeat left top; color: #666; font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2",Georgia, "Times New Roman", serif; font-size: 16px; line-height: 22px; text-indent: 22px; } #content .callout blockquote span { float: right; font-size: 13px; font-style: italic; line-height: 30px; } #content .column_left { float: left; margin: 0 20px 0 0; width: 480px; } #content .column_right { float: right; width: 480px; } /*** ABOUT PAGE ***/ #content div.introduction { margin-bottom: 40px; overflow: hidden; width: 980px; } #content #team .column_left { float: left; margin: 0 40px 0 0; width: 295px; } #content #team .column_middle { float: left; margin: 0 40px 0 0; width: 295px; } #content #team .column_right { float: left; width: 295px; } #content .person { border: 1px solid #ddd; float: left; height: 560px; margin-bottom: 26px; overflow: hidden; padding: 26px; width: 255px; } #content .person:hover, #content div.person.open { background: rgba(0, 0, 0, 0.05); } #content .person img { float: left; height: 383px; width: 255px; margin-bottom: 15px; } #content .person .person_info { float: left; height: 138px; width: 255px; } #content .person h4 { font-size:12px; text-transform:uppercase; } #content .person p { color:#666; font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; font-size: 13px; line-height: 22px; } #content .person .person_description { border-top: 1px solid #ddd; /* display:none; */ float:left; margin-top:30px; opacity: 0; padding-top:20px; } #content .person a.biolink { color: #333; text-decoration: underline; } /*** NEWS PAGE ***/ #content .news { border: 1px solid #ddd; float: left; margin-bottom: 20px; min-height:180px; overflow: hidden; padding: 30px; width: 418px; } #content .news:hover, #content .news_active { background: rgba(0, 0, 0, 0.05); } #content .news h4 { color:#666; font-size:16px; } #content .news p { color:#666; font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; font-size: 13px; line-height: 22px; } #content #history { overflow: hidden; } #content #history div span { color: #999; font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2",Georgia, "Times New Roman", serif; font-size: 16px; font-weight: normal; line-height: 22px; } /** PROJECT LIST **/ #content .project { float: left; height: 330px; margin:0 39px 0 0; width: 300px; } #content .end { margin:0; } #content a.outline { background:#ddd url(../images/noise_texture.png); display: block; height: 180px; padding:10px; width: 280px; } #content a.outline:hover { background-color: #999; } #content .project h3 { font-weight: normal; margin: 10px 0 0 0; } #content .project h3 a { color:#333; } #content .project h4 { color: #666; line-height: 15px; margin: 2px 0 0 0; } /** WORK - PROJECT DISPLAY **/ #content .project_display { float: left; margin-right: 0px; width: 400px; } #content .project_display .project_info h3 { font-size: 16px; } #content .project_images { background:#eee url(../images/noise_texture.png); float: right; width: 562px; position: relative; } #content .project_images .edge { background: url(../images/bg_edge_large.png) center bottom; bottom: 0; display: none; height: 15px; left: 0; position: absolute; width: 100%; z-index: 10; } #content a.launch { background:#E20A16 url(../images/noise_texture.png); color:#FFF; display:inline-block; font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2",Georgia, "Times New Roman", serif; font-size: 14px; font-weight: light; height:40px; line-height:37px; padding:0 15px; text-decoration:none; } #content a.launch:hover { background-color:#333; } #content .pagination { border-bottom: 1px solid #ddd; margin-bottom:10px; height:12px; padding-bottom:10px; } #content .pagination .page { background:url(../images/pagination_sprite.png) no-repeat 0 -8px; float:left; display:block; height:8px; margin:6px 5px 0 0; text-indent:-100px; width:9px; } #content .pagination .page:hover { background-position:0 -16px; } #content .pagination .selected { background-position:0 0; } #content .next_image { display:block; height:12px; float:right; } #content .paged_content { margin-top:40px; overflow:hidden; padding-top:10px; width: 400px; } #content .paged_content ul { overflow:hidden; width:9999px; } #content .project_display .paged_content li { float:left; margin:0 6px 0 0; padding:0 0 3px 0; list-style: none; } #content .paged_content li.selected { border-bottom:2px solid #E20A16; } #content .paged_content li a { display: block; overflow: hidden; position: relative; } #content .paged_content li a .edge { background: url(../images/bg_edge_small.png) center bottom; bottom: 0; display: none; height: 7px; left: 0; position: absolute; width: 100%; z-index: 10; } #content .paged_content li img { border:1px solid #eee; width:195px; } #content #project_image { height:auto; padding:0; margin:0; overflow:hidden; cursor: pointer; } #content #project_image img { border:1px solid #eee; float:left; height:auto; padding:0; margin:0; width: 560px; } #content div.photo { float: left; margin: 15px 10px 20px 10px; width: 300px; } #content .project_nav { float:right; height:12px; margin-top: 12px; } /** PRODUCTS **/ #content .product { background:#69BAB1 url(../images/noise_texture.png); border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; height:370px; padding:20px; margin-bottom:20px; position:relative; width: 440px; } #content .product img { display:block; margin:20px auto; } #content .product .h_wrap { border-top:1px solid rgba(0,0,0,.3); border-bottom:1px solid rgba(255,255,255,.3); } .ie #content .product .h_wrap { border-bottom:1px solid #49817B; border-top:1px solid #49817B; } #content .product h2 { border-top:1px solid rgba(255,255,255,.3); border-bottom:1px solid rgba(0,0,0,.3); color:#fff; font-family:'Lucida Grande', 'Lucida Sans Unicode', sans-serif; font-size: 16px; margin-bottom:0; padding:10px 0; text-align:center; text-transform:uppercase} #content .product ul { margin:10px 20px 0 20px; } #content .product li { color:#fff; font-size:14px; padding:5px 0;} #content .product a { background-color: #1E4F4A; bottom:20px; color:#fff; display:block; font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2",Georgia, "Times New Roman", serif; font-size: 16px; padding:0; position:absolute; height:40px; line-height:33px; text-align: center; width: 440px;} #content .product a:hover { background-color:#333; text-decoration:none; } #content .product a span { font-size: 21px; } #content .product_intro { } #content .denote { background:#71B313 url(../images/denote_bg.png) repeat-x; } .ie #content .denote .h_wrap { border-bottom:1px solid #47720B; border-top:1px solid #47720B; } #content .denote a { background-color:#376100; } /** CLIENTS **/ #content #clients h3 { color: #E20A16; margin-bottom:10px; } #content #clients ul { margin:0 0 20px 0; } #content #clients li { color: #333; font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2",Georgia, "Times New Roman", serif; font-size: 14px; font-style: normal; font-weight: normal; line-height: 20px; list-style: none; list-style-position:outside; margin-bottom: 10px; padding:0; } #content #clients li a { border-bottom:1px dashed #dedede; color: #333; } /** SERVICES **/ #content #services h3 { color: #E20A16; margin-bottom:10px; } #content #services ul { margin:0 0 20px 0; } #content #services li { color: #333; font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2",Georgia, "Times New Roman", serif; font-size: 14px; font-style: normal; font-weight: normal; line-height: 20px; list-style: none; list-style-position:outside; margin-bottom: 10px; padding:0; } /** AWARDS **/ #content #awards h3 { color: #E20A16; margin-bottom:10px; } #content #awards li { color: #333; font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2",Georgia, "Times New Roman", serif; font-size: 14px; font-style: normal; font-weight: normal; line-height: 20px; list-style: none; list-style-position:outside; margin-bottom: 15px; padding:0; } #content #awards li span { color:#666; font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; font-size: 11px; line-height: 22px; } #content #awards li a { color: #666; text-decoration: none; } #content #awards li a:hover { color: #E20A16; } /** RESULTS **/ #content .result { border-bottom: 1px solid #ddd; overflow:hidden; padding:50px 0; } #content .result_quote .contain p:first-of-type { background: url(../images/quote-start.png) no-repeat left top; text-indent:20px; } #content .result h2, #content .result h2 a { color:#333; font-size: 18px; } #content .result .source { color:#E20A16; font-size: 16px; margin-bottom: 0px; } #content .result .title { color:#333; font-size: 14px; } #content .result .result_focus { float:left; margin-bottom:20px; margin-right:20px; overflow:hidden; padding: 20px; width: 300px; } #content .result .huge p { font-size: 48px; line-height: 58px; } #content .result .standard p { font-size: 34px; line-height: 41px; } #content .result .small p { font-size: 28px; line-height: 34px; } #content .result .tiny p { font-size: 20px; line-height: 24px; } #content .result .red { background-color: #E20A16; border: 1px solid #E20A16; } #content .result .red p { color:#000; } #content .result .red p strong { color:#fff; font-style: italic; } #content .result .gray { background-color: #333333; border: 1px solid #333333; } #content .result .gray p { color:#ccc; } #content .result .gray p strong { color:#E20A16; font-style: italic; } #content .result .white { background-color: transparent; border: 1px solid #ddd; } #content .result .white p { color:#333; } #content .result .white p strong { color:#E20A16; font-style: italic; } /**CONTACT FORM**/ #content div.contact_column { float: left; overflow: visible; padding: 20px 0; width: 240px; } #content div.contact_column p.phone { color: #666; margin: 33px 0 0 0; } #content div.email { float: left; width: 160px; margin-bottom:30px; } /**FOOTER**/ #footer { border-top: 1px solid #ddd; height: 100px; margin: 50px auto 25px auto; } #footer .footer_nav { padding:20px 10px; } #footer .footer_nav a { color: #666; font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2",Georgia, "Times New Roman", serif; font-size: 13px; font-weight: normal; text-decoration: none; } #footer .footer_nav a:hover { color: #000; } #footer .footer_nav ul.kit { margin-left:10px; } #footer .footer_nav ul.other { float:right; } #footer .footer_contact { border-top: 1px solid #ddd; margin-top:20px; padding-top: 20px; } #footer p { color: #666; text-align:center; } #footer p a { color: #666; text-decoration: none; } #footer p a:hover { color: #000; } #footer li { display: block; float: left; margin-right: 20px; } #footer li a { border-right:1px solid #ddd; display: block; float: left; line-height: 16px; padding:0 20px 0 20px; } #footer li a.facebook { background: url(../images/facebook.png) no-repeat left center; } #footer li a.twitter { background: url(../images/twitter.png) no-repeat left center; } #footer li a.blog { padding-left:0; } #footer li a.shop { background: url(../images/t-shirt.png) no-repeat left center; padding-left: 24px; } #footer li a.uncensored { padding-left:0; } #footer li a.reel { padding-left:0; } #footer li.end { margin-right:0;} #footer li.end a { padding-right:0; border:none; } #sitemap ul { margin: 0 0 0 1px; } #sitemap ul li { margin: 0 0 3px 0px; } #sitemap ul ul { border-left: solid 1px #333; margin: 0 0 5px 3px; padding: 3px 0 0 0px; } #sitemap ul ul li { background: url(../images/sitemap_bg.jpg) no-repeat 0 7px; display: block; padding: 0 0 0 14px; } #sitemap ul li a { text-decoration: none; } /*------------------------------------------- SMARTBOX -------------------------------------------*/ #smartbox_overlay { background: #fff; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 99; } #smartbox { background: #fff; padding: 0; position: absolute; z-index: 100; box-shadow: 0 0 25px #000; -moz-box-shadow: 0 0 25px #000; -webkit-box-shadow: 0 0 25px #000; } #smartbox .close { background: url(../images/smartbox_close.png) no-repeat left top; cursor: pointer; display: block; height: 20px; position: absolute; right: -10px; top: -10px; width: 20px; text-indent: -99999px; z-index: 115; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; box-shadow: 0 0 15px #000; -moz-box-shadow: 0 0 15px #000; -webkit-box-shadow: 0 0 15px #000; *right: 5px; *top: 5px; } #smartbox .inner { background: url('../images/smartbox_loading.gif') no-repeat center; height: 100%; overflow: hidden; position: relative; width: 100%; z-index: 101; } #smartbox .inner img { left: 0; position: absolute; top: 0; z-index: 101; } #smartbox .inner .info { bottom: 0; color: #fff; display: block; background: #DE5E2D; font-size: 14px; line-height: 16px; left: 0; position: absolute; width: 100%; z-index: 120; min-height: 32px; } #smartbox .inner .caption { padding: 8px 15px; } #smartbox .inner .pagination { float: right; font-size: 12px; font-style: italic; padding: 8px 15px; } #smartbox .inner span.previous, #smartbox .inner span.next { background: url(../images/arrow_round_sprite.png) no-repeat 0 0; cursor: pointer; display: inline-block; height: 15px; width: 15px; text-indent: -99999px; } #smartbox .inner span.previous { background-position: 0 -96px; margin: 0 0 0 10px; } #smartbox .inner span.previous:hover { background-position: 0 -80px; } #smartbox .inner span.next { background-position: 0 -32px; margin: 0 0 0 5px; } #smartbox .inner span.next:hover { background-position: 0 -16px; } /* STORE: */ #content.store .view_cart { background: #ccc url(../images/icon-cart.png) no-repeat 15px center; color: #fff; display: inline-block; float: right; font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2",Georgia, "Times New Roman", serif; font-size: 14px; font-weight: light; line-height: 22px; padding:9px 15px 9px 35px; text-decoration:none; } #content.store .view_cart:hover { background-color: #E20A16; } #content.store .back_to_shop { background-color:#ccc; color: #fff; display: inline-block; float: right; font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2",Georgia, "Times New Roman", serif; font-size: 14px; font-weight: light; line-height: 22px; margin-right:2px; padding:9px 15px 9px 15px; text-decoration:none; } #content.store .back_to_shop:hover { background-color: #E20A16; } #content.store div.project_nav { margin-top: 15px; } #content.store div.project_imgs { margin-top: 15px; } #content .paged_content li { margin:0 8px 0 0; } #content.store .paged_content li img { width:128px; } #content.store h1 a { text-decoration: none; } #content.store h1 a:hover { text-decoration: none; } #content.store .cart_buttons { float: right; } #content.store .cart_buttons input { margin: 0 5px 0 0; } #content.store .cart_info select { margin: 0 0 0 10px; } #content.store .project_info .cart_info { margin: 10px 0; } #content.store .price { color: #333; font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2",Georgia, serif; font-size: 16px; } #content.store .add_cart { background: #DF0A13 url(../images/icon-cart.png) no-repeat 7px 5px; color: #fff; display: inline-block; font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2",Georgia, serif; font-size: 14px; margin: 0 0 0 10px; padding: 2px 8px 1px 25px; text-decoration: none; border: 0; cursor: pointer; } #content.store .project_info .images { margin: 15px 0; } #content.store .social { background: rgba(0, 0, 0, 0.05); overflow: hidden; margin-top:10px; padding: 10px; } #content.store .social a { color: #666; display: inline-block; font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2",Georgia, serif; font-size: 12px; height: 20px; line-height: 20px; margin: 0 15px 0 0; padding-left: 22px; text-decoration: none; } #content.store .social a.twitter { background: url(../images/twitter.png) no-repeat left center; } #content.store .social a.facebook { background: url(../images/facebook.png) no-repeat left center; } #content.store .social a:hover { color: #333; } /*------------------------------------------- Checkout -------------------------------------------*/ #content div.app { border: 1px solid #ddd; float: left; margin-bottom: 20px; overflow: hidden; padding: 30px; width: 418px; } #content div.app:hover { background: rgba(0, 0, 0, 0.05); } hr { border: 1px solid #ddd; border-width: 0 0 1px 0; } #checkout_steps ul { float: right; margin: -3px 0 0 0; width: 665px; } #checkout_steps li { padding: 0 27px 0 0; } #checkout_steps li.last { padding: 0; } #checkout_steps li { display: block; float: left; } #checkout_steps li { color: #666666; display: block; float: left; font-family: "Lucida Grande", sans-serif; font-size: 12px; height: 23px; line-height: 23px; text-decoration: none; } #checkout_steps li em { display: inline-block; font-style: normal; padding: 4px 0 0 0; } #checkout_steps li span { display: block; float: left; font-size: 25px; font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2",Georgia, serif; margin: 0 5px 0 0; text-align: center; width: 23px; } #checkout_steps li.selected, #checkout_steps li a:hover { color: #E10A15; } #checkout_steps li.selected span, #checkout_steps li a:hover span { color: #E10A15; } #form_error { background: #E10A15; color: #FFF; padding: 10px; margin: 0 0 25px 0; } #form_error strong { color: #fff; font-size: 16px; display: block; margin: 0 0 10px 0; } #form_error ul li { color:#fff; } .same_as_billing { color: #999; font-size: 12px; overflow: hidden; padding: 0 0 10px 0 !important; } .same_as_billing input { margin: 2px 10px 0 0 !important; width: auto !important; } .content_centered { color: #301A0F; height: 1%; margin: 15px auto 80px; overflow: hidden; padding: 25px 0; width: 561px; } #content .content_centered h2 { margin-bottom: 5px; } #content .content_centered .instructions { color: #666; font-size: 12px; margin-bottom: 15px; } #content a.back_shopping { color: #E20A16; display: block; font-size: 12px; margin: 6px 0 0 0; text-decoration: none; } #content a.back_shopping:hover { color: #333; } thead th { background: rgba(0, 0, 0, 0.05); color: #333; font-size: 13px; font-weight: normal; text-align: left; padding: 10px 0 10px 15px; } thead th.image { width: 105px; } thead th.name { width: 170px; } thead th.quantity { width: 120px; } td { border-top: 1px solid #ddd; color: #333; padding: 15px; font-size: 12px; vertical-align: top; } tr.item td { background-color:transparent; } #content.store td.promos h5 { color: #666; } #content.store td.promos p { color: #666; font-size: 12px; line-height: 18px; } #content.store td.promos p strong { color: #333; } #content.store td.promos p.instructions { margin-bottom: 0; } #content.store .content_centered h5 { color: #ccc; font-family: "Georgia", serif; font-size: 16px; font-weight:normal; } #content.store .content_centered .remove { color:#E20A16; font-size: 11px; text-decoration: none; } #content.store .content_centered td .price { color: #fff; font-family: "Lucida Grande", sans-serif; font-size: 16px; } #content.store .content_centered .product_title { color: #fff; font-family: "Georgia", serif; font-size: 13px; line-height: 18px; } #content.store .content_centered .amount { color: #301A0F; font-size: 15px; font-weight: bold; } #content.store .content_centered .total { color: #E20A16; font-family: "Georgia", serif; font-size: 16px; font-weight: normal; } #content.store .content_centered .code { border: 1px solid #CBC9CB; float: left; height: 15px; margin: 5px 5px 0px 0px; padding: 4px 4px 3px; width: 150px; } #content.store .content_centered .apply { background: #ccc; border: 0; cursor: pointer; font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2",Georgia, serif; height: 24px; line-height: 0; margin: 5px 0 0 0; padding: 0; width: 50px; } #content.store .content_centered .apply:hover { background-position: -153px -222px; } #content.store .content_centered input.quantity { border: 1px solid #CBC9CB; padding: 4px 4px 3px; } #content.store tr.total { background: rgba(0, 0, 0, 0.05); text-align: right; } #content.store tr.total .description { color: #666; font-size: 12px; font-family: "Lucida Grande", serif; } #content.store tr.total .amount { color: #666; font-size: 15px; font-family: "Lucida Grande", serif; } #content.store tr.total .less_bold { color: #666; font-size: 13px; font-family: "Lucida Grande", serif; } /*ie7 button hack*/.content_centered .submit, .cart_actions .place_order { display: block; font-size: 0px; line-height: 0px; overflow: hidden;} .content_centered .submit { background: #E20A16; border: 0; color: #fff; cursor: pointer; display: block; float: left; font-family: "Georgia", serif; font-size: 14px; margin: 0 5px 0 0; padding: 5px 10px 4px 8px; text-transform: uppercase; text-decoration: none; width: auto; } .content_centered .submit:hover { background-position: -262px -30px; } .content_centered .submit.login { margin: 0 0 20px 0; } .cart_actions { padding: 5px 0 0 0; } .cart_actions .update_cart { background: #ccc; border: 0; color: #1D1D1D; cursor: pointer; display: block; float: left; font-family: "Georgia", serif; font-size: 14px; height: 23px; line-height: 23px; margin: 0 5px 0 0; padding: 0 8px; text-transform: uppercase; } .cart_actions .place_order { background: url('../images/button_sprite.png') 0 -264px; border: 0; cursor: pointer; float: left; height: 33px; margin: 0 5px 0 0; padding: 0; width: 153px; text-indent: -9999px; } .cart_actions .place_order:hover { background-position: 0 -297px; } .cart_actions .place_order.disabled { background-position: -153px -264px; } #content.store .cart_actions .continue { background: #E20A16; border: 0; color: #fff; cursor: pointer; display: block; float: left; font-family: "Georgia", serif; font-size: 14px; height: 23px; line-height: 23px; margin: 0 5px 0 0; padding: 0 10px 0 8px; text-transform: uppercase; text-decoration: none; width: auto; } form.styled input.submit:focus, form.styled input.place_order:focus, form.styled input.update_cart:focus { border: 0; } /*------------------------------------------- Checkout Forms -------------------------------------------*/ form.styled label { color: #666; font-size: 13px; line-height: 1.6em; } form.styled label.smaller { font-size: 12px; line-height: 1.5em; } form.styled label.small { color: #82716F; font-size: 11px; } form.styled label.required { background: url(../images/required.gif) no-repeat right top; padding-right: 10px; } form.styled input { background: #eee; border: 1px solid #ddd; color: #333; font-size: 12px; padding: 5px; width: 536px; } form.styled input.checkbox { width: auto; } form.styled textarea { background: #eee; border: 1px solid #ddd; color: #333; font-family: "Lucida Grande", sans-serif; font-size: 12px; padding: 5px; width: 95%; } form.styled input:focus { border: 1px solid #666; } form.styled input.image { width: auto; border: 0; padding: 0; } form.styled input.submit, .sign_in input.submit { background: #E20A16; border: 0; color: #fff; cursor: pointer; display: block; float: left; font-family: "Georgia", serif; font-size: 14px; margin: 0 5px 0 0; padding: 3px 10px 2px 8px; text-transform: uppercase; text-decoration: none; } .sign_in input.submit { margin: 15px 0 0 0; } form.styled input.submit:hover, .sign_in input.submit:hover { background-position: -262px -30px; } form.styled div, form.styled div.credit_card p { overflow: hidden; padding: 5px 0 0 0; } form.styled p.split, form.styled div.credit_card { float: left; padding: 0; width: 49.9%; } form.styled div.billing { float: right; width: 40%; } form.styled div.billing p.address { color: #333; font-size: 13px; letter-spacing: .02em; line-height: 18px; margin: 3px 0 40px 0; } form.styled div.billing p.address a { color: #C68C3B; font-size: 12px; } form.styled p.split input, form.styled div.credit_card input, form.styled p.split select { width: 257px; } form.styled p.split select { margin: 5px 0 5px 0; } form.styled h2, .content_centered h2 { margin: 0 0 10px 0; } p.instructions, #main_content p.instructions { color: #857573; font-family: "Lucida Grande", sans-serif; font-size: 12px; letter-spacing: .02em; margin: 10px 0 12px 0; } #content.store .required_fields { font-size: 11px; color: #666666; margin: -10px 0 0 0; padding: 0 0 25px 0; } form.styled input.auto { border: 0px; width: auto; height: auto; padding: 0; } .content_centered .checkout_box { background: #242221; margin: 0; } .content_centered .checkout_box_header { border-bottom: 2px solid #1D1D1D; color: #00123B; padding: 14px; } .content_centered .no_border { border: none; padding: 0; } #content.store .content_centered .checkout_box_header h3 { color: #fff; font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2",Georgia, serif; font-size: 16px; font-style: italic; font-weight: normal; margin: 0; } .content_centered h4 { color: #62C3DE; font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2",Georgia, serif; font-size: 17px; font-weight: normal; margin: 5px 0; } .checkout_box_body textarea { height: 100px; } #content.store .content_centered .checkout_box_header p { color: #605F5D; font-size: 12px; line-height: 16px; margin: 0; } .content_centered .checkout_box_body { padding: 14px 0px 0 14px; } #content.store p.checkbox_wrapper { color: #E10A15; font-size: 12px; line-height: 14px; overflow: hidden; padding: 0 0 10px 0; } #content.store p.checkbox_wrapper input { background: transparent; border: none; float: left; margin: 0 6px 0 0; padding: 0; width: auto; } #content.store p.checkbox_wrapper span { float: left; font-weight: bold; padding: 0 3px 0 0; } .content_centered .checkout_box_body p.split { float: left; width: 49.9%; } .content_centered .checkout_box_body p.split input { width: 245px; } form.styled input.auto { border: 0px; clear: both; cursor: pointer !important; display: block; height: auto; width: auto; margin: 0 0 25px 0; } .same_as_billing_container { background: #F0EEE9; border: solid 1px #E0DED8; font-size: 12px; width: 180px; } #same_as_billing { background: transparent; border: none; float: left; margin: 15px 0 0 0; width: 30px; } p.card_type select { width: 270px; } p.cc_divider { float: left; margin-right: 10px; } p.cc_divider_2 { float: left; margin-left: 0; } p.cc_divider { width: 71px; } p.cc_divider_2 { width: 90px; margin-left: 3px; } p.cc_divider_2 input { width: 90px; } p.cc_divider select { width: 71px; } label.no_float { float: none; } .expiration_container { float: left; width: 271px; } .confirmation_box { color: #333; float: left; font-size: 13px; letter-spacing: .02em; line-height: 18px; margin: 0 0 20px 0; width: 180px; } .order_container table { width: 100%; } /* IE6 Fixes */ .ie6 body { background: #FFF; } .ie6 #logo { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='http://www.fastspot.com/images/fastspot-logo.png', sizingMethod='crop'); position: relative; cursor: pointer;