/* # # Base Theme TEMPLATES # CSS Version 1 # # Site Powered by EasyCommerce. # All rights reserved # */ div#account-box-login-form { display:block; } /******************************************** Page Reset */ html{} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;} fieldset,img{border:0;} address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';} abbr,acronym {border:0;font-variant:normal;} /* to preserve line-height and selector appearance */ sup {vertical-align:text-top;} sub {vertical-align:text-bottom;} input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;} /* because legend doesn't inherit in IE */ legend{} .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix {display:inline-block;} /* Hide from IE Mac \*/ .clearfix {display:block;} /* End hide from IE Mac */ /******************************************** Page Fonts Percents could work for IE, but for backCompat purposes, we are using keywords. x-small is for IE6/7 quirks mode. */ body,td,th,p,div { font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;font-size:small;*font-size:small;*font:x-small; color:#555 } table {font-size:inherit; font:100%; } /* Bump up IE to get to 13px equivalent */ pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;} ::-moz-selection { background:#EBEBEB; color:#999; } ::selection { background:#00FF00; color:#fff; } code::-moz-selection { background:#FFFF00; } code::selection { background:#CC0000; } /******************************************** Base Elements */ HTML body { background:url(body-bg.png) top center #333 no-repeat; } /* 121212 888 */ h1 { font-size:235%; line-height:1.35em; color:#000; font-family:Georgia,Times,"Times New Roman",serif; } h2 { font-size:145%; line-height:1.125em; color:#797C80; font-family:Georgia,Times,"Times New Roman",serif; } h3 { font-size:135%; font-family:Georgia,"Times New Roman",Times,serif; } h4 { font-size:117%; font-family:Georgia,Times,"Times New Roman",serif; } em { font-style:italic; } strong { font-weight:bold; } p { line-height:1.75em; } a { color:#5F85A3; text-decoration:none; outline: none; } a:hover { color:#999; text-decoration:none; } hr { width:100%; height:1px; margin:0; padding:0; borde-top:dashed 1px #404040; border-bottom:0px; } /* Form Elements */ input[type="text"], input[type="password"], textarea, select { background:#fff; border:1px solid #D3D3D3; color:#000; } input[type="text"], input[type="password"], textarea { padding:0.3em; } textarea { min-width:360px; min-height:40px; } input[type="submit"], input[type="button"], input[type="checkbox"], input[type="radio"] { cursor:pointer; } /* Basic Form Layout */ fieldset legend { text-decoration:underline; font-size:125%; font-family:Georgia, "Times New Roman", Times, serif; } fieldset h3 { margin:0.4em 0 0.4em 0; } fieldset h4 { margin:0.4em 0 1.2em 0; font-style:oblique; } fieldset li { clear:both; margin-bottom:0.45em; } fieldset li label { display:block; float:left; margin:0.3em 0 0.15em 0.15em; } fieldset li span { font-style:italic; } fieldset li input[type="text"], fieldset li select, fieldset li textarea { font-size:100%; } fieldset li.checkbox-style label { width:auto !important; cursor:pointer; } fieldset li.checkbox-style input { padding-top:0.45em; margin-left:1em; } /* List Details */ div.list.details {} div.list h3 { margin:0.4em 0 0.4em 0; border-bottom:1px solid #D9D9D9; } div.list p {} div.list ul { margin-bottom:1.25em; margin-left:0.75em; } div.list li { padding:2px 3px; } div.list label { display:none; } div.list span { font-style:italic; } /******************************************** Status Types */ span.status {} span.status#featured-status {} span.status#onsale-status {} span.status#soldout-status { } span.status#comingsoon-status { } span.currency { font-style:italic; font-size:95%; } span.cart-cost {} span.total {} span.saleprice {} span.normalprice { color:#cc4400; } span.normalprice del { text-decoration:line-through; } span.retailprice {} span.checkbox input, input.checkbox { border:none; background-color:transparent; } /**/ .lge { width:300px; } .med { width:175px; } .sml { width:75px; } /**/ .required {} li.required {} li.required label {} li.required input { border-left-color:#C33; border-left-width:2px; } /**/ .optional {} li.optional {} li.optional label {} li.optional input {} /**/ span.hint { margin:0 1em 0 1em; padding:0.2em; font-size:80%; background:#FEFFDB; border:1px solid #FFDDB3; } span.checkbox {} span.checkbox input, input.checkbox { border:none; background-color:transparent; } /**/ .lge { width:300px; } .med { width:175px; } .sml { width:75px; } /**/ .required {} li.required {} li.required label {} li.required input {} /**/ .optional {} li.optional {} li.optional label {} li.optional input {} /******************************************** Button Class */ a.button { display:inline-block; font-family:Tahoma, Arial, Verdana; font-size:10px; color:#222; font-weight:bold; cursor:hand; padding:4px 9px 4px 9px; text-decoration:none; letter-spacing:0.1em; } a.button:hover { background-color: #9d9d9d; } /******************************************** Layout */ div#wrap { margin:0 auto 0.5em auto; width:950px; } div#nav-box { clear:both; margin-bottom:0.6em; overflow:auto; } div#search-box { display:none; } div#search-box, div#account-box, div#categories-box { float:left; clear:left; width:174px; margin-bottom:0.6em; } div#cart-box { z-index:10; position:absolute; top:0; left:50%; width:950px; height:92px; margin-left:-475px; } div#cart-box.items-false, div#cart-box.items-true{} div#header { display:block; height:92px; margin:0 auto 0.5em auto; width:950px; } div#header h1 { z-index:12; padding:0.8em 0 0 1em; font-size:250%; font-style:italic; } div#header h1 a { text-decoration:none; } div#header h1 span {} div#header h4 { display:none; } div#pagemsg, div#content { width:750px; margin-left:200px; overflow:auto; } div#pagemsg { margin-bottom:0.6em; } div#content div#pagemsg { margin:1em; width:auto; } div#breadcrumb { clear:both; overflow:auto; border-bottom:1px solid #eee; } /******************************************** Content */ div#content { min-height:400px; background:url(content-top-bg.png) top right no-repeat #fff; } div#content h1 { padding:1em 1em 0 1em; color:#222; } /* Page Title */ div#content h2 { padding:0.9em 2em 0.9em 2em; line-height:1.125em; color:#aaa; font-style:italic; text-align:center; } /* Page Sub Title */ div#content fieldset { margin:1.2em 2em 0.3em 2em; } div#content fieldset li label { width:185px; } div#content fieldset legend { font-size:180%; } div#content fieldset h3 { margin:0 0 0.3em 0; font-size:180%; } div#content fieldset h4 { border-top:1px solid #eee; margin:0 0 0.8em 0; padding:0.6em 0 0 0; } /* Content for HTML and Plain Text - - - - - - - - - - - - - - - */ div.content-html h2 { margin-top:1em; margin-bottom:1em; } div.content-html h3, div.content-html h4, div.content-html p, div.content-html blockquote { margin-left:30px; margin-right:30px; } div.content-html h3, div.content-html h4 { margin-top:1em; margin-bottom:0.2em; } div.content-html p, div.content-html ul { margin-bottom:0.8em; } div.content-html strong { font-weight:bold; } div.content-html i { font-style:italic; } div.content-html ul, ol { margin-left:30px; margin-right:30px; padding-left:2.6em; } div.content-html li { margin:0; padding:0; list-style:circle; line-height:1.75em; } div.content-html ul li { list-style:circle; } div.content-html ol li { list-style:decimal-leading-zero; } div.content-html hr { margin-top:10px; margin-bottom:10px; border-top:1px dotted #444; } div.content-html span.image { display:block; text-align:center; } div.content-html span.image h3 { margin:0; } div.content-html span.image img { max-width:650px; margin:10px; padding:5px; background:#fff; border:1px solid #ccc; } div.content-html span.image.floatleft, div.content-html span.image.floatright { min-width:210px; } div.content-html span.image.floatleft { float:left; } div.content-html span.image.floatleft img { margin-right:20px; } div.content-html span.image.floatright { float:right; } div.content-html span.image.floatright img { margin-left:20px; } /******************************************** Global Button Syles Set All Buttons */ a.addtocart, a.checkout, a.continueshopping, a.createaccount, a.createorder, a.joinmailinglist, a.login, a.signin, a.specials, a.thankyou, a.tellafriend, a.updateaccount, a.viewcart, a.youraccount, input.addtocart, input.createaccount, input.getpassword, input.placemyorder, input.printinvoice, input.proceedtopayment, input.saveaccount, input.signin, input.updateaccount, input.updatecart, input.search, input.login, input.remove, input.submit { display:inline-block; margin:0; padding:0; border:0; height:32px; text-indent:-9999px; background:url(all-buttons.png) no-repeat; cursor:pointer; } /* IE Conditional. */ html* input.addtocart, html* input.createaccount, html* input.getpassword, html* input.placemyorder, html* input.printinvoice, html* input.proceedtopayment, html* input.saveaccount, html* input.signin, html* input.login, html* input.updateaccount, html* input.updatecart, html* input.search, html* input.remove, html* input.submit { overflow:hidden; padding:32px 0 0; margin-bottom:1px; text-indent:0px; } /* Hide Span */ a.addtocart span, a.checkout span, a.continueshopping span, a.createaccount span, a.createorder span, a.joinmailinglist span, a.login span, a.signin span, a.specials span, a.tellafriend span, a.thankyou span, a.updateaccount span, a.viewcart span, a.youraccount span { display:none; } a.addtocart:hover, a.continueshopping:hover, a.createaccount:hover, a.joinmailinglist:hover, a.login:hover, a.specials:hover, a.tellafriend:hover, a.thankyou:hover, a.updateaccount:hover, a.checkout:hover, a.viewcart:hover, a.youraccount:hover, a.createorder:hover { background-color:transparent !important; } /* sml */ a.checkout, a.login, a.signin, a.specials, a.thankyou, a.viewcart, input.signin, input.search, input.login, input.remove, input.submit /* update */ { width:80px } /* med */ a.addtocart, a.createaccount, a.createorder, a.tellafriend, a.updateaccount, input.addtocart, input.createaccount, input.getpassword, input.placemyorder, input.printinvoice, input.saveaccount, input.updateaccount, input.updatecart { width:110px; } /* lge */ a.continueshopping, a.joinmailinglist, input.proceedtopayment { width:151px; } /* custom sizing */ div#cart-box a.youraccount, div.account-box-forgotpassword input.getpassword { width:100px; height:27px; } div#cart-box a.checkout, div#cart-box a.viewcart, div.account-box-login input.login, input.search { width:81px; height:27px; } a.addtocart, input.addtocart { background-position:-90px -266px; } a.addtocart:hover, input.addtocart:hover { background-position:-90px -299px; } a.continueshopping { background-position:-209px -68px; } a.continueshopping:hover { background-position:-209px -101px; } div#product-cartitems table a.continueshopping { background-position:-365px -321px; width:132px; height:22px; } div#product-cartitems table a.continueshopping:hover { background-position:-365px -346px; } a.createaccount, input.createaccount { background-position:-89px -68px; } a.createaccount:hover, input.createaccount:hover { background-position:-89px -101px; } a.joinmailinglist { background-position:-209px -200px; } a.joinmailinglist:hover { background-position:-209px -233px; } a.login, a.signin { background-position:0 -134px; } a.signin:hover, a.login:hover { background-position:0 -167px; } div#cart-box a.signin { display:none; } a.specials { background-position:0 -398px; } a.specials:hover { background-position:0 -431px; } a.tellafriend { background-position:-89px -595px; } a.tellafriend:hover { background-position:-89px -629px; } a.thankyou { background-position:0 -332px; } a.thankyou:hover { background-position:0 -365px; } a.updateaccount, input.updateaccount { background-position:-89px -134px; } a.updateaccount:hover, input.updateaccount:hover { background-position:-89px -167px; } a.checkout { background-position:0 -265px; } a.checkout:hover { background-position:0 -298px; } a.viewcart { background-position:0 -200px; } a.viewcart:hover { background-position:0 -233px; } div#cart-box a.checkout { background-position:-430px -182px; } div#cart-box a.checkout:hover { background-position:-430px -212px; } div#cart-box a.viewcart { background-position:-430px -122px; } div#cart-box a.viewcart:hover { background-position:-430px -152px; } div#cart-box a.youraccount { background-position:-515px -62px; } div#cart-box a.youraccount:hover { background-position:-515px -92px; } a.youraccount {} a.createorder { background-position:-89px -68px; } a.createorder:hover { background-position:-89px -101px; } input.getpassword { background-position:-89px -530px; } input.getpassword:hover { background-position:-89px -563px; } div.account-box-forgotpassword input.getpassword { background-position:-515px -122px; } div.account-box-forgotpassword input.getpassword:hover { background-position:-515px -152px; } input.placemyorder { background-position:-89px -398px; } input.placemyorder:hover { background-position:-89px -431px; } input.printinvoice { background-position:-89px -464px; } input.printinvoice:hover { background-position:-89px -497px; } input.proceedtopayment { background-position:-210px -134px; } input.proceedtopayment:hover { background-position:-210px -167px; } input.saveaccount {} input.signin, input.login { background-position:0 -134px; } input.signin:hover, input.login:hover { background-position:0 -167px; } div.account-box-login input.login { background-position:-430px -62px; } div.account-box-login input.login:hover { background-position:-430px -92px; } input.submit { background-position:0 -68px; } input.submit:hover { background-position:0 -101px; } input.updatecart { background-position:-90px -332px; } input.updatecart:hover { background-position:-90px -365px; } tr#discountdetails input.updatecart, tr#update input.updatecart { background-position:-365px -98px; width:62px; height:22px; } tr#discountdetails input.updatecart:hover, tr#update input.updatecart:hover { background-position:-365px -122px; } input.search { background-position:0 -1428px; } input.search:hover { background-position:0 -1462px; } /* Text Button input.remove { background-position:-365px -50px; width:62px; height:22px; } input.remove:hover { background-position:-365px -74px; } */ /* Icon Button */ input.remove { background-position:-365px -146px; width:24px; height:22px; } input.remove:hover { background-position:-390px -146px; } /******************************************** Rounded Corners */ span.hint, div#pagemsg { -moz-border-radius:0.8em; -webkit-border-radius:0.8em; } /******************************************** Page Message */ div#pagemsg { background-color:#fff; cursor:pointer; } div#content div#pagemsg { border:solid 1px #ccc; } div#pagemsg a.close { float:right; margin:12px 12px 0 0; text-align:right; width:40px; text-transform:lowercase; } div#pagemsg h3 { margin-top:10px; margin-bottom:0; font-size:135%; } div#pagemsg p { margin-top:0; margin-bottom:0.6em; } /* Custom Messages */ div#pagemsg.msg-error, div#pagemsg.msg-info, div#pagemsg.msg-success { min-height:58px; background-position:5px 5px; background-repeat:no-repeat; } div#pagemsg.msg-error { border-color:#ed3636; background-image:url(http://static.easycommerce.com.au/176/assets/images/48x48-error.png); } div#pagemsg.msg-info { border-color:#76C3F4; background-color:#D7EFFD; background-image:url(http://static.easycommerce.com.au/176/assets/images/48x48-info.png); } div#pagemsg.msg-success { border-color:#03C; background-image:url(http://static.easycommerce.com.au/176/assets/images/48x48-success.png); } div#pagemsg.msg-error h3, div#pagemsg.msg-info h3, div#pagemsg.msg-success h3, div#pagemsg.msg-error p, div#pagemsg.msg-info p, div#pagemsg.msg-success p { margin-left:60px; margin-right:20px; } div#pagemsg.msg-error h3 { color:#ed3636; } div#pagemsg.msg-info h3 { color:#484cca; } div#pagemsg.msg-success h3 { color:#33a96d; } /******************************************** Footer */ div#footer { overflow:auto; clear:both; width:100%; margin:1em 0 0.5em 0; padding:0 0 2em 0; border-color:#424242; border-style:solid none; border-width:1px 0 0 0; } div#footer a { color:#999; text-decoration:none; } div#footer a:hover { color:#fff; } div#footer ul#links { float:left; padding:1.2em 0 0 0; } div#footer ul#links li { display:inline; list-style:none; border-right:1px solid #424242; padding:0 0.8em 0 0.8em; } div#footer ul#links li:first-child { margin-left:0 !important; } div#footer ul#links li:last-child { margin-right:0 !important; border:none !important; } div#footer div#addthis-store { float:right; margin-top:0.8em; margin-right:1em; } div#footer #copyright { clear:right; float:right; padding:0.2em 1em 0.3em 0; text-align:right; } div#footer #copyright p, div#footer #copyright div { font-size:0.7em; color:#777; } div#footer #copyright p { margin-bottom:0.3em; } div#footer #copyright a { text-decoration:none; } div#footer #copyright div#easycommerce-badge {} div#footer div.cards { clear:left; float:left; margin:1.2em 0 0 0.8em; } div#footer div.cards h3 { font-size:0.85em; color:#777; } div#footer div.cards img { opacity:0.65; filter:alpha(opacity=65); border:1px solid #222; } div#footer div.cards li { display:inline; list-style-type:none; margin-right:0.2em; } /******************************************** Nav Box */ div#nav-box { background: url(nav-box.png) top left no-repeat; height:56px; } div#nav-box li { float:left; display:inline-block; list-style:none; padding:1.2em 0.8em 1.2em 0.8em; font-size:120%; border-right:1px solid #333; } div#nav-box li:first-child { margin-left:1.0em; } div#nav-box li:last-child { border:none; } div#nav-box li a { color:#fff; text-decoration:none; } div#nav-box li a:hover { color:#999; } /******************************************** Cart Box */ div#cart-box h3 { display:none; } div#cart-box h4.cart-msg { position:relative; margin-left:736px; width:212px; margin-top:65px; color:#fff; font-size:98%; text-align:center; } div#cart-box.items-true h4.cart-totals { position:relative; margin-left:736px; width:212px; margin-top:50px; } div#cart-box.items-true h4.cart-totals span.cart-cost { font-size:160%; color:#fff; } div#cart-box.items-true h4.cart-totals span.cart-items { margin-left:0.2em; font-size:110%; color:#ccc; color:#FFFFAE; } div#cart-box.items-true h4.cart-totals span.cart-items em { font-style:italic; font-size:75%; } div#cart-box ul { position:relative; margin-left:736px; margin-top:-65px; } div#cart-box li { display:inline; width:85px; } div#cart-box a.youraccount { position:absolute; top:0; left:-128px; } /******************************************** Categories */ div#categories-box { margin-top:1em; } div#categories-box h3 { display:none; } div#categories-box a { color:#999; text-decoration:none; } div#categories-box a:hover { color:#fff; } div#categories-box li { list-style:none; border-bottom:1px solid #424242; padding:0.3em 0.8em 0.3em 0.8em; font-size:125%; } /******************************************** Search */ div#search-box { margin-top:1em; } div#search-box legend { padding:0.1em 0 0.1em 0.3em; color:#5f85a3; text-decoration:none; font-size:98%; } div#search-box ul { padding:0 0.3em 0 0.3em; } div#search-box input[type="text"] { background:url(16x16-search.png) no-repeat 148px 6px #fff; color:#222; border:1px solid #888; width:136px; padding:0.3em 2em 0.3em 0.3em; } div#search-box input[type="button"] { margin:0.6em 0 0 0; } /******************************************** Account */ div.account-box-userlinks h3 { margin:0; padding:0.2em 0 0.1em 0; color:#777; } div.account-box-userlinks li { background-repeat:no-repeat; background-position:0 0; padding:8px 0 8px 38px; } div.account-box-userlinks li.account { background-image:url(32x32-buddy.png); } div.account-box-userlinks li.downloads { background-image:url(32x32-favorite.png); } div.account-box-userlinks li.orders { background-image:url(32x32-shoping-trolly.png); } div.account-box-userlinks li.logout { background-image:url(32x32-lock.png); } div.account-box-login legend, div.account-box-forgotpassword legend { padding:0.6em 0.3em 0.0em 0.3em; width:auto; text-decoration:none; font-size:110%; color:#ccc; } div.account-box-login h3, div.account-box-forgotpassword h3 { margin:0; padding:0.1em 0.3em 0.8em 0.3em; font-size:80%; color:#555; } div.account-box-login h3.msg-error { color:#5F85A3; } div.account-box-login h3.msg-info {} div.account-box-forgotpassword h4 { padding:0.6em 0.3em 0 0.3em; color:#678D5C; } div.account-box-login fieldset ul, div.account-box-forgotpassword fieldset ul { padding:0 0.3em 0 0.3em; } div.account-box-login fieldset li, div.account-box-forgotpassword fieldset li { list-style:none; } div.account-box-login fieldset li label, div.account-box-forgotpassword label { display:block; float:none; width:auto; padding:0; color:#555; font-size:95%; } div.account-box-login fieldset li input[type="text"], div.account-box-login fieldset li input[type="password"], div.account-box-forgotpassword fieldset li input[type="text"] { background:#252525; color:#ccc; border:1px solid #333; width:140px; font-size:100%; } div.account-box-login fieldset li input[type="submit"], div.account-box-forgotpassword fieldset li input[type="submit"] { margin:0.6em 0 0 0; } div.account-box-login li.rememberme { padding:0.3em 0 0 0.3em; } div.account-box-login li.rememberme label { display:inline; float:none; width:auto; margin:0; padding:0; font-size:.8em; } div.account-box-login li.rememberme input { width:auto; margin:0; padding:0; background:none; border:none; } ul.account-box-links { clear:both; margin:0.8em 0 0.6em 0; padding-top:0.8em; border-top:1px solid #424242 !important; } ul.account-box-links li { margin:0; padding:0.4em 1.5em 0.4em 1.5em; font-size:1.2em; margin-left:2em; padding:0 0 0 0.3em; list-style:circle; line-height:1.4em; font-size:90%; } ul.account-box-links a { text-decoration:none; } /******************************************** Bread Crumbs */ div#breadcrumb.category {} div#breadcrumb li { float:left; display:inline-block; list-style:none; padding:0.5em 0.8em 0.5em 0.8em; font-size:90%; border-right:1px solid #ccc; } div#breadcrumb li.first { margin-left:1.0em; } div#breadcrumb li.last { border:none; } /******************************************** Product List Generic Product/Vendor/Search */ div.product-list { overflow:auto; } div.product-listitem, div.product-listitem h3, div.product-listitem h4, div.product-listitem p { width:212px; } div.product-listitem h3, div.product-listitem h4, div.product-listitem h5, div.product-listitem p { position:absolute; } /* Item */ div.product-listitem { display:block; overflow:auto; float:left; margin:0 0 1em 2em; height:366px; border-bottom:1px dotted #939393; } /* Item Title */ div.product-listitem h3 { margin:0 3px 0 3px; z-index:9; overflow:auto; } /* Item Price */ div.product-listitem h4 { color:#494949; margin-top:315px; z-index:4; text-align:right; } div.product-listitem h4 span.retailprice { font-size:140%; } div.product-listitem h4 span.currency { font-size:80%; } /* Item Image */ div.product-listitem h5 { margin-top:25px; width:210px; height:280px; overflow:hidden; border-width:1px; border-style:solid; border-color:#cdcdcd; text-align:center; } div.product-listitem h5:hover { border-color:#5F85A3 !important; } div.product-listitem h5 a { display:block; width:100%; height:100%; z-index:11; } div.product-listitem h5 img {} /* Item Full Description */ div.product-listitem p { color:#939393; margin-top:340px; z-index:5; } /* More Info Link */ div.product-listitem h6 { display:none; } /* Ellipses nowrap for text that's too long */ /* http://www.jide.fr/emulate-text-overflowellipsis-in-firefox-with-css */ div.product-listitem h3 span, div.product-listitem p span { white-space:nowrap; text-overflow:ellipsis; /* for internet explorer */ overflow:hidden; width:190px; display:block; } html>body div.product-listitem h3, html>body div.product-listitem p {} html>body div.product-listitem h3 span:after, html>body div.product-listitem p span:after { content: "..."; } html>body div.product-listitem h3 span, html>body div.product-listitem p span { max-width:180px; width:auto !important; float:left; } /******************************************** Product List Cateory body#productlist-category {} */ div.switch-thumb { position:absolute; margin:6px 0 0 665px; z-index:10; } a.switch-thumb { font-size:90%; } html>body a.switch-thumb:after { content: " -"; } html>body a.switch-thumb.swap:after { content: " +"; } div.product-list.thumb-view {} div.product-list.thumb-view div.product-list {} div.product-list.thumb-view div.product-listitem { float:none; margin:0; width:auto; height:auto; min-height:100px; border-top:1px solid #eee; border-bottom:none; } div.product-list.thumb-view div.product-listitem h3 { margin:10px 0 0.6em 0; width:auto; position:absolute; padding-left:100px; } div.product-list.thumb-view div.product-listitem h3 span { width:auto; } html>body div.product-list.thumb-view div.product-listitem h3 span:after { content:""; } div.product-list.thumb-view div.product-listitem h4 { text-align:left; margin:30px 0 0.6em 0; width:auto; position:absolute; padding-left:100px; } div.product-list.thumb-view div.product-listitem h5 { position:absolute; margin:0.6em 0 0.6em 1.5em; width:60px; height:80px; border-width:2px; } div.product-list.thumb-view div.product-listitem h5 img { width:60px; } div.product-list.thumb-view div.product-listitem p { margin:60px 0 0.6em 0; width:auto; position:absolute; padding-left:100px; } div.product-list.thumb-view div.product-listitem p span { width:auto; color:#555; } html>body div.product-list.thumb-view div.product-listitem p span:after { content:""; } div.product-list.thumb-view div.product-listitem h6 { display:block; margin:75px 1.5em 0 0; float:right; font-size:90%; } div.product-list.thumb-view div.product-listitem h6:hover div.product-list.thumb-view div.product-listitem h5 { border-color:#0088CC; } div.product-list.thumb-view div.product-listitem span.status#featured-status { margin:-2px 0 0 670px !important; position:absolute; } div.product-list.thumb-view div.product-listitem span.status#onsale-status { margin:10px 0 0 620px !important; position:absolute; background:none; text-indent:0; color:#CC4400; text-transform:uppercase; } /******************************************** Product Item */ div.product-singleitem { min-height:760px; overflow:auto; } div.product-singleitem.nomultiples { min-height:630px; } div.product-singleitem h1, div.product-photos h5, div.product-photos h3, div.product-photos ul, div#product-description, div.product-add, div#addthis-product { position:absolute; } /* Product Title */ div.product-singleitem h1 {} div#product-description, div.product-add { margin-left:410px; } /* Product Detailed Image */ div.product-photos {} div.product-photos h5 { overflow:hidden; margin-top:90px; margin-left:16px; width:390px; height:520px; text-align:center; border-bottom:0px solid #c4c4c4; } div.product-photos h5 img { max-width:390px !important; } /* Product Thumbnails */ div.product-photos h3 { margin-top:630px; padding-top:8px; padding-left:25px; width:725px; border-top:1px solid #ccc; color:#999; font-size:90%; } div.product-photos ul { margin:670px 0 0 25px; width:725px; text-align:center; } div.product-photos li { float:left; display:block; overflow:hidden; margin:0 0.5em 1em 0; } div.product-photos li a { display:block; width:49px; height:49px; border:1px solid #D9D9D9; vertical-align:middle; text-align:center; } div.product-photos li a:hover { border-color:#9d9d9d; } div.product-photos li span { display:block; overflow:hidden; width:45px; height:45px; margin:2px; } div.product-photos li img { width:45px; height:60px; position:relative; top:-5px; } /* Product Description */ div#product-description { overflow:auto; width:300px; height:230px; margin-top:90px; padding:0 1em 0 1em; border-bottom:1px solid #ccc; } div#product-description div.content {} /* Add To Cart */ div.product-add { margin-top:325px; width:325px; } div.product-add fieldset { margin:0 !important; } div.product-add legend { display:none; } div.product-add ul { margin-left:1em; } /* Price */ div.product-add h3 { font-size:310%; padding:0.1em 0 0.3em 0.3em; font-family:Georgia,times,serif; color:#222; } div.product-add h3 label { display:none; } div.product-add h3 span.normalprice { display:block; font-size:46%; } div.product-add h3 span.retailprice {} div.product-add h3 span.currency { font-size:40%; font-style:italic; } /* Product Code */ div.product-add h4 { margin:0 0 0.3em 0; padding:0 0.5em 0.2em 0; text-align:right; } div.product-add h4 label { display:none; } /* Added */ div.product-add li { padding:0.3em 0 0.4em 0; clear:both; } div.product-add li label { display:none; width:90px; padding:0; } div.product-add li select, div.product-add li input[type="text"] { display:inline-block; float:left; } div.product-add li select { width:210px; } div.product-add li input[type="text"] { width:34px; text-align:center;} /* Quantity */ div.product-add li input.addtocart { margin-top:10px; } /* Button */ /* Disabled */ div.product-add li h3 { font-size:120% !important; } div.product-add li p {} /* Add This */ div#addthis-product { margin-top:600px; margin-left:620px; } /******************************************** Product Status */ div.product-list span.status, div.product-singleitem span.status { display:block; z-index:10; text-indent:-9999px; } div.product-list span.status { position:absolute; width:212px; height:74px; } div.product-list span.status#featured-status { width:80px; margin-top:25px; margin-left:132px; background:url(status-featured-product-list.png) no-repeat top right; } div.product-list span.status#onsale-status { width:67px; margin-top:233px; background:url(status-onsale-product-list.png) no-repeat bottom left; } div.product-list span.status#soldout-status { width:67px; margin-top:233px; background:url(status-soldout-product-list.png) no-repeat bottom left; } div.product-singleitem span.status { position:absolute; } div.product-singleitem span.status#featured-status { width:80px; height:74px; margin-left:670px; background:url(status-featured-product-list.png) no-repeat top right; } div.product-singleitem span.status#onsale-status { width:164px; height:170px; margin-top:460px; background:url(status-onsale-product-singleitem.png) no-repeat bottom left; } div.product-singleitem span.status#soldout-status { width:164px; height:170px; margin-top:460px; background:url(status-soldout-product-singleitem.png) no-repeat bottom left; } /******************************************** Featured Items */ div.product-list.featured { clear:both; background:#f2f9fa; border-top:1px solid #c4c4c4; } div.product-list.featured h2 { padding-left:1em; } div.product-list.featured div.product-listitem { height:250px; border:none; width:152px; } div.product-list.featured div.product-listitem h3, div.product-list.featured div.product-listitem h4, div.product-list.featured div.product-listitem p { width:150px; text-align:center; } div.product-list.featured div.product-listitem h3 { margin:205px 0 0 0; font-size:90%; } div.product-list.featured div.product-listitem h3 span { margin:0 auto 0 auto; float:none; } div.product-list.featured div.product-listitem h4 { margin:225px 0 0 0; } div.product-list.featured div.product-listitem h4 span.retailprice { font-size:100%; } div.product-list.featured div.product-listitem h5 { margin:0; width:150px; height:200px; background:#fff; } div.product-list.featured div.product-listitem h5 img { max-width:150px !important; } /* max-height:200px !important; */ div.product-list.featured div.product-listitem p { display:none; } div.product-list.featured span.status#onsale-status { margin-top:128px; } div.product-list.featured span.status#featured-status { margin-top:0; margin-left:72px; } div.product-list.featured span.status#onsale-status {} div.product-list.featured span.status#featured-status {} div.product-list.featured span.status#soldout-status, div.product-list.featured div.product-listitem h4 span.currency, div.product-list.featured div.product-listitem p { display:none; } /******************************************** Cart [ 1 ] body#cart {} */ /******************************************** Your Info [ 2 ] body#yourinfo {} */ body#yourinfo div#whatnow { padding-left:2em; } body#yourinfo div#whatnow h3, body#yourinfo div#whatnow ul { display:inline-block; font-size:110%; margin-bottom:0.3em; margin-top:0.3em; } body#yourinfo div#whatnow a.signin { background:none; text-indent:0; width:auto; height:auto; } /* Controls */ div#payment-paypal, div#payment-directdeposit, div#account-save, div#payment-phoneorder, div#account-create { margin:1em 2em 2.5em 2em; } fieldset#account-login input.signin { margin:1em 1em 0 1em; } div#account-create { margin-bottom:2em; } /******************************************** Payment [ 3 ] body#payment {} */ /* Payment Method */ fieldset#payment-method { margin-bottom:2em; } fieldset#payment-method li { display:block; margin:0; padding:1em 0 2em 0 !important; } fieldset#payment-method li label { margin:0; padding:0; width:auto; font-weight:bold; cursor:pointer; } fieldset#payment-method li input { margin:0 1em 0 2em; } /* Summary Cart Items */ div#summary-shipping, div#summary-cartitems { padding:0.4em 0.8em 0.3em 0.4em; border-bottom:1px solid #eee; font-size:80%; } div#summary-shipping li, div#summary-cartitems li { display:block; text-align:right; } div#show-summary-shipping p { margin-top:1em; margin-left:1em; } div#summary-total { margin:2em 0 2em 0; } div#summary-total h3 { text-align:center; font-size:220%; } /******************************************** Receipt [ 4 ] body#order {} */ /* whatnow */ body#order div#whatnow { margin-left:2em; margin-right:2em; padding:10px; border:1px dashed #C4C4C4; } body#order div#whatnow h3 { margin:10px 0 10px 0; padding:0; } body#order div#whatnow ul { margin:0; padding:0; list-style:none; } body#order div#whatnow li { display:inline-block; margin:0 10px 0 0; padding:0; } /* Order Summary */ div#order-summary { margin-left:2em; margin-right:2em; margin-top:1em; } div#order-summary h3 { margin-top:1em; } div#order-summary ul { margin-left:0.4em; } div#order-summary li { padding:4px 10px; list-style:disc; list-style-position:inside; font-size:110%; } body#order div#product-cartitems tbody td { padding:12px 6px; } body#order div#product-cartitems tbody td h3, body#order div#product-cartitems tbody span { font-size:100%; margin:0; padding:0; } body#order div#product-cartitems tfoot tr#total td { background:none; border-bottom:none; } div#account-personal, div#account-billing, div#account-shipping, div#yourinfo-instructions { margin-top:1em; margin-bottom:1.2em; } div#account-personal, div#yourinfo-instructions { margin-left:2em; margin-right:2em; } div#account-billing { margin-left:2em; } div#account-shipping { margin-right:2em; } body#order div#account-billing, body#payment div#account-billing { float:left; width:45%; } body#order div#account-shipping, body#payment div#account-shipping { float:right; width:45%; } body#order div#yourinfo-instructions, body#payment div#yourinfo-instructions { clear:both; } @media print { body#order div#header, body#order div#nav-box, body#order div#cart-box, body#order div#categories-box, body#order div#account-box, body#order div#checkoutprocess, body#order div#whatnow, body#order div#footer { display:none; } body#order div#content {} body#order div#product-cartitems table {} body#order div#summary {} } /******************************************** Generic Cart/Order */ /* Cart Items List */ div#product-cartitems { margin:1em; } div#product-cartitems table { width:100%; } div#product-cartitems td { border-collapse:collapse; border-top:1px solid #D9D9D9; } div#product-cartitems td.first { width:60px; } div#product-cartitems td.last { width:40px; } div#product-cartitems thead td { padding:20px 3px 6px 3px; text-transform:uppercase; font-size:11px; border:none; } div#product-cartitems tbody td { vertical-align:top; } div#product-cartitems tfoot td { padding:4px 6px; } div#product-cartitems tfoot td label { display:block; text-align:right; padding-right:0.3em; } div#product-cartitems tfoot td span {} /* thead */ div#product-cartitems thead td.price { width:90px; } div#product-cartitems thead td.qty { width:40px; } div#product-cartitems thead td.total { width:80px; } /* tbody */ div#product-cartitems tbody td h3 {} div#product-cartitems tbody td div.image { margin:0.4em auto 0.4em auto; width:54px; } div#product-cartitems tbody td div.image a { display:block; width:49px; height:49px; border:1px solid #D9D9D9; vertical-align:middle; text-align:center; } div#product-cartitems tbody td div.image a:hover { border-color:#9d9d9d; } div#product-cartitems tbody td div.image span { display:block; overflow:hidden; width:45px; height:45px; margin:2px; } div#product-cartitems tbody td div.image img { width:45px; height:60px; position:relative; top:-5px; } div#product-cartitems tbody td span.retailprice, div#product-cartitems tbody td span.total, div#product-cartitems tbody td span.quantity, div#product-cartitems tbody td span.remove { display:inline-block; } div#product-cartitems tbody h3, div#product-cartitems tbody input.remove, div#product-cartitems tbody span.retailprice, div#product-cartitems tbody span.total, div#product-cartitems tbody span.quantity { margin-bottom:0.4em; } div#product-cartitems tbody span.quantity, div#product-cartitems tbody td span.remove, div#product-cartitems tbody td span.remove a { display:block; text-align:center; } div#product-cartitems tbody h3, div#product-cartitems tbody input.remove, div#product-cartitems tbody input[type="checkbox"]#remove, div#product-cartitems tbody span.retailprice, div#product-cartitems tbody span.total, div#product-cartitems tbody span.remove a { margin-top:0.8em; } /**/ div#product-cartitems tbody span.normalprice { display:block; font-size:80%; } div#product-cartitems tbody span.remove a { font-size:80%; } /* Checkbox */ div#product-cartitems tbody td span.quantity { margin-top:0.4em; margin-bottom:0.35em; } div#product-cartitems tbody td span.quantity input[type="text"] { text-align:center; width:30px; } div#product-cartitems tbody td span.remove input[type="checkbox"] {} div#product-cartitems tbody td span.remove input[type="submit"] { display:none; } /* tfoot */ /* Update */ div#product-cartitems tfoot tr#update td { padding-top:12px; padding-bottom:12px; } div#product-cartitems tfoot tr#update a.continueshopping { float:left; } div#product-cartitems tfoot tr#update input.updatecart { float:right; } /* Discount */ body#cart tr#discount label { float:right; } body#cart tr#discount a { float:left; } body#cart tr#discountdetails h3 { margin-top:1em; margin-bottom:0; } body#cart tr#discountdetails p { margin-bottom:1em; } body#cart tr#discountdetails ul { margin-top:1em; margin-bottom:1em; } body#cart tr#discountdetails li { display:inline-block; } body#cart tr#discountdetails li label { width:auto; display:inline; } body#cart tr#discountdetails input[type="text"] {} body#cart tr#discountdetails input[type="submit"] { margin-left:0.3em; margin-top:0.2em; } /* Delivery */ div#product-cartitems tfoot tr#delivery.true a, div#product-cartitems tfoot tr#delivery.true select { float:left } div#product-cartitems tfoot tr#delivery.true label { float:right; } /* Shipping Address */ div#shippingcountry label { display:inline; width:auto !important; margin:0.2em 1em 0 0 !important; padding:0 !important; } body#cart tr#shippingaddress h3 { margin-top:0.5em; } body#cart tr#shippingaddress ul { margin-top:0.5em; margin-bottom:1em; } body#cart tr#shippingaddress li { display:inline-block; } body#cart tr#shippingaddress li label { width:auto; display:inline; } body#cart tr#shippingaddress td span { display:block; } /* Total */ div#product-cartitems tfoot tr#total td { padding-top:12px; font-size:160%; } div#product-cartitems tfoot tr#total td span.cart-cost { color:#000; } div#product-cartitems tfoot tr#total td span.currency {} /* Currency */ div#product-cartitems tfoot tr#currency td { border-top:0; } div#product-cartitems tfoot tr#currency h3 { font-size:105%; } div#product-cartitems tfoot tr#currency li { display:inline-block; float:left; margin-right:1.4em; } div#product-cartitems tfoot tr#currency a { margin-left:20px; } li.currency-us { background:url(http://static.easycommerce.com.au/176/assets/images/flags-16x11/us.png) no-repeat 0 3px; } li.currency-ca { background:url(http://static.easycommerce.com.au/176/assets/images/flags-16x11/ca.png) no-repeat 0 3px; } li.currency-gb { background:url(http://static.easycommerce.com.au/176/assets/images/flags-16x11/gb.png) no-repeat 0 3px; } li.currency-eur { background:url(http://static.easycommerce.com.au/176/assets/images/flags-16x11/europeanunion.png) no-repeat 0 3px; } li.currency-yen { background:url(http://static.easycommerce.com.au/176/assets/images/flags-16x11/jp.png) no-repeat 0 3px; } li.currency-nz { background:url(http://static.easycommerce.com.au/176/assets/images/flags-16x11/nz.png) no-repeat 0 3px; } li.currency-au { background:url(http://static.easycommerce.com.au/176/assets/images/flags-16x11/au.png) no-repeat 0 3px; } /******************************************** Where Now / Where Now */ div#wherenow, div#whatnow { margin-bottom:1em; overflow:auto; } div#wherenow li { display: inline-block; float:left; margin-right:10px; } div#whatnow li { display:inline; } /******************************************** Submit */ div#submit { padding:2em; border-top:1px solid #eee; border-bottom:1px solid #000; background:#424242; overflow:auto; } div#submit li { display:inline; } body#cart div#submit p { color:#fff; } body#cart div#submit a.checkout, body#yourinfo div#submit input.proceedtopayment, body#payment div#submit input.placemyorder { float:right; } /******************************************** Has No Items */ div.hasnoitems { border-bottom:1px solid #eee; } div.hasnoitems h1 {} div.hasnoitems h2 { background:url(64x64-unhappy.png) center 60px no-repeat; height:120px; } div.hasnoitems div#wherenow {} /******************************************** Check Out Process
  1. 1 Cart Items
  2. 2 Your Info
  3. 3 Payment Methods
  4. 4 Receipt
*/ div.checkoutprogress { overflow:hidden; margin:2em auto 0 auto; width:750px; height:60px; border-bottom:1px solid #99A; } div.checkoutprogress ol { margin:0; padding:0; height:13px; border-bottom:2px solid #F0F5F7; } * html div.checkoutprogress ol { border:0 solid; } /* List */ div.checkoutprogress ol li { position:relative; float:left; margin:0; padding:0; list-style:none; height:60px; width:25%; } div.checkoutprogress ol li a { color:#99A; border-bottom:0px dotted #99A; text-decoration:none; } /* div.checkoutprogress ol li.current a { color:#4095B9; } */ div.checkoutprogress ol li a:hover { color:#000; } /* Step Number */ div.checkoutprogress ol li span { display:block; padding:5px 10px; font-size:98%; color:#99A; text-align:center; } div.checkoutprogress ol li span.step-num { display:block; margin:0 auto; padding:5px 0 0 1px; font-size:100%; font-weight:normal; text-align:center; width:28px; height:23px; background:#000; border:1px solid #ccc; } /* Custom Pages */ body#account div.checkoutprogress li#yourinfo span, body#account div.checkoutprogress li#yourinfo span a, body#yourinfo div.checkoutprogress li#yourinfo span, body#yourinfo div.checkoutprogress li#yourinfo span a, body#cart div.checkoutprogress li#cartitems span, body#cart div.checkoutprogress li#cartitems span a, body#payment div.checkoutprogress li#paymentmethods span, body#payment div.checkoutprogress li#paymentmethods span a, body#order div.checkoutprogress li#receipt span, body#order div.checkoutprogress li#receipt span a { color:#222; font-weight:bold; } body#account div.checkoutprogress li#yourinfo span.step-num, body#yourinfo div.checkoutprogress li#yourinfo span.step-num, body#cart div.checkoutprogress li#cartitems span.step-num, body#payment div.checkoutprogress li#paymentmethods span.step-num, body#order div.checkoutprogress li#receipt span.step-num { top:21px; background-color:#FFF !important; } body#account div.checkoutprogress li#yourinfo a, body#yourinfo div.checkoutprogress li#yourinfo a, body#cart div.checkoutprogress li#cartitems a, body#payment div.checkoutprogress li#paymentmethods a, body#order div.checkoutprogress li#receipt a { border:none; } /* Steps width */ body#account div.checkoutprogress ol li#yourinfo, body#yourinfo div.checkoutprogress ol li#yourinfo, body#order div.checkoutprogress ol li#receipt, body#cart div.checkoutprogress ol li#cartitems, body#payment div.checkoutprogress ol li#paymentmethods { width:40% } body#account div.checkoutprogress ol li#cartitems, body#account div.checkoutprogress ol li#paymentmethods, body#account div.checkoutprogress ol li#receipt, body#yourinfo div.checkoutprogress ol li#cartitems, body#yourinfo div.checkoutprogress ol li#paymentmethods, body#yourinfo div.checkoutprogress ol li#receipt, body#cart div.checkoutprogress ol li#yourinfo, body#cart div.checkoutprogress ol li#paymentmethods, body#cart div.checkoutprogress ol li#receipt, body#payment div.checkoutprogress ol li#yourinfo, body#payment div.checkoutprogress ol li#cartitems, body#payment div.checkoutprogress ol li#receipt, body#order div.checkoutprogress ol li#yourinfo, body#order div.checkoutprogress ol li#cartitems, body#order div.checkoutprogress ol li#paymentmethods { width:20%; } /******************************************** Contact */ body#contact div.contact-details { margin:0 2em 0 2em; } body#contact fieldset#contact-form { margin-bottom:2em; } /******************************************** Content for HTML and Plain Text */ div.content h2 { margin-top:1em; margin-bottom:1em; } div.content h3, h4 { margin-top:1em; margin-bottom:0.2em; } div.content p { margin-bottom:0.8em; } div.content strong { font-weight:bold; } div.content i { font-style:italic; } div.content ul, ol { margin-left: 0; padding-left:2.6em; } div.content li { margin:0; padding:0; list-style:circle; } div.content ul li { list-style:circle; } div.content ol li { list-style:decimal-leading-zero; } /******************************************** News */ div.news-list { margin-top:1em; margin-left:2em; margin-right:2em; } div.news-listitem { margin-bottom:1.6em; padding-bottom:1em; border-bottom:1px solid #ccc; } div.news-listitem a.close { float:right; margin:0; text-align:center; text-transform:lowercase; width:40px; background:#f9f9f9; border:solid 1px #eee; display:inline-block; padding:3px 6px 4px; } div.news-listitem h4.date {} div.news-listitem h3.title { margin-top:0; } div.news-listitem div.news-content {} div.news-listitem div.news-htmlcontent {} div.news-listitem span.image { display:block; text-align:center; } div.news-listitem span.image img { max-width:650px; margin:1em; } div.news-listitem p.link {} div.news-listitem p.tags {}