/* Theme name: arrowform Theme url : Author: Thewebsitemarketinggroup (LINDSAY 06/01/2010) Author url: http://arrowform.com.au/ */ /* Type Selector */ *{margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000;} img, fieldset, button {border:none;} li{list-style:none;} a {text-decoration:none;} a:link, a:visited {text-decoration:none;} a:hover, a:active {text-decoration:underline;} button {cursor:pointer;border:none;} .clear {clear:both;} .test {border:#F00 1px solid;} lavel {display:block;} .hidden {text-indent:-9999px;} /* Title */ h1, h2, h3, h4, h5, h6 {font-family:Arial, Helvetica, sans-serif;} h1 {} h2 {} h3 {} h4 {} h5 {} h6 {} /* Paragraph */ p {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333;} /* Head */ body {background:url(images/bg.jpg) 0 0 repeat-x; background-color:#666;} #wrap {width:100%;} #head {width:900px; margin:0 auto;} #head a { cursor: pointer;} #head h1.logo {width:251px; height:136px; background:url(images/logo.jpg) no-repeat; float:left;} #head h2.phone {width:649px; height:136px; background:url(images/top_number.jpg) no-repeat; float:left;} /* Navigation */ #gnav {width:900px; height:44px; float:left;} #gnav ul {width:900px;} #gnav ul li {float:left; height:44px;} #gnav ul li.gnav1 a {background:url(images/menu_1.jpg) top no-repeat;width:121px;} #gnav ul li.gnav2 a {background:url(images/menu_2.jpg) top no-repeat;width:146px;} #gnav ul li.gnav3 a {background:url(images/menu_3.jpg) top no-repeat;width:151px;} #gnav ul li.gnav4 a {background:url(images/menu_4.jpg) top no-repeat;width:150px;} #gnav ul li.gnav5 a {background:url(images/menu_5.jpg) top no-repeat;width:177px;} #gnav ul li.gnav6 a {background:url(images/menu_6.jpg) top no-repeat;width:155px;} #gnav ul li a {display:block; height:44px;} #gnav ul li a:hover {background-position:bottom;} /* Middle_mainimg */ #middle {width:900px; height:inherit; margin:0 auto;} #middle #mainimg {width:900px; height:auto;} #mainimg .mainimg1 img {border-bottom:#E3231C 7px solid; float:left;} /* Contents */ #wrap_con {width:900px; height:470px; float:left;} #wrap_con #con_products {width:640px; height:470px; background-color:#FFF; float:left;} #con_products .title_products {width:640px; height:70px;} /* con_product_1 */ #con_products .con_product_1 {width:187px; padding-left:20px; float:left;} #con_products .con_product_1 p {background:url(images/main_con_bg.jpg) repeat-x; height:180px; width:163px; padding:0 10px 10px 14px;line-height:16px;} #con_products .con_product_1 p a {text-decoration:underline;} #con_products .con_product_1 p span {width:163px; height:50px; font-size:18px; background:url(images/main_con_range1.jpg) top right no-repeat; float:left; line-height:50px;} /* con_product_2 */ #con_products .con_product_2 {width:187px; padding-left:20px; float:left;} #con_products .con_product_2 p {background:url(images/main_con_bg.jpg) repeat-x; height:180px; width:163px; padding:3px 10px 10px 14px;line-height:16px;} #con_products .con_product_2 p a {text-decoration:underline;} #con_products .con_product_2 p span {width:163px; height:50px; font-size:18px; background:url(images/main_con_range2.jpg) top right no-repeat; float:left; line-height:50px;} /* con_product_3 */ #con_products .con_product_3 {width:187px; padding-left:20px; float:left;} #con_products .con_product_3 p {background:url(images/main_con_bg.jpg) repeat-x; height:180px; width:163px; padding:0 10px 10px 14px;line-height:16px;} #con_products .con_product_3 p a {text-decoration:underline;} #con_products .con_product_3 p span {width:163px; height:50px; font-size:18px; background:url(images/main_con_range3.jpg) top right no-repeat; float:left; line-height:50px;} /* Contents_News */ #con_news {width:260px; height:390px; background:url(images/main_news_bg.jpg) repeat-y; float:right;overflow:hidden;} #con_news p {margin:14px 10px 0 22px; background:url(images/dot.jpg) bottom repeat-x; line-height:18px;} /* Bottom */ #bottom {width:900px; height:72px; margin:0 auto; padding-top:12px;} /*#bottom ul { float:right; width:450px;}*/ #bottom ul { margin:0 auto; width:650px;} #bottom a {font-size:11px; color:#ccc;} #bottom ul li {float:left; padding:0 5px; font-size:11px; color:#ccc;} #bottom ul li a {font-size:11px; color:#ccc;} #bottom p { float:left; width:300px; font-size:11px; color:#ccc; padding-left:8px;} #bottom p a {font-size:11px; color:#ccc; text-decoration:underline;} /* sub */ #subpage {width:900px; height:auto; background:#FFF;} #subpage .subimg img {border-bottom:#E3231C 7px solid;} #breadscrumb {width:850px; height:37px; background:url(images/dot.jpg) bottom repeat-x; padding:0 30px 0 20px; line-height:37px; background-color:#FFF;} #breadscrumb span {padding:0 5px 0 5px; /*background:url(images/arrow.jpg) right 4px no-repeat;*/} .B_currentCrumb { font-weight:bold; } #wrap_subpage {padding:25px 25px 80px 25px; width:850px; height:inherit;background-color:#FFF;} #wrap_subpage h3 {font-size:20px; color:#000; font-weight:bold; line-height:35px; vertical-align:top;} #wrap_subpage strong {font-size:16px; color:#000; line-height:35px; vertical-align:top;} #wrap_subpage h1 {font-size:16px; color:#000; line-height:35px; vertical-align:top;} #wrap_subpage h2 {font-size:14px; color:#000; line-height:18px;} #wrap_subpage p {font-size:14px; color:#333; line-height:18px;} #wrap_subpage b {font-size:14px; color:#333; line-height:18px;} #wrap_subpage ul {padding-left: 20px;} #wrap_subpage li {font-size:14px; color:#333; line-height:18px; list-style:disc;} #wrap_subpage img {float:left; border:#999999 7px solid;} /* sub_menu - product1 */ #wrap_subpage .pro_list1 {width:850px; padding-bottom:30px; } #wrap_subpage .pro_list1 p {float:right; width:550px;} #wrap_subpage .pro_list1 p span {font-size:20px; color:#000; line-height:35px;} /* sub_menu - product2 */ #wrap_subpage .wrap_pro_list2 {width:850px; height:370px; background:url(images/dot.jpg) 0 350px repeat-x;} #wrap_subpage .pro_list2 {width:215px; float:left;} #wrap_subpage .pro_list2 p {font-size:12px; color:#333; line-height:16px; margin:0 5px; width:185px; } #wrap_subpage .pro_list2 img {margin:7px 0;} #wrap_subpage .pro_list2 span {font-size:20px; color:#000; line-height:35px; background:url(images/title_product_bg.jpg) repeat-x;width:185px; height:36px; color:#FFF; display:block; padding-left:10px;} /* sub_menu - product3 */ #gallery {width:420px; float:left;} #gallery p {font-size:15px; line-height:40px;float:left;} #gallery span img {margin:10px 10px 0 0;} #detail {width:420px; float:right;} #detail h4 {font-size:20px; color:#FFF; height:36px; line-height:36px; background:url(images/title_product_bg.jpg) repeat-x; padding-left:10px;} #detail p, #detail strong {padding-left:7px;} /* sub_menu - Installation */ .install {width:850px; background:url(images/arrow2.jpg) top right no-repeat;} .install h4 {width:827px; font-size:16px; color:#FFF; height:30px; line-height:30px; background:url(images/title_install_bg.jpg) repeat-x; padding-left:10px;} .install p {width:650px; font-size:14px; color:#000;line-height:20px; padding:15px 0 20px 10px; float:left;} .install p span {font-weight:bold; background:url(images/ico_pdf2.jpg) left no-repeat; padding:33px; height:50px; line-height:50px;} /* sub_menu - What's new */ .wrap_what {width:850px;} .whatsnew {width:712px; background:url(images/arrow2.jpg) top right no-repeat; float:left;} .whatsnew h4 {width:689px; font-size:16px; color:#FFF; height:30px; line-height:30px; background:url(images/title_install_bg.jpg) repeat-x; padding-left:10px;} .whatsnew p {width:650px; font-size:14px; color:#000;line-height:20px; padding:10px 0 20px 10px; float:left;} #news_detail {width:840px;} #news_detail h4 {font-size:20px; color:#FFF; height:36px; line-height:36px; background:url(images/title_product_bg.jpg) repeat-x; padding-left:10px;} #news_detail p {padding:10px 0 20px 7px;} #news_detail a {font-size:14px; color:blue;} /* sub_menu - Sitemap */ .sitemap ul li {list-style:disc; margin-left:20px;} .sitemap ul li a {font-size:16px; color:#333; line-height:30px; font-weight:bold;} /* sub_menu - contact */ #contact {width:550px; float:left;} #contact a {text-decoration:underline; font-size:14px;} #contact_form {width:300px; float:right;} #contact_form fieldset {width:260px; border:1px solid #CCC; padding:10px 0 20px 25px;} #contact_form fieldset legend {font-size:13px; font-weight:bold;} #contact_form fieldset p {float:right; color:#F00; font-size:11px; padding-right:31px;} #contact_form fieldset input, #contact_form fieldset select {width:230px; height:20px; border:1px solid #CCC; background:#FFF; vertical-align:middle;} #contact_form fieldset label {line-height:20px; font-weight:bold; color:#666; vertical-align:middle; } #contact_form fieldset label span {color:#F00; font-weight:normal;} #contact_form fieldset textarea {width:230px; height:70px; border:1px solid #CCC; background:#FFF;} #contact_form fieldset button {width:65px; height:26px; border:1px solid #CCC; background:#333; color:#FFF;} /* sub_menu - stockists */ #stock_form {width:850px;} #stock_form p {padding-bottom:20px;} #stock_form fieldset {width:400px; border:1px solid #CCC; padding:10px 0 20px 25px;} #stock_form fieldset legend {font-size:13px; font-weight:bold;} #stock_form fieldset p {float:right; color:#F00; font-size:11px; padding-right:31px;} #stock_form fieldset input, #stock_form fieldset select {width:380px; height:20px; border:1px solid #CCC; background:#FFF; vertical-align:middle;} #stock_form fieldset label {line-height:25px; font-weight:bold; color:#666; vertical-align:middle; } #stock_form fieldset label span {color:#F00; font-weight:normal;} #stock_form fieldset textarea {width:380px; height:100px; border:1px solid #CCC; background:#FFF;} #stock_form fieldset button {width:65px; height:26px; border:1px solid #CCC; background:#333; color:#FFF;} /* Pagination for products */ #pagination div{ float: left; padding-left:5px; } /*---------------------------------- JQUERY LIGHTBOX -----------------------------------------*/ /** * jQuery lightBox plugin * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/) * and adapted to me for use like a plugin from jQuery. * @name jquery-lightbox-0.5.css * @author Leandro Vieira Pinho - http://leandrovieira.com * @version 0.5 * @date April 11, 2008 * @category jQuery plugin * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com) * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin */ #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; } #lightbox-nav-btnPrev { left: 0; float: left; } #lightbox-nav-btnNext { right: 0; float: right; } #lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; } #lightbox-container-image-data { padding: 0 10px; color: #666; } #lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; } #lightbox-image-details-caption { font-weight: bold; } #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; } #lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; } /* For sildeshow #mainimg a { display:block; width: 900px; height: 290px; top:0; left:0; } */ /* Jquery - IE: slideshow displays briefly when the page loads */ #mainimg .mainimg1 a { display: none } #mainimg .mainimg1 a img.goto { display: block } #hiddenpromo { display: none; } #isolitepromobtn {width:260px; float:right;overflow:hidden;} #isolitepromo {width: 874px; height: 620px; }