/* GENERAL STYLES ************************************************************ */ html {font-family:Arial, Helvetica, sans-serif; font-size:9pt; line-height:18px; font-weight:500; color:#595959; background:#f1f1f2; margin:0; padding:0; width:100%; height: 100%; margin-bottom: 1px;} body{width:900px; margin:0 auto;} p{margin:0; padding:0} a{text-decoration:none; outline:none} a:hover{cursor:pointer} a.link, a img{color:#b0d136; text-decoration:none; border:none} a.link:hover{text-decoration:underline; cursor:pointer} a img:hover{border:none; cursor:pointer} h1, h2, h3, h4, h5, h6{margin:0; padding:0; font-weight:100; z-index: -9999} h1, h1 a{font-size:28px; margin-top:5px; color:#888} /*Content Heading*/ h2, h2 a{font-size:18px; margin:3px; line-height:18px;} /*Content Sub-Heading*/ h3, h3 a{font-size:25px;color:#FFF; margin-bottom:55px; padding-left:16px}/*PAGE HEADER */ h4, h4 a{font-size:22px; font-weight:100; color:#97b62e; margin-bottom:8px; margin-top:-2px}/*GREEN HEADER*/ h5, h5 a, h6, h6 a{font-size:14px; color:#FFF;}/*Drop Down Styles*/ hr{ margin:5px 0px 0px 0px; border:1px solid #CCC} .green{color:#b0d136} .blue{color:#46c1e1} :-moz-any-link:focus {outline: none;} .hidden{display:none} .clear{clear:both} span.level3{font-size:9px;} .ReportProbemStyle { border-width:0px; margin-top:5px; } /* HEADER */ #header{height:75px; width:100%; margin:0px 0px 5px 0px; color:#a7a9ac;} #logo{float:left; margin:8px 0px 0px 0px;} #header_contact{float:right; height:75px; margin-top:7px; text-align:right;} #header_contact a{position:relative; color:#7D7E80; text-decoration:none; font-size:,.px; top:-1px} #header_contact a:hover{text-decoration:underline} #header_contact span{font-size:16px; color:#b0d136; margin-left:10px} /* MAIN PAGE STYLES ************************************************************ */ #main{background:url(../img/SignStoreImages/body_bg.png) no-repeat; background-color:#FFF; padding:22px 30px 40px 25px; min-height:425px; z-index:10} #main_shadow{clear:both; background:url(../img/SignStoreImages/bottom_shadow.png) no-repeat; height:113px; width:900px; position:absolute; bottom:0px; margin-left:-25px; z-index:-1} /* Search Bar ************************************************************ */ /* Search bar Styles */ #search-bar{width:166px; margin-right:25px; float:left; position:relative; overflow:hidden; font-size:10px; z-index:10} /* Tab Styles */ #search-tab1,#search-tab3{position:absolute; left:0px; top:0px} #search-tab2,#search-tab4{position:absolute; left:56px; top:0px} #search-tab1,#search-tab2{margin-top:23px; z-index:9} #search-tab3,#search-tab4{z-index:10} #search-bar ul{list-style:none; margin:0; padding:0 ; height:61px} /* Non-Active Tab Style */ #search-bar ul li a{background:url(../img/SignStoreImages/search_tab_i.png);display:block; height:38px; width:110px; line-height:53px; text-align:center; text-decoration:none; font-size:10px;color:#FFF;font-weight:bold; clear:both} #search-bar ul li a:hover{cursor:pointer} /* Active Tab Style */ #search-bar a.active{background:url(../img/SignStoreImages/search_tab_a.png); height:38px; width:110px; z-index:11; font-size:12px; padding-left:2px;} /* Search Body Styles */ #quick_search, #attr_search, #submit_search, #adtl_search, #adtl_search_bottom{padding:0px 25px 0px 25px} #quick_search{background:url(../img/SignStoreImages/quick_search_bg.png) repeat-y;} #quick_search .frm_btn_green{margin-left:-5px} #attr_search{background:url(../img/SignStoreImages/attr_search_bg.png) repeat-y; } #submit_search{background:url(../img/SignStoreImages/submit_search_bg.png) no-repeat; width:166px; height:39px;} #adtl_search{background:url(../img/SignStoreImages/adtl_search_bg.png) repeat-y} #adtl_search_bottom{background:url(../img/SignStoreImages/adtl_search_bottom_bg.png) no-repeat; width:166px; height:27px} /* SEARCH BAR FORM ITEMS */ #search-bar form{line-height:18px} #search-bar .quick_search_input{width:110px; height:12px; font-size:10px} .checkbox{width:15px; height:18px;padding: 0px 8px 0px 0px;background:url(../img/SignStoreImages/checkbox.png) no-repeat;display:block;clear:left;float:left;} #quick_search a{line-height:8px; text-align:right; color:#595959; float:right} #attr_search a{font-weight:bold; text-decoration:none; color:#38b6dc; width:100px; background:url(../img/SignStoreImages/more_arrow.png) no-repeat; padding-left:10px; margin-left:5px} #attr_search a:hover, #quick_search a:hover{cursor:pointer; text-decoration:underline} #submit_search input{margin-top:5px} .frm_btn_green, .frm_btn_grey{ width:58px; height:24px; margin: 0; padding: 0; border: 0; padding-top:-5px; cursor:pointer; font-size:8px; } .frm_btn_green{background: transparent url(../img/SignStoreImages/search_btn_green.png) no-repeat; color:#fff} .frm_btn_grey{background: transparent url(../img/SignStoreImages/search_btn_grey.png) no-repeat;} /* CONTENT *****************************************************/ #content{float:right; width:644px; padding-top:15px} #content p{margin:0px 0px 10px 0px;} #details_desc{width:400px; float:left; margin-right:20px} #details_img{width:220px; height:auto; float:right;} /* Right Content */ #img_shad{background:url(../img/SignStoreImages/img_shadow.png); width:220px; height:28px; margin-top:-12px} #more{background:url(../img/SignStoreImages/more_bg.png); height:87px; width:220px; } #more p{padding:0; margin:0; padding-top:7px; text-align:center;font-size:8px; font-weight:bold} /* 5 ICONS*/ #more #icons{ background:#666; padding:0px 0px 0px 13px} #more #icons a{height:45px; width:35px; margin:3px 2px 4px 2px; float:left; background-image:url(../img/SignStoreImages/icon_bar.png)} a#icon_video{background-position:0px 0px} a#icon_video:hover{background-position:0px 45px} a#icon_img{background-position:-35px 0px} a#icon_img:hover{background-position:-35px 45px} a#icon_install{background-position:-70px 0px} a#icon_install:hover{background-position:-70px 45px} a#icon_info{background-position:-105px 0px } a#icon_info:hover{background-position:-105px 45px } a#icon_email{background-position:-140px 0px} a#icon_email:hover{background-position:-140px 45px} /* 4 ICONS #more #icons{ background:#666; padding:0px 0px 0px 12px} #more #icons .icon a{height:45px; width:45px; margin:3px 2px 4px 2px; float:left; background:#CCC}*/ /* Tabbed Info Area */ /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */ @media projection, screen {.ui-tabs-hide {display: none;}} /* Hide useless elements in print layouts... */ @media print {.ui-tabs-nav {display: none;}} #tab-region{margin-left:0px; margin-top:20px; } #tabs{margin-left:0px; margin-bottom:-15px;} #tabs .ui-tabs-nav{float:left; list-style:none; margin-left:65px; padding:0;} #tabs li{float:left; z-index:3} /* Non-Active Tab Style */ #tabs .ui-tabs-nav a{background:url(../img/SignStoreImages/tab_region_i.png) no-repeat bottom left; display:block; height:46px; width:126px; line-height:70px; text-align:center; text-decoration:none; color:#929497; font-size:10px} #tabs .ui-tabs-nav a:hover{cursor:pointer} /* Active Tab Style */ #tabs .ui-tabs-nav .ui-tabs-selected a{background:url(../img/SignStoreImages/tab_region_a.png) bottom; height:46px; line-height:62px; width:126px; z-index:75; font-size:12px; color:#fff; font-weight:bold} /*Tab Alignment */ #tabs ul li a{position:relative; margin-left:-55px;} #tabs ul li a span{position:relative; left:7px} #tabs ul li a#tab1 span{position:relative; left:0px} #tab_h{background:url(../img/SignStoreImages/tab_region_h.png) no-repeat; width:434px; height:28px;margin-top:-16px} #tab_m{background:url(../img/SignStoreImages/tab_region_m.png) repeat-y; width:434px; padding:0px 32px 0px 32px} #tab_f{background:url(../img/SignStoreImages/tab_region_f.png) no-repeat; width:434px; height:28px} #tab_m div{width:370px} /*THUMBNAIL VIEWER */ .thumb_header{border-bottom:solid 2px #cfcfcf; width:625px; margin-left:25px; margin-bottom:3px; padding-bottom:3px; } .thumb_scroll{width:675px;max-height:200px; overflow:hidden; margin-left:-25px; } .thumb_list{float:left; padding-top: 5px; width:625px;overflow:hidden} .thumb_list ul{margin:0; padding:0;float:left; list-style:none; } .thumb_list li{float:left; cursor:pointer; margin-bottom:15px; overflow:hidden; padding-top:2px} /*.thumb_bg{background:url(../img/SignStoreImages/thumb_bg.png) no-repeat; width:122px; height:142px; float:left; background-color: #ededed; margin-left: 5px}*/ .thumb_bg{ width:118px; height:auto; float:left; background-color: #ebebeb; margin-left: 5px; border: solid 1px #ccc;} .thumb_bg a{display:block; height:90px; width:90px; margin-top:-14px} .thumb_bg .loading{background:url(http://www.fourwindstrading.com/img/SignStoreImages/loading.gif) no-repeat; position:relative;float:left;margin-top: 50%;margin-left: 50px;height:15px;width:15px; z-index:999} .thumb_bg span{color: #888; text-align:left; font-size:10px; line-height: 12px; } .thumb_bg span.num{font-size:10px; vertical-align:text-top; padding-left:6px; padding-top:0px; line-height:10px} .thumb_bg span.info {background:#d5d5d5; display:block; width:auto; min-height:40px; height:auto; padding:0px 6px 3px 6px; margin-top:22px; border-top: solid 1px #ccc; } .thumb_bg span.info b {line-height:16px} @media screen and (-webkit-min-device-pixel-ratio:0) { .thumb_bg span.info {margin-top:25px; padding-top:3px} } .thumb_bg img, #detail_img img{display:none} .prev, .next, .prev:hover, .next:hover{display:block; height:160px; width:25px; float:left; margin:0; padding:0; background: url(../img/SignStoreImages/thumb_nav.png)} .prev{background-position: top left; } .prev:hover{background-position: bottom left; cursor: pointer} .next{background-position: top right} .next:hover{background-position: bottom right; cursor: pointer} /* TOOL TIP */ .bt{z-index:999} .bt .top{background:#e1e1e1; border-bottom:solid 5px #8b8b8b; padding:25px 25px 0px 25px} .bt .bottom{background:#b1b1b1; padding:10px; height:auto} .bt .bt_id{font-weight:bold; position:absolute; top:5px; left:8px; text-align:left; width:100%; color:#999} .bt .bt_title{color:#fff; font-size:18px; font-weight:bold; margin-bottom:3px} /* FOOTER *********************************************** */ #footer{clear:both; height:35px; line-height:15px; margin-top:10px; color:#bbbdbf; font-size:10px;} #social input{float:left; display:block; margin-top:1px} #social a{height:30px; width:30px; float:left; display:block;} /*SOCIAL ICON SPRITE */ #social a#facebook, #social a#twitter, #social a#wiki, #social a#facebook:hover, #social a#twitter:hover, #social a#wiki:hover{background:url(../img/SignStoreImages/social_icons.png); cursor:pointer} #social a#facebook{background-position:0px -30px; } #social a#wiki{background-position:30px -30px;} #social a#twitter{background-position:60px -30px;} #social a#facebook:hover{background-position:0px 0px} #social a#wiki:hover{background-position:30px 0px} #social a#twitter:hover{background-position:60px 0px} #footer_links{clear:both; padding-top:5px; padding-bottom:10px} #footer_links a{color:#bbbdbf; text-decoration:none} #footer_links a:hover{color:#b0d136; text-decoration:none}