body { margin: 0px; line-height: 15px; background-color:#082b4d; } body a:link { color: #0b639d; text-decoration: underline; } body a:visited { color: #0b639d; text-decoration: underline;} body a:hover { color: #666666; text-decoration: none; } form { margin:0px; padding:0px; } input[type="text"],input[type="password"],textarea,select { border:1px #CCCCCC solid; padding:4px; } img { border:none; } /* layout */ #headercontainer { background-image:url(media/headerback.jpg); height:169px; border-bottom:12px #082b4d solid; min-width:1000px; } #header { position: relative; width:960px; margin-left:auto; margin-right:auto; height:169px; } #tag { position:absolute; right:0px; top:87px; font-size:18px; font-family: "myriad-pro",sans-serif; font-style: normal; font-weight: 400; color:#082b4d; } #tag strong { color:#0b639d; } #header #social { right:0px; top:132px; position:absolute; width:200px; font-size:19px; font-family: "myriad-pro",sans-serif; font-style: normal; font-weight: 400; color:#044c7b; line-height:28px; z-index:101; } #header #social a:hover img { zoom: 1; filter: alpha(opacity=50); opacity: 0.5; } #header #social img { float:left; margin:0 4px 0; } #flipbooksexpirenotice { position: relative; margin-left: auto; margin-right: auto; background-color:#fee226; font-size:15px; padding:20px; text-align: center; line-height:normal; font-weight:bold;} #flipbooksexpirenotice img { vertical-align: middle; margin:-5px 10px 0 0; } #toplinks { position:absolute; top:22px; right:0; color:#0b639d; line-height:21px; } #toplinks img { vertical-align:middle; margin:0 3px 0 10px; } #toplinks #cartinfo { float:left; position:relative; } #toplinks #cartinfo a { text-decoration:none !important; color:#0b639d; } #toplinks #cartinfo #changecurrency { position:absolute; padding:3px; right:0px; border:1px #CCCCCC solid; z-index:99; background-color:#FFFFFF; width:120px; display:none; top:25px; } #toplinks #cartinfo #changecurrency img { margin:0 2px 0; } #currentcurrency { color: #999999; } #changecurrency p { text-align:center; } #changecurrency img { border:0px; margin-right:3px; } #toplinks #memberinfo { float:left; margin-left:20px; } #nav { position:absolute; bottom:1px; z-index:102; } #navigationtop { padding: 0; margin: 0; list-style: none; font-family: "myriad-pro",sans-serif; font-style: normal; font-weight: 400; font-size:16px; } #navigationtop a { color:#082b4d; text-decoration:none; width:120px; display:block; height:38px; line-height:35px; text-align:center; background-image:url(media/navback.jpg); border:1px #FFFFFF solid; border-top-left-radius:7px; border-top-right-radius:7px; margin:0 2px 0; -webkit-box-shadow: 0px -2px 4px 2px rgba(0, 0, 0, .2); box-shadow: 0px -2px 4px 2px rgba(0, 0, 0, .2); } #navigationtop #topnav0 a { width:145px; } #navigationtop #topnav3 a { width:105px; } #navigationtop li { float: left; position: relative; } /*#navigationtop li#topnav4 a, #navigationtop li#topnav5 a { background-image:url(media/navbackblue.jpg); color:#FFFFFF; border:1px #0e426d solid; } */ #navigationtop li:hover a, #navigationtop li.sfHover a { color:#ffffff; background-color:#082b4d; background-image:none !important; border:1px #082b4d solid; } #navigationtop a.sf-with-ul { background-image:url(media/standard/dropdown.png); padding-right:10px; background-position:right; background-repeat:no-repeat; } /* banner container */ #bannercontainer { margin:20px 0; height:280px; background-image:url(media/bannerback.jpg); border-top:1px #2e5d83 solid; border-bottom:1px #2e5d83 solid; padding:1px; position:relative; min-width:1000px;} #turtle { position:absolute; width:434px; height:338px; left:666px; top:-87px; background-image:url(media/turtle.png); z-index:99; } @media only screen and (max-width: 1000px) { #turtle { display:none; } } #banner { width:960px; margin-left:auto; margin-right:auto; position:relative; } #banner .promo { background-color:#082b4d; border-radius:10px; height:200px; padding:20px; float:left; margin:20px 0; font-family: "myriad-pro",sans-serif; font-style: normal; font-size:17px; color:#FFFFFF; line-height:20px; position:relative; } #banner .promo .corner { background-image:url(media/promocorner.jpg); width:78px; height:88px; position:absolute; right:0; bottom:0; } #banner .promo a:link, #banner .promo a:visited { color:#FFFFFF; } #banner #promo1new { position:absolute; margin-top:-35px; margin-left:-40px; top:0; left:0; } /* main container */ #containercontainer { background-image:url(media/containerback.jpg); min-width:1000px; } #fishback { position:absolute; width:100%; overflow:hidden; min-width:1000px; } #fishback img { width:100%; } #container { width: 960px; position: relative; margin-left: auto; margin-right: auto; background-color:#FFFFFF; border-top-left-radius:7px; border-top-right-radius:7px; } #content { padding:0 0 20px 0; min-height:600px; } #footercontainer { border-top:12px #066291 solid; position:relative; background-color:#082B4D; } #footer { width:960px; margin-left:auto; margin-right:auto; padding-top:23px; color:#6182a1; position:relative; } #footer #footerlogo { margin-right:29px; vertical-align:bottom; } #footer #footerlinks { position:absolute; left:180px; top:50px; } #footer #footersocial img { vertical-align:middle; } #footer #footersocial { position:absolute; left:672px; top:33px; font-size:19px; } #footer #footersocial #ausmade { margin-left:20px; } #footer p { margin:20px 0; line-height:17px; } #footer a:link { color: #a4cfe0; text-decoration: none; } #footer a:visited { color: #a4cfe0; text-decoration: none; } #footer a:hover { color: #a4cfe0; text-decoration: none; } #footer a:hover img { zoom: 1; filter: alpha(opacity=50); opacity: 0.5; } #credit { position:absolute; right:0; bottom:0; } /* page / component specific */ /* generic columns */ #column1 { width:180px; float:left; padding:10px 10px 10px 20px; margin-right:20px; position:relative; } #column1 .subnav h2 { } #column1 .subnav ul { font-weight:bold; list-style-type:square; margin-left:15px; padding:0; } #column1 .subnav li { text-align:left; margin-top:8px; margin-bottom:8px; border-bottom:1px #CCCCCC dotted; padding-bottom:8px; } #column1 .subnav li.selected a:link, #column1 .subnav li.selected a:visited { color:#666666; font-weight:bold; } #column1 .subnav li a:hover { color:#666666; } #column2 { padding:10px 20px 0 0; overflow:hidden; } #singlecolumn { padding:10px 10px 10px 20px; margin:5px 0 0 0; } #singlecolumn h1.big { margin:-10px -10px 10px -20px; } #content #containerdescription .field { width:760px; } /* news */ #news .list { } #news .list h2 { margin-bottom:2px; } #news .list .publishdate { color:#999999; } #news .item-images { float:left; width:220px; } #news .item-images img { margin-bottom:10px; } #news .item-content { overflow:hidden; } #news .item-content h1 { margin-bottom:5px; } #news .item-content .publishdate { color:#999999; } #news .categories { } #news .categories p { float:left; width:150px; } #news .categories em { color:#999999; font-style:normal; } #news .categories strong a { color: #FF0000 !important; } .sidenews .categories { display:none; } .sidenews .publishdate { display:none; } .sidenews .recordcount { display:none; } .sidenews .pagination { display:none; } .sidenews .noitems { display:none; } #news #mostpopular h1 { display:none; } #news #mostpopular .viewcount { display:inline; } #news #mostpopular .pagination { display:none; } #news #mostpopular .recordcount { display:none; } #news #mostpopular .description { display:none; } #news #mostpopular .publishdate { display:none; } #news #mostpopular h2 { font-size:12px; margin-bottom:3px; } #news #mostpopular { list-style-type:decimal; } #news #mostpopular .list { display:list-item; list-style-type:square; margin-left:15px; margin-bottom:5px; } /* enews */ /* #formenews { height:280px; position:relative; } #formenews .fieldlabel { float:left; width:100px; } #formenews #containerfirstname { position:absolute; top:30px; width:300px; } #formenews #containerlastname { position:absolute; top:30px; width:300px; left:280px; } #formenews #containeremail { position:absolute; top:55px; width:300px; } #formenews #containermobile { position:absolute; top:55px; width:300px; left:280px; } #formenews #containerphone { position:absolute; top:85px; width:300px; } #formenews #containeraddress { position:absolute; top:85px; width:300px; left:280px; } #formenews #containercity { position:absolute; top:115px; width:300px; } #formenews #containercountry { position:absolute; top:115px; width:300px; left:280px;} #formenews #containerstate { position:absolute; top:140px; width:300px; } #formenews #containerpostcode { position:absolute; top:140px; width:300px; left:280px; } #formenews #containerdob { position:absolute; top:165px; width:300px; } #formenews #containersource { position:absolute; top:165px; width:300px; left:280px; } */ #formenews select { width:200px; } /* polls */ #quickpoll { position:relative; min-height:100px; } #quickpoll .button { font-size:12px; } /* products */ .fbbookicon { width:75px; height:59px; background-image:url(media/flipbooksicon.png); position:absolute; right:-5px; top:-10px; } .fbbookiconprint { width:75px; height:59px; background-image:url(media/flipbooksicon-print.png); position:absolute; right:-5px; top:-10px; } #products .recordcount { margin:0 0 20px 0; } #products .catlist { float:left; width:200px; height:220px; margin-right:20px; } #products .catlist .image { width:200px; height:140px; background-color:#e6e6e6; overflow:hidden; } #products .catlist h2 { margin:3px 0 3px 0; } #products .list { float:left; width:150px; margin-right:20px; position:relative; min-height:420px; } #products .list p { margin-top:4px; margin-bottom:4px; } #products .list h2 { margin-top:5px; margin-bottom:8px; font-size:15px; line-height:16px; text-align:left; } #products .list h2 a { text-decoration:none !important; } #products .list h3 { margin-top:1px; margin-bottom:1px; color: #FF0000; font-weight:bold; } #products .list h4 { margin-top:1px; margin-bottom:1px; } #products .item-images { float:left; width:220px; } #products .item-images img { margin-bottom:10px; } #products .item-content { overflow:hidden; } #products #ausmade { position:absolute; right:20px; top:120px; } #products .item-content #price h3 { color: #FF0000; font-weight:bold; margin-top:3px; margin-bottom:3px; } #products .item-content #price .label { width:50px; } #products .item-content #price h4 { font-weight:bold; margin-top:13px; margin-bottom:13px; font-size:15px; color:#0B639D } #products .item-content #price #subproducts { margin-top:10px; margin-bottom:10px; } #products .item-content #price #addtocartbutton { clear:both; margin-top:5px; } #products .related { float:left; width:100px; margin-bottom:20px; margin-right:10px; } #products .related h2 { margin-top:1px; margin-bottom:1px; font-weight:bold; font-size:12px; } #products .related h3 { margin-top:1px; margin-bottom:1px; color: #FF0000; font-weight:bold; font-size:12px; } #products .related h4 { margin-top:1px; margin-bottom:1px; } #products .item-content h3 { margin-bottom:3px; } #products .item-content .intro { font-size:16px !important; line-height:22px !important; color:#999999 !important; } #featuredproducts h2 { text-align:center; } #featuredproducts { margin-top:10px; padding:0 53px 0 53px; } #featuredproducts .noitems { display:none; } #featuredproducts h1 { display:block; padding:10px; background-color:#f5f5f3; margin-bottom:0px; } #featuredproducts .recordcount { display:none; } #featuredproducts .list { float:left; width:101px; height:400px; padding: 0 13px 0 13px; margin:0 14px 0 0; border-right:1px #c2cfdd solid; min-height:350px; position:relative; } #featuredproducts .list img { width:100px; } #featuredproducts .list .text { float:left; width:355px; } #featuredproducts .list p { margin-top:4px; margin-bottom:4px; } #featuredproducts .list h2 { margin-top:5px; margin-bottom:8px; font-size:13px; line-height:16px; text-align:left; } #featuredproducts .list h2 a { text-decoration:none !important; } #featuredproducts .list h3 { margin-top:1px; margin-bottom:1px; color: #FF0000; font-weight:bold; } #featuredproducts .list h4 { margin-top:1px; margin-bottom:1px; } #featuredproducts .list .button { position:absolute; bottom:30px; } #featuredproducts .pagination { display:none; } #featuredproducts .line { margin-left:-33px; width:921px; height:12px; border-radius:3px; background-color:#c2cfdd; } /* cart */ /* changes to below styles should be replicated into email.css */ #cart table.list { width:100%; } #cart .list {margin-bottom:0px; } #cart .list th { padding:2px 5px 2px 5px; padding:2px 5px 2px 5px; } #cart .list tr { height:30px; } #cart .list td { padding:2px 5px 2px 5px; } #cart .list .totals { font-weight:bold; height:30px; } #cart .list .totalsfigure { font-size:14px; text-align:right; } #cart .list .leftborder { } #cart .list h3 { font-size:12px; font-weight:bold; margin-bottom:3px; } #cart .list p { margin-bottom:3px; } #cart #formshipping .label { width:45px; } #cart #shippingarrow { position:absolute; right:-5px; z-index:2; margin-top:-7px; } #cart #formshipping { position:absolute; right:4px; top:-34px; padding:5px; background-color:#e6e6e6; border:1px #8f8484 solid; z-index:1; min-width:230px; } #cart #formshipping select { font-size:11px; } #cart #addpromotion { margin-top:10px; } #cart th.cartcol1 { width:90px; border-bottom:1px #CCCCCC solid; } #cart th.cartcol2 { border-bottom:1px #CCCCCC solid; text-align:left; } #cart th.cartcol3 { width:50px; text-align:center; border-bottom:1px #CCCCCC solid; } #cart th.cartcol4 { width:50px; text-align:center; border-bottom:1px #CCCCCC solid; } #cart th.cartcol5 { width:60px; text-align:right; border-bottom:1px #CCCCCC solid; } #cart td.cartcol1 { border-bottom:1px #CCCCCC solid; padding-top:8px; padding-bottom:8px; } #cart td.cartcol2 { border-bottom:1px #CCCCCC solid; padding-top:8px; padding-bottom:8px; font-size:14px;} #cart td.cartcol2 a { text-decoration:none; padding-top:8px; padding-bottom:8px; } #cart td.cartcol3 { text-align:center; border-bottom:1px #CCCCCC solid; padding-top:8px; padding-bottom:8px; } #cart td.cartcol4 { text-align:center; border-bottom:1px #CCCCCC solid; padding-top:8px; padding-bottom:8px; font-size:14px; } #cart td.cartcol5 { text-align:right; border-bottom:1px #CCCCCC solid; padding-top:8px; padding-bottom:8px; font-size:14px; font-weight:bold; } #cart td.cartcol3 a.updatelink:link, #cart td.cartcol3 a.updatelink:visited { text-decoration:none; color:#999; } #cart td.cartcol3 a.updatelink:hover { text-decoration:underline; } #vieworder { margin-bottom:10px; } #vieworder #detailscolumn1 { float:none; margin-left:-2px; padding-left:0px; border-right:1px #e6e6e6 solid; width:250px; padding-top:0px; } #vieworder #detailscolumn1 table td { padding:2px; } #vieworder #detailscolumn2 { padding-left:20px; float:none; } #vieworder #detailscolumn2 table td { padding:2px; } #continueshop.button { float:right; margin-right:10px; margin-top:10px; } #checkout.button { float:right; margin-right:60px; font-size:18px; line-height:22px; margin-top:10px; } #promotionscontainer { border-top:1px #CCCCCC solid; margin-right:60px; margin-top:20px; } #promotionscontainer .list th { text-align:left; } #promotionscontainer .list .promocol1 { width:10px; } #promotionscontainer .list .promocol1 p { margin-top:5px; } #promotionscontainer .list .promocol2 { } #promotioncodeimage { float:left; margin-right:10px; width:75px; } #promotionscontainer h2 { margin-bottom:8px; } #promotionscontainer h3 { margin-top:0; } #promotionscontainer #containercode { float:left; margin-top:-2px; margin-right:10px; } #promotionscontainer .promotiondetails { display:none; } #promotionscontainer .errors { margin-left:85px; } /* cart / checkout header */ .carticon { margin-top:20px; } .carticon img { float:left; margin-right:10px; } .carticon h1 { line-height:40px; margin-top:0px; margin-bottom:-10px; } .carticon#loginintoaccount { height:70px; overflow:hidden;} /*checkout - steps is shared with com_members */ #cart .field h2 { margin-left:-104px; display:block; width:150px; } #cartsteps { padding:20px 0; } #cartsteps .step { padding:3px 8px 5px 1px; margin-right:20px; float:left; } #cartsteps .step h1 { margin-bottom:3px; color:#cccccc; display:inline; } #cartsteps .step p, #cartsteps .step p a { margin-left:5px; color:#cccccc !important; text-decoration:none; display:inline; } #cartsteps .step.selected h1, #cartsteps .step.selected p, #cartsteps .step.selected p a { color:#0B639D !important; font-weight:bold; } #cartsteps .step.selected { border-bottom:4px #0B639D solid; } /* checkout - step 2 */ #cart .errors { margin-top:0; } #cart #containershiplastname,#cart #containerbilllastname { position:absolute; margin-top:-30px; margin-left:360px; } #cart #containershipaddress2, #cart #containerbilladdress2 { position:absolute; margin-top:-30px; margin-left:360px; } #cart #containershipstate, #cart #containerbillstate { position:absolute; margin-top:-30px; margin-left:360px; } #cart #orderscartcontainer #containermethod { position:absolute; margin-top:-30px; margin-left:360px; } #cart #containerbilldetailssame { position:relative; height:30px; } #cart #containerbilldetailssame .field { position:absolute; left:0px; } #cart #containerbilldetailssame .label { position:absolute; left:30px; width:300px; top:3px; } #cart #containercommentsheader p { margin-left:-104px; } #cart #containercomments .field { margin-left:-104px; } #cart #containercomments textarea { width:485px; height:40px; } #cart #containersubscribed .field br { display:none; } #checkoutoptions ol li { font-size:16px; margin-top:10px; } /* payment form */ #paymentform .column1 { width:30px; float:left; } #paymentform #creditcardform { margin-bottom:10px; } #paymentform .column2 { float:left; } #paymentform .column2 h2 { margin-top:0px; } #paymentform { margin-bottom:20px; } #paymentform #formcreditcardform { margin-bottom:20px; } #paymentform #surchargestatement { color: #FF0000; } #paymentform #containermysurcharge { display:none } #paymentform .errors { margin-top:10px; } /* members */ #members .myflipbooks { width:140px; margin:10px 40px 0 0; float:left; position:relative; font-size:11px; line-height:14px; } #members .myflipbooks:nth-child(5n + 1) { clear:both; } #members .myflipbooks.moreusers { height:400px; } #members .myflipbooks .numberofusers { display:none; } #members .myflipbooks .numberofusers input { margin:5px 0 5px 0; } #members .myflipbooks a { text-decoration:none !important; } #members .myflipbooks .grey { font-size:10px; } #members .myflipbooks img { margin:0 0 10px 0; } #members .myflipbooks .fbbookicon, #members .myflipbooks .fbbookiconprint { right:-20px; top:-20px; } #members .myflipbooks .extras { line-height:20px; font-size:13px; } #members .myflipbooks .extras img { vertical-align:middle; margin:0px 5px 0 0; } #members #cartcreateaccount .errors { margin-top:0; } #members #containersubscribed .field br { display:none; } #navigationmember { margin:0px; padding:0px; margin-bottom:10px; height:30px; border-bottom:1px #CCCCCC solid; } #navigationmember li { float:left; margin-right:20px; list-style-type:none; } #formresetpassword .label { width:150px; } #members #formresetpassword #containerconfirmpassword { margin-left:350px; } #members #wishlist .list { margin-bottom:10px; padding:5px 5px 10px 5px; border-bottom:1px #CCCCCC dotted; } #members #wishlist .list .image { float:left; margin-right:10px; } #members #wishlist .list .description { display:none; } #members #wishlist .list p { margin-top:4px; margin-bottom:4px; } #members #wishlist .list h2 { margin-top:0px; margin-bottom:8px; } #members #wishlist .list h2 a { text-decoration:none; } #members #wishlist .list h3 { margin-top:1px; margin-bottom:1px; color: #FF0000; font-weight:bold; } #members #wishlist .list h4 { margin-top:1px; margin-bottom:1px; } #members #containersubscribed { margin:5px 0 5px 0; } #memberslogin input[type="text"], #memberslogin input[type="password"] { width:150px; } #members #logincol1 { width:300px; float:left; border-right:1px #CCCCCC solid; padding-right:20px; margin-right:20px; } #members #logincol2 { width:300px; float:left; } #members select { width:200px; } #members #containerlastname { position:absolute; margin-top:-30px; margin-left:310px; } #members #containerlastname .label { width:120px; } #members #containerconfirmpassword { position:absolute; margin-top:-30px; margin-left:310px; } #members #containerconfirmpassword .label { width:120px; } #members #containerphone { position:absolute; margin-top:-30px; margin-left:330px; } #members #containeraddress2 { position:absolute; margin-top:-30px; margin-left:330px; } #members #containerpostcode { position:absolute; margin-top:-30px; margin-left:330px; } #members #containerstate { position:absolute; margin-top:-30px; margin-left:330px; } #members #fieldrememberme\[\] br { display:none; } #members #fieldrememberme\[\] input { margin-left:-1px; margin-right:10px; } #members #forgotpassword #containeremail { margin-bottom:10px; } #members #forgotpassword #labelemail { width:50px; margin-top:3px; } #members #cartforgotpassword { position:relative; margin-top:-30px; margin-left:70px; } #members .field { position:relative; } #members .field .flashloader { left:0; position:absolute; } /* members - messaging */ #navigationmessagenav, #navigationmessagenav ul { padding: 0; margin: 0 10px; list-style: none; border:1px; float:left; } #navigationmessagenav li a { display:block;color:#666666; text-decoration:none; width:90px; position: relative; padding:5px; border-bottom:1px #e6e6e6 solid; border-left:1px #e6e6e6 solid; border-right:1px #e6e6e6 solid; border-top:1px #e6e6e6 solid; margin-top:-1px; } #navigationmessagenav li:hover a { background-color:#ffffff; } #navigationmessagenav li.selected a { background-color:#e6e6e6; font-weight:bold; } #members #messagebox { border:1px #e6e6e6 solid; padding:10px; min-height:400px; float:left; width:530px; } #members #messagebox #boxheader { padding:5px 10px 5px 10px; background-color:#efefef; margin-bottom:10px; margin-top:-2px; margin-right:1px; } #members #messagebox th { text-align:left; background-color:#efefef; border-top:1px dotted #cccccc; border-bottom:1px dotted #cccccc; padding:8px 3px 8px 10px; } #members #messagebox td, th { padding:5px 3px 5px 10px; border-bottom:1px dotted #cccccc; } #members #messagebox td { color: #333; } #members #messagebox tr:hover { background-color:#efefef; } #members #messagebox tr.unread td { font-weight:bold; color:#000000; } #members #formmessage textarea { height:80px; width:400px; } #members .threadlist { border-top:1px dotted #cccccc; margin-top:10px; padding:10px; } #members .threadlist h2 { margin-bottom:4px; margin-top:5px; } #members .threadlist h3 { margin-bottom:4px; margin-top:2px; } #members .threadlist h4 { margin-bottom:4px; margin-top:2px; font-weight:bold; color:#cccccc; } /*reviews */ #reviews #heading { float:left; width:80px; } #reviews #rating { float:left; width:150px; margin-top:10px; } #reviews #total { float:left; width:220px; } #reviews #lodge { float:left; width:100px; } #reviews .yes { height:22px; background-image:url(media/standard/yes.gif); width:43px; overflow:hidden; float:left; background-repeat:no-repeat } #reviews .yes:hover { background-position:0px -25px; } #reviews .no { height:22px; background-image:url(media/standard/no.gif); width:43px; overflow:hidden; float:left; background-repeat:no-repeat } #reviews .no:hover { background-position:0px -25px; } #reviews table { width:100%; } #reviews table td { border-bottom:1px #CCCCCC solid; padding:6px 10px 3px 0px; } #reviews .posted { width:120px; } #reviews .description { width:250px; } #reviews .description h3 { margin-top:0px; margin-bottom:2px; } #reviews .description p { margin-top:0px; } #reviews .description .founduseful { color:#999999; } #reviews .useful { width:90px; font-size:9px; color:#999999; } #reviews .useful p { margin-bottom:0px; margin-top:0px; } #reviews .longdesc { display:none; top:0px; } /* review form */ #reviewitem { float:left; width:100px; border-right:1px #e6e6e6 solid; margin-left:20px; padding-right:20px; margin-right:20px; } #reviewform { float:left; } #stars { float:right; margin-left:10px; } /* banners */ .banner2 { margin-top:10px; } .banner1 { margin-bottom:10px; } #banner1 { width:600px; position:relative; overflow:hidden; margin-bottom:5px; } .rotator { list-style:none; padding:0px; margin:0; position:relative; width:5000px; } .rotator li { float:left;margin-bottom:0; list-style-type:none; padding-left:0; margin-bottom:0; } /* change these to absolute positioned on top of each other for effects like "fade", and li.slideShowItemActive below. */ .rotatorhelper { list-style:none; padding:0; position:absolute; margin-left:5px; margin-top:0px; z-index:1; list-style-type:none; bottom:0px; } .rotatorhelper li { float:left; background-color:#999999; width:10px; height:10px; margin-right:4px; cursor: pointer; } li.rotatorhelperActive { background-color:#cccccc; } /*.rotator li.slideshowItemActive { z-index: 1; }*/ #contact .label { width:130px; } /* documents */ #documents .list { width:250px; margin:10px 10px 10px 0; float:left; display:inline-block; font-size:18px; } #documents .list div { display:none; font-size:12px; line-height:16px; margin-top:5px; } .documentslisting strong { display:block; margin:10px 0 3px 0; } .documents { border-bottom:1px #cccccc solid; margin:0 0 10px 0; } .documents .item-image { width:200px; float:left; margin:0 20px 0 0; } .documents .item-content { width:600px; float:left; } .documents .item-content h3 { margin-bottom:5px; } .documents .item-content h3 a:link, .documents .item-content h3 a:visited { text-decoration:none; } .documents .item-content table { display:none; } /* free */ #free1 { width:520px; float:left; padding: 10px 10px 10px 20px; } #free2 { width:380px; float:left; padding: 10px 10px 10px 20px; margin:40px 0; } #free2 h2 { margin-bottom:5px; } #free2 a { margin:0 10px 10px 0; display:inline-block; text-decoration:none; } #free2 a:nth-child(2n) { margin-right:0; } /* jquery ui */ .ui-widget-header { background-image:none !important; background-color:#CCC !important; border:none !important; } .ui-state-default, .ui-widget-content .ui-state-default { color:#333333; } .ui-tabs { margin-bottom:10px; } .ui-tabs-nav li { padding-bottom:2px !important; } .ui-tabs .ui-tabs-nav .step { display:block; text-align:center; font-size:11px; } .ui-state-active { border:1px #00a8e5 solid !important; } .ui-state-active a, .ui-state-active a:link, .ui-state-active { color:#00a8e5 !important; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color:#666666; } .ui-tabs-panel { min-height:250px; } .ui-dialog-content { min-height:40px !important; } /* buttons and forms */ .breadcrumbs { margin:5px 0 10px 0; padding:0 0 10px 0; border-bottom:1px #C2CFDD solid; color:#666; } .label { float:left; width:100px; padding:2px; margin:0px; } .field { float:left; padding:2px; margin:0px; } /* button old - jquery .button { font-size:12px; font-weight:bold;display: block; position: relative; background:#333333; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; background-image: url(media/standard/shade.png); background-position:bottom; margin-right:5px; margin-bottom:5px; } .button * { font-style: normal; background-image: url(media/standard/btn2.png); background-repeat: no-repeat; display: block; position: relative; } .button i { background-position: top left; position: absolute; margin-bottom: -5px; top: 0; left: 0; width: 5px; height: 5px; } .button span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; } .button span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; } .button span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; } .button a:link, .button a:visited { background-image:none; text-decoration:none; color: #FFFFFF; } .button:hover { background-color:#ff0000; } */ a.button, .button a { display:inline-block; font-family: "myriad-pro",sans-serif; font-style: normal; font-weight: 400; font-size:16px; background-image:url(media/buttonback.jpg); border:1px #FFFFFF solid; border-radius:5px; color:#082b4d !important; text-align:center; height:30px; line-height:30px; text-decoration:none !important; text-align:center; padding:0 20px 0 20px; margin:10px 0 10px 0; -webkit-box-shadow: 0px 1px 4px 2px rgba(0, 0, 0, .2); box-shadow: 0px 1px 4px 2px rgba(0, 0, 0, .2); } .button.arrow { text-align:left; } a.button:hover, .button a:hover { box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 5px #333; border:1px #1bb6cb solid; -webkit-box-shadow:none; box-shadow:none; color:#0b7eab !important; } .button a:link, .button a:visited { color:#FFFFFF; text-decoration:none; } .button.small { font-size:12px; } .textareacounter { font-size:10px; color: #999999; margin-top:3px; } /* pagination */ .pagination { float:none; text-align:center; height:30px; line-height:30px;} .paginationnext { padding:3px; font-weight:bold; } .paginationprev { padding:3px; font-weight:bold; } .paginationcurrent { padding:3px; font-weight:bold; color:#FF0000; text-decoration:underline; } .paginationlink { padding:2px; } .pagination a:link, .pagination a:visited { color:#666666; text-decoration:none; } .pagination a:hover { color:#e6e6e6; text-decoration:none; } /* contentarea */ #adminlink { background-color:#0066CB; margin-top:1px; position:relative; padding:5px; color:#FFFFFF; position:absolute; width:100%; z-index:99; } #adminlink img { float:left; margin-right:5px; } #adminlink a:link, #adminlink a:visited { color: #FFFFFF; } #adminlink a:hover { color: #f2f7fc; } .editable { border:1px #FF0000 dotted; position:relative; margin-top:20px; min-height:20px; } .editableoptions { position:absolute; top:-20px; } /* datagrid */ .datagrid { width:100%; } .datagrid td { } .datagrid .searchform { font-size:10px; } .datagrid .searchform input[type="button"] { font-size:10px; } .datagrid .searchform input[type="text"] { font-size:10px; width:60%; } .datagrid .searchform select .searchvalue { font-size:10px; width:60%; } .datagrid .searchform select { font-size:10px; } .datagrid .criteria p { margin-top: 3px; margin-bottom:3px; } .datagrid .criteria { position:absolute; top:30px; right:0px; height:100px; width:300px; overflow:auto; display:none; background-color:#f6f6f6; border:1px #cccccc solid; } .criteria select { width:95px;} .datagrid .addcriteria { background-color:#f6f6f6; text-align:left; padding-top:10px; margin-bottom:5px; padding-left:20px; } .datagrid .criteriadisplay { font-weight:bold; color:#FF0000; } .datagrid .deletecriteria { color:#999999; } .datagrid .filelibrarypreview { display:none; position:relative; } .datagrid td .label { width:auto; } .datagrid td .labelerror { background-image:url(media/labelerror.png); background-position:left; padding-left:23px; background-repeat:no-repeat; } .datagrid tr#total { margin-top:-1px; } .datagrid tr#total td { font-weight:bold; border-top:1px #CCCCCC solid; border-bottom:none; } .datagrid table { } tr.highlight { background-color:#FFFF99; color:#990000; } .datagrid td { padding-left:3px; padding-right:3px; border-bottom:1px #cccccc dotted; height:30px;} #datagridlistview tr:hover { background-color:#f2f7fc; } .columnheader { background-color: #f6f6f6; font-weight:bold; height:20px; } /* currencies */ #currencies p { float:left; margin-top:-2px; margin-right:5px; } #currencies a:hover { color:#FFFFFF; } .currencyconversion { color: #666666; font-weight:normal; font-size:11px; } /* misc */ .transparent { zoom: 1; filter: alpha(opacity=50); opacity: 0.5; } .hidden { visibility:hidden; display:none; } .black { color: #000000 } .white { color: #ffffff } .grey { color: #999999 } .green { color: #009933; } .red { color: #FF0000; } #quickpoll .flashloader { position:absolute; margin-left:-10px; margin-top:-12px; width:25px; height:25px; left: 50%; top: 50%; } #formshipping .flashloader { margin-top:-20px; width:30px; } .errors { font-size:12px; color:#FF0000; margin-bottom:2px; margin-left:0px; margin-top:15px; margin-bottom:15px; padding:0px; } .errors li { margin-left:15px; padding:0px; color:#FF0000; margin-bottom:0px; margin-top:0px; line-height:16px; } .fielderror { border:1px #FF0000 solid !important; } .compulsory { font-size:18px; color:#FF0000 ; font-weight: bold; } .fieldname { font-weight:bold; } .line { color: #fff; background-color: #fff; border: 1px solid #cccccc; border-style: none none solid; margin-top:10px; margin-bottom:10px; } .line hr { display:none; } .clear { clear:both; } .notice { padding:4px 4px 4px 25px; border:1px #dddddd dotted; background-image:url(media/up/about.png); background-repeat:no-repeat; background-position: 4px 4px; color:#0066FF; } .printonly { display:none; } #debugcontainer { position:absolute; top:10px; right:20px; background-color:#e6e6e6; padding:10px; z-index:1000; max-width:800px; } #debug p { margin-top:5px; margin-bottom:5px; } #debug h3 { margin-top:5px; margin-bottom:5px; }