body { margin: 0px; line-height: 15px; } body a:link { color: #333333; text-decoration: underline; } body a:visited { color: #333333; 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 */ #container { width: 1000px; position: relative; margin-left: auto; margin-right: auto; } #header { height:123px; position: relative; } #enewsbar { background-color: #eeece2; height:36px; line-height:33px; color:#000000; text-align: center; font-size:14px;} #enewsbar a { color:#000000;} #header #logo { position:absolute; bottom:20px; left:0; height:auto; } #header #logo img { width:185px;} #hamburger { display:none; } #toplinks { position:absolute; top:15px; right:0; } #toplinks #cartinfo { position:relative; text-transform:uppercase; } #toplinks #cartinfo #currentcurrency a { text-decoration:none !important; } #toplinks img.icon { height:30px; vertical-align: middle;} #toplinks #cartinfo #changecurrency { position:absolute; padding:3px; right:0px; border:1px #CCCCCC solid; z-index:99; background-color:#FFFFFF; width:120px; display:none; top:20px; } #currentcurrency { color: #999999; } #changecurrency p { text-align:center; } #changecurrency img { border:0px; margin-right:3px; } #toplinks #memberinfo { float:left; margin-left:20px; } #content { position: relative; min-height:500px; } #nav { position:absolute; right:-14px; bottom:20px; width:auto; } #navigationtop { padding: 0; margin: 0; list-style: none; position:relative; z-index:10; font-size:14px; } #navigationtop a { color:#000000; text-decoration:none; padding:3px 13px 3px 13px; display:block; } #navigationtop a.last { padding-right:0; } #navigationtop li { float: left; position: relative; } #navigationtop li:hover a, #navigationtop li.sfHover a { background-color:#ffffff; color:#666666; } #navigationtop a.sf-with-ul { background-image:url(media/standard/dropdown.png); padding-right:10px; background-position:right; background-repeat:no-repeat; } /* we use jquery to move this element on small devices */ #navigationtop #column1 p { margin:2px 0; line-height:14px;} #navigationtop #column1 p a { display:inline-block;} /* first tier */ #navigationtop ul { top:35px; left:-1px; display: none; position: absolute; float:none; padding: 0; margin: 0; list-style: none; border-left:1px #999999 solid; border-bottom:1px #999999 solid; border-right:1px #999999 solid; z-index:11 } #navigationtop ul li { width:120px; background-color:#ffffff; } #navigationtop ul li a { color:#666666; } #navigationtop ul li:hover { background-color:#e6e6e6; } #navigationtop ul li:hover a { background-color:#e6e6e6; } #navigationtop .selected { } /* second tier * */ #navigationtop ul li ul { margin-left:120px; margin-top:-5px; top:0; } #navigationtop .selected a:link, #navigationtop .selected a:visited { color: #cccccc; text-decoration:none; } #footer { padding:40px 20px; position:relative; background-color: #363d43; font-size:13px; line-height:25px; margin-top:20px; } #footer .footerlinks { float:left; width:150px; margin-right:25px; } #footer .footerlinks:nth-child(1) { width:100px;} #footer .footerlinks:nth-child(2) { width:100px;} #footer .footerlinks a:link, #footer .footerlinks a:visited { color:#ffffff;} #footer #social { float:right; width:270px; text-align: right; } #footer #social img { margin-left:5px; } #footer #social img:hover { zoom: 1; filter: alpha(opacity=50); opacity: 0.5; cursor:pointer; } #footer #social #subscribe p { color:#ffffff; font-size:11px;} #footer #social #subscribe input { border:none; padding:10px; text-transform: uppercase; font-size:10px; } #footer #social #subscribe input[type=submit] { background-color: #eeece2} #footer #social #subscribe form { margin-top:10px;} #footer a:link { color: #333333; text-decoration: none; } #footer a:visited { color: #333333; text-decoration: none; } #footer a:hover { color: #666666; text-decoration: none; } #footer #payments img { vertical-align:middle; margin-right:5px; } #footer #copyright { text-align: center; border-top:1px #555555 solid; padding-top:30px; margin-top: 40px; } #footer #copyright p { color:#7d7d7d; } #footer #copyright p a:link, #footer #copyright p a:visited { color:#7d7d7d; } #footer #paymenticons { max-width:100%;} /* page / component specific */ /* generic columns */ #column1 { width:224px; float:left; } #column1 p { text-transform:uppercase; margin:6px 0 6px 0; } #column1 p.nocaps { text-transform:none; } #column1 p a:link, #column1 p a:visited { text-decoration:none; } #column1 h1:first-child { margin-top:0; } #column2 { padding:0px; overflow:hidden; position:relative; } #column2 h1:first-child { margin-top:0; } #topline { margin:23px 0 36px 0; border-top:1px dotted #999999; } #content #containerdescription .field { width:760px; } /* home */ #banner1 { width:1000px; position:relative; overflow:hidden; margin:16px 0 16px 0;} #banner1 img.mobile { display:none; } #banner1 .slick-dots { bottom:-10px; } #banner1 .slick-dots li button:before { font-size:15px; opacity: 0.5; color: #ffffff;} #banner1 .slick-dots li.slick-active button:before { opacity: 1; color: #000000;} #instagramcontainer { background-color: #363d43; padding:20px 20px 35px 20px; margin-top:20px; margin-bottom: -20px; } #instagramcontainer p { color:#ffffff; opacity:0.5;} #instagramcontainer p a { color:#ffffff; text-decoration: none;} #instagramcontainer .h1 { font-size:25px; margin-bottom:3px; line-height:45px; opacity: 1; } #instagram { margin-left:-7px;} #instagram .slick-slide { padding:0 2px 0 2px; background-size: cover; margin:5px; height:200px; } #instagram .slick-dots { bottom:-30px; } #instagram .slick-dots li.slick-active button::before { color:#e1e1e1 } #instagram .slick-dots li button::before { color:#7d7d7d } #banner2-1 { margin-right:10px;} #banner2-2 { margin-right:10px;} .banner2 { float:left; width:326px;} .banner2 img { width:100%; } .banner2 img.mobile { display:none;} /* profile */ #profile-column1 { width:520px; float:left; } #profile-column2 { width:465px; float:left; } #profile-column2 p { line-height:30px; } /* contact */ #contact-column1 { width:520px; float:left; } #contact-column2 { width:215px; float:left; margin-right:30px; } #contact-column3 { width:215px; float:left; } /* galleries */ #galleries {} #galleries .list { float:left; margin-right:32px; } #galleries .list:nth-child(5n) { margin-right: 0;} #galleries .list h2 { margin-bottom:2px; } #galleries .list .publishdate { color:#999999; } #galleries .list p { margin-top:2px; } #galleries .item-content h1 { margin-bottom:5px; } #galleries .item-content .publishdate { color:#999999; } #galleries .item-images { border:5px #efefef solid; margin-top:10px; } #galleries .item-images:nth-child(6n) { margin-right:0; } #galleries .item-images:hover { border:5px #cccccc solid; } #galleries .pagination { clear:both; } #galleries .categories { } #galleries .categories p { float:left; width:150px; } #galleries .categories em { color:#999999; font-style:normal; } #galleries .categories strong a { color: #FF0000 !important; } /* enews */ #enews input { width:200px;} /* #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; } /* products */ #column1 #search { width:152px; height:26px; border:1px solid #cccccc; position:relative; margin:0 0 28px 0; } #column1 #search input { border:none; width:120px; font-size:12px; } #column1 #search img { position:absolute; right:5px; top:5px } #products #column1 #shopsize { margin:0 0 21px 0; } #products #column1 #shopsize h2 { margin:36px 0 10px 0; font-weight:bold; font-size:12px; text-transform:uppercase; color:#333; } #products #column1 #shopsize input[type="checkbox"] { border:1px solid #cccccc; margin:0 5px 0 0; } #products #column1 p strong a { font-weight:normal; color:#999 !important; } #products .breadcrumbs { margin: 0 0 38px 0 ; background-color:#ffffff; } #products .recordcount { position:absolute; right:0; top:0; } #products .catlist { float:left; width:200px; height:200px; margin-right:20px; } #products .catlist .image { width:200px; height:140px; background-color:#e6e6e6; overflow:hidden; } #products .catlist h2 { margin-bottom:3px; } #products .list { float:left; width:220px; margin-right:58px; position:relative; } #products .list.third { margin-right:0; } #products .list p { margin-top:4px; margin-bottom:4px; text-align:center; } #products .list h2 { margin-top:2px; margin-bottom:3px; font-size:12px; text-align:center; font-weight:normal; } #products .list h2 a { text-decoration:none; } #products .list h3 { margin-top:1px; margin-bottom:1px; font-weight:normal; font-size:12px; text-align:center; color:#FF0000; } #products .list h4 { margin-top:1px; margin-bottom:1px; text-align:center; font-weight:normal; } #products .list .sort, #gallery-images .sort { width:25px; height:25px; background-image:url(media/standard/move.png); position:absolute; top:5px; right:5px; background-color:#ff0000; } #products .item-images { float:left; width:450px; margin-right:36px; } #products .item-images img { margin-bottom:10px; } #products .item-images .thumbs { margin:10px 10px 0 0; width:155px; float:left; } #products .item-images .thumbs.second { margin:10px 0 0 2px; } #products .item-content { overflow:hidden; } #products .item-content h1 { margin:-5px 0 10px 3px; } #products .item-content #price h3 { color: #FF0000; font-weight:bold; margin:0 0 10px 0;} #products .item-content #price .label { width:50px; } #products .item-content #price h4 { font-size:16px; font-weight:normal; margin-top:3px; margin-bottom:15px; } #products .item-content #price #subproducts { margin-top:10px; margin-bottom:10px; } #products .item-content #price #addtocartbutton { clear:both; margin-top:5px; } #products .item-content #description p { margin:10px 0 15px 0; } #products .item-content #productsocial { margin:22px 0 0 0; } #products .item-content #freeshipping { background-color:#4B5054; line-height:22px; font-size:13px; color:#FFF; display:inline-block; padding:5px 25px 5px 25px; margin:22px 0 22px 0; } #products .item-content #freeshipping p { font-size:11px; text-align: center;} #products .compulsory { display:none; } #products #giftcertificate .label { width:150px; } #products .item-content #containersubitemid { float:left; } #products .item-content input { font-size:12px; } #products .item-content .label { line-height:23px; } #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 .addonpricepoint { font-weight:bold; } #products .addononsalepricepoint { font-weight:bold; color:#F00; } #featuredproducts { margin-top:10px; } #featuredproducts .noitems { display:none; } #featuredproducts h1 { display:block; padding:10px; background-color:#f5f5f3; margin-bottom:0px; } #featuredproducts .recordcount { display:none; } #featuredproducts .list { background-image:url(media/featuredproductsback.jpg); margin-bottom:20px; clear:left; padding:5px; } #featuredproducts .list .image { float:left; margin-right:10px; } #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; } #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 { font-size:10px; line-height:12px; } #giftcertificate-column1 { width:323px; float:left; margin-right:20px; } #giftcertificate-column2 { float:left; width:400px; } /* 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; } #cart #shipcountriesstatement { position:absolute; margin:-33px 0 0 160px; width:400px; } #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 #containercode .label { width:150px; } #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 #orderscartcontainer #formorders input[type="text"] { width:200px; } #cart .field h2 { margin-left:-104px; display:block; width:150px; } #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:#fec0b5 !important; font-weight:bold; } #cartsteps .step.selected { border-bottom:4px #fec0b5 solid; } /* checkout - step 2 */ #cart .errors { margin-top:0; } #cart #containershiplastname,#cart #containerbilllastname { position:absolute; margin-top:-30px; margin-left:330px; } #cart #containershipaddress2, #cart #containerbilladdress2 { position:absolute; margin-top:-30px; margin-left:330px; } #cart #containershipstate, #cart #containerbillstate { position:absolute; margin-top:-30px; margin-left:330px; } #cart #orderscartcontainer #containermethod { position:absolute; margin-top:-30px; margin-left:330px; } #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 #cartcreateaccount .errors { margin-top:0; } #members #containersubscribed { margin:3px 0 5px 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; } #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:330px; } #members #containerlastname { position:absolute; margin-top:-30px; margin-left:330px; } #members #containerlastname .label { width:120px; } #members #containerconfirmpassword { position:absolute; margin-top:-30px; margin-left:330px; } #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; } /* contact */ #contact #column1 { width:250px; margin-right:50px; } #contact .label { width:150px; } .datatable th { background-color:#e6e6e6; text-align:left !important; } /* dealers */ .dealers { display:none; padding-bottom:10px; margin-bottom:10px; } .dealers strong { font-weight:normal; color:#FD6B78; } .dealers p.dealer-single { width:200px; float:left; height:70px; } #dealer-column1 { width:520px; float:left; } #dealer-column2 { width:465px; float:left; } /* videos */ .video { width:180px; float:left; margin:0 25px 15px 0; height:170px; } .video:nth-child(5n) { margin-right:0; } .video p { text-transform:uppercase; } #containerterms { margin-top:20px;} #containerterms br { display:none;} /* jquery ui */ .ui-widget-header { background-image:none !important; background-color:#e6e6e6 !important; border:none !important; } .ui-state-default, .ui-widget-content .ui-state-default { color:#333333; } .ui-tabs { margin-bottom:10px; } #members .ui-widget-header { background-color:#FFFFFF !important; } #members .ui-widget-content { border:none; } #members .ui-tabs-nav li { border:none !important; } #members .ui-tabs-nav li.ui-tabs-selected { border-bottom: 4px solid #FEC0B5 !important; } #members .ui-state-default, #members .ui-widget-content #members .ui-state-default { background-image:none; background-color:transparent; } .ui-tabs-nav li { padding-bottom:2px !important; } .ui-tabs-nav li h2 { margin-bottom:5px; } .ui-tabs .ui-tabs-nav .step { display:block; text-align:center; font-size:11px; } .ui-state-active { border:1px #FEC0B5 solid !important; } .ui-state-active a, .ui-state-active a:link, .ui-state-active { color:#FEC0B5 !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 */ .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; } */ .button { display:inline-block; background-color:#595959; height:25px; line-height:23px; padding:0 10px 0 10px; font-size:14px; } .button:hover { background-color:#eeece2; color:#000000 !important; } .button:hover a { color:#000000 !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; } #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; } .breadcrumbs { background-color:#efefef; border-radius:5px; padding:2px 10px 2px 0; } .breadcrumbs p { font-size:10px; margin:0; } .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:14px; color:#FF0000 ; padding-left:2px; } .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; } .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; } #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; }