/*/ ====== UI Patterns ====== /*/ /*/ Media Queries /*/ /* //Ref: http://css-tricks.com/media-queries-sass-3-2-and-codekit/ */ /* //Ref for <=IE8: http://jakearchibald.github.io/sass-ie/ */ /*/ Colours /*/ /* //#Site Colours //Styleguide 3 */ .girls { color: #e465b0 !important; } .girls a { color: #e465b0 !important; } .boys { color: #48c4dd !important; } .boys a { color: #48c4dd !important; } .unis, .unisexs { color: #ffaf25 !important; } .unis a, .unisexs a { color: #ffaf25 !important; } .yellow { color: #ffaf25 !important; } .yellow a { color: #ffaf25 !important; } .blue { color: #003e7e !important; } .blue a { color: #003e7e !important; } .red { color: #e50000 !important; } .red a { color: #e50000 !important; } .green { color: #4fb100 !important; } .green a { color: #4fb100 !important; } /*/ Images /*/ .sprites { background: url(/sprites/sprites.png) no-repeat; display: inline-block; overflow: hidden; } /* //#Images //Styleguide 10 */ /*/ Typography /*/ @font-face { font-family: 'lubalingbook'; src: url("/fonts/book/lubalingraphstdbook.eot"); src: url("/fonts/book/lubalingraphstdbook.eot?#iefix") format("embedded-opentype"), url("/fonts/book/lubalingraphstdbook.woff") format("woff"), url("/fonts/book/lubalingraphstdbook.ttf") format("truetype"), url("/fonts/book/lubalingraphstdbook.svg#lubalingbook") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'lubalingbookob'; src: url("/fonts/bookoblique/lubalingraphstdbookoblique.eot"); src: url("/fonts/bookoblique/lubalingraphstdbookoblique.eot?#iefix") format("embedded-opentype"), url("/fonts/bookoblique/lubalingraphstdbookoblique.woff") format("woff"), url("/fonts/bookoblique/lubalingraphstdbookoblique.ttf") format("truetype"), url("/fonts/bookoblique/lubalingraphstdbookoblique.svg#lubalingbookob") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'lubalingdemi'; src: url("/fonts/demi/lubalingraphstddemi.eot"); src: url("/fonts/demi/lubalingraphstddemi.eot?#iefix") format("embedded-opentype"), url("/fonts/demi/lubalingraphstddemi.woff") format("woff"), url("/fonts/demi/lubalingraphstddemi.ttf") format("truetype"), url("/fonts/demi/lubalingraphstddemi.svg#lubalingdemi") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'lubalingdemiob'; src: url("/fonts/demioblique/lubalingraphstddemioblique.eot"); src: url("/fonts/demioblique/lubalingraphstddemioblique.eot?#iefix") format("embedded-opentype"), url("/fonts/demioblique/lubalingraphstddemioblique.woff") format("woff"), url("/fonts/demioblique/lubalingraphstddemioblique.ttf") format("truetype"), url("/fonts/demioblique/lubalingraphstddemioblique.svg#lubalingdemiob") format("svg"); font-weight: normal; font-style: normal; } .smallcaps { font-size: 70%; position: relative; } .grey { color: #b0b0b0; } .bodycopy { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ padding-top: 30px; font-family: Helvetica,Arial,sans-serif; color: #003e7e; font-size: 14px; line-height: 1.4; } .bodycopy h1 { text-transform: uppercase; } .bodycopy ul { padding: 0px 0px 0px 18px; margin-top: -10px; } .bodycopy a { color: #003e7e; text-decoration: none; } /*/ Buttons /*/ /*/ Forms /*/ .fauxcheck, .fauxrad { border: 2px #b0b0b0 solid; height: 12px; width: 12px; display: inline-block; background-color: #fff; transition: background-color 0.3s; -webkit-transition: background-color 0.3s; cursor: pointer; } .fauxcheck.active, .fauxrad.active { background-color: #b0b0b0; } input, textarea, select { outline: 0; -webkit-appearance: none; border-radius: 0; } /* //#Forms //Styleguide 6 */ .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .clearfix:after { clear: both; } /* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */ .clearfix { zoom: 1; } /*/ ====== Modules ====== /*/ /*/ Header /*/ /* //#Header */ header { min-height: 122px; background-color: #ffaf25; background-image: -moz-linear-gradient(#ffbf2c, #ffaf25); background-image: -webkit-linear-gradient(#ffbf2c, #ffaf25); background-image: linear-gradient(#ffbf2c, #ffaf25); background-color: #ffaf25; min-width: 1000px; } .headinner { width: 1000px; margin: auto; background-color: #ffaf25; } #logo { width: 106px; height: 100px; background-position: 0 -162px; background-image: url(/sprites/sprites.png); background-repeat: no-repeat; display: inline-block; overflow: hidden; margin: 10px 24px 0 0; float: left; } .cartwrap { float: right; width: 288px; height: 59px; background-position: 0 -323px; background-image: url(/sprites/sprites.png); background-repeat: no-repeat; display: inline-block; overflow: hidden; font-family: "georgia", serif; font-size: 16px; color: #be7800; text-align: center; line-height: 55px; } .cartwrap a { text-decoration: none; color: #1b1403; } .cartwrap .cartico { width: 27px; height: 25px; background-position: -107px -223px; background-image: url(/sprites/sprites.png); background-repeat: no-repeat; display: inline-block; overflow: hidden; margin-right: 10px; position: relative; top: 6px; } #funcnavdt { float: left; width: 534px; padding: 30px 0 13px 0; background-image: url("/images/dot.png"); background-repeat: repeat-x; background-position: bottom; } #funcnavdt ul { display: block; float: left; list-style: none; margin: 0px; padding: 0px; } #funcnavdt li { display: block; float: left; font-family: "georgia", serif; font-size: 14px; color: #be7800; } #funcnavdt li a { color: #003e7e; text-decoration: none; padding: 10px; } #funcnavdt li:before { content: '|'; } #funcnavdt li:first-child:before { content: ''; } #maindtnavwrap { float: left; width: 566px; overflow: visible; } #maindtnavwrap ul { display: block; float: left; list-style: none; margin: 0px; padding: 0px; overflow: visible; margin-top: 10px; } #maindtnavwrap li { display: block; float: left; } #maindtnavwrap .mainnavitem { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ overflow: visible; } #maindtnavwrap .mainnavitem a { font-size: 20px; color: white; font-weight: normal; font-family: 'lubalingdemi', georgia, serif; display: block; text-decoration: none; padding: 14px 10px 0px 10px; text-transform: uppercase; overflow: visible; position: relative; z-index: 9998; } #maindtnavwrap .mainnavitem a.open { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px; border-radius: 6px 6px 0 0; -moz-box-shadow: #797979 0px 0px 3px; -webkit-box-shadow: #797979 0px 0px 3px; box-shadow: #797979 0px 0px 3px; color: #b0b0b0; background-color: #fff; } #maindtnavwrap .mainnavitem a.open .whiteblock { display: block; width: 100%; height: 16px; left: 0px; bottom: -12px; position: absolute; z-index: 9999; background-color: #ffffff; } #maindtnavwrap .subnav { display: none; } #maindtnavwrap .subnav.open { display: block; float: left; list-style: none; margin: 0px; padding: 0px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ position: absolute; z-index: 999; top: 112px; width: 430px; padding: 18px 12px; background-color: #fff; -webkit-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; -moz-box-shadow: #797979 0px 0px 3px; -webkit-box-shadow: #797979 0px 0px 3px; box-shadow: #797979 0px 0px 3px; border: 1px #fff solid; overflow: hidden; } #maindtnavwrap .subnav.open.colsubnav { width: 220px; } #maindtnavwrap .subnav.open li { display: block; float: left; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } #maindtnavwrap .subnav.open li a { font-family: "georgia", serif; font-size: 13px; color: #747474; text-transform: capitalize; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 100%; padding: 4px 10% 4px 10%; } #maindtnavwrap .subnav.open li a:after { display: none; } #maindtnavwrap .subnav.open li a:hover { color: #ffaf25; } #maindtnavwrap .subnav.open.girls li a:hover { color: #e465b0; } #maindtnavwrap .subnav.open.boys li a:hover { color: #48c4dd; } .subcatname { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ color: #747474; padding-left: 12px; font-weight: bold; width: 100%; margin-bottom: 6px; float: left; } .colcateg { float: left; width: 100%; } .colcateg ul { width: 100%; float: left; } .colcateg ul li { width: 100%; float: left; } .gendercateg { float: left; width: 33.33%; } .gendercateg ul { width: 100%; float: left; } .gendercateg ul li { width: 100%; float: left; } .genderhead { margin-left: 13px; margin-bottom: 3px; color: #747474; } .headersearch { float: right; height: 38px; margin-top: 10px; position: relative; } .headersearch input[type="text"] { border: 0px; font-size: 16px; line-height: 16px; display: block; padding: 12px 12px 7.5px 12px; -webkit-appearance: none; width: 260px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: inset 0 1px 1px #747474; -webkit-box-shadow: inset 0 1px 1px #747474; box-shadow: inset 0 1px 1px #747474; font-family: "georgia", serif; font-size: 16px; color: #747474; } .headersearch input[type="submit"] { width: 7px; height: 15px; background-position: -135px -223px; background-image: url(/sprites/sprites.png); background-repeat: no-repeat; display: inline-block; overflow: hidden; text-indent: 140%; white-space: nowrap; overflow: hidden; border: 0px; padding: 0px; position: absolute; top: 14px; right: 10px; } .menutogglewrap, .cartbuttonwrap { background-image: url("/images/cartoutlinemob.png"); background-size: 100%; background-position: top left; background-repeat: no-repeat; margin-top: 40px; margin-bottom: 45px; height: 107px; width: 107px; cursor: pointer; } .menutogglewrap { float: left; } .cartbuttonwrap { float: right; } .menutoggle { margin: 28px 0 0 25px; width: 59px; height: 51px; background-size: 100%; background-position: top left; background-repeat: no-repeat; background-image: url("/images/mobmenutoggle.png"); } .cartbutton { margin: 25px 0 0 20px; width: 64px; height: 60px; background-size: 100%; background-position: top left; background-repeat: no-repeat; background-image: url("/images/cartmob.png"); } /*/ Mobile sidemenu /*/ .mobmenu { float: left; width: 44.44%; height: 100%; min-height: 100%; display: none; } .mobmenu.open { display: block; } .mobmenu ul { display: block; float: left; list-style: none; margin: 0px; padding: 0px; width: 99%; float: left; overflow: hidden; border-top: 2px #b0b0b0 dashed; margin-top: 60px; } .mobmenu li { display: block; float: left; width: 100%; float: left; } .mobmenu li a { font-size: 28px; color: #ffaf25; font-weight: normal; font-family: 'lubalingdemi', georgia, serif; text-decoration: none; text-transform: uppercase; width: 90%; float: left; padding: 20px 5% 11px 5%; border-bottom: 2px #b0b0b0 dashed; } .mobmenu h3 { width: 90%; margin-left: 5%; clear: both; display: block; text-transform: uppercase; font-size: 28px; color: #b0b0b0; font-weight: normal; font-family: 'lubalingdemi', georgia, serif; padding-top: 36px; margin-bottom: 10px; } .mobmenu form { width: 90%; margin-left: 5%; clear: both; } .mobmenu input[type="email"], .mobmenu input[type="password"] { border: 0px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; font-family: georgia; color: #b0b0b0; font-size: 24px; line-height: 24px; display: block; padding: 4%; width: 92%; -webkit-appearance: none; box-shadow: 0 1px 1px #747474 inset; margin-bottom: 16px; } .mobmenu input[type="submit"] { background-image: url("/images/loginmob.jpg"); background-repeat: no-repeat; background-position: top left; text-indent: 140%; white-space: nowrap; overflow: hidden; width: 183px; height: 69px; border: 0px; background-color: none; } /*/ Mobile submenu /*/ .mobsubmenu { width: 100%; } .mobsubmenu ul { display: block; float: left; list-style: none; margin: 0px; padding: 0px; width: 100%; margin-bottom: 30px; } .mobsubmenu li { display: block; float: left; width: 100%; } .mobsubmenu a { display: block; padding: 17px 0 17px 5%; width: 95%; border-bottom: 2px #b0b0b0 dashed; font-size: 36px; color: #ffaf25; font-weight: normal; font-family: 'lubalingdemi', georgia, serif; text-transform: uppercase; text-decoration: none; } .mobsubmenumain { width: 100%; display: none; } .mobsubmenumain.active { display: block; } .mobsubmenumain ul.mobsub { display: block; float: left; list-style: none; margin: 0px; padding: 0px; width: 100%; margin-bottom: 30px; border: 0px; border-bottom: 2px #b0b0b0 dashed; } .mobsubmenumain ul.mobsub li { display: block; float: left; width: 100%; } .mobsubmenumain ul.mobsub a { display: block; padding: 17px 0 17px 5%; width: 95%; border-bottom: 0px; background-color: #fff; font-size: 20px; color: #ffaf25; font-weight: normal; font-family: 'lubalingdemi', georgia, serif; text-transform: uppercase; text-decoration: none; } .mobsubmenumain ul.mobsub a.mobsubhead { background-color: #eeeeee; } .mobsubmenumain ul.mobsub a.mobsubU { color: #ffaf25; } .mobsubmenumain ul.mobsub a.mobsubG { color: #e465b0; } .mobsubmenumain ul.mobsub a.mobsubB { color: #48c4dd; } /*/ Home page /*/ .promoswrap { width: 100%; float: left; margin-top: 10px; margin-bottom: 20px; } .promoswrap.new { margin-top: 14px; } .promo-left, .promo-cent { float: left; } .promo-cent { margin: 0 12px; } .promo-right { float: right; position: relative; } .promo-right form { position: absolute; bottom: 30px; left: 20px; } .promo-right input[type="text"] { border: 0px; font-size: 13px; line-height: 13px; display: block; padding: 10px 10px 6.25px 10px; -webkit-appearance: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-family: "georgia", serif; font-size: 13px; color: #747474; width: 260px; -moz-box-shadow: #c87f00 0px 0px 6px; -webkit-box-shadow: #c87f00 0px 0px 6px; box-shadow: #c87f00 0px 0px 6px; } .promo-right input[type="image"] { position: absolute; top: 10px; right: 8px; } .promo-left.new, .promo-cent.new, .promo-right.new { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 33.33%; margin: 0px; padding: 0px; } .promo-left.new img, .promo-cent.new img, .promo-right.new img { max-width: 100%; } .promo-left.new { padding: 0px 10px 10px 0px; } .promo-cent.new { padding: 0px 5px 10px 5px; } .promo-right.new { padding: 0px 0px 10px 10px; } /*/ ====== Big Slideshow ====== /*/ .bscontrol-left { position: absolute; top: 22%; margin-top: -38px; z-index: 99; cursor: pointer; width: 37px; height: 37px; padding-top: 20px; padding-bottom: 20px; float: left; left: -10px; } .bscontrol-left img { display: block; height: auto; width: auto; position: absolute; } .bscontrol-right { position: absolute; top: 22%; margin-top: -38px; z-index: 99; cursor: pointer; width: 37px; height: 37px; padding-top: 20px; padding-bottom: 20px; float: right; right: -10px; } .bscontrol-right img { display: block; height: auto; width: auto; position: absolute; } .bigss-outer { border: 1px transparent solid; margin: 0px auto 0px auto; } .bigslideshow-wrap { position: relative; width: 100%; padding-bottom: 48.1%; height: 0; overflow: hidden; margin: 0px auto 0px auto; position: relative; } .bigslideshow-wrap img { width: 100%; height: 100%; position: absolute; left: 0; } .bigslideshow-wrap.new { margin-top: 25px; position: relative; width: 100%; padding-bottom: 40%; height: 0; } .bigslideshow-wrap.new img { width: 100%; height: 100%; position: absolute; left: 0; } .bigslideshow-wrap .bigss-ul { display: block; float: left; list-style: none; margin: 0px; padding: 0px; width: inherit; height: inherit; } .bigslideshow-wrap .ssimg { margin: 0px; opacity: 0; transition: opacity 1s; -webkit-transition: opacity 1s; } .bigslideshow-wrap .ssimg a { display: none; } .bigslideshow-wrap .ssimg.active { opacity: 1; transition: opacity 1s; -webkit-transition: opacity 1s; } .bigslideshow-wrap .ssimg.active a { width: 100%; height: 100%; display: block; position: absolute; z-index: 20; } .dotcontrols { position: absolute; bottom: 24px; z-index: 100; width: 100%; text-align: center; } .dotcontrols .dotwrap { display: inline-block; margin: auto; } .dotcontrols .dot { height: 26px; width: 26px; display: inline-block; margin: 0 6px; background-color: #fff; cursor: pointer; transition: background-color 0.53s; -webkit-transition: background-color 0.53s; -moz-border-radius: 13px; -webkit-border-radius: 13px; border-radius: 13px; } .dotcontrols .dot.active { background-color: #ffaf25; } /*/ ====== Mini Slideshow ====== /*/ .minislideshow-wrap { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ position: relative; width: 100%; height: auto; margin-bottom: 10px; overflow: hidden; } .minislideshow-wrap .minislideshow-inner { background-color: #fff; width: 98%; height: auto; float: left; margin-left: 1%; } .minislideshow-wrap .control-left, .minislideshow-wrap .control-right { height: 100%; padding-top: 18%; cursor: pointer; position: absolute; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .minislideshow-wrap .control-left { left: 0px; float: left; padding-right: 1%; } .minislideshow-wrap .control-right { right: 0px; float: right; padding-left: 1%; } .minislideshow-wrap ul { display: block; float: left; list-style: none; margin: 0px; padding: 0px; width: 100%; height: 100%; } .minislideshow-wrap li { display: block; float: left; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ display: block; float: left; width: 23.58%; height: auto; margin: 0px 0.71%; } .minislideshow-wrap li.hidden { display: none; } .minislideshow-wrap li .imgwrap { display: block; width: 100%; } .minislideshow-wrap li .imgwrap img { display: block; width: 80%; margin: auto; } .minislideshow-wrap li a { text-decoration: none; } /*/ ====== Mobile Slideshow ====== /*/ /*/ Product Listing /*/ .prodinfowrap { border-left: 1px #b0b0b0 dotted; padding-left: 10px; margin-top: 6px; } .prodinfowrap .prodcat { display: inline-block; padding: 0 0 3px 0; font-family: "georgia", serif; font-size: 12px; font-style: italic; } .prodinfowrap .prodname { color: #747474; font-family: "georgia", serif; font-size: 16px; font-style: italic; } .prodinfowrap .prodprice { display: inline-block; padding: 6px 0 8px 0; color: #000; font-family: "georgia", serif; font-size: 14px; } .prodinfowrap .buynow { font-size: 14px; color: #ffaf25; font-weight: normal; font-family: 'lubalingbook', georgia, serif; text-transform: uppercase; } .prodinfowrap .buynow b { font-family: 'lubalingdemi', georgia, serif; font-weight: normal; } .prodinfowrap .buynowarr { width: 5px; height: 11px; background-position: -151px -223px; background-image: url(/sprites/sprites.png); background-repeat: no-repeat; display: inline-block; overflow: hidden; } /*/ Cart /*/ .cart-wrap { width: 100%; float: left; } .cart-wrap h1 { font-size: 34px; color: #003e7e; font-weight: normal; font-family: 'lubalingdemi', georgia, serif; margin: 30px 0px 0px 0px; width: 750px; float: left; } .cart-wrap h3 { font-size: 20px; color: #003e7e; font-weight: normal; font-family: 'lubalingdemi', georgia, serif; margin: 30px 0px 30px 0px; } .cart-wrap h3.emptcart { margin: 30px 30px 20px 30px; } .cart-wrap .imgwrap { display: block; width: 90px; float: left; } .cart-wrap .imgwrap img { display: block; margin: auto; width: 90px; float: left; } .cart-wrap .prodinfowrap { margin-top: 16px; border-left: 0px; width: 100px; padding: 0px; float: right; } .cart-wrap .prodname { font-family: "georgia", serif; font-size: 13px; } .cart-wrap .prodprice { margin-bottom: 6px; } .cart-wrap .buynow { font-size: 16px; color: #ffaf25; font-weight: normal; font-family: 'lubalingdemi', georgia, serif; } .recent { width: 220px; float: right; } .recent ul { display: block; float: left; list-style: none; margin: 0px; padding: 0px; width: 100%; background-image: url("/images/dot.png"); background-position: top left; background-repeat: repeat-x; } .recent-product { display: block; float: left; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ padding: 10px; background-image: url("/images/dot.png"); background-position: bottom right; background-repeat: repeat-x; width: 100%; overflow: hidden; *zoom: 1; } .recent-product a { text-decoration: none; } #cart-items { width: 750px; height: auto; border: 2px #e5ebf2 solid; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; float: left; position: relative; margin-bottom: 120px; } #cart-items .headerrow { margin-top: 0px; padding: 13px 18px; background-color: #edf1f6; } #cart-items .headerrow .headtd, #cart-items .headerrow .td { font-family: "georgia", serif; font-size: 12px; } #cart-items .headtd, #cart-items .td { font-family: "georgia", serif; font-size: 14px; } #cart-items .td.right { padding-right: 10px; } #cart-items .td .inpwrap { border: 2px #e3e3e3 solid; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; width: 50px; height: 30px; background-color: #fff; } #cart-items .td .inpwrap input[type="text"] { border: 1px #fff solid; font-family: "georgia", serif; font-size: 14px; width: 30px; text-align: center; margin-left: 3px; margin-top: 4px; } #cart-items .tr { width: 730px; margin-left: 10px; } #cart-items .removebutton { float: right; color: #003e7e; cursor: pointer; margin-top: 4px; } #cart-items .totalswrap { width: 196px; float: right; font-family: "georgia", serif; font-size: 14px; line-height: 22px; margin: 25px 20px 20px 0px; } #cart-items .totalswrap .total { font-size: 130%; padding-top: 6px; display: block; } #cart-items .totalswrap .left { display: block; float: left; width: 50%; } #cart-items .totalswrap .right { display: block; float: right; width: 50%; text-align: right; } .promocode-wrap { border: 2px #ffaf25 solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; width: 730px; margin-left: 10px; float: left; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ padding: 10px 16px; margin-top: 20px; } .promocode-wrap h3 { float: left; margin: 0px 10px 0px 0px; position: relative; bottom: -8px; } .promocode-wrap .inpwrap { border: 3px #e3e3e3 solid; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; width: 172px; height: 30px; float: left; background-color: #fff; } .promocode-wrap .inpwrap input[type="text"] { border: 1px #fff solid; font-family: "georgia", serif; font-size: 14px; width: 162px; margin-left: 3px; margin-top: 4px; } .promocode-wrap .promocode-apply { float: left; width: 68px; height: 30px; text-indent: 140%; white-space: nowrap; overflow: hidden; background-color: #fff; border: 0px; margin-left: 10px; background-image: url("/images/apply.png"); } .checkout-cart { width: 114px; height: 34px; text-indent: 140%; white-space: nowrap; overflow: hidden; border: 0px; background-image: url("/images/checkout.png"); float: left; position: absolute; right: 0px; bottom: -64px; } /*/ Faq /*/ .faq-categbar { float: left; width: 190px; float: left; } .faq-categbar h1 { font-size: 40px; color: #003e7e; font-weight: normal; font-family: 'lubalingbook', georgia, serif; margin: 30px 0px 0px 0px; } .faq-categbar h1 b { font-family: 'lubalingdemi', georgia, serif; font-weight: normal; } .faq-categbar h3 { font-size: 18px; color: #003e7e; font-weight: normal; font-family: 'lubalingbook', georgia, serif; margin: 10px 0px 10px 0px; } .faq-categbar h3 b { font-family: 'lubalingdemi', georgia, serif; font-weight: normal; } .faq-categbar ul { display: block; float: left; list-style: none; margin: 0px; padding: 0px; } .faq-categbar li { display: block; float: left; width: 100%; margin-bottom: 8px; font-family: "georgia", serif; font-size: 14px; color: #003e7e; } .faq-categbar li.active { color: #ffaf25; } .faq-categbar li.active a { color: #ffaf25; } .faq-categbar li:hover { color: #ffaf25; } .faq-categbar li:hover a { color: #ffaf25; } .faq-categbar li a { color: #003e7e; text-decoration: none; } .faq-categbar li a:after { content: ' >'; color: #ffaf25; } .faq-categbox { width: 100%; padding: 0 4%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .faq-categbox h1 { font-size: 40px; color: #003e7e; font-weight: normal; font-family: 'lubalingbook', georgia, serif; display: block; clear: both; padding: 20px 0px 0px 0px; margin-bottom: 15px; } .faq-categbox h1 b { font-family: 'lubalingdemi', georgia, serif; font-weight: normal; } .catselwrap { width: 100%; display: block; height: 68px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ border: 3px #e3e3e3 solid; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin-bottom: 20px; overflow: hidden; background: #ffffff; /* Old browsers */ background-image: url("/images/selectarr.png"), -moz-linear-gradient(top, white 0%, white 50%, #f2f2f2 50%, #f2f2f2 100%); /* FF3.6+ */ background-image: url("/images/selectarr.png"), -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(50%, white), color-stop(50%, #f2f2f2), color-stop(100%, #f2f2f2)); /* Chrome,Safari4+ */ background-image: url("/images/selectarr.png"), -webkit-linear-gradient(top, white 0%, white 50%, #f2f2f2 50%, #f2f2f2 100%); /* Chrome10+,Safari5.1+ */ background-image: url("/images/selectarr.png"), -o-linear-gradient(top, white 0%, white 50%, #f2f2f2 50%, #f2f2f2 100%); /* Opera 11.10+ */ background-image: url("/images/selectarr.png"), -ms-linear-gradient(top, white 0%, white 50%, #f2f2f2 50%, #f2f2f2 100%); /* IE10+ */ background-image: url("/images/selectarr.png"), linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #f2f2f2 50%, #f2f2f2 100%); /* W3C */ background-repeat: no-repeat; background-position: 97% 50%; } .catselwrap select { width: 110%; padding: 0px 0px 0px 3%; height: 28px; margin-top: 18px; border: 0px; background-color: transparent; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ font-family: "georgia", serif; font-size: 20px; } .faqwrap { width: 800px; float: right; } .faqwrap h2 { font-size: 18px; color: #ffaf25; font-weight: normal; font-family: 'lubalingbook', georgia, serif; margin: 40px 0px 0px 0px; padding: 0 0 16px 10px; border-bottom: 1px #b0b0b0 solid; } .faqwrap h2 b { font-family: 'lubalingdemi', georgia, serif; font-weight: normal; } .faqwrap ul { display: block; float: left; list-style: none; margin: 0px; padding: 0px; width: 100%; } .faqitem { display: block; float: left; width: 100%; border-bottom: 1px #b0b0b0 solid; } .faqitem .faqitem-head { font-family: "georgia", serif; font-size: 14px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ color: #003e7e; display: block; width: 100%; padding: 16px 0px 16px 10px; background-image: url("/images/mobfilterdown.png"); background-repeat: no-repeat; background-position: 99% 50%; background-size: 2%; cursor: pointer; } .faqitem .faqitem-content { font-family: "georgia", serif; font-size: 14px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ display: none; width: 100%; padding: 0px 0px 0px 10px; } .faqitem.open .faqitem-head { padding: 16px 0px 6px 10px; background-image: url("/images/mobfilterup.png"); } .faqitem.open .faqitem-content { display: block; padding: 0px 0px 10px 10px; } /*/ Category Listing /*/ .category-banner { width: 1000px; height: 238px; margin-top: 25px; position: relative; overflow: hidden; } .category-banner h1 { font-family: lubalingdemi; font-weight: normal; font-size: 40px; margin: 0px; } .category-banner p { font-family: "georgia", serif; font-size: 13px; color: #747474; line-height: 20px; margin: 0px; } .banner-bg { position: absolute; top: 0px; left: 0px; z-index: -1; } .bannercontent { width: 460px; float: right; margin-right: 44px; margin-top: 50px; } .bcrumbbar { display: block; float: left; width: 100%; border-bottom: 1px #747474 dotted; padding: 10px 0 6px 0; } .breadcrumb { font-family: "georgia", serif; font-size: 12px; color: #747474; float: left; margin-top: 6px; } .breadcrumb a { color: #747474; text-decoration: none; } .bcrumbbar .selwrap { width: 126px; height: 30px; border: 1px #fff solid; display: block; overflow: hidden; cursor: pointer; background-color: #fff; background-image: url("/images/selarr.png"); background-repeat: no-repeat; background-position: 95% 50%; } .bcrumbbar select { position: static; visibility: visible; width: 146px; height: 25px; margin: 3px 0px 0px 0px; padding: 0px 0px 0px 4px; background-color: transparent; cursor: pointer; border: 1px transparent solid; -webkit-appearance: none; font-family: "georgia", serif; font-size: 12px; color: #747474; } .bcrumbbar .selwrap { float: right; } .viewtypewrap { margin: 0 50px 0 0px; } .pagi-wrap { float: right; } .pagi-wrap div { width: 18px; height: 23px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background-color: #f3f3eb; float: left; margin-left: 3px; } .pagi-wrap div a { color: #747474; display: block; width: 18px; height: 23px; line-height: 20px; text-align: center; text-decoration: none; font-family: "georgia", serif; font-size: 12px; } .pagi-wrap div.actv a { color: #fff; cursor: default; } .pagi-wrap.girlpagi div.actv { background-color: #e465b0; } .pagi-wrap.boypagi div.actv { background-color: #48c4dd; } .pagi-wrap.unipagi div.actv { background-color: #ffaf25; } .refinesidebar { float: left; width: 134px; padding-left: 10px; min-height: 200px; } .refinesidebar h2 { font-family: 'lubalingdemi'; font-weight: normal; font-size: 30px; margin: 16px 0 6px 0; } .refinesidebar ul { display: block; float: left; list-style: none; margin: 0px; padding: 0px; font-family: "georgia", serif; font-size: 12px; color: #747474; line-height: 20px; margin-bottom: 16px; } .refinesidebar li { cursor: pointer; position: relative; z-index: 10; } .refinesidebar li a { position: relative; display: block; padding-left: 14px; z-index: 10; width: 100%; } .refinesidebar li:before { content: ''; border-radius: 5px; float: left; display: block; height: 8px; width: 8px; border: 1px solid; position: absolute; z-index: 0; top: 5px; left: 0px; margin-right: 6px; transition: all 0.4s; -webkit-transition: all 0.4s; } .refinesidebar .headli { font-size: 16px; padding-left: 0px; font-family: 'lubalingbook'; } .refinesidebar .headli:before { display: none; } .refinesidebar.girlsb { background-color: #fcf0f7; } .refinesidebar.girlsb h2 { color: #e465b0; } .refinesidebar.girlsb .headli { color: #e465b0; } .refinesidebar.girlsb li.active:before { background-color: #e465b0; } .refinesidebar.girlsb li:before { border-color: #e465b0; } .refinesidebar.boysb { background-color: #d2f0f7; } .refinesidebar.boysb h2 { color: #48c4dd; } .refinesidebar.boysb .headli { color: #48c4dd; } .refinesidebar.boysb li.active:before { background-color: #48c4dd; } .refinesidebar.boysb li:before { border-color: #48c4dd; } .refinesidebar.unisb { background-color: #ffebc8; } .refinesidebar.unisb h2 { color: #ffaf25; } .refinesidebar.unisb .headli { color: #ffaf25; } .refinesidebar.unisb li.active:before { background-color: #ffaf25; } .refinesidebar.unisb li:before { border-color: #ffaf25; } .categ-head { width: 92%; margin-left: 4%; margin-top: 0px; display: block; float: left; } .categ-head h1 { font-family: 'lubalingdemi'; font-weight: normal; margin-bottom: 0px; } .categfilters { width: 100%; margin-top: 20px; } .filterbutton-wrap, .categfilter-filter-wrap { display: block; width: 100%; float: right; } .categfilter-button { font-family: "georgia", serif; font-size: 18px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ cursor: pointer; color: #747474; width: 32%; padding: 2%; display: block; float: left; margin-right: 2%; border: 2px #dedede solid; background-image: url("/images/mobfilterarr.png"); background-position: 95% 50%; background-size: 12%; background-repeat: no-repeat; position: relative; } .categfilter-button:last-child { margin-right: 0px; float: right; } .categfilter-button.active { border: 2px #b0b0b0 solid; padding-bottom: 3.6%; } .categfilter-button.active:after { content: ''; display: block; background-color: #fff; width: 100%; height: 14px; position: absolute; left: 0; bottom: -13px; } .categfilter-filter { display: none; border: 2px #b0b0b0 solid; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ height: 100%; width: 100%; padding: 0px; float: left; margin-top: 0px; } .categfilter-filter.active { display: block; } .categfilter-filter ul { padding-left: 4%; border-top: 2px #bfbfbf dashed; list-style: none; padding: 16px 0px 6px 16px; margin: 0px 0px 0px 0px; } .categfilter-filter ul:first-child { border-top: 0px; } .categfilter-filter ul.active { padding: 16px 0px 16px 16px; } .categfilter-filter ul.active li { display: block; } .categfilter-filter ul.clearul { padding: 16px 0px 6px 16px; } .categfilter-filter li { display: none; cursor: pointer; font-family: "georgia", serif; font-size: 18px; color: #838383; line-height: 28px; } .categfilter-filter li:before { content: ''; display: inline-block; height: 10px; width: 10px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 2px #b0b0b0 solid; line-height: 26px; margin-right: 6px; transition: background-color 0.3s; -webkit-transition: background-color 0.3s; } .categfilter-filter li.active:before { border: 2px #ffaf25 solid; background-color: #ffaf25; } .categfilter-filter .headli { display: block; background-image: url("/images/mobfilterdown.png"); background-position: 95% 50%; background-size: 5%; background-repeat: no-repeat; text-transform: uppercase; font-size: 20px; color: #ffaf25; font-weight: normal; font-family: 'lubalingdemi', georgia, serif; } .categfilter-filter .headli:before { display: none; } .categfilter-filter .headli.active { background-image: url("/images/mobfilterup.png"); } .categfilter-filter .headli.clearall { color: #b0b0b0; background-image: none; } .categlisting-container { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 100%; float: left; padding-left: 160px; margin-left: -145px; } .categlisting-container ul { display: block; float: left; list-style: none; margin: 0px; padding: 0px; width: 100%; height: 100%; margin: 20px 0; } .categlisting-container li { display: block; float: left; display: block; float: left; width: 23.58%; height: auto; margin: 0px 0.71% 0px 0.71%; } .categlisting-container li.rowbox { display: block; float: left; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 100%; float: left; height: 20px; margin: 0px; display: none; } .categlisting-container li.rowbox.active { display: block; } .categlisting-container li.hidden { display: none; } .categlisting-container li .imgwrap { display: block; width: 100%; position: relative; } .categlisting-container li .imgwrap img { display: block; width: 80%; margin: auto; } .categlisting-container li a { text-decoration: none; } .was { text-decoration: line-through; color: #666; } .saledot { display: none; width: 66px; height: 66px; position: absolute; top: 20px; left: 0px; background-image: url("images/percoff.png"); } .saledot.active { display: block; } .saledot span { display: block; width: 31px; text-align: right; z-index: 99; position: relative; left: 8px; line-height: 66px; font-size: 28px; color: #fff; font-family: helvetica; font-weight: bold; } /*/ Individual product /*/ .product-wrap { width: 100%; float: left; background-image: url("/images/dot.png"); background-repeat: repeat-x; background-position: bottom; padding-bottom: 25px; margin-bottom: 20px; } .prodwrap-top { width: 100%; height: 8px; display: block; margin: 25px 0; float: left; background-image: url("/images/dot.png"); background-repeat: repeat-x; background-position: top; } .prodwrap-top.girls { background-color: #fbe7f3; } .prodwrap-top.boys { background-color: #c9eef5; } .prodwrap-top.unis { background-color: #ffe7be; } .instock { width: 17px; height: 17px; display: inline-block; margin-right: 3px; position: relative; bottom: -3px; background-image: url("/images/stockyes.png"); } .prodpics-wrap { width: 400px; float: left; margin-right: 40px; } .prodpics-wrap ul { display: block; float: left; list-style: none; margin: 0px; padding: 0px; float: none; overflow: hidden; *zoom: 1; text-align: center; } .prodpics-wrap li { display: inline-block; text-align: center; cursor: pointer; border: 1px #cacaca solid; width: 77px; background-color: #fff; margin-right: 7px; margin-bottom: 5px; } .prodpics-wrap li img { width: 100%; display: block; margin: auto; } .mainpic { margin-bottom: 30px; } .mainpic img { width: 100%; display: block; margin: auto; } .mainpiccontrol-left, .mainpiccontrol-right { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ position: absolute; height: 100%; top: 0px; cursor: pointer; z-index: 9; width: 23px; } .mainpiccontrol-left img, .mainpiccontrol-right img { margin-top: -24px; position: absolute; top: 50%; } .mainpiccontrol-left { left: 0px; padding-right: 2%; } .mainpiccontrol-left img { left: 0px; } .mainpiccontrol-right { right: 2%; padding-left: 4%; } .mainpiccontrol-right img { right: 0px; } .prodinfo-wrap { width: 410px; float: left; } .prodinfo-wrap h1 { font-family: 'lubalingbook'; font-weight: normal; font-size: 36px; margin-bottom: 0px; margin-top: 40px; letter-spacing: 1px; } .stockinfo { float: left; width: 100%; margin-bottom: 20px; font-family: "georgia", serif; font-size: 14px; color: #b0b0b0; } .prodprice { float: left; color: #747474; margin-bottom: 20px; width: 100%; font-family: "georgia", serif; font-size: 28px; } .prodcolour { float: left; width: 100%; font-family: "georgia", serif; font-size: 14px; color: #b0b0b0; } .prodcolour #colchoice { color: #000; text-transform: capitalize; } .prodcolour p { margin: 0px 0px 8px 0px; } .prodcolour ul { display: block; float: left; list-style: none; margin: 0px; padding: 0px; } .prodcolour ul li { display: block; float: left; cursor: pointer; width: 56px; height: 84px; border: 2px #d9d9d9 solid; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; overflow: hidden; margin-right: 6px; } .prodcolour ul li img { height: 84px; display: block; margin: auto; } .prodcolour ul.girls li.active { border: 2px #e465b0 solid; } .prodcolour ul.boys li.active { border: 2px #48c4dd solid; } .prodcolour ul.unis li.active, .prodcolour ul .unisexs li.active { border: 2px #ffaf25 solid; } .prodcolour ul.unisexs li.active { border: 2px #ffaf25 solid; } .prodsize { float: left; width: 100%; font-family: "georgia", serif; font-size: 14px; color: #b0b0b0; margin-top: 18px; margin-bottom: 25px; } .prodsize #sizechoice { color: #000; text-transform: capitalize; } .prodsize p { margin: 0px 0px 8px 0px; } .prodsize ul { display: block; float: left; list-style: none; margin: 0px; padding: 0px; } .prodsize ul li { display: block; float: left; font-family: "georgia", serif; font-size: 16px; color: #b0b0b0; text-align: center; line-height: 33px; cursor: pointer; width: 36px; height: 36px; border: 2px #d9d9d9 solid; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; overflow: hidden; margin-right: 6px; } .prodsize ul li.disabled { background-color: #f2f2f2; color: #c4c4c4; border: 2px #d9d9d9 solid; cursor: auto; text-decoration: line-through; } .prodsize ul li.active { color: #fff; } .prodsize ul.girls li.active { border: 2px #e465b0 solid; background-color: #e465b0; } .prodsize ul.boys li.active { border: 2px #48c4dd solid; background-color: #48c4dd; } .prodsize ul.unis li.active { border: 2px #ffaf25 solid; background-color: #ffaf25; } .prodsize ul.unisexs li.active { border: 2px #ffaf25 solid; background-color: #ffaf25; } .checkstock { max-width: 100%; float: left; margin-left: 4%; } .checkstock img { width: 100%; margin-top: 16px; } .addtocart { float: left; cursor: pointer; } .prod-descr { width: 100%; float: left; margin-bottom: 25px; font-family: "georgia", serif; font-size: 14px; line-height: 20px; color: #b0b0b0; } .prod-descr a { text-decoration: none; } .smico-wrap { float: left; width: 100%; height: 30px; } .fb-wrap { padding-right: 30px; } .smico { float: left; } .recentview-wrap { width: 136px; float: right; } .recentview-wrap h3 { font-family: 'lubalingbook'; font-weight: normal; font-size: 14px; margin-top: 52px; } .recentview-wrap ul { display: block; float: left; list-style: none; margin: 0px; padding: 0px; } .recentview-wrap li { display: block; float: left; width: 100%; float: left; padding-bottom: 6px; } .recentview-wrap li img { height: 100px; display: block; margin: auto; } .recentview-wrap li p { margin: 0px; text-align: center; width: 100%; color: #747474; font-family: "georgia", serif; font-size: 14px; } .addedpopup { display: block; width: 334px; height: 320px; background-color: #fff; position: absolute; z-index: 99999; position: absolute; left: 50%; margin-left: -167px; top: 220px; overflow: hidden; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; -moz-box-shadow: 0px 0px 5px #333333; -webkit-box-shadow: 0px 0px 5px #333333; box-shadow: 0px 0px 5px #333333; } .addedpopup h1 { font-size: 36px; color: #ffaf25; font-weight: normal; font-family: 'lubalingbook', georgia, serif; margin: 0px; padding: 0px; } .addedpopup h1 b { font-family: 'lubalingdemi', georgia, serif; font-weight: normal; } .addedpopup .inner { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 100%; padding: 30px 30px 0 30px; } .addedpopup label { font-family: "georgia", serif; font-size: 14px; width: 100%; float: left; } .addedpopup .lowerbar { width: 100%; height: auto; position: absolute; bottom: 0px; font-family: "georgia", serif; font-size: 14px; text-align: center; background-color: #f7f3ed; background-image: url("/images/dot.png"); background-repeat: repeat-x; background-position: top; -moz-border-radius: 0px 0px 8px 8px; -webkit-border-radius: 0px; border-radius: 0px 0px 8px 8px; } .addedpopup .lowerbar a { color: #003e7e; text-decoration: none; } .addedpopup .lowerbar p { height: 100%; margin: 0px; padding: 20px; } .addedpopup input[type="text"], .addedpopup input[type="password"] { border: 0px; font-size: 12px; line-height: 12px; display: block; padding: 10px 10px 6.25px 10px; -webkit-appearance: none; border: 2px #e3e0e0 solid; width: 250px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin-top: 6px; margin-bottom: 12px; float: left; } .addedpopup input[type="submit"] { text-indent: 140%; white-space: nowrap; overflow: hidden; background-image: url("/images/login.png"); background-repeat: no-repeat; height: 34px; width: 79px; padding: 0px; border: 1px #fff solid; float: left; margin-top: 0px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } /*/ Individual product /*/ #stocklist { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 10px; background-color: #fff; } #stocklist h1 { font-size: 36px; color: #ffaf25; font-weight: normal; font-family: 'lubalingbook', georgia, serif; border-bottom: 1px #666 dotted; width: 100%; display: block; margin: 0px; padding: 0px 0px 0px 0px; } #stocklist h1 b { font-family: 'lubalingdemi', georgia, serif; font-weight: normal; } #stocklist th { background-color: #f7f5f3; padding: 10px; font-weight: normal; } #stocklist td { border-bottom: 1px #d7d0cd solid; padding: 6px 0px; } #stocklist td a { text-decoration: none; color: #003e7e; } .addedpopup.instore { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 726px; margin-left: -363px; top: 0px; padding: 12px; height: auto; } .stockprod-pic { min-height: 50px; background-color: #fff; float: right; font-size: 18px; font-style: italic; margin-top: 18px; margin-bottom: 25px; margin-right: 10px; width: 270px; } .clearline { width: 100%; height: 2px; float: left; } .stockprod-name { display: none; } .stocklegend { border: 2px #e7e6e3 solid; padding: 10px; float: right; margin: 10px 0px; } .stock-is, .stock-ls, .stock-ns { width: 16px; height: 16px; background-position: center center; background-repeat: no-repeat; display: inline-block; } .stock-is { background-image: url("../images/ico-stockis.png"); } .stock-ls { background-image: url("../images/ico-stockls.png"); } .stock-ns { background-image: url("../images/ico-stockns.png"); } .region-select a { color: #003e7e; text-decoration: none; } .region-select a.active { color: #ffaf25; font-weight: normal; } .stockprod-colour-select { float: left; margin-right: 7px; margin-bottom: 7px; } .stockprod-colour-select.active img { border: 2px #ffaf25 solid; } .stockprod-colour-select img { width: 58px; float: left; border: 2px #ccc solid; cursor: pointer; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } #stockprod-info { float: left; margin-top: 18px; font-size: 18px; line-height: 26px; width: auto; max-width: 260px; } #stockprod-info .stockprodcol { font-size: 14px; } #stockprod-info .stockprodname { font-style: italic; } /*/ Info Form /*/ .contactus-right .infoform-wrap, .account-menu .infoform-wrap { width: 100%; margin-top: 0px; } .account-menu .infoform-wrap { margin-bottom: 10px; padding: 20px; } .resetpw { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 100%; } .resetpw h1 { font-size: 45px; color: #003e7e; font-weight: normal; font-family: 'lubalingbook', georgia, serif; } .resetpw h1 b { font-family: 'lubalingdemi', georgia, serif; font-weight: normal; } .resetpw .formitem { float: left; width: 100%; margin-bottom: 8px; text-indent: 3px; } .resetpw .imgbutton { float: left; } .resetpw .textinput { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; width: 75%; height: 35px; float: right; border: 2px #e3e3e3 solid; margin-bottom: 10px; } .resetpw label { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 25%; float: left; height: 35px; } .resetpw-form { overflow: hidden; *zoom: 1; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 3px #e5ebf2 solid; padding: 30px; width: 100%; } .infoform-wrap { overflow: hidden; *zoom: 1; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 3px #e5ebf2 solid; width: 614px; padding: 30px; margin: 70px auto 60px auto; } .infoform-wrap.updetails { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 68%; margin: 44px 0px 60px 0px; float: right; } .infoform-wrap h1 { font-size: 45px; color: #003e7e; font-weight: normal; font-family: 'lubalingbook', georgia, serif; margin: 0px 0px 16px 0px; } .infoform-wrap h1 b { font-family: 'lubalingdemi', georgia, serif; font-weight: normal; } .infoform-wrap h2 { font-size: 27px; color: #003e7e; font-weight: normal; font-family: 'lubalingbook', georgia, serif; margin: 0px 0px 16px 0px; } .infoform-wrap h2 b { font-family: 'lubalingdemi', georgia, serif; font-weight: normal; } .infoform-wrap h3 { font-size: 27px; color: #003e7e; font-weight: normal; font-family: 'lubalingbook', georgia, serif; margin: 0px 0px 16px 0px; } .infoform-wrap h3 b { font-family: 'lubalingdemi', georgia, serif; font-weight: normal; } .infoform-wrap .formitem { float: left; width: 100%; margin-bottom: 8px; text-indent: 3px; } .infoform-wrap label { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 25%; float: left; height: 35px; } .infoform-wrap .textarea { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 2px #e3e3e3 solid; width: 75%; float: right; height: 160px; } .infoform-wrap .textinput { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; width: 75%; height: 35px; float: right; border: 2px #e3e3e3 solid; } .infoform-wrap .selwrap { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 75%; height: 35px; border: 2px #e3e3e3 solid; display: block; overflow: hidden; cursor: pointer; background: #f0f0f0; background-image: url("/images/form-selectdblarr-3.png"); /* fallback */ background-image: url("/images/form-selectdblarr-3.png"), -webkit-gradient(linear, left top, left bottom, from(white 50%), to(#f2f2f2 50%)); /* Saf4+, Chrome */ background-image: url("/images/form-selectdblarr-3.png"), -webkit-linear-gradient(top, white 50%, #f2f2f2 50%); /* Chrome 10+, Saf5.1+ */ background-image: url("/images/form-selectdblarr-3.png"), -moz-linear-gradient(top, white 50%, #f2f2f2 50%); /* FF3.6+ */ background-image: url("/images/form-selectdblarr-3.png"), -ms-linear-gradient(top, white 50%, #f2f2f2 50%); /* IE10 */ background-image: url("/images/form-selectdblarr-3.png"), -o-linear-gradient(top, white 50%, #f2f2f2 50%); /* Opera 11.10+ */ background-image: url("/images/form-selectdblarr-3.png"), linear-gradient(to bottom, #ffffff 50%, #f2f2f2 50%); /* W3C */ background-repeat: no-repeat; background-position: 95% 50%; } .infoform-wrap .selwrap select { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ position: static; visibility: visible; width: 110%; height: 26px; margin: 8px 0px 0px 0px; padding: 0px 0px 0px 4px; line-height: 1; background-color: transparent; cursor: pointer; border: 1px transparent solid; -webkit-appearance: none; color: #747474; } .infoform-wrap .pw-wrap { padding: 10px; width: 100%; float: left; position: relative; left: -10px; margin-bottom: 16px; background-color: #ecf0f5; margin-top: 20px; } .infoform-wrap .pw-wrap .textinput { border-color: #d1dbe8; } /*/ Contact Us Page /*/ .contactus-right, .contactus-left { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ margin-top: 30px; } .contactus-right { width: 60%; float: right; } .contactus-left { width: 38%; float: left; margin-top: 46px; } .contactus-left h1 { font-size: 45px; color: #003e7e; font-weight: normal; font-family: 'lubalingbook', georgia, serif; margin: 0px 0px 16px 0px; } .contactus-left h1 b { font-family: 'lubalingdemi', georgia, serif; font-weight: normal; } .contactus-left h2 { font-size: 27px; color: #ffaf25; font-weight: normal; font-family: 'lubalingbook', georgia, serif; margin: 0px 0px 12px 0px; float: left; } .contactus-left h2 b { font-family: 'lubalingdemi', georgia, serif; font-weight: normal; } .contactus-left h2 a { color: #ffaf25; text-decoration: none; } .cont-wrap { width: 100%; float: left; } .callimg, .mailimg { position: relative; float: left; width: 40px; } .callimg { top: -3px; left: 5px; } .mailimg { top: 4px; } /*/ Account /*/ .account-menu { width: 25%; margin-top: 30px; float: left; } .account-menu.trackorder { width: 35%; } .account-menu h2 { font-size: 25px; color: #ffaf25; font-weight: normal; font-family: 'lubalingdemi', georgia, serif; margin: 12px 0px 26px 0px; } .account-menu ul { display: block; float: left; list-style: none; margin: 0px; padding: 0px; width: 100%; float: left; } .account-menu li { display: block; float: left; width: 100%; margin-bottom: 8px; float: left; } .account-menu li a { color: #003e7e; text-decoration: none; } .oh-headitem { color: #003e7e; float: left; font-size: 11px; font-weight: bold; text-transform: uppercase; } .order-history-list, .pastorder-list { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 72%; float: right; margin-top: 25px; } .order-history-list.trackorder, .pastorder-list.trackorder { width: 60%; } .order-history-list h1, .pastorder-list h1 { font-size: 45px; color: #003e7e; font-weight: normal; font-family: 'lubalingbook', georgia, serif; margin: 0px 0px 20px 0px; } .order-history-list h1 b, .pastorder-list h1 b { font-family: 'lubalingdemi', georgia, serif; font-weight: normal; } .orderhistory-head { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ float: right; width: 100%; padding: 10px 8px; background-color: #e5ebf2; } .oh-date, .oh-no, .oh-total, .oh-status, .oh-vieworder { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ float: left; } .oh-date { width: 25%; } .oh-no { width: 19%; } .oh-total { width: 18%; } .oh-status { width: 19%; } .oh-status.proc { color: #e50000; } .oh-status.compl { color: #4fb100; } .oh-vieworder { width: 17%; } .oh-vieworder a { color: #003e7e; text-decoration: none; } .orderhistory-row { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 100%; float: right; padding: 6px 8px; border-bottom: 1px #e5ebf2 solid; } .ch4-endbox.pastorder { padding: 0px; border: 0px; } /*/ Store Locations /*/ .locations-wrap { width: 100%; position: relative; } .locations-wrap .locations-left { float: left; width: 250px; min-height: 412px; } .locations-wrap .locations-left .locations-goback { font-size: 20px; color: #ffaf25; font-weight: normal; font-family: 'lubalingdemi', georgia, serif; float: right; } .locations-wrap .locations-left .locations-goback img { position: relative; top: 2px; } .locations-wrap .locations-right { background-color: #ffaf25; width: 720px; height: 412px; float: right; } .locations-wrap h1 { font-size: 40px; color: #003e7e; font-weight: normal; font-family: 'lubalingbook', georgia, serif; margin: 30px 0px 16px 0px; float: left; width: 100%; } .locations-wrap h1 b { font-family: 'lubalingdemi', georgia, serif; font-weight: normal; } .locations-wrap h2 { font-size: 18px; color: #003e7e; font-weight: normal; font-family: 'lubalingdemi', georgia, serif; margin: 0px; } .locations-wrap h4 { color: #003e7e; margin: 0px; font-weight: normal; } .locations-wrap p { margin-top: 0px; } .locations-wrap .inpwrap { border: 2px #e3e3e3 solid; width: 250px; height: 34px; margin-bottom: 30px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .locations-wrap .inpwrap input[type="text"] { border: 1px #fff solid; width: 200px; float: left; margin-left: 5px; margin-top: 3px; font-family: "georgia", serif; font-size: 14px; } .locations-wrap .inpwrap input[type="image"] { border: 1px #fff solid; float: right; margin-top: 3px; margin-right: 3px; } /*/ Lookbook /*/ #lookbookwrap { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 100%; float: left; background-color: #f8f6ef; } .lookbooklist { display: block; float: left; list-style: none; margin: 0px; padding: 0px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 100%; padding: 18px 0px; } .lookbooklist li { display: block; float: left; padding-right: 12px; } .lookbooklist li a { color: #003e7e; text-decoration: none; } .lookbooklist li a.active { color: #ffaf25; } .lookbooklist li a:hover { color: #ffaf25; } .lookbooklist li a span { color: #cbcac5; margin-right: 6px; } .lbmainpic { width: 425px; height: 600px; float: right; background-color: #ffaf25; } .lbmainpic img { width: 100%; } .lbmainpic .innerpic { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 92%; min-height: 200px; float: left; margin-left: 4%; background-color: #ffaf25; } .lbmainpic .innerpic img { width: 100%; } .reccomendlist { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ padding: 40px 0px; float: left; width: 300px; } #reccpag { display: block; float: left; list-style: none; margin: 0px; padding: 0px; float: left; width: 100%; text-align: center; padding-top: 20px; } #reccpag li { display: inline-block; width: 10px; height: 10px; padding: 3px; cursor: pointer; background-image: url("../images/ico-lbpagiia.png"); background-repeat: no-repeat; background-position: center center; } #reccpag li:hover { background-image: url("../images/ico-lbpagi.png"); } #reccpag li.active { background-image: url("../images/ico-lbpagi.png"); } #recclist { display: block; float: left; list-style: none; margin: 0px; padding: 0px; width: 228px; float: left; } #recclist li { display: block; float: left; display: none; width: 110px; height: 156px; margin-bottom: 5px; cursor: pointer; background-color: #ffd48b; } #recclist li a { width: 100%; height: 100%; display: block; } #recclist li.active { display: block; } #recclist li:nth-child(2n+1) { margin-right: 5px; } .mainpic-ctrl-left, .mainpic-ctrl-right { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 4%; height: 100%; position: absolute; background-repeat: no-repeat; background-position: center center; background-size: 60% auto; } .mainpic-ctrl-left a, .mainpic-ctrl-right a { width: 100%; height: 100%; display: block; position: absolute; } .mainpic-ctrl-right { right: 0px; background-image: url("../images/ico-lb-right.png"); } .mainpic-ctrl-left { left: 0px; background-image: url("../images/ico-lb-left.png"); } .ctrl-left, .ctrl-right { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ float: left; height: 478px; width: 36px; cursor: pointer; background-repeat: no-repeat; background-position: center center; } .ctrl-left { background-image: url("../images/ico-lb-left.png"); } .ctrl-right { background-image: url("../images/ico-lb-right.png"); } #lbmainprods { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ padding: 30px; width: 270px; float: right; } #lbmainprods ul { display: block; float: left; list-style: none; margin: 0px; padding: 0px; } #lbmainprods li { display: block; float: left; margin-bottom: 26px; } #lbmainprods h3 { font-size: 18px; color: #ffaf25; font-weight: normal; font-family: 'lubalingbook', georgia, serif; margin: 0px; } #lbmainprods h3 b { font-family: 'lubalingdemi', georgia, serif; font-weight: normal; } #lbmainprods h4 { color: #747474; font-size: 16px; margin: 0px; font-family: georgia, serif; font-weight: normal; } #lbmainprods ul.lbprodsize { display: block; float: left; list-style: none; margin: 0px; padding: 0px; width: 100%; margin-bottom: 3px; margin-top: 7px; } #lbmainprods ul.lbprodsize li { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ display: block; float: left; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; width: 45px; height: 45px; text-align: center; margin-right: 5px; margin-bottom: 5px; font-size: 13px; color: #909090; border: 2px #b0b0b0 solid; cursor: pointer; display: table; } #lbmainprods ul.lbprodsize li .lirow { display: table-row; width: 100%; height: 100%; } #lbmainprods ul.lbprodsize li .litd { display: table-cell; text-align: center; vertical-align: middle; width: 100%; height: 100%; } #lbmainprods ul.lbprodsize li.active { background-color: #ffaf25; border: 2px #ffaf25 solid; color: #fff; } #lbmainprods ul.lbprodsize li:hover { background-color: #ffaf25; border: 2px #ffaf25 solid; color: #fff; } #lbmainprods button img { width: 100%; } #lbmainprods .atc { margin-right: 5px; } /*/ Popups /*/ .addedcartpopup { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -moz-box-shadow: 0px 0px 5px #333333; -webkit-box-shadow: 0px 0px 5px #333333; box-shadow: 0px 0px 5px #333333; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; width: 720px; left: 50%; margin-left: -360px; top: 0px; margin-top: 20px; height: auto; position: absolute; z-index: 9999999; background-color: #fff; } .addedcartpopup .inner { width: 100%; height: 100%; position: relative; } .addedcartpopup h2 { font-size: 35px; color: #ffaf25; font-weight: normal; font-family: 'lubalingbook', georgia, serif; margin: 0px; float: left; } .addedcartpopup h2 b { font-family: 'lubalingdemi', georgia, serif; font-weight: normal; } .addedcartpopup .topwrap { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ float: left; width: 100%; padding: 20px; background-color: transparent; } .addedcartpopup .bottomwrap { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ float: left; width: 100%; background-image: url("../images/dot.png"); background-position: center top; background-repeat: repeat-x; } .addedcartpopup .bottomwrap h3 { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ height: 40px; line-height: 40px; padding-left: 20px; margin: 1px 0px 0px 0px; float: left; width: 100%; font-size: 20px; color: #b0b0b0; font-weight: normal; font-family: 'lubalingbook', georgia, serif; background-image: url("../images/footerbg.png"); } .addedcartpopup .bottomwrap h3 b { font-family: 'lubalingdemi', georgia, serif; font-weight: normal; } .addedcartpopup .bottomwrap .minislideshow-wrap { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ padding: 10px; } .addedcartpopup .bottomwrap .control-right { margin-right: 10px; } .addedcartpopup .bottomwrap .control-left { margin-left: 10px; } .addedcart-cartwrap { float: right; margin-top: 8px; } .addedcart-cartwrap img { position: relative; top: 4px; margin-right: 4px; } .addedcart-titlewrap { width: 454px; float: right; height: auto; background-image: url("../images/dot.png"); background-position: center bottom; background-repeat: repeat-x; } .addedcart-info { width: 454px; float: right; margin-top: 22px; } .addedcart-info p { margin: 0px; float: left; font-size: 18px; line-height: 24px; color: #b0b0b0; } .addedcart-info i { color: #333; } .addedcart-buttonwrap { width: 155px; float: right; } .addedcart-buttonwrap button { margin-top: 8px; margin-bottom: 0px; } .addedcart-pic { width: 160px; float: left; } .addedcart-pic.smallmob { display: none; } .addedcart-pic.minimob { display: none; } .addedcart-pic img { max-width: 100%; } .closepop { width: 23px; height: 23px; display: block; float: right; padding: 20px 20px 0 0; background-image: url("/images/closepop.png"); background-repeat: no-repeat; background-position: 50%; cursor: pointer; position: absolute; top: 0px; right: 0px; z-index: 99; } /***** FIRSTVIST POPUP *****/ .left-popup { -moz-border-radius: 20px 0px 0px 20px; -webkit-border-radius: 20px; border-radius: 20px 0px 0px 20px; width: 210px; height: 330px; float: left; background-color: #f5f1ee; border-top-left-radius: 20px; border-bottom-left-radius: 20px; } .left-popup img { margin-left: 15px; margin-top: 30px; } .right-popup { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ float: right; width: 475px; padding: 40px 0px 0px 0px; } .right-popup h1 { margin-top: 0px; margin-bottom: 0px; font-size: 60px; color: #003e7e; font-weight: normal; font-family: 'lubalingbook', georgia, serif; } .right-popup h1 b { font-family: 'lubalingdemi', georgia, serif; font-weight: normal; } .right-popup h2 { margin: 0px; float: none; font-size: 32px; color: #ffaf25; font-weight: normal; font-family: 'lubalingdemi', georgia, serif; } .right-popup p { font-size: 16px; margin-bottom: 15px; margin-top: 15px; } .right-popup input[type=text] { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 2px solid #E3E0E0; height: 38px; line-height: 30px; text-indent: 3px; font-size: 14px; -webkit-appearance: none; width: 300px; float: left; margin-top: 1px; font-family: georgia, serif; } .right-popup input[type=image] { margin-left: 5px; } #popcont { border: 1px #ccc solid; } /*/ Checkout-1 /*/ .ch1-wrap { width: 900px; clear: both; margin: auto; } .ch-process { width: 100%; height: 69px; margin-top: 20px; margin-bottom: 30px; overflow: hidden; position: relative; } .ch-process hr { height: 3px; background-color: #FFE7BD; border: 0px; position: absolute; z-index: 6; width: 98%; margin: 32px 1% 0 1%; } .ch-process.second hr { background: #ffb025; /* Old browsers */ background: -moz-linear-gradient(left, #ffb025 0%, #ffb025 30%, #ffe7bd 30%, #ffe7bd 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffb025), color-stop(30%, #ffb025), color-stop(30%, #ffe7bd), color-stop(100%, #ffe7bd)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #ffb025 0%, #ffb025 30%, #ffe7bd 30%, #ffe7bd 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #ffb025 0%, #ffb025 30%, #ffe7bd 30%, #ffe7bd 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #ffb025 0%, #ffb025 30%, #ffe7bd 30%, #ffe7bd 100%); /* IE10+ */ background: linear-gradient(to right, #ffb025 0%, #ffb025 30%, #ffe7bd 30%, #ffe7bd 100%); /* W3C */ } .ch-process.third hr { background: #ffb025; /* Old browsers */ background: -moz-linear-gradient(left, #ffb025 0%, #ffb025 65%, #ffe7bd 65%, #ffe7bd 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffb025), color-stop(65%, #ffb025), color-stop(65%, #ffe7bd), color-stop(100%, #ffe7bd)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #ffb025 0%, #ffb025 65%, #ffe7bd 65%, #ffe7bd 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #ffb025 0%, #ffb025 65%, #ffe7bd 65%, #ffe7bd 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #ffb025 0%, #ffb025 65%, #ffe7bd 65%, #ffe7bd 100%); /* IE10+ */ background: linear-gradient(to right, #ffb025 0%, #ffb025 65%, #ffe7bd 65%, #ffe7bd 100%); /* W3C */ } .ch-process.fourth hr { background: #ffb025; /* Old browsers */ background: -moz-linear-gradient(left, #ffb025 0%, #ffb025 100%, #ffe7bd 100%, #ffe7bd 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffb025), color-stop(100%, #ffb025), color-stop(100%, #ffe7bd), color-stop(100%, #ffe7bd)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #ffb025 0%, #ffb025 100%, #ffe7bd 100%, #ffe7bd 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #ffb025 0%, #ffb025 100%, #ffe7bd 100%, #ffe7bd 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #ffb025 0%, #ffb025 100%, #ffe7bd 100%, #ffe7bd 100%); /* IE10+ */ background: linear-gradient(to right, #ffb025 0%, #ffb025 100%, #ffe7bd 100%, #ffe7bd 100%); /* W3C */ } .chstep { height: 69px; float: left; position: relative; z-index: 9; background-repeat: no-repeat; width: 25%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .chstep.step1 { background-image: url("/images/chstep1transp.png"); background-position: 0% 50%; } .chstep.step1.active { background-image: url("/images/chstep1.png"); } .chstep.step2 { background-image: url("/images/chstep2transp.png"); background-position: 25% 50%; } .chstep.step2.active { background-image: url("/images/chstep2.png"); } .chstep.step3 { background-image: url("/images/chstep3transp.png"); background-position: 75% 50%; } .chstep.step3.active { background-image: url("/images/chstep3.png"); } .chstep.step4 { background-image: url("/images/chstep4transp.png"); background-position: 100% 50%; } .chstep.step4.active { background-image: url("/images/chstep4.png"); } .ch1-left, .ch1-cent { margin-right: 15px; } .ch1-cent button { background-image: url("/images/createanaccount.png"); width: 199px; height: 34px; border: 0px; background-color: none; text-indent: 140%; white-space: nowrap; overflow: hidden; } .ch1-right button { background-image: url("/images/checkout.png"); width: 114px; height: 34px; border: 0px; background-color: none; text-indent: 140%; white-space: nowrap; overflow: hidden; } .ch1boxes { width: 100%; float: left; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .ch1-left, .ch1-cent, .ch1-right { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ padding: 18px; width: 290px; height: 332px; float: left; border: 3px #e5ebf2 solid; } .ch1-left h2, .ch1-cent h2, .ch1-right h2 { font-size: 26px; color: #003e7e; font-weight: normal; font-family: 'lubalingdemi', georgia, serif; margin-bottom: 0px; margin-top: 0px; } .ch1-left p, .ch1-cent p, .ch1-right p { font-family: "georgia", serif; font-size: 14px; line-height: 18px; } .ch1-left p a, .ch1-cent p a, .ch1-right p a { color: #000; text-decoration: none; } .ch1-left p a:hover, .ch1-cent p a:hover, .ch1-right p a:hover { color: #ffaf25; } .ch1-left label, .ch1-cent label, .ch1-right label { font-family: "georgia", serif; font-size: 14px; line-height: 1px; } .ch1-left .inpwrap, .ch1-cent .inpwrap, .ch1-right .inpwrap { width: 246px; height: 34px; border: 2px #e3e3e3 solid; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin-top: 3px; margin-bottom: 10px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .ch1-left input[type="password"], .ch1-left input[type="text"], .ch1-cent input[type="password"], .ch1-cent input[type="text"], .ch1-right input[type="password"], .ch1-right input[type="text"] { font-family: "georgia", serif; font-size: 14px; width: 220px; margin-top: 4px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ margin-left: 10px; border: 1px #fff solid; } .ch1-left input[type="submit"], .ch1-cent input[type="submit"], .ch1-right input[type="submit"] { text-indent: 140%; white-space: nowrap; overflow: hidden; width: 79px; height: 34px; border: 0px; background-color: none; background-image: url("/images/login.png"); } /*/ Checkout-2 /*/ .ch2-wrap { width: 900px; clear: both; margin: auto; } .ch2-rightbar { width: 256px; float: right; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .ch2-yourcart { width: 256px; border: 2px #e5ebf2 solid; float: right; padding: 18px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .ch2-yourcart h3 { font-size: 20px; color: #003e7e; font-weight: normal; font-family: 'lubalingdemi', georgia, serif; margin: 0px 0px 8px 0px; } .ch2-yourcart ul { display: block; float: left; list-style: none; margin: 0px; padding: 0px; width: 100%; background-image: url("/images/dot.png"); background-repeat: repeat-x; background-position: top right; } .ch2-yourcart li { display: block; float: left; width: 100%; background-image: url("/images/dot.png"); background-repeat: repeat-x; background-position: bottom right; padding: 10px 10px 10px 0; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .ch2-yourcart li img { width: 70px; float: left; } .ch2-yourcart li .info { width: 114px; float: right; line-height: 18px; margin-top: 6px; font-family: "georgia", serif; font-size: 12px; } .ch2-yourcart li .info a { color: #003e7e; text-decoration: none; } .ch2-yourcart .totalswrap { width: 186px; float: right; margin-top: 10px; font-family: "georgia", serif; font-size: 12px; line-height: 20px; } .ch2-yourcart .totalswrap .total { font-size: 20px; padding-top: 6px; display: block; } .ch2-yourcart .totalswrap .left { display: block; float: left; width: 66px; } .ch2-yourcart .totalswrap .right { display: block; float: right; width: 90px; text-align: right; } .usefulinfo { width: 100%; min-height: 254px; background-color: #e5ebf2; padding: 18px; float: left; margin-top: 16px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; min-height: 218px; } .usefulinfo h3 { font-size: 20px; color: #003e7e; font-weight: normal; font-family: 'lubalingdemi', georgia, serif; margin: 0px 0px 8px 0px; } .usefulinfo ul { display: block; float: left; list-style: none; margin: 0px; padding: 0px; width: 100%; } .usefulinfo a { color: #003e7e; text-decoration: none; } .usefulinfo li { display: block; float: left; font-family: "georgia", serif; font-size: 12px; width: 100%; margin-bottom: 10px; } .usefulinfo li.open .question { background-image: url("/images/littleyellowdown.png"); background-position: 0px 5px; } .usefulinfo li.open .ans { display: block; } .usefulinfo .question { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ display: block; width: 100%; margin-bottom: 3px; padding-left: 10px; background-image: url("/images/littleyellowright.png"); background-repeat: no-repeat; background-position: 0px 3px; cursor: pointer; } .usefulinfo .ans { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ color: #747474; padding-left: 10px; width: 100%; display: none; } .ch2-formwrap { width: 616px; float: left; border: 2px #e5ebf2 solid; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 36px 30px; } .ch2-formwrap h1 { font-size: 30px; color: #003e7e; font-weight: normal; font-family: 'lubalingdemi', georgia, serif; margin-top: 0px; } .ch2-formwrap h2 { font-size: 20px; color: #003e7e; font-weight: normal; font-family: 'lubalingdemi', georgia, serif; } .ch2-formwrap fieldset { padding: 0px; width: 100%; height: 100%; border: 0px; margin-bottom: 16px; } .ch2-formwrap label { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 110px; float: left; display: block; height: 34px; line-height: 34px; margin-bottom: 6px; font-family: "georgia", serif; font-size: 14px; } .ch2-formwrap .textareawrap textarea { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; width: 442px; float: right; border: 2px #e3e3e3 solid; margin-bottom: 6px; } .ch2-formwrap .inpwrap { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ float: right; width: 442px; height: 34px; border: 2px #e3e3e3 solid; margin-bottom: 6px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .ch2-formwrap input[type="text"] { width: 94%; margin-top: 5px; border: 1px #fff solid; margin-left: 2%; font-family: "georgia", serif; font-size: 14px; } .ch2-formwrap .selectwrap { width: 442px; display: block; height: 34px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ border: 2px #e3e3e3 solid; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; overflow: hidden; background: #ffffff; /* Old browsers */ background-image: url("/images/selectarrmini.png"), -moz-linear-gradient(top, white 0%, white 50%, #f2f2f2 50%, #f2f2f2 100%); /* FF3.6+ */ background-image: url("/images/selectarrmini.png"), -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(50%, white), color-stop(50%, #f2f2f2), color-stop(100%, #f2f2f2)); /* Chrome,Safari4+ */ background-image: url("/images/selectarrmini.png"), -webkit-linear-gradient(top, white 0%, white 50%, #f2f2f2 50%, #f2f2f2 100%); /* Chrome10+,Safari5.1+ */ background-image: url("/images/selectarrmini.png"), -o-linear-gradient(top, white 0%, white 50%, #f2f2f2 50%, #f2f2f2 100%); /* Opera 11.10+ */ background-image: url("/images/selectarrmini.png"), -ms-linear-gradient(top, white 0%, white 50%, #f2f2f2 50%, #f2f2f2 100%); /* IE10+ */ background-image: url("/images/selectarrmini.png"), linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #f2f2f2 50%, #f2f2f2 100%); /* W3C */ background-repeat: no-repeat; background-position: 97% 50%; width: 442px; background-image: none; } .ch2-formwrap select { width: 110%; padding: 0px 0px 0px 3%; margin-top: 5px; border: 0px; background-color: transparent; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ font-family: "georgia", serif; font-size: 14px; width: 436px; border: auto; padding: 0px; } .ch2-goback, .ch2-payment { border: 0px; background-color: #fff; width: 135px; height: 38px; padding: 0px; text-indent: 140%; white-space: nowrap; overflow: hidden; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .ch2-goback { background-image: url("/images/goback.png"); float: left; margin-left: 110px; } .ch2-payment { background-image: url("/images/payment.png"); float: right; } .optbutton { float: left; background-repeat: no-repeat; background-position: top left; height: 60px; margin-right: 20px; cursor: pointer; margin-bottom: 15px; } .optbutton.active { background-position: bottom left; } .optbutton.deliv { width: 200px; background-image: url("images/button-deliv.png"); } .optbutton.collect { width: 209px; background-image: url("images/button-clickcol.png"); } .optbox { display: none; width: 100%; float: left; margin-top: 15px; } .optbox.active { display: block; } /*/ Checkout-3 /*/ .ch3-wrap { width: 900px; clear: both; margin: auto; font-family: "georgia", serif; font-size: 14px; line-height: 18px; } .ch3-wrap .dotrow { background-image: url("/images/dot.png"); background-repeat: repeat-x; background-position: bottom right; display: block; width: 100%; height: 1px; border: 0px; float: left; margin-bottom: 0px; } .ch3-rightbar { width: 256px; float: right; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .ch3-yourcart { width: 256px; border: 2px #e5ebf2 solid; float: right; padding: 18px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .ch3-yourcart h3 { font-size: 20px; color: #003e7e; font-weight: normal; font-family: 'lubalingdemi', georgia, serif; margin: 0px 0px 8px 0px; } .ch3-yourcart ul { display: block; float: left; list-style: none; margin: 0px; padding: 0px; width: 100%; background-image: url("/images/dot.png"); background-repeat: repeat-x; background-position: top right; } .ch3-yourcart li { display: block; float: left; width: 100%; background-image: url("/images/dot.png"); background-repeat: repeat-x; background-position: bottom right; padding: 10px 10px 10px 0; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .ch3-yourcart li img { width: 66px; float: left; } .ch3-yourcart li .info { width: 114px; float: right; line-height: 18px; margin-top: 6px; font-family: "georgia", serif; font-size: 12px; } .ch3-yourcart li .info a { color: #003e7e; text-decoration: none; } .ch3-yourcart .totalswrap { width: 186px; float: right; margin-top: 10px; font-family: "georgia", serif; font-size: 12px; line-height: 20px; } .ch3-yourcart .totalswrap .total { font-size: 20px; padding-top: 6px; display: block; } .ch3-yourcart .totalswrap .left { display: block; float: left; width: 66px; } .ch3-yourcart .totalswrap .right { display: block; float: right; width: 90px; text-align: right; } .ch3-formwrap { width: 616px; height: auto; float: left; border: 2px #e5ebf2 solid; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 36px 30px; } .ch3-formwrap h1 { font-size: 30px; color: #003e7e; font-weight: normal; font-family: 'lubalingdemi', georgia, serif; margin-top: 0px; } .ch3-formwrap h2 { font-size: 20px; color: #003e7e; font-weight: normal; font-family: 'lubalingdemi', georgia, serif; margin-top: 20px; float: left; width: 100%; } .ch3-formwrap fieldset { padding: 0px; width: 100%; height: 100%; border: 0px; margin-bottom: 16px; } .ch3-formwrap label { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 100px; float: left; display: block; height: 34px; line-height: 34px; margin-bottom: 6px; font-family: "georgia", serif; font-size: 14px; } .ch3-formwrap label a { color: #003e7e; text-decoration: none; } .ch3-formwrap .inpwrap { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ float: right; width: 442px; height: 34px; border: 2px #e3e3e3 solid; margin-bottom: 6px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .ch3-formwrap .inpwrap.mini { width: 166px; float: left; margin-left: 10px; margin-right: 10px; } .ch3-formwrap .inpwrap.mini { width: 166px; } .ch3-formwrap input[type="text"] { width: 93%; margin-top: 5px; border: 1px #fff solid; margin-left: 2%; font-family: "georgia", serif; font-size: 14px; width: 92%; } .ch3-formwrap .selectwrap { width: 166px; float: left; display: block; height: 34px; margin-bottom: 6px; margin-left: 10px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ border: 2px #e3e3e3 solid; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; overflow: hidden; background: #ffffff; /* Old browsers */ background-image: url("/images/selectarrmini.png"), -moz-linear-gradient(top, white 0%, white 50%, #f2f2f2 50%, #f2f2f2 100%); /* FF3.6+ */ background-image: url("/images/selectarrmini.png"), -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(50%, white), color-stop(50%, #f2f2f2), color-stop(100%, #f2f2f2)); /* Chrome,Safari4+ */ background-image: url("/images/selectarrmini.png"), -webkit-linear-gradient(top, white 0%, white 50%, #f2f2f2 50%, #f2f2f2 100%); /* Chrome10+,Safari5.1+ */ background-image: url("/images/selectarrmini.png"), -o-linear-gradient(top, white 0%, white 50%, #f2f2f2 50%, #f2f2f2 100%); /* Opera 11.10+ */ background-image: url("/images/selectarrmini.png"), -ms-linear-gradient(top, white 0%, white 50%, #f2f2f2 50%, #f2f2f2 100%); /* IE10+ */ background-image: url("/images/selectarrmini.png"), linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #f2f2f2 50%, #f2f2f2 100%); /* W3C */ background-repeat: no-repeat; background-position: 96% 50%; width: 166px; background-image: none; } .ch3-formwrap select { width: 115%; padding: 0px 0px 0px 3%; margin-top: 5px; border: 0px; background-color: transparent; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ font-family: "georgia", serif; font-size: 14px; width: 158px; border: auto; padding: 0px; } .ch3-goback, .ch3-confpayment { border: 0px; background-color: #fff; padding: 0px; margin-top: 25px; text-indent: 140%; white-space: nowrap; overflow: hidden; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .ch3-goback { background-image: url("/images/goback.png"); float: left; width: 135px; height: 38px; } .ch3-confpayment { background-image: url("/images/confirmpayment.png"); float: right; width: 201px; height: 38px; } .giftcardpic { float: left; } .giftcardinfo { float: right; width: 384px; height: 94px; padding-top: 16px; } .usethiscard a { font-size: 15px; color: #ffaf25; font-weight: normal; font-family: 'lubalingbook', georgia, serif; text-transform: uppercase; padding-right: 14px; background-image: url("/images/maillistarr.png"); background-repeat: no-repeat; background-position: 100% 0%; background-size: 5%; display: block; float: left; width: auto; margin-top: 10px; text-decoration: none; } .usethiscard a b { font-family: 'lubalingdemi', georgia, serif; font-weight: normal; } .totalcharge { width: 100%; text-align: right; background-color: #e5ebf2; padding: 10px; float: left; margin-top: 0px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .totalcharge a { color: #003e7e; text-decoration: none; } .totalcharge .red { margin-left: 16px; } .cc-logos { margin: 16px 0; float: left; } /*/ Checkout-4 /*/ .ch4-wrap { width: 900px; clear: both; margin: auto; font-family: "georgia", serif; font-size: 14px; line-height: 18px; } .ch4-endbox { padding: 36px; border: 2px #e5ebf2 solid; width: 100%; overflow: hidden; *zoom: 1; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .ch4-endbox .dotrow { background-image: url("/images/dot.png"); background-repeat: repeat-x; background-position: bottom right; display: block; width: 100%; height: 1px; border: 0px; float: left; margin-bottom: 16px; } .ch4-endbox h1 { font-size: 30px; color: #003e7e; font-weight: normal; font-family: 'lubalingdemi', georgia, serif; margin-top: 0px; } .ch4-endbox .intropara { font-size: 18px; line-height: 26px; } .totalswrap { width: 196px; float: right; margin-top: 25px; font-family: "georgia", serif; font-size: 14px; line-height: 22px; } .totalswrap .total { font-size: 130%; padding-top: 6px; display: block; } .totalswrap .left { display: block; float: left; width: 50%; } .totalswrap .right { display: block; float: right; width: 50%; text-align: right; } .ch4-left, .ch4-cent, .ch4-right { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 33%; float: left; line-height: 20px; margin: 0px; } .ch4-left .minirow, .ch4-cent .minirow, .ch4-right .minirow { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 100%; float: left; margin-bottom: 3px; } .ch4-left .left, .ch4-cent .left, .ch4-right .left { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 35%; float: left; font-weight: bold; } .ch4-left .right, .ch4-cent .right, .ch4-right .right { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 65%; padding: 0px 10px 0px 5px; float: right; } .headerrow, .tr { width: 100%; float: left; display: block; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .tr { background-image: url("/images/dot.png"); background-repeat: repeat-x; background-position: bottom right; padding: 16px; } .tr .td { padding-top: 30px; } .headerrow { background-color: #e5ebf2; padding: 6px; color: #003e7e; margin-top: 20px; text-transform: uppercase; font-family: "georgia", serif; font-size: 12px; } .headtd { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 30%; float: left; overflow: hidden; } .headtd img { width: 30%; float: left; } .headtd .info { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 70%; padding-left: 5%; float: left; margin-top: 16px; line-height: 20px; } .headtd .info a { color: #003e7e; text-decoration: none; } .td { width: 23.33%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ float: left; } .td.cent { text-align: center; } .td.right { text-align: right; } .keepshopping { border: 0px; background-color: #fff; width: 167px; height: 38px; padding: 0px; text-indent: 140%; white-space: nowrap; overflow: hidden; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-image: url("/images/keepshopping.png"); margin-top: 25px; } .greydiv { padding: 0 2%; color: #b0b0b0; } /*/ About Us /*/ .content-left, .content-right { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ padding-top: 30px; font-family: "georgia", serif; color: #003e7e; font-size: 13px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ color: #000; width: 48%; padding-top: 20px; } .content-left h1, .content-right h1 { text-transform: uppercase; } .content-left p, .content-right p { line-height: 130%; } .content-left ul, .content-right ul { padding: 0px 0px 0px 18px; margin-top: -10px; } .content-left a, .content-right a { color: #003e7e; text-decoration: none; } .content-left h1, .content-right h1 { text-transform: none; margin-top: 0px; font-size: 40px; color: #003e7e; font-weight: normal; font-family: 'lubalingbook', georgia, serif; } .content-left h1 b, .content-right h1 b { font-family: 'lubalingdemi', georgia, serif; font-weight: normal; } .content-left p:first-child, .content-right p:first-child { margin-top: 0px; } .content-left img, .content-right img { max-width: 100%; } .content-left .intro-para, .content-right .intro-para { font-size: 20px; color: #ffaf25; font-weight: normal; font-family: 'lubalingdemi', georgia, serif; } .content-left { float: left; } .content-right { float: right; } /*/ Footer /*/ html, body { height: 100%; } #wrapper { clear: both; min-height: 100%; height: auto !important; height: 100%; margin-bottom: -206px; } #wrapper #root-footer { height: 206px; } #footer { clear: both; position: relative; height: 206px; } html, body { height: 100%; } #chwrapper { clear: both; min-height: 100%; height: auto !important; height: 100%; margin-bottom: -55px; } #chwrapper #chroot-footer { height: 55px; } #chfooter { clear: both; position: relative; height: 55px; } footer { width: 100%; height: 206px; overflow: hidden; *zoom: 1; background-image: url("/images/footerbg.png"); min-width: 1000px; } .footinner, .chfootinner { width: 1000px; overflow: hidden; *zoom: 1; margin: auto; } .footnav { width: auto; margin-right: 50px; float: left; } .footnav ul { display: block; float: left; list-style: none; margin: 0px; padding: 0px; } .footnav li a { font-family: "georgia", serif; font-size: 13px; color: #003e7e; text-decoration: none; line-height: 23px; } .footnav .headli { font-size: 19px; color: #ffaf25; font-weight: normal; font-family: 'lubalingbook', georgia, serif; margin-bottom: 10px; margin-top: 20px; text-transform: lowercase; } .footnav .headli b { font-family: 'lubalingdemi', georgia, serif; font-weight: normal; } .fbwidget { float: right; margin-top: 10px; } .cright { font-family: "georgia", serif; font-size: 12px; color: #b0b0b0; float: left; width: 60%; margin-top: 20px; } .footsignup { width: 100%; float: left; background-color: #f8f7f3; } .footsignup form { margin: 0px; padding: 0px; height: auto; float: right; } .footsignup .footinner { margin: 0px auto 0px auto; padding: 0px; height: auto; } .footsignup input[type="submit"] { background-position: -142px -222px; height: 18px; width: 9px; background-color: #fff; top: 16px; } .footsignup input[type="text"] { width: 325px; display: block; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border: 1px #c7c6c4 solid; margin: 7px 0px 7px 0px; box-shadow: 0 0px 0px #fff inset; padding: 8px 12px 7.5px 12px; float: right; font-size: 13px; line-height: 13px; } .footsignup h2 { float: left; margin-top: 16px; margin-bottom: 0px; font-size: 18px; font-weight: normal; color: #003E7E; font-family: "lubalingbook", georgia, serif; } .footsignup h2 strong { font-weight: normal; font-family: 'lubalingdemi',georgia,serif; } /*/ ====== Layout ====== /*/ html { min-height: 100%; height: 100%; } body { min-height: 100%; height: 100%; min-width: 200px; font-family: "georgia", serif; font-size: 14px; } #content { width: 1000px; margin: auto; position: relative; padding-bottom: 236px; } #fauxbg { background-image: url("/images/backbg.png"); position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 9999; opacity: 0; } /*/ ====== Extra styles ====== /*/ .tabmob { display: none !important; } .mobonly { display: none !important; } .hidden { display: none !important; } a:focus { outline: none; } .floatright { float: right !important; } .floatleft { float: left !important; } .imgbutton { padding: 0px; margin: 0px; border: 0; line-height: 0px; background-color: transparent; -webkit-apperance: none; }