// Font Styling // Give a class of cufonHNU to an element to transform it's font into a Cufon HelveticaNeueUltra. // Give a class of cufonHNL to an element to transform it's font into a Cufon HelveticaNeueLight @CufonTitleMedium: HelveticaNeueLight; @CufonTitleThin: HelveticaNeueUltra; @wsc-blue: #053175; @darkblue: #053175; @mediumgrey: #666464; @topbar_height: 160px; @submenu_color: #d2dadd; .whitebg { background: #FFF; } .clickable {cursor:pointer;} .floatleft {float:left;} .floatright {float:right;} .center { text-align: center; } /* Headings -------------------------------------------------------------- */ h1,h2,h3,h4,h5,h6 { font-weight: bold; } h1 { font-size: 18px; line-height: 1; margin-bottom: 0.5em; } h2 { font-size: 16px; margin-bottom: 0.75em; } h3 { font-size: 14px; line-height: 1; margin-bottom: 1em; } h4 { font-size: 12px; line-height: 1.25; margin-bottom: 1.25em; } h5 { font-size: 12px; margin-bottom: 1.5em; } h6 { font-size: 12px; } p {margin:0; padding:0; } .rounded { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; behavior: url(http://www.tvtalker.net/resources/template/common/PIE.htc); } .rounded-bottom { -webkit-border-radius: 0px 0px 4px 4px; -moz-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px; behavior: url(http://www.tvtalker.net/resources/template/common/PIE.htc); } .rounded-right { -webkit-border-radius: 0px 4px 4px 0px; -moz-border-radius: 0px 4px 4px 0px; border-radius: 0px 4px 4px 0px; behavior: url(http://www.tvtalker.net/resources/template/common/PIE.htc); } .shadow { position:relative; z-index:0; -moz-box-shadow: 5px 3px 3px #bbb; -webkit-box-shadow: 5px 3px 3px #bbb; box-shadow: 5px 3px 3px #bbb; behavior: url(http://www.tvtalker.net/resources/template/common/PIE.htc); } .shadow-shallow { position:relative; z-index:0; -moz-box-shadow: 2px 2px 3px #bbb; -webkit-box-shadow: 2px 2px 3px #bbb; box-shadow: 2px 2px 3px #bbb; behavior: url(http://www.tvtalker.net/resources/template/common/PIE.htc); } .shadow-deep { -moz-box-shadow: 8px 3px 3px #bbb; -webkit-box-shadow: 8px 3px 3px #bbb; box-shadow: 8px 3px 3px #bbb; behavior: url(http://www.tvtalker.net/resources/template/common/PIE.htc); } .background-linear-gradient(@i: #fff, @j: #000) { background: -webkit-gradient(linear, 0 0, 0 bottom, @i, @j); background: -moz-linear-gradient(top, @i, @j); background: -o-linear-gradient(@i, @j); background: linear-gradient(@i, @j); -pie-background: linear-gradient(@i, @j); behavior: url(http://www.tvtalker.net/resources/template/common/PIE.htc); } .hide {display:none;} #error_box { display:none; float:left; border:1px solid #CCC; background: #FAE3E3; .rounded; .shadow; position:absolute; padding:20px; } body { font-family:tahoma,verdana,arial, sans-serif; font-size: 13px; color:#333; line-height:18px; background: #eaeaea; } html { font-size:100.01%; } /* overrides the typolight inside wrapper */ .inside { width:960px; margin:0 auto; } /** Header **/ /* The small bar at the very top of the page */ #wsclogo {width:330px; float:left; margin-top:55px; position:relative; left:-17px; } #wlogo { position:absolute; right:-158px; top:160px; z-index:100; } #top_bar { width:100%; height:260px; float:left; margin-bottom:0px; border:0px 0px 1px; ul.level_1 { list-style: none; margin:0px; li { float:right; a { text-decoration:none; color:#a1a1a1; margin:7px ; display:block; text-align: center; } span { text-decoration:none; color:#FFF; margin:7px ; display:block; text-align: center; } a:hover {color:#FFF; text-decoration:underline; } } li.trail { a { color: #FFF; } } } #cart_small { float:right; cursor: pointer; width: 250px; img {float:right; padding: 6px 10px 6px 6px;} p {padding:0px;margin:0px; color: #eee; span {float:right; padding-right: 10px; padding-top:10px;} } } } div#search_block { .search_example{color: #CCC;} width:230px; position:absolute; right:9px; top:97px; overflow:hidden; width:227px; .formbody { border:none; overflow:hidden; width:227px; } #search_form { } input.text { border:none; width:177px; height:15px; padding:6px; left:36px; position:relative; background: none; top:-7px; } input#ctrl_submit { border: 0px solid #CCC; cursor:pointer; top:-32px; left:5px; position: relative; color:#667; } p.header {display:none;} } div#login_block { float:right; margin-right:12px; p { color: #437ED8; font-style:italic; } a#login_link { margin-left:5px; width:90px; float:left; background:#eee; border:1px solid #bbb; margin-top:0px; padding:2px; text-align:center; color:#555; text-decoration:none; } a#login_link:hover {background:#FFF;} } /* Header */ #header { width:100%; margin:0 0 0 0; float:left; height:300px; background-image:url("http://www.tvtalker.net/resources/images/header_bg.jpg"); background-position:center top; .inside { } } #header_left { float:left; } /** NAVIGATION **/ // This is a wrapper for the sf-menu. #mainmenu { float:left; padding-top:2px; } #product_specifications {width:960px; clear:left; float:left;} #dealerConsultant { float:right; list-style:none; li { padding: 2px; a { text-decoration: none; color: #13a; } } li.first { border-bottom: 1px solid #333; } } .mod_navigation { overflow:visible; } .product_page_tab { min-height:350px; float:left; .left_column { width:400px;float:left; } .right_column { width:520px;float:left; padding-top:0px;} } .ui-tabs-hide {display:none;} #tabs { float:left; margin-top:20px; ul.tabNavigation { width:940px; height:40px; position:relative; float:left; margin:0 auto; padding-top:0; padding-left:5px; text-align:center; vertical-align:middle; border-bottom:0px solid #DDDDDD; list-style:none; } ul.tabNavigation li { height:41px; position:relative; float:left; z-index:10; display:block; color:#747474; outline: none; font-size: 31px; -moz-outline-style: none; } ul.tabNavigation li.spacer { padding:0 20px 0; } ul.tabNavigation li.ui-tabs-selected { border-bottom: 2px solid #CCC; } ul.tabNavigation li.ui-state-hover { border-bottom: 2px solid #333; } ul.tabNavigation li.first { } ul.tabNavigation li.last { } ul.tabNavigation li a { text-decoration:none; display:block; color:#747474; float:left; -moz-outline-style: none; text-transform: lowercase; margin-top:5px; } ul.tabNavigation li a.selected { color:#333333; } ul.tabNavigation li a.selected:hover { } ul.tabNavigation li a:hover { color:#333333; } } /** sf-menu Main JS Menu Base CSS **/ /*** ESSENTIAL STYLES ***/ .sf-menu, .sf-menu * {margin:0;padding:0;list-style:none;} .sf-menu { line-height: 1.0; li.active { } li.trail { } li.sfHover { } ul { position: absolute;top:-999em; width:16em; /* left offset of submenus need to match (see below) */ } ul li {width:16em; a {padding-top: 11px;} } li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } li {float:left; position: relative; height: 25px; } a {display:block;position:relative;} li:hover ul,li.sfHover ul {left:0;top:46px; /* match top ul list item height */ z-index:999; } } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 13em; /* match ul width */ top: 0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 13em; /* match ul width */ top: -1px; } // sf-menu custom styling .sf-menu { float: left; li.hover a {color:#FFF;} li.hover a span {color:#ddd;} a { font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; border-left: 0px solid #333; text-decoration:none; display: block; padding: 5px 10px 2px 10px; font-size:15px; margin:0px 5px 0px 5px; color: #efefef; span {font-size:12px; float:left; margin-top:4px; font-weight:normal; color: #999;} } span {color: #59656E; font-family:"Helvetica Neue", Helvetica,Arial,sans-serif;} a:visited { /* visited pseudo selector so IE6 applies text colour*/ color: #8c8dab; } a.trail {color: #fff;} a:hover {color: #fff;} span.active { font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; color: #fff; font-size:15px; display:block; padding: 5px 10px 2px 10px; margin:0px 5px 0px 5px; span { font-size:12px; float:left; margin-top:4px; font-weight:normal; color: #ddd;} } ul { span.active { color: #fff; display:block; padding: 11px 10px; } .level_3 { margin-top:-2px;} li { height:32px; } li li { } li li li { } li:hover, li.sfHover, a:focus, a:hover, a:active { background: #B0B9BF; background-image: none; outline: 0; display: block; } } /*** arrows **/ a.sf-with-ul, a.submenu { padding: 16px 10px; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ } .sf-sub-indicator { position: absolute; display: block; right: .75em; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ } a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: .8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ } /* apply hovers to modern browsers */ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ } /* point right for anchors in subs */ ul .sf-sub-indicator { background-position: -10px 0; } ul a > .sf-sub-indicator { background-position: 0 0; } /* apply hovers to modern browsers */ ul a:focus > .sf-sub-indicator, ul a:hover > .sf-sub-indicator, ul a:active > .sf-sub-indicator, ul li:hover > a > .sf-sub-indicator, ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ } } /*** shadows for all but IE6 ***/ .sf-shadow ul { background: url('../images/shadow.png') no-repeat bottom right; padding: 0px 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; } .sf-shadow ul.sf-shadow-off { background: transparent; } // End custom sf menu styling #subnav { float:left; clear:left; width:100%; overflow:hidden; margin-top: 41px; ul { list-style: none; margin: 0px 0px 0px; padding:0px; li { float:left; margin-right:18px; height: 30px; padding-top:0px; span {padding-top:5px; display:block; padding:5px 8px 0px 8px; } a {color:#1133AA; padding:5px 8px 0px 8px; display:block; height:25px; text-decoration:none;} a:hover { } } li.active { span {color: #FFF; } } } } #main {min-height:550px; width:100%;} #front_page_block {padding: 0px 0px 10px 7px; margin:0px;} #pl_fpb {margin-left:20px; float:right;} .home_large_block {width: 945px; padding:5px; float:left; border: 1px solid #eee; h1 { font-size:26px; font-family: @CufonTitleThin; padding:0px; margin:0px;} } body.home_page { #container { background-image:url("http://www.tvtalker.net/resources/images/home_header_bg.jpg"); background-position: top center; background-repeat: no-repeat; padding-top:0px; } } #bg_layer1 { } #bg_layer2 { background-image:url("http://start.williamssound.com/resources/images/404/4_back.png"); background-position: top center; background-repeat: no-repeat; } #bg_layer3 { background-image:url("http://start.williamssound.com/resources/images/404/0_mid.png"); background-position: top center; background-repeat: no-repeat; } #bg_layer4 { background-image:url("http://start.williamssound.com/resources/images/404/4_top.png"); background-position: top center; background-repeat: no-repeat; } #bg_layer5 { } #bg_layer6 { background-image:url("http://start.williamssound.com/resources/images/404/logo_blur.png"); background-position: top center; background-repeat: no-repeat; } .bg_layer { width:960px; height:800px; } #container { background-image:url("http://www.tvtalker.net/resources/images/content_header_bg.png"); background-position: top center; background-repeat: no-repeat; background-color: #eaeaea; width:100%; float:left; padding-top:70px; #reader {min-height:720px} } #wrapper { width:100%; float:left; overflow-x: hidden; .houses-of-worship { } } /* Footer */ #footer { width:100%; float:left; background: #010101; border-top:1px solid #c9c9c9; padding-top: 0px; margin-top:20px; #footer-top { width:100%; height:24px; border:1px 0px 1px 0px #667; background: #F8F8F8; padding-top:10px; } #footer-middle {padding-top: 40px; height:210px;} #footer-bottom { background:#202020; float:left; clear:both; width: 100%; border-top:3px solid #303030; height:90px; ul.level_1 { list-style: none; margin:0px; li { float:right; a { text-decoration:none; color:#a1a1a1; margin:7px ; display:block; text-align: center; } span { text-decoration:none; color:#FFF; margin:7px ; display:block; text-align: center; } a:hover {color:#FFF; text-decoration:underline; } } li.trail { a { color: #FFF; } } } } .copyright {color: #555; float:left; } } #footermenu { ul { float:left; margin: 0px; padding: 0px; li { width: 145px; float: left; border-left: 0px solid #CCC;padding-left: 5px; list-style-type: none; span.active { width:100%; font-weight: bold; display: block; background: #ccc;} a { font-weight:bold; text-decoration:none; display: block; border-bottom: 1px solid #cdcdcd; color:#EEE; } ul { li { border-left: 0px; padding-left: 0px; padding-bottom: 5px; a { border-bottom: 0px solid; display: block; color: #ccc; text-decoration: none; font-size:11px; } } } } } } #addr_block { float: right; width: 180px; h2 {margin-top:0px; font-size:16px; color:#efefef; } p { margin:0px; padding: 0px; color:#ddd;} } #fp_news { h2 { font-size: 14px; a { color:#1133AA; } } p { } p.more { a { } } } #login_dialog { display:none; p.error {width:515px; padding:3px; font-size: 14px;} } /* Styles the Chooser Page */ div#wtb_chooser { width:100%; overflow:hidden; float:left; display:block; margin-right:auto; margin-left:auto; text-align:center; /* Styles the block where you choose US or Internatioal */ div.button { height:305px; overflow:hidden; float:left; display:block; margin-left:45px; text-align:center; } } .threecolblock { padding-top:20px; margin-left:-20px; .wide { width:600px; padding:15px; font-size:13px; } #product_image {text-align:center; background: #FFF;} .plainbox { .reader {margin-top: 34px; } width:295px; height: 276; border:1px solid #bbb; float:right; margin: 0 0 25px 25px; min-height:276px; position: relative; display:block; .top { text-align:center; float:left; border-bottom:1px solid #ddd; width:215px; margin-left:19px; padding:25px 20px 45px; } .bottom { padding-top: 22px; text-align:center; float:left; width:215px; margin-left:39px; } h2 {font-size:26px; padding-left:20px; margin-top:25px; margin-bottom:0px;} h3 {font-size:26px; padding-left:0px; margin-top:0px; margin-bottom:0px;} p {padding:20px;} } .plainbox.small { min-height:120px; clear:left; float:left; p {float:left; padding:5px; width:145px; text-align:center;} .pad a {margin-left:5px;} p.title {float:right; margin-top:36px; font-size:15px; text-align:left; width:130px; } } .plainbox.wide { width:600px; float:left; } .w625 {width: 625px;} .noborder {border:0px solid; ul {list-style:none; } } .tc_block { width:295px; height: 276; border:1px solid #bbb; float:left; margin: 0 0 25px 25px; min-height:276px; position: relative; display:block; h1 { font-size:31px; padding-left:20px; } h2 {padding-left:20px;} p {padding-left:20px; padding-right:20px; } } .tc_block_prod { width:295px; height: 276; border:0px solid #bbb; float:left; margin: 0 0 25px 25px; min-height:276px; position: relative; display:block; ul { margin-left:12px; padding-left:2px; li {padding-bottom: 16px; } } h1 { font-size:31px; padding-left:0px; } h2 {padding-left:0px; font-family:georgia; font-style: italic; color:#777; } p {padding-left:0px; padding-right:20px; } } .wide { width:600px; } .tc_block_mkt { width:295px; height: 276; border:1px solid #bbb; float:left; margin: 0 0 25px 25px; min-height:276px; position: relative; display:block; cursor: pointer; h1 { font-size:31px; padding-left:20px; } h2 {padding-left:20px; bottom: -210px; position:relative; color: #EEE; a { color: #EEE;} } p {padding-left:20px; padding-right:20px; } } .tc_block_pro { width:295px; border:0px solid #bbb; float:left; margin: 0 0 25px 25px; min-height:275px; position: relative; display:block; h1 { font-size:31px; padding-left:20px; } .image_container { background: #FFF; border:1px solid #CCC; .rounded; .shadow-shallow; text-align: center; img { padding:0px;} } h2 {padding:8px 10px 5px 10px; margin-bottom:0px; font-family: 'Trebuchet MS',Trebuchet,Verdana,sans-serif; color: #2D2D2D; } p {padding:0 10px 10px; color: #777; } } .tc_block_con { width:295px; border:0px solid #bbb; float:left; margin: 0 0 25px 25px; min-height:355px; position: relative; display:block; .image_container { text-align: center; .rounded; .shadow-shallow; background: #FFF; height:200px; border:1px solid #CCC; } h2 {padding:8px 10px 5px 10px; margin-bottom:0px; font-family: 'Trebuchet MS',Trebuchet,Verdana,sans-serif; color: #2D2D2D; } p {padding:0 10px 10px; color: #777;} } .hover { border:1px solid #539BD7;} } #support-overview { .plainbox { h3, h1 { padding: 5px; margin: 5px; font-size: 16px; font-family: georgia, sans-serif; padding-bottom:5px; } p.sendmessage { margin-top:185px; padding:0px;} } } #returns-rmas { .plainbox { h3 {font-size: 16px; font-family: georgia, sans-serif; padding-bottom:5px; } } } #accessory { .plainbox {text-align:center; background: #FFF; p {padding:0px;} h1 { a {font-size: 14px; text-decoration:none; color: #667;} } } } ul#boxslide { padding:0px; margin:0px; li { width:310px; border:0px solid #eee; float:left; min-height:230px; position: relative; display:block; .item {padding:10px; margin:10px; border:0px solid #ccc; height:200px; text-align: center; span.image { text-align: center; .rounded; .shadow-shallow; background: #FFF; height:140px; border:1px solid #CCC; width:215px; margin-left:28px; float:left; margin-bottom:10px; } h2 {padding:8px 10px 5px 10px; margin-bottom:0px; font-size:14px; font-family: 'Trebuchet MS',Trebuchet,Verdana,sans-serif; color: #2D2D2D; } p {padding:0 10px 10px; color: #777;} } } } div.product_list_block { .Discontinued {background: #FDF2F2;} div.item { background:#FFFFFF; vertical-align: top; width:140px; float:left; padding:0px; border:1px solid #cccccc; margin:0px; height:165px; text-align:center; img {border:none;} div.product_image {margin-bottom:10px; height:100px; a {text-decoration:none;} } div.product_title { h1 {font-size: 12px; padding:0;margin:0; a {color:@wsc-blue; text-decoration:none;} } } div.product_model { p {padding:0;margin:0 0 5px 0;} } } } .total {margin-left: 20px;} .pagination {float:right; margin-bottom:10px; margin-right:35px; clear:both; ul { list-style:none; margin:0px; padding:0px; li {float:left; padding-right:4px; a {} } } } #acc_finder_wrap { float:left; width:950px; border:1px solid #CCC; background: #eee; .rounded; .shadow; div { float:left; padding-left:20px;} .center h1 {font-size: 24px; color: #999;} ul { list-style:none; li {float:left;} .filter_group {border: 0px solid; } } } #ctrl_filter_field_product_category { li.list_id-34, li.list_id-37,li.list_id-40,li.list_id-38,li.list_id-68,li.list_id-64, li.list_id-63,li.list_id-69,li.list_id-66,li.list_id-66,li.list_id-91,li.list_id-100,li.list_id-41,li.list_id-67, li.list_id-43, li.list_id-42, li.list_id-109 {display:none;} } #marketing-materials, .alt_layout { h3 {font-size:14px; line-height:14px; margin-top:17px;} .clearall {float:right; padding:10px; margin-top:7px; width:150px; a {padding:6px; font-size:12px; font-weight:bold; text-decoration:none; } } .mod_catalogfilter { width:950px; margin-bottom:15px; border:1px solid #ccc; background: #efefef; .rounded; .shadow; } .search_group {float:left; padding-left:10px; h2 {font-size:14px; margin-bottom:7px; margin-top:22px; line-height:15px; } input.text {padding:4px; margin-top:8px;width:175px; } input.submit { padding: 5px 6px; } } .filter_group { border:none; float:left; .widget { float:left; padding:6px; } } #ctrl_filter_field_product_dl_type, #ctrl_filter_field_product_dl_languages {float:left; padding:5px; ul { float:left; width:292px; li {float:left; padding:0px; margin-right:5px; margin-top: 5px; p {padding:0px;} } li.first {margin-right:90px;} li.last {margin-right:0px;} } } h1.info {font-size: 28px; color:#2058BF} .dl_footer {float:left; clear:both;} } h1.product_page_title, h1.page_title, #product_title h1 { font-size:60px; padding:15px; font-family:@CufonTitleThin; position:absolute; top:110px; color:#efefef; span { font-size:34px; } } #home { h1.page_title { top: -205px; } } #products_page { margin: 0; } div.downloads_list_block { div.item { .rounded; .shadow; border: 1px solid #ccc; vertical-align: top; width:285px; float:left; padding:5px; margin:10px; text-align:left; background:#FFF; img {border:none;} div.product_image {margin-bottom:10px; height:100px; float:left; a {text-decoration:none;} } div {border:0px solid #222;} div.product_title { float:right;width:200px; h1 {font-size: 12px;margin:0;height:26px; a {color:@wsc-blue; text-decoration:none;} } } div.product_language { float:right; clear:right;width:200px; p {padding:0;margin:0px;} } div.download_type { float:right; clear:right; width:200px; p {padding:0;margin:0 0 5px 0; font-size:12px;} span {font-weight:bold;} } div.download_filetype { float:right; width:200px; p {padding:0;margin:0 0 5px 0; font-size:12px;} span {font-weight:bold;} } div.download_related { float:right; clear:right; width:200px; min-height:50px; p {padding:0;margin:0 0 5px 0; font-size:12px;} span {font-weight:bold;} } div.download_links { float:right;clear:both; width:100%; a { float:left; margin-right: 10px; } } } div.Adobe { background-image:url("http://www.tvtalker.net/resources/images/pdf_icon.jpg"); background-repeat: no-repeat; background-position: bottom right;} div.Autocad { background-image:url("http://www.tvtalker.net/resources/images/dwg_icon.jpg"); background-repeat: no-repeat; background-position: bottom right;} div.Vector { background-image:url("http://www.tvtalker.net/resources/images/eps_icon.jpg"); background-repeat: no-repeat; background-position: bottom right;} div.Picture { background-image:url("http://www.tvtalker.net/resources/images/jpeg_icon.jpg"); background-repeat: no-repeat; background-position: bottom right;} } #related_products { padding: 0px; float:left; width:960px; div.product_list_block { div.item { padding: 2px; height:auto; } } } #markets { .market_block { width:310px; float:left; h2 {margin-top:0px; padding-top:0px; text-align:center; color:#777; } p {text-align:center; padding:0px 15px; } } } .gov_right_block { h2 { border-bottom: 1px solid #ccc; } .image_container { } p { } } .image_container { a {text-decoration:none;} } .loader {width:60px; height: 42px; position:absolute; top:150px; left:300px; padding: 10px; background: #FFF; border:2px solid #CCC;text-align:center; } .fleft {float:left;} .fright {float:right;} #preload {display:none;} #usamap, #worldmap {float:left; padding-top:20px; } #repdata {float:left; padding-left:15px; width:240px; h2 {font-size:18px; text-decoration:underline; color: #444;} } #where-to-buy-us { h1 {text-align: center; font-size: 24px;} .wtb_list_block { margin: 0 auto; .item {padding:10px; float:left;width:218px; span.cname {width:100%;float:left; a {font-weight:bold;} } span.addr {width:100%;float:left;} span.addr2 {float:left;padding-right:5px;} p {float:left; width:100%; padding-top:4px; span {font-weight:bold;padding-right:5px;} } h3 {display:none;} } .even {background: #EFEFEF; border: 1px solid #DFDFDF; .rounded; .shadow; } .odd {background: #FFFFFF; border: 1px solid #DFDFDF; .rounded; .shadow; } } } #where-to-buy-international { h1 {text-align: center; font-size: 24px;} .wtb_list_block { margin: 0 auto; .item {padding:10px; float:left; width:218px; span.cname {width:100%;float:left; a { font-weight:bold;} } span.addr {width:100%;float:left;} span.addr2 {float:left;padding-right:5px;} p {float:left; width:100%; padding-top:4px; span {font-weight:bold;padding-right:5px;} } h3 {margin:0px; padding:0px; font-size:16px; font-weight:bold; float:right; color:#444;} } .even {background: #EFEFEF; border: 1px solid #DFDFDF; .rounded; .shadow; } .odd {background: #FFFFFF; border: 1px solid #DFDFDF; .rounded; .shadow;} } } #support-catalog-list { h3 {font-size:14px; line-height:14px; margin-top:17px;} .clearall {float:right; padding:10px;} .mod_catalogfilter { width:940px; margin-bottom:15px; border:1px solid #ccc; background: #efefef; .rounded; .shadow; } .search_group {float:left; h2 {font-size:14px; margin-bottom:7px; margin-top:22px; line-height:15px; } input.text {padding:1px; margin-top:7px; } input.submit { padding: 2px 8px; } } .filter_group { border:none; float:left; padding-right:10px; .widget { float:left; padding:6px; } } } #accessory { .clearall { display:none;} .ce_hyperlink {float:left; padding:10px; text-align:center; width:178px; a.hyperlink_txt {padding:8px; font-weight:bold;} } } .product_list_info_wrap { .Discontinued {background: #FEF1EC; } div.item { width:900px; float:left; clear:both; border: 1px solid #DDD; margin-bottom: 12px; background: #FFF; margin-left:20px; .rounded; h2 { line-height:14px; font-size:14px;} p { margin-top: 4px; margin-bottom:4px; span {font-weight:bold; } } .lt_col {float:left;width:20%; } .mid_col {float:left; width:52%;padding-top:5px; } .rt_col {float:right;width: 24%; border:3px solid #ccc; margin:10px; text-align:center; } } .product_image {float:left; padding-right:10px; padding-left:2px; padding-top:2px; } } .product_list_wide { div.item { cursor:pointer; width:935px; float:left; clear:left; border: 1px solid #DDD; margin-bottom: 12px; background: #FFF; margin-left:0px; .rounded; .shadow-shallow; } div.first {margin-top:28px;} .product_image {float:left; padding-right:10px; padding-left:2px; padding-top:2px; width:300px; text-align:center; } .product_title {float:right; padding-top:15px; padding-right:20px; h1 {font-size: 24px; font-weight:bold; margin:10px 0px 0px 0px; padding:0px; line-height: 40px; a {text-decoration:none; color: #444;} } } .product_model {float:right; clear:right; padding-right:20px; p {font-size: 18px;} } .product_teaser { width: 500px;float:right; clear:right; padding-right:20px; margin-top:10px; margin-bottom:20px; p { font-size: 12px; } } .view_product { display:none; float:right; width:148px; height: 35px; margin:20px 20px 0px 0px; } } #consumer { #ald_text {float:left; width: 410px; h1 {font-size: 28px;} } a {color: #FFF;} .ce_image {float:left; width:300px; } .right_block {float:left; margin-left:10px;margin-bottom:10px; width: 220px; height:180px; h2 {font-size:14px; padding-top:6px;} h2, p {padding-left: 10px; color:#fff; } } #feature_block { background:#706f74; .background-linear-gradient(#706f74, #3f3f41); .rounded; .shadow; } #help_block { background:#477fb0; .background-linear-gradient(#477fb0, #467ba5); .rounded; .shadow; } } #government { #feature_block { background: #eee; .shadow; .rounded; clear:both; width: 322px; border:2px solid #ddd; padding:20px; text-align:center; h2 { color:#999; padding-bottom:5px; margin-bottom:5px;} } .gov_right_block { float:left; } } // Hides the back link on Where to buy pages. #extJs_content_105 { .back {display:none;} } #wtb_page { width: 940px; float:left; .wtb_top { float:left; width: 100%; border-bottom: 1px solid #7aacae; height:65px; h1 { font-weight:bold; color:#c4c4c4; font-size:28px; float:left; margin: 10px 0px; line-height:50px; } h2 { color: #313131; font-weight:bold; font-size:18px; float:right;line-height:18px; width:410px; span { padding-left:10px; font-weight: normal; } } } .wtb_left { width:60%; float:left; .addr_block { padding:10px; width:100%; float:left; padding-bottom:15px; h2 {font-size: 30px; color:#313131; margin-top:10px; line-height: 30px;} p {font-size: 18px; color:#272727; padding-bottom:10px; } } .phone_block {padding:10px; width: 50%; float:left; clear:left; background-image:url("/resources/images/telephone_icon.jpg");background-repeat:no-repeat; p { padding-left:70px; font-size:18px; padding-bottom:10px; span { font-weight:bold; padding-right: 10px; } } } .web_block { float:left; clear:left; background-image:url("/resources/images/web_icon.jpg"); background-repeat:no-repeat; height:140px; p {font-size:16px;padding-left:70px; padding-bottom:10px; } } } #wtb_logo {height:200px;} .wtb_right { width:40%; float:right; span.image {float:right; height: 200px; padding: 20px 20px 0; img {margin:0 auto; } } .other_locations { width: 50%; float:right; clear:both; h2 {font-size:18px; color:#7f7f7f; border-bottom: 1px solid #7f7f7f; width:100%; } } } .wtb_bottom { } } /* the overlayed element */ #rald_info_popup { width: 670px; border:0px solid #adadad; .interior{width:650px;float:left;padding:10px;background-color:#bdbdbf;background-image:url("/resources/images/cart_background.jpg");background-repeat:repeat-x;-moz-border-radius: 10px;-webkit-border-radius: 10px;} .rald_info_text{width:320px;float:right;margin-top:20px;padding:2px;line-height:25px;} .rald_info_logo{width:230px;height:200px;float:left;margin-top:15px;margin-left:15px;line-height:25px;background:url("/resources/images/rald_info_logo.png") left center no-repeat;} .close{float:right;padding:2px;} } #login_popup { width:210px; right:0; top:65px; position:absolute; display:none; margin-top:5px; margin-right:0; padding:12px; text-align:left; background-color:#bdbdbf; background-image:url("/resources/images/cart_background.jpg"); background-repeat:repeat-x; border:1px; font-size:11px; color:#789; -moz-border-radius-topleft:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-top-left-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; z-index:100; *margin-right: -1px; input.text { width:203px; display:block; padding:10px 5px; border:1px solid #c7c7c7; font-size:14px; } p.forgot a { padding-left:5px; font-family:georgia; font-weight:bold; font-style:italic; text-decoration:none; font-size:.9em; color:#5c5c5c; text-transform:lowercase; } input.submit { width:90px; height:30px; float:left; display:block; border:1px solid #d9d9d9; font-weight:bold; color:#5c5c5c; } } #products { .filter_group {float:right;} } .filter_group { border:1px solid #ccc; background: #efefef; .checkbox_container { span { width:100%; float:left;} } h3 {padding-left:10px; } .select {margin-left:10px;} ul {list-style:none; padding:0px; margin:0px; li.first {padding-left: 8px; a {color:#053175; } p {color:#6F7982;} } li {padding-left:15px; a {color: #333333; text-decoration:none; } p.active {color: #333; margin:0px;} } li.active {background: #ddd; } } } /** Form Styling **/ /* Generic Form Styling - Applies to all */ form { .linewrap { width: 420px; float:right; padding:5px 5px 5px 15px; } .formbody { width:630px; float:left; label {width: 116px; float:left; clear:left; height: 25px; font-size: 16px; text-align:right; padding-right:12px; padding-top:8px;} label.mandatory { } .mandatory { } input.text {width: 256px; float:left; padding:10px; border: 1px solid #bbb; } input.error {background: #FAE3E3; } textarea.error {background: #FAE3E3; } p.error { float:left; } span.mandatory { } select { width: 278px; float:left; height:30px; padding:5px; border:1px solid #CCC; } textarea {width: 276px;height:174px;float:left; border: 1px solid #bbb;} .submit_container {float:right; clear:both; padding-right: 19px; input.submit { } } } } /* Product Reg Form Styling */ #product-registration { .formbody { input.city { width: 100px; } input.state { width: 25px; } input.zip {width: 45px; } } } input#ctrl_filter_search, .datatables_filter input { padding:5px; } /** footer **/ .footer-links { padding-top:15px; td { width:18%; vertical-align:top; } td.spacer { width: 2% !important; } h2 { margin:0 0 10px; padding-bottom:5px; border-bottom:1px solid #363636; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; color:#747474; } h2 a { text-decoration:none; } p { margin-bottom:5px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#959595; } p a { text-decoration:none; color:#757575; } p a:hover { color:#545454; } } /** This wraps the custom product catagory display stuff. Located at the root of a particular product type (ie Pocketalker, TV Talker, etc) **/ .product_group_info_wrap { .bigimage { float:left; width:560px;} .introtext { float:right; width:375px; h1 { font-size: 18px; } } .featuretext {float:left; width:100%; clear:both; li {float:left; width: 50%; margin-bottom:8px;} h1 { font-size: 18px; } } } /** Product Widget Styling **/ #main_search_col { border: 1px solid #cfcfcf; padding:10px; .formbody { border: 1px solid #cfcfcf; background: #EEE; padding:8px; width:920px; input.text {width: 500px; margin-left:20px; padding:2px; } input.submit { padding:2px;} #query_type { padding-left:25px; } } p.header { padding-left:20px; border: 1px solid #cfcfcf;} .even, .odd {border-bottom:1px solid #CCC; } h3 { font-size:14px; a {color: #0099CC; font-weight:bold; text-decoration:none; } span { color: #aaa; } } p.context {color: #333; } p.url {color: #aaa; font-size:12px; } } #support_product_list { h2 {display:none;} .pagination {float:left; clear:left; } } .right_column { #accessories {width:600px; li {padding:8px;} } } #support-overview { .support_search_block { background: #ededed; padding:10px; .rounded; .shadow; #product_search_block { float:left; padding-right:20px; } p.example { padding: 3px; color: #999; } form#cat_products_search { input.text {width:200px; padding:4px 5px 5px; } input.submit {padding:2px; margin-top:2px; } } .clearall {display:none;} } #rtcol {border-left:1px solid #ccc; } } h1#listheader {line-height:2em; height:40px; width:100%;} #product-support { #productlist { background: #FFF; padding: 10px;border:3px solid #bbb; height:250px; position:absolute; width:500px; display:none; top:100px; left:100px; } .mod_sitemap { width: 100%; float:left; clear:left; h1 { } ul {margin: 0px; padding:0px; list-style:none; li { float:left; padding: 8px; a {display:block; } } li.submenu {display:none;} } } .filter_group { div.widget { float:left; margin:8px; } div.checkbox_container { span { float:left; width:100%; } } } } #productlist { .background-linear-gradient(#FFFFFF, #EEEEEE); } #support_popup_img { background: #FFF; float:right; border:1px solid #CCC; width: 180px; height: 200px; .shadow; img {margin-top:10px;} } .listdata { width: 240px; height: 200px; border:1px solid #bbb; float:left; overflow:auto; background: #FFF; .shadow; .support_list_popup { ul { padding:5px; margin:5px; list-style:none; li.active { background: #B5CFE6; } li { cursor: pointer; width: 200px; float:left; border: 0px solid #ccc; padding-bottom:4px; clear:left; border-bottom: 1px solid #dedede; .product_title {float:left; } .product_model {float:left;clear:left; a { text-decoration:none; display:block;} } .image_container {display:none; position:absolute; top: 57px; right:35px; border:1px solid #CCC; width: 180px; height: 200px; } } } } } h1.fpb {position:absolute; top:30px; right:10px; color:#FFF; font-size:40px;} #home { .front_page_block { float:left; li { p { height: 460px; width: 945px;} } } } /** Product Page CSS **/ #product_bar { border:0px solid #ccc; .rounded; .shadow-shallow; float:left; width:951px; height:53px; margin-left:2px; background-color:#111; background-image:url("http://www.tvtalker.net/resources/images/product_bar_bg.jpg"); background-repeat:repeat-x; } #product_reader { p.back {display:none;} padding: 0px 0 15px 0; #parenturl {float:left; position:absolute; top:-44px; left:10px; height:28px; width: 60px; a {text-decoration:none; display:block; padding:6px 6px 6px 15px; width:40px } } #price_block{ float:right; height:53px; width:130px; padding-top:12px; .price_type { font-size:20px; margin:0px; padding:7px 7px 0px 0px; float:left; color:#fbfbfb;} h1.price {margin:0px; padding:3px 0px 0px; float:left; height:25px; color:#fbfbfb; font-size:25px;} .rald_link {float:left; a {color:#d9ebf5; font-family:georgia; font-style:italic; font-size:13px; } } h2 { font-size:12px; padding-top:8px; a {color:#d9ebf5; font-family:helvetica; } } } .product_model { color:#777; float:left; height:53px; .desc {color:#bdbdbd; font-size:24px; float:left; padding: 14px 10px 0px 10px; } .modelnum {color:#f4f4f4; font-size:36px; padding-top: 8px; float:left;} } } div#support-catalog { div#product_page { p.status { font-size:16px; span {font-weight:bold; } } #product_title { span { padding-left:20px; font-size: 24px;} } } } div#product_page { .Discontinued {background: #FDF2F2;} float:left; #product_support_contact, #product_download { clear:left; } #product_gallery { float:left; clear:both; } #product_description ul li { width:240px; float:left; padding-right:40px; } #product_specifications p { } div#specs table{border:0px; width:945px;} div#specs td{padding:4px;vertical-align:top;border:0px;font-family:"arial",sans-serif;font-size:1em;color:#5D5C5C;line-height:15px;letter-spacing:0px;} div#specs tr.oddrow{background-color:#F9F9F9;} div#specs td.col_last{} div#specs td.col_first{width:150px;} #product_accessories { ul { margin:0; padding:0; list-style-type:none; } ul li { width:260px; float:left; padding-right:20px; letter-spacing:.3px; } ul li a { display:block; text-decoration:none; color:#666667; background:url("http://www.tvtalker.net/resources/images/accessories_right_arrow_dim.gif") right center no-repeat; letter-spacing:-.3px; } ul li a:hover { background-image:url("http://www.tvtalker.net/resources/images/accessories_right_arrow_active.gif"); color:#000000; } } #modelnav { width:100%; float:left; padding-top:20px; padding-bottom:20px; } #modelnav h1 { width:120px; margin-left:15px; font-size:22px; color:@mediumgrey; } #product_downloads { border: 0px 0px 0px 0px solid #ccc; margin-top:10px; background: #fff; .product_downloads_wrapper { width: 100%; float:left; clear:left; border-bottom: 0px solid #aaa; } } #warranty_block { float:left; width:150px; clear:left; } #certblock { float:left; width: 300px; clear:left; padding:10px; ul { list-style:none; li {float:left; padding-right:10px; } } } #featureblock { float:left; width: 300px; ul { list-style:none; li {float:left; padding-right:10px;} } } #support { width:100%; div.product_dl_header { border-bottom: 0px solid #CCC; float:left; width:100%; background:#EAEAEA; h3 {padding-left: 20px; float:left; } h3.dltype { width:350px; } h3.dllang { width: 110px; } h3.dllinks { width: 270px; float:right; } } div.odd { background:#EAEAEA;} div.product_downloads_wrapper { .product_dl_type {padding-left: 20px; float:left; width:365px; padding-top:8px; } .product_dl_languages { float:left; width: 210px; padding-top:8px; ul{ list-style:none;width: 80px; padding:15px 0 15px 0; margin:0; li {float:left; padding-left:8px; } } } .product_dl_file {float:right; width: 270px;} .product_dl_fburl {float:right; padding-top:5px; } } } } /** Cart **/ /* Styles the Cart Block with pricing */ #add_to_cart { height:53px; width:315px; background:url("http://www.tvtalker.net/resources/images/add_to_cart_bg.png"); background-repeat:no-repeat; position:absolute; top: -54px; right:-8px; z-index: 999; input {border: 0;} .add_to_cart_button { margin:0; padding:15px; border:0px hidden; cursor:pointer; background:transparent; color:#FBFBFB; font-size:16px; margin-right: 14px; } h1.price { float:left; margin:0; padding:16px; color: #ffffff; margin-left:55px; font-weight:normal; span { padding-right:5px; font-size:13px;} } .secform { float:right; border: 0 hidden; } } #cart_interior { width:650px; padding:10px; z-index:99999; float:left; min-height:300px; background:url("http://www.tvtalker.net/resources/images/cart_background.jpg"); background-repeat:repeat-x; background-color: #BDBDBF; .cart_header { width:560px; height:40px; float:left; padding:0 0 0 50px; font-size:18px; background:url("http://www.tvtalker.net/resources/images/cart_large_icon.gif") 30px 10px no-repeat; } .cart_header h3 { margin:0; padding:0 18px 0 50px; text-align:right; font-size:22px; } #cart_box_content { width:578px; float:left; text-align: left; margin:0px; padding:0px; } a.close {display:none; } /* popup overlay cart styling */ div#cartSubTotal { float:right; padding-top:10; padding-right:0; font-family:helvetica, arial; font-weight:bold; font-size:18px; color:#3d3d3d; } /* popup overlay cart styling */ div#cartSubTotal span { font-weight:bold; font-size:11px; } td.cartUpdate { padding-top:4px; width:160px; } .cartQtyField { padding-top:0px; float:left; width:40px; margin-right:35px; } tr.tableHeading { background: none; } tr.tableHeading th { font-family:helvetica,arial; font-weight:bold; font-size:14px; color:#3d3d3d; } tr.rowEven { } tr.rowOdd { } } #cart_wrapper {float:left; width:632px; } #support-catalog { #product_page { .left_column { float:left; width: 350px; clear:left;} .right_column {float:left; width: 580px; padding-top:15px; } .tabs ul.navigation { width:550px; } .add_support_block {float:left; clear: left; padding-top: 20px; } .downloads_support_block {float:left; clear: left; } .product_dl_languages { float:left; a {float:left; padding-right: 10px;} ul { list-style: none; padding:0; margin:0; float:left; li { float:left; padding-right: 10px; } } } p.back {display:none; } } } #history { p { padding-left: 20px;} } /************************************************************************ -) Slider: only the following lines are necceassary for slider styling, rest of the css file styles the demo page *************************************************************************/ .aviaslider{ height:460px; /*this changes the height of the image slider*/ width:945px; overflow: hidden; position: relative; background: #fff center center no-repeat; margin:0px; padding:0px; } .aviaslider li, .aviaslider .featured{ display: block; width:945px; height:100%; position: absolute; top:0; left:0; z-index: 1; } .js_active .aviaslider li, .js_active .aviaslider .featured{ display:none; } .aviaslider img, .aviaslider a img, .aviaslider a{ border:none; text-decoration: none; } .slidecontrolls{ margin:20px auto 0 auto; position: relative; float:left; } .slidecontrolls a{ height:20px; width:18px; display:block; cursor: pointer; background: transparent url(http://www.tvtalker.net/resources/template/ws_va/scripts/images/layout/controlls.gif) center bottom no-repeat; float:left; outline: none; } .slidecontrolls a:hover, .slidecontrolls .active_item{ background: transparent url(http://www.tvtalker.net/resources/template/ws_va/scripts/images/layout/controlls.gif) center top no-repeat; } .feature_excerpt{ width:945px; position: absolute; display: block; bottom: 0; left:0; z-index: 2; padding:14px 15px; font-size: 11.5px; line-height:1.5em; cursor: pointer; background: #000; color: #fff; } .feature_excerpt strong{ display: block; font-size: 15px; padding-bottom: 3px; } div#nyroModalFull { font-size: 12px; color: #333; } div#nyroModalLoading { border: 4px solid #777; width: 150px; height: 150px; text-indent: -9999em; background: #fff url(img/ajaxLoader.gif) no-repeat; background-position: center; } div#nyroModalLoading.error { border: 4px solid #f66; line-height: 20px; padding: 20px; width: 300px; height: 100px; text-indent: 0; background: #fff; } div#nyroModalWrapper { background: #fff; border: 4px solid #777; } a#closeBut { position: absolute; display: block; top: -13px; right: -13px; width: 12px; height: 12px; text-indent: -9999em; background: url(img/close.gif) no-repeat; outline: 0; } h1#nyroModalTitle { margin: 0; padding: 0; position: absolute; top: -22px; left: 5px; font-size: 12px; color: #ddd; } div#nyroModalContent { overflow: auto; } div.wrapper div#nyroModalContent { padding: 5px; } div.wrapperImg div#nyroModalContent { position: relative; overflow: hidden; text-align: center; } div.wrapperImg img { vertical-align: baseline; } div.wrapperImg div#nyroModalContent div { position: absolute; bottom: 0; left: 0; background: black; padding: 10px; margin: 10px; border: 1px white dotted; overflow: hidden; opacity: 0.2; filter: alpha(opacity=20); } div.wrapperImg div#nyroModalContent div:hover { opacity: 0.5; filter: alpha(opacity=50); cursor: help; } a.nyroModalPrev, a.nyroModalNext { z-index: 105; outline: none; position: absolute; top: 0; height: 100%; width: 40%; cursor: pointer; text-indent: -9999em; background: left 20% no-repeat; } div.wrapperSwf a.nyroModalPrev, div.wrapperSwf a.nyroModalNext, div.wrapper a.nyroModalPrev, div.wrapper a.nyroModalNext { height: 60%; width: 20%; } a.nyroModalPrev { left: 0; } a.nyroModalPrev:hover { background-image: url(img/prev.gif); } a.nyroModalNext { right: 0; background-position: right 20%; } a.nyroModalNext:hover { background-image: url(img/next.gif); } /* @override http://localhost/bxslider_v3_plugin/css/styles.css */ /* * To change the color scheme of slider change each * background property for each of the five styles below */ /*next button*/ .bx-next { position:absolute; top:40%; right:316px; z-index:999; width: 30px; height: 30px; text-indent: -999999px; background: url(http://www.tvtalker.net/resources/template/ws_va/scripts/bx_styles/gray_next.png) no-repeat 0 -30px; } /*previous button*/ .bx-prev { position:absolute; top:40%; left:12px; z-index:999; width: 30px; height: 30px; text-indent: -999999px; background: url(http://www.tvtalker.net/resources/template/ws_va/scripts/bx_styles/gray_prev.png) no-repeat 0 -30px; } /*pager links*/ .bx-pager a { margin-right: 5px; color: #fff; padding: 3px 8px 3px 6px; font-size: 12px; zoom:1; background: url(http://www.tvtalker.net/resources/template/ws_va/scripts/bx_styles/gray_pager.png) no-repeat 0 -20px; } /*auto start button*/ .bx-auto .start { background: url(http://www.tvtalker.net/resources/template/ws_va/scripts/bx_styles/gray_auto.png) no-repeat 0 2px; padding-left: 13px; } /*auto stop button*/ .bx-auto .stop { background: url(http://www.tvtalker.net/resources/template/ws_va/scripts/bx_styles/gray_auto.png) no-repeat 0 -14px; padding-left: 13px; } /* * End color scheme styles */ /*next/prev button hover state*/ .bx-next:hover, .bx-prev:hover { background-position: 0 0; } /*pager links hover and active states*/ .bx-pager .pager-active, .bx-pager a:hover { background-position: 0 0; } /*pager wrapper*/ .bx-pager { text-align:center; padding-top: 7px; font-size:12px; color:#666; } /*captions*/ .bx-captions { text-align:center; font-size: 12px; padding: 7px 0; color: #666; } /*auto controls*/ .bx-auto { text-align: center; padding-top: 15px; } .bx-auto a { color: #666; font-size: 12px; }