/* ------------------------------------------------------------ ------------------------------------------------------------ BASE ------------------------------------------------------------ ------------------------------------------------------------ */ /* #Reset & Basics ================================================== */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* #Basic Styles ================================================== */ body { background: #fff; /*font: 14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;*/ font: 14px Arial, Verdana, sans-serif; color: #444; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%; } /* #Typography ================================================== */ h1, h2, h3, h4, h5, h6 { color: #181818; font-family: Arial, Verdana, sans-serif; font-weight: normal; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; } /* h1 { font-size: 46px; line-height: 50px; margin-bottom: 14px;} */ h1 { font-size: 22px; line-height: 22px; margin-bottom: 6px; } h2 { font-size: 20px; line-height: 21px; margin-bottom: 5px; } h3 { font-size: 19px; line-height: 20px; margin-bottom: 4px; } h4 { font-size: 18px; line-height: 19px; margin-bottom: 3px; } h5, h6 { font-size: 15px; line-height: 21px; } .subheader { color: #777; } p { margin: 0 0 20px 0; } p img { margin: 0; } p.lead { font-size: 21px; line-height: 27px; color: #777; } em { font-style: italic; } strong { font-weight: bold; color: #333; } small { font-size: 80%; } /* Blockquotes */ blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; } blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; } blockquote cite { display: block; font-size: 12px; color: #555; } blockquote cite:before { content: "\2014 \0020"; } blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; } hr { border: solid #E7E7E7; border-width: 1px 0 0; clear: both; margin: 12px 0px 15px; height: 0; } hr.hr2 { border: solid #E7E7E7; border-width: 2px 0 0; clear: both; margin: 12px 0px 15px; height: 0; } hr.hr3 { border: solid #E7E7E7; border-width: 1px 0 0; clear: both; margin: 5px 0px 10px; height: 0; } /* #Links ================================================== */ a, a:visited { color: #333; text-decoration: underline; outline: 0; } a:hover, a:focus { color: #000; text-decoration: none; cursor: pointer; cursor: hand; } p a, p a:visited { line-height: inherit; } /* #Lists ================================================== */ ul, ol { margin-bottom: 20px; } ul { list-style: none outside; } ol { list-style: decimal; } ol, ul.square, ul.circle, ul.disc { margin-left: 30px; } ul.square { list-style: square outside; } ul.circle { list-style: circle outside; } ul.disc { list-style: disc outside; } ul ul, ul ol, ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%; } ul ul li, ul ol li, ol ol li, ol ul li { margin-bottom: 6px; } li { line-height: 18px; margin-bottom: 12px; } ul.large li { line-height: 21px; } li p { line-height: 21px; } /* #Images ================================================== */ img.scale, img#scale { max-width: 100%; height: auto; margin: 2px 0 2px 0; } /* #Buttons ================================================== */ .button, button, input[type="submit"], input[type="reset"], input[type="button"], a.action { border: 1px solid #aaa; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #474747; display: inline-block; font-size: 13px; font-weight: bold; text-decoration: none; text-shadow: #fff 1px 1px; cursor: pointer; margin-bottom: 10px; line-height: normal; padding: 8px 12px; text-transform: uppercase; background: #EEEEEE; background: -webkit-linear-gradient(top, #FBFBFB 0%, #EEEEEE 100%); background: -moz-linear-gradient(top, #FBFBFB 0%, #EEEEEE 100%); background: -o-linear-gradient(top, #FBFBFB 0%, #EEEEEE 100%); background: -ms-linear-gradient(top, #FBFBFB 0%, #EEEEEE 100%); background: linear-gradient(top, #FBFBFB 0%, #EEEEEE 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#EEEEEE',GradientType=0 ); box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.30); -moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.30); -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.30); } .button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, a:hover.action { color: #222; background: #F3F3F3; /* Old browsers */ border: 1px solid #AFAFAF; border-top: 1px solid #C4C4C4; border-left: 1px solid #C4C4C4; box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.35); -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.35); } .button:active, button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active { background: #ccc; /* Old browsers */ } .button.full-width, button.full-width, input[type="submit"].full-width, input[type="reset"].full-width, input[type="button"].full-width, a.action.full-width { width: 100%; padding-left: 0 !important; padding-right: 0 !important; text-align: center; } /* Fix for odd Mozilla border & padding issues */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } .button:disabled , button:disabled , input[type="submit"]:disabled , input[type="reset"]:disabled , input[type="button"]:disabled { color: #A8A8A8; background: #F3F3F3; /* Old browsers */ border: 1px solid #AFAFAF; border-top: 1px solid #C4C4C4; border-left: 1px solid #C4C4C4; box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.35); -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.35); } /* #Forms ================================================== */ form { margin-bottom: 20px; } fieldset { margin-bottom: 20px; } input[type="text"], input[type="password"], input[type="email"], textarea, select { border: 1px solid #ccc; padding: 6px 4px; outline: none; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; font: 15px Arial, Verdana, sans-serif;; color: #777; margin: 0; min-width: 60px; max-width: 100%; /*display: block;*/ margin-bottom: 5px; background: #fff; } select { padding: 3px; } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus { color: #444; border: 1px solid #DC5A5D; box-shadow: 0 0 5px rgba(220, 90, 93, 0.4); -moz-box-shadow: 0 0 5px rgba(220, 90, 93, 0.4); -webkit-box-shadow: 0 0 5px rgba(220, 90, 93, 0.4); } textarea { min-height: 60px; } label, legend { display: block; font-weight: normal; font-size: 13px; } /* select { width: 220px; }*/ input[type="checkbox"] { display: inline; } label span, legend span { font-weight: normal; font-size: 13px; color: #444; } /* #Misc ================================================== */ .remove-bottom { margin-bottom: 0 !important; } .half-bottom { margin-bottom: 10px !important; } .add-bottom { margin-bottom: 20px !important; } /* ~~ BASE ENDS - SKELETON V1.2 STARTS ~~ */ /* ------------------------------------------------------------ ------------------------------------------------------------ GRID ------------------------------------------------------------ ------------------------------------------------------------ */ /* #Base 960 Grid ================================================== */ .container { position: relative; width: 960px; margin: 0 auto; padding: 0; } .container .column, .container .columns { float: left; display: inline; margin-left: 10px; margin-right: 10px; } .row { /*margin-bottom: 20px;*/ } /* Nested Column Classes */ .column.alpha, .columns.alpha { margin-left: 0; } .column.omega, .columns.omega { margin-right: 0; } /* Base Grid */ .container .one.column, .container .one.columns { width: 40px; } .container .two.columns { width: 100px; } .container .three.columns { width: 160px; } .container .four.columns { width: 220px; } .container .five.columns { width: 290px; } .container .six.columns { width: 340px; } .container .seven.columns { width: 400px; } .container .eight.columns { width: 460px; } .container .nine.columns { width: 520px; } .container .ten.columns { width: 580px; } .container .eleven.columns { width: 630px; } .container .twelve.columns { width: 700px; } .container .thirteen.columns { width: 760px; } .container .fourteen.columns { width: 820px; } .container .fifteen.columns { width: 880px; } .container .sixteen.columns { width: 940px; } .container .one-third.column { width: 300px; } .container .two-thirds.column { width: 620px; } /* Offsets */ .container .offset-by-one { padding-left: 60px; } .container .offset-by-two { padding-left: 120px; } .container .offset-by-three { padding-left: 180px; } .container .offset-by-four { padding-left: 240px; } .container .offset-by-five { padding-left: 300px; } .container .offset-by-six { padding-left: 360px; } .container .offset-by-seven { padding-left: 420px; } .container .offset-by-eight { padding-left: 480px; } .container .offset-by-nine { padding-left: 540px; } .container .offset-by-ten { padding-left: 600px; } .container .offset-by-eleven { padding-left: 650px; } .container .offset-by-twelve { padding-left: 720px; } .container .offset-by-thirteen { padding-left: 780px; } .container .offset-by-fourteen { padding-left: 840px; } .container .offset-by-fifteen { padding-left: 900px; } /* Center BM */ .center { width : 50%; margin-left: auto ; margin-right: auto ; } /* #Tablet (Portrait) ================================================== */ /* Note: Design for a width of 768px */ @media only screen and (min-width: 768px) and (max-width: 959px) { .container { width: 768px; } .container .column, .container .columns { margin-left: 10px; margin-right: 10px; } .column.alpha, .columns.alpha { margin-left: 0; margin-right: 10px; } .column.omega, .columns.omega { margin-right: 0; margin-left: 10px; } .alpha.omega { margin-left: 0; margin-right: 0; } .container .one.column, .container .one.columns { width: 28px; } .container .two.columns { width: 76px; } .container .three.columns { width: 124px; } .container .four.columns { width: 172px; } .container .five.columns { width: 230px; } .container .six.columns { width: 268px; } .container .seven.columns { width: 316px; } .container .eight.columns { width: 364px; } .container .nine.columns { width: 412px; } .container .ten.columns { width: 460px; } .container .eleven.columns { width: 498px; } .container .twelve.columns { width: 556px; } .container .thirteen.columns { width: 600px; } /* original 604px BM*/ .container .fourteen.columns { width: 652px; } .container .fifteen.columns { width: 700px; } .container .sixteen.columns { width: 748px; } .container .one-third.column { width: 236px; } .container .two-thirds.column { width: 492px; } /* Offsets */ .container .offset-by-one { padding-left: 48px; } .container .offset-by-two { padding-left: 96px; } .container .offset-by-three { padding-left: 144px; } .container .offset-by-four { padding-left: 192px; } .container .offset-by-five { padding-left: 240px; } .container .offset-by-six { padding-left: 288px; } .container .offset-by-seven { padding-left: 336px; } .container .offset-by-eight { padding-left: 384px; } .container .offset-by-nine { padding-left: 432px; } .container .offset-by-ten { padding-left: 480px; } .container .offset-by-eleven { padding-left: 528px; } .container .offset-by-twelve { padding-left: 576px; } .container .offset-by-thirteen { padding-left: 624px; } .container .offset-by-fourteen { padding-left: 672px; } .container .offset-by-fifteen { padding-left: 720px; } /* Center BM */ .center { width : 50%; margin-left: auto ; margin-right: auto ; } } /* #Mobile (Portrait) ================================================== */ /* Note: Design for a width of 320px */ /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { .container { width: 300px; } .container .columns, .container .column { margin: 0; } .container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column { width: 300px; } /* Offsets */ .container .offset-by-one, .container .offset-by-two, .container .offset-by-three, .container .offset-by-four, .container .offset-by-five, .container .offset-by-six, .container .offset-by-seven, .container .offset-by-eight, .container .offset-by-nine, .container .offset-by-ten, .container .offset-by-eleven, .container .offset-by-twelve, .container .offset-by-thirteen, .container .offset-by-fourteen, .container .offset-by-fifteen { padding-left: 0; } /* Center BM */ .center { width : 100%; margin-left: auto ; margin-right: auto ; } } /* #Mobile (Landscape) ================================================== */ /* Note: Design for a width of 480px */ @media only screen and (min-width: 480px) and (max-width: 767px) { .container { width: 420px; } .container .columns, .container .column { margin: 0; } .container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column { width: 420px; } } /* #Clearing ================================================== */ /* Self Clearing Goodness */ .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } /* Use clearfix class on parent to clear nested columns, or wrap each row of columns in a
*/ .clearfix:before, .clearfix:after, .row:before, .row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .row:after, .clearfix:after { clear: both; } .row, .clearfix { zoom: 1; } /* You can also use a
to clear columns */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* ------------------------------------------------------------ ------------------------------------------------------------ LIGHTBOX ------------------------------------------------------------ ------------------------------------------------------------ */ /* Preload images */ body:after { content: url(../images/close.png) url(../images/loading_big.gif) url(../images/prev.png) url(../images/next.png); display: none; } .lightboxOverlay { position: absolute; top: 0; left: 0; z-index: 9999; background-color: black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; display: none; } .lightbox { position: absolute; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-weight: normal; } .lightbox .lb-image { display: block; height: auto; max-width: inherit; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .lightbox a img { border: none; } .lb-outerContainer { position: relative; background-color: white; *zoom: 1; width: 250px; height: 250px; margin: 0 auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .lb-outerContainer:after { content: ""; display: table; clear: both; } .lb-container { padding: 4px; } .lb-loader { position: absolute; top: 43%; left: 0; height: 25%; width: 100%; text-align: center; line-height: 0; } .lb-cancel { display: block; width: 32px; height: 32px; margin: 0 auto; background: url(../images/loading_big.gif) no-repeat; } .lb-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } .lb-container > .nav { left: 0; } .lb-nav a { outline: none; background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=='); } .lb-prev, .lb-next { height: 100%; cursor: pointer; display: block; } .lb-nav a.lb-prev { width: 34%; left: 0; float: left; background: url(../images/prev.png) left 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; } .lb-nav a.lb-prev:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .lb-nav a.lb-next { width: 64%; right: 0; float: right; background: url(../images/next.png) right 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; } .lb-nav a.lb-next:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .lb-dataContainer { margin: 0 auto; padding-top: 5px; *zoom: 1; width: 100%; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .lb-dataContainer:after { content: ""; display: table; clear: both; } .lb-data { padding: 0 4px; color: #ccc; } .lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em; } .lb-data .lb-caption { font-size: 13px; font-weight: bold; line-height: 1em; } .lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 12px; color: #999999; } .lb-data .lb-close { display: block; float: right; width: 30px; height: 30px; background: url(../images/close.png) top right no-repeat; text-align: right; outline: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .lb-data .lb-close:hover { cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } /* ------------------------------------------------------------ ------------------------------------------------------------ FONTAWESOME ------------------------------------------------------------ ------------------------------------------------------------ */ /*! * Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';src:url('fonts/fontawesome-webfont.eot?v=4.0.3');src:url('fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'),url('fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'),url('fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'),url('fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.3333333333333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.2857142857142858em;text-align:center}.fa-ul{padding-left:0;margin-left:2.142857142857143em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;top:.14285714285714285em;text-align:center}.fa-li.fa-lg{left:-1.8571428571428572em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1);-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);-ms-transform:scale(-1,1);-o-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1);-webkit-transform:scale(1,-1);-moz-transform:scale(1,-1);-ms-transform:scale(1,-1);-o-transform:scale(1,-1);transform:scale(1,-1)}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-asc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-desc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-reply-all:before{content:"\f122"}.fa-mail-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"} /* ------------------------------------------------------------ ------------------------------------------------------------ STYLES ------------------------------------------------------------ ------------------------------------------------------------ */ /* TESTING */ .col {background-color:#9FC7FF;} .col2 {background-color:#FFCC00;} .col3 {background-color: #B5FFC8;} .col4 {background-color: #FFBBE9; } ._wrap { overflow:hidden; } ._hide { display: none !important; } ._block, .desc { display: block; } ._inline { display: inline-block; } ._clear { clear: both; } ._fright { float: right; } ._fleft { float: left; } ._tright { text-align: right; } ._tleft { text-align: left; } ._center { text-align: center; } ._left { text-align: left; } ._right { text-align: right; } ._bold { font-weight: bold; } ._normal { font-weight: normal !important; } ._middle { vertical-align: middle; } ._bottom { vertical-align: text-bottom; } ._grey { color: #666666 !important; } ._lightgrey { color: #999 !important; } ._green { color: #009900 !important; } ._red { color: #cc0000 !important; } ._white { color: #FFFFFF !important; } ._xsmall { font-size: x-small !important; } ._small { font-size: small !important; } ._medium { font-size: medium !important; } ._large { font-size: large !important; } ._big { font-size: 13px !important; } ._bold { font-weight:bold !important; } .grn { color: #0DA95F; } .green { color:#0DA95F; } .ambr { color: #FF6C00; } .red { color: #F90133; } .border_grey { border: 1px dotted #CCCCCC; } .border_lightgrey { border: 1px solid #E8E8E8; } .border-red {border: 1px solid red; } .border-green { border: 1px solid #00FF00; } .bor-top { border-top:1px solid #F4F4F4; padding: 10px 0 0 0; } .bor-bot { border-bottom:1px solid #F9F9F9; padding: 0 0 10px 0; } ._m0 { margin: 0px !important; } ._pt5 { padding-top:5px !important; } ._mt5 { margin-top:5px !important; } ._mt7 { margin-top:7px !important; } ._mt10 { margin-top:10px !important; } ._mt25 { margin-top:20px !important; } ._mt35 { margin-top: 35px !important; } ._mt50 { margin-top: 50px !important; } ._mt100 { margin-top: 100px !important; } ._mr2 { margin-right:2px !important; } ._mr5 { margin-right:5px !important; } ._mr10 { margin-right:10px !important; } ._pb5 { padding-bottom:5px !important; } ._mb5 { margin-bottom:5px !important; } ._mb7 { margin-bottom:7px !important; } ._mb10 { margin-bottom:10px !important; } ._mb25 { margin-bottom:20px !important; } ._mb100 { margin-bottom:100px !important; } .w100p { width:100% !important; } .h100px { height: 100px; background-color:#FF80C0; } .w100px { width: 100px; } .hr { display: none; } .vrr { border-right: 1px solid #E7E7E7; } .vrl { border-left: 1px solid #E7E7E7; } .ms, #mm, #macc, #mmenu { display: none; } hr { border: 0; height: 0; border-top: 1px solid #DFDFDF; border-bottom: 1px solid #FFF; margin: 10px 0 10px 0; } p { margin: 0 0 12px 0; clear:both; } li { margin: 0 0 2px 0; } .ffix { display: block; clear: both; overflow: hidden; } .loading { background: #fff url(../images/loading.gif) no-repeat center; border: none; margin: 5px; padding: 8px; } .nou a { text-decoration: none; } .nou a:hover { text-decoration: underline; } a.title, a.title:visited { color: #666; font-size: 15px; text-decoration: none; text-transform: uppercase; font-weight: bold; display:block; } a.title:hover { text-decoration: underline; } .radius3, .successbox, .box, .alertbox { border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } /* FLOAT CENTER --------------------------- */ .centerwrap { text-align: center; margin: 0 auto; display: inline-block; overflow: hidden; width: 100%; *display: inline; /*IE6/7*/ zoom: 1; /*IE6/7*/ } .catimgs { display: inline-block; height: 135px; width: 140px; margin: 0 3px 5px 3px; text-align: center; padding: 2px; position: relative; overflow: hidden; border: 1px solid #eeeeee; } .catimgs .name { text-decoration: none; font-size: 12px; display: block; } .catname { display: inline-block; margin: 0 10px 10px 10px; text-align: center; padding: 2px; position: relative; } /* CATEGORY PAGES --------------------------- */ .records { display: inline-block; width: 100%; *display: inline; zoom: 1; /*IE6/7*/ } .records .onlythumbs { display: inline-block; margin: 0px 5px 5px 5px; padding: 1px; text-align: center; border: 1px solid #EBEBEB; height: 100px; } .records .wrap { margin-top: 5px; } .record { height: auto; overflow: hidden; float:left; width:50%; margin: 0 0 10px 0; } .record .thumb { width: 100px; height: 100px; line-height: 100px; float: left; text-align: center; margin: 0px 7px 5px 0px; background-color: #fff; } .record .text { float: none; /* not needed, just for clarification */ /* the next props are meant to keep this block independent from the other floated one */ margin:0px; width: auto; overflow: hidden; margin: 0 5px 0 0; } .recordrow { height: auto; overflow: hidden; float:left; width:100%; margin: 0 0 10px 0; } .recordrow .thumb { float: left; margin: 0px 7px 5px 0px; line-height: 100px; height: 50px; } .recordrow .text { margin:0px; width: auto; overflow: hidden; } /* ITEMS */ .record-item { float: left; height: 135px; width: 48%; text-align: left; margin: 0 0 10px 0; padding: 5px 4px 5px 4px; position: relative; border: 1px solid #eeeeee; } .record-item .thumb { width: 131px; height: 131px; line-height: 130px; float: left; text-align: center; margin: 0px 7px 5px 0px; z-index: 100; opacity: .99; /*IMPORTANT FOR Z-INDEX TO WORK*/ } .record-item .title { font-size: 13px; } .record-item .detail { margin-left: 138px; position: relative; height: 100%; } .record-item .bottom { width:100%; position:absolute; bottom: 0px; right: 0px; } .buyrow { margin-top: 5px; width: 100%; } .record-item .text { float: none; /* not needed, just for clarification */ /* the next props are meant to keep this block independent from the other floated one */ margin:0px; width: auto; overflow: hidden; margin: 0 5px 0 0; } .record .thumb img, .record-item .thumb img { vertical-align: middle !important; } .record .thumb img, .record-item .thumb img { vertical-align: middle !important; } .dd { float: right; } .dd div { float: left; } .dd .action { margin: 5px 2px 0px 15px; color: #777; } /* RECORD PAGE */ .address { font-size: 12px; } .address h1 { font-size: 18px; line-height: 22px; } /* SIDE CATS --------------------------- */ .cats { width: 100%; padding: 0px; font-family: Tahoma, Arial, sans-serif; font-size : 12px; background-color: #fffff; color: #333; } .cats ul, #mnav ul, #mcats ul, #macc ul { list-style: none; margin: 0px; padding: 0px; border: none; } .cats li, #mnav li, #mcats li, #macc li { border-bottom: 1px solid #F4F4F4; margin: 0px; list-style: none; list-style-image: none; } .cats li a, #mnav li a, #mcats li a, #macc li a { display: block; padding: 10px 2px 10px 2px; color: #666; text-decoration: none; width: 100%; } html>body .cats li a, html>body #mnav li a, html>body #mcats li a, html>body #macc li a { width: auto; } .cats li a:hover, #mnav li a:hover, #mcats li a:hover, #macc li a:hover { color: #CC0000; background-color: #fafafa; } .cats .active { background-color: #fafafa; color: #CC0000;} .cats .activetitle { font-weight: bold; margin-bottom: 3px; } .cats .title, #mcats .title { font-weight: bold; margin: 0; padding-bottom: 5px; border-bottom: 1px solid #E7E7E7; text-transform: uppercase; letter-spacing: 1.5px; color: #666; } .cats .subs { padding-left: 10px; margin-bottom:10px; } /* HEADING --------------------------- */ .head-title { color: #666; margin: 10px 0 10px 0; } .head-box ul li { margin: 0px; } .head-box ul li { display: inline; float: left; position: relative; } .head-box ul li a, .head-box ul li span { display: inline-block; line-height: 28px; padding: 0 10px; color: #666; text-decoration: none; font-weight: bold; text-shadow: #fff 1px 1px; background-color: #FAFAFA; border-top: 1px solid #EBEBEB; border-right: 1px solid #EBEBEB; border-left: 1px solid #EBEBEB; *display: inline; zoom: 1; /*IE6/7*/ } .head-box ul li a:hover { background: #F6F6F6; cursor: pointer; } /* CURRECY RATES --------------------------- */ .rates { margin: 20px 0 20px 0; text-align: left; } .rates center { margin: 0px !important; text-align: left;} /* PLACEHOLDER --------------------------- */ input:-moz-placeholder { color:#BFBFBF; } ::-webkit-input-placeholder { color:#BFBFBF; } ::-moz-placeholder { color:#BFBFBF; } /* firefox 19+ */ :-ms-input-placeholder { color:#BFBFBF; } /* ie */ .faw input[type="text"], .faw input[type="password"] { font-family: FontAwesome, Arial; font-size: 15px; padding: 10px; } .aw { font-family: FontAwesome, Arial; margin: 0 4px 0 0; } button.awfix { padding-left: 16px !important; } /* BREADCRUMBS -----------------------------*/ #content { padding: 0 13px; margin: 0 0 5px 0;} #breadcrumb { float: left; display: block; } #breadcrumb ul { list-style: none; margin: 0px; } .crumbs { display: block; } .crumbs li { display: inline; } .crumbs li.first { padding-left: 8px; } .crumbs li a, .crumbs li a:link, .crumbs li a:visited { color: #666; display: block; float: left; font-size: 11px; margin-left: -13px; padding: 4px 12px 5px 18px; position: relative; text-decoration: none; } .crumbs li.first a { padding-left: 10px !important; } .crumbs li a { background-image: url('../images/bg-crumbs.png'); background-repeat: no-repeat; background-position: 100% 0; position: relative; } .crumbs li a:hover { color: #333; background-position: 100% -48px; cursor: pointer; } .crumbs li a:active { color: #333; background-position: 100% -96px; } .crumbs li.first a span { height: 25px; width: 3px; border-left: 1px solid #d9d9d9; position: absolute; top: 0px; left: 0px; padding-left: 0px; } /* Clearfix classes */ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } .space { display: block; height: 0px; clear: both; } /* SOCIAL --------------------------- */ /* SHARE BUTTONS */ #social-shares { clear: both; width: 100%; text-align: right; padding: 5px 0 10px 0; overflow: hidden; } div.mini { padding: 0px !important; } .sb { float:right; font-family: Tahoma; } .sb .icon { display: block; background-repeat: no-repeat; width: 16px; height: 16px; background-image: url(../images/icn-social.png); margin:0; } .sb .icon-facebook { background-position: 0 0; } .sb .icon-twitter { background-position: -16px 0; } .sb .icon-plusone { background-position: -32px 0; } .sb .icon-linkedin { background-position: -48px 0; } .sb .icon-pinterest { background-position: -64px 0; } .sb .icon-delicious { background-position: -80px 0; } .sb .icon-stumble { background-position: -96px 0; } .sb .icon-tumblr { background-position: -112px 0; } .sb .icon-reddit { background-position: -128px 0; } .sb .icon-email { background-position: -144px 0; } .sb span { float:left; } .sb a.icon-text { line-height: 16px; float:right; margin: 0 1px 0 1px; padding: 5px 4px 5px 4px; border: 1px solid #EBEBEB; } .sb span.text { float: left; margin: 0 5px 0 3px; } .sb span.count { margin:0; padding: 0 1px 0 1px; color: #999; } .sb a:hover { background: #F5F5F5;} .sb a { border-radius: 2px; -moz border-radius: 2px; -webkit border-radius: 2px; } /* EXTRA IMAGES --------------------------- */ .e-images { background-color: #FAFAFA; border-bottom: 1px solid #EBEBEB; } .e-images h2, .records h2, .map h2 { padding: 4px 0 4px 10px; font-size: 14px; font-weight: bold; color: #6D6D6D; background-color:#ECECEC; border-top: 2px solid #C1C1C1; border-bottom: 1px solid #C1C1C1; } e-images h2 { margin: 0 0 7px 0; } .gallery { text-align:center; padding: 2px 0 5px 0; } .e1 { display:inline-block; width: 100px; margin: 1px 2px 0px 2px; text-align:center; } .e2 { float: left; width: 68px; margin: 5px 1px 5px 1px; } .e3 { float: left; width: 44px; margin: 1px; } .eimagelarge { display:block; } .faded { background: #EEEEEE; background: -webkit-linear-gradient(top, #FBFBFB 0%, #EEEEEE 100%); background: -moz-linear-gradient(top, #FBFBFB 0%, #EEEEEE 100%); background: -o-linear-gradient(top, #FBFBFB 0%, #EEEEEE 100%); background: -ms-linear-gradient(top, #FBFBFB 0%, #EEEEEE 100%); background: linear-gradient(top, #FBFBFB 0%, #EEEEEE 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#EEEEEE',GradientType=0 ); } .faded2, .weather, .sba a, .sb a { background: #FAFAFA; background: -webkit-linear-gradient(top, #FEFEFE 0%, #F5F5F5 100%); background: -moz-linear-gradient(top, #FEFEFE 0%, #F5F5F5 100%); background: -o-linear-gradient(top, #FEFEFE 0%, #F5F5F5 100%); background: -ms-linear-gradient(top, #FEFEFE 0%, #F5F5F5 100%); background: linear-gradient(top, #FEFEFE 0%, #F5F5F5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FEFEFE', endColorstr='#F5F5F5',GradientType=0 ); } /* HOME PAGE THUMB BOXES ----------------------------*/ .thumbbox { vertical-align: top; display: inline-block; width: 234px; height: 324px; margin: 0 0 10px 0; *display: inline; /*IE6/7*/ zoom: 1; /*IE6/7*/ } .thumbbox .text { padding: 2px 10px 5px 0px; font-size: 12px; text-align: left; letter-spacing: .75px; } .thumbwide { float:left; width:50%; } .thumbwide img { float: left; margin: 0px 10px 10px 5px; } .thumbwide hr { margin: 0px; padding: 5px; } .ribbon-sold { position: absolute; height: 60px; width: 235px; top: -2px; z-index: 750; background: url("../images/sold-ribbon.png") no-repeat right; } .midbar { clear: both; padding: 7px; margin: 0 0 10px 0; background-color: #FAFAFA; border-top: dotted 1px #D6D6D6; border-bottom: solid 1px #D6D6D6; } .midbar a { text-decoration:none; } /* HEADER ---------------------------*/ .head { margin:0 0 10px 0; box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);} .top { background: url("../images/test_back.png") repeat-x ; } .logorow { text-align: center; } .logorow #btnMenu, .logorow #btnGlass, .logorow #btnAcc { width: 1.4em; display: inline-block; text-align: center; float: left; cursor: pointer; } .logorow #btnMenu { float: left; padding: 2px 3px 3px 3px; font-size: 1.55em; margin-bottom: 2px; } .logorow #btnAcc { float: right; padding: 2px 3px 3px 3px; font-size: 1.55em; margin-left: 2px; } .logorow #btnGlass { float: right; padding: 1px 2px 4px 2px; font-size: 1.40em; } .logorow .links { display: block; padding: 0 0 2px 0; font-size: 11px; text-align: right; } .logorow .links span { color: #DEDBD2; margin: 0 6px 0 8px; } .logorow .links a { display: inline-block; padding: 6px 5px; text-decoration: none; } .logorow .links a:hover { text-decoration: underline; } .logorow .wrap { margin: 0 10px 0 10px; } .account { min-height: 10px; } .account ul { float: right; font-size: 12px; text-align: left; line-height: 1.4em; margin-bottom: 0; background-color: #F3F1ED; border-left: 1px solid #DEDBD2; border-right: 1px solid #DEDBD2; border-bottom: 1px solid #DEDBD2; overflow: hidden; } .account ul li { display: inline; float: left; position: relative; margin: 0px; padding: 3px 10px 3px 10px; border-right: 1px solid #DEDBD2; margin-right: -1px; } .account ul li a { padding: 7px 5px 7px 5px; text-decoration: none; font-size: 12px; font-weight: bold; color: #5f5f5f; } .account ul li a:hover { text-decoration: underline; } .nav { padding: 0px; background: #F2F1EF; border-top: 1px solid #F2F2F2; border-bottom: 1px solid #E0DDD5; background: -webkit-linear-gradient(top, #fbfbfb 0%, #F2F1EF 100%); background: -moz-linear-gradient(top, #fbfbfb 0%, #F2F1EF 100%); background: -o-linear-gradient(top, #fbfbfb 0%, #F2F1EF 100%); background: -ms-linear-gradient(top, #fbfbfb 0%, #F2F1EF 100%); background: linear-gradient(top, #fbfbfb 0%, #F2F1EF 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#F2F1EF',GradientType=0 ); } .account a, .mini-basket a.checkoutoff { text-shadow: 0 1px rgba(255,255,255,0.9); } .accnav a { margin-bottom: 2px; background: #FBFBFB; font-weight: normal; border: 1px solid #E8E8E8; width: 80%; } /* CLOCK ---------------------------*/ #clock { color: #B5B5B5;} #clock ul { float: right; font-size: 11px; text-align: left; line-height: 1.4em; margin-bottom: 0; background-color: #fff; border-left: 1px solid #E5E2D7; border-right: 1px solid #E5E2D7; border-bottom: 1px solid #E5E2D7; overflow: hidden; padding: 0 5px 0 5px; } #clock ul li { display: inline; float: left; position: relative; margin: 0px; margin-right: -1px; padding: 0 2px 0 2px; } #clock .title { } #clock .time { font-size: 12px; color: #969696; text-shadow: #fff 1px 1px; } #clock .date { } #clock .dst { margin-right: 5px; color: #999; font-weight: normal; font-size: 10px; } /* MINI BASKET --------------------------*/ .mini-basket { float: right; text-align: center; margin: 0; padding: 0; } .mini-basket div, .mini-basket a.info, .mini-basket a.checkouton, .mini-basket a.checkoutoff { float: left; font-size: 11px; } .mini-basket i, .mini-basket span { float: left; } .mini-basket i { padding: 1px 3px 0 0; color: #666; } .mini-basket a span { padding-top: 1px;} .mini-basket .label { padding: 1px 5px 0 5px; } .mini-basket a.info { border: 1px solid #ccc; padding: 7px 7px 7px 3px; min-width: 175px; } .mini-basket a.info, .mini-basket a.checkouton, .mini-basket a.checkoutoff { text-decoration: none; line-height: normal; height: 1.3em; } .mini-basket a.checkouton, .mini-basket a.checkoutoff { font-weight: bold; font-size: 11px; padding: 7px 7px 7px 7px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; -moz border-top-right-radius: 3px; -moz border-bottom-right-radius: 3px; -webkit border-top-right-radius: 3px; -webkit border-bottom-right-radius: 3px; } .mini-basket a.checkoutoff { border: 1px solid #ccc; color: #5f5f5f; background: #EEEEEE; background: -webkit-linear-gradient(top, #FBFBFB 0%, #EEEEEE 100%); background: -moz-linear-gradient(top, #FBFBFB 0%, #EEEEEE 100%); background: -o-linear-gradient(top, #FBFBFB 0%, #EEEEEE 100%); background: -ms-linear-gradient(top, #FBFBFB 0%, #EEEEEE 100%); background: linear-gradient(top, #FBFBFB 0%, #EEEEEE 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#EEEEEE',GradientType=0 ); } .mini-basket a.checkouton { box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.30); -moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.30); -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.30); } .mini-basket a:hover.checkouton { box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.35); -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.35); } .mini-basket a.info { background-color: #FBFBFB; } .mini-basket a:hover.info { background-color: #fff; } /* SEARCH/NEWSLETTER/BUTTONS ---------------------------*/ .search { text-align: center; } .search form, .search input { margin: 0px; } .search input[type="text"], .newsletter input[type="text"] { font-family: FontAwesome, Arial; font-size: 14px; border-right: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; -moz border-top-right-radius: 0px; -moz border-bottom-right-radius: 0px; -webkit border-top-right-radius: 0px; -webkit border-bottom-right-radius: 0px; } .search button[type="submit"], .newsletter input[type="submit"] { margin: 0 0 0 -4px; } .search input[type="text"] { float: left; min-width: 300px; max-width: 400px; padding: 7px; } .search button[type="submit"] { font-family: FontAwesome; font-size: 14px; padding: 7px; } .newsletter input[type="text"] { width: 210px; padding: 7px; margin-bottom: 2px; } .newsletter input[type="submit"] { line-height: 15px; padding: 7px 7px 6px 7px; } .search button[type="submit"]:hover, .newsletter input[type="submit"]:hover, .search button[type="submit"]:active, .newsletter input[type="submit"]:active, .search button[type="submit"]:disabled, .newsletter input[type="submit"]:disabled, button.colored:hover, button.colored:active, button.colored:disabled, button.buysml:hover, button.buysml:active, button.buysml:disabled, .mini-basket a:hover.checkouton, a:hover.coloredsml, a:hover.colored { color: #fff; background: #BC1C2E; border: 1px solid #AC231B; border-top: 1px solid #FF5148; border-left: 1px solid #FF5148; } .search button[type="submit"]:disabled, .newsletter input[type="submit"]:disabled, .addtobasket button[type="submit"]:disabled { color: #A8A8A8; } .newsletter div, .search div { float: left; } .newsletter label { padding: 7px 4px 0 0; } /* SEARCH, NEWSLETTER, MINI-CHECKOUT, ACTION BUTTONS */ .mini-basket a.checkouton, .search button[type="submit"], .newsletter input[type="submit"], button.colored, button.buysml, a.coloredsml, a.colored { margin:0; text-decoration: none; border: 1px solid #AC231B; border-top: 1px solid #FF5148; border-left: 1px solid #FF5148; color: #fff; text-shadow: 0 1px rgba(95,101,103,0.75); background: #D21F34; background: -webkit-linear-gradient(top, #E34154 0%, #BC1C2E 100%); background: -moz-linear-gradient(top, #E34154 0%, #BC1C2E 100%); background: -o-linear-gradient(top, #E34154 0%, #BC1C2E 100%); background: -ms-linear-gradient(top, #E34154 0%, #BC1C2E 100%); background: linear-gradient(top, #E34154 0%, #BC1C2E 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E34154', endColorstr='#BC1C2E',GradientType=0 ); } .mini-basket a.checkouton, .search button[type="submit"], .newsletter input[type="submit"] { border-top-left-radius: 0px; border-bottom-left-radius: 0px; -moz border-top-left-radius: 0px; -webkit border-bottom-left-radius: 0px; } /* WEATHER ---------------------------*/ .weather { border: 1px solid #EFEFEF; margin-top: 10px; display: none; text-align: center; color: #999; border-radius: 7px; -moz border-radius: 7px; -webkit border-radius: 7px; } .weather .wicon { padding: 2px 0 0px 0; display: block; } .w-detail { margin: 0px; font-size: 12px; display: block; } .weather .wtitle { text-decoration:underline; display: block; padding: 0 0 5px 0; } .w-temp { color:#009DE0; font-weight: bold; font-size: 18px; text-shadow: #fff 1px 1px; } .w-text { color:#009DE0; text-shadow: #fff 1px 1px; display:block; padding: 5px 0 0 0; } .w-text:first-letter { text-transform: uppercase; } /* TOP NAV ---------------------------*/ nav.primary ul, nav.primary ul li { margin: 0px; } nav.primary select { /* DD USING JQUERY NOT IN USE YET*/ display: none; width: 100%; height: 28px; margin: 21px 0; } nav.primary ul li { display: inline; float: left; position: relative; } nav.primary ul li a { display: inline-block; line-height: 32px; padding: 0 10px; color: #666; text-transform: uppercase; text-decoration: none; font-weight: normal; letter-spacing: 0.08em; text-shadow: #fff 1px 1px; } nav.primary ul li a:hover { background: #F6F6F6; cursor: pointer; } /* --- SUB MENU --- */ nav.primary ul ul { opacity: 0; filter: alpha(opacity=0); position: absolute; top:100%; left: 0; z-index: 1000; background-color: #FAFAFA; height: 0px; overflow: hidden; width: 100%; -webkit-transition: opacity 0.4s ease-out; -moz-transition: opacity 0.4s ease-out; -o-transition: opacity 0.4s ease-out; -ms-transition: opacity 0.4s ease-out; transition: opacity 0.4s ease-out; -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); } nav.primary ul li span { display: none; } nav.primary ul li:hover ul { opacity: 10; filter: alpha(opacity=100); height: auto; overflow: auto; } nav.primary ul ul li { float: none; display: list-item; border-bottom: 1px solid #F0F0F0; } nav.primary ul ul li a { display: block; line-height: 28px; text-transform: none; } nav.primary ul ul li a:hover { background: #F6F6F6; } nav.primary ul li:hover > a { background: #F6F6F6; } /* FOOTER ---------------------------*/ .foot { padding: 10px 0 0 0; } .foot .title { text-transform: uppercase; } .foot a, .foot a:visited { font-size: 13px; color: #666; text-decoration: none; } .foot a:hover { text-decoration: underline; } .social, .social img { text-align: right; vertical-align: middle; margin: 2px 0 1px 0; } /* SEPARATORS ---------------------------*/ .divider-top { background-image: url("../images/divider-up.png"); background-position: 50% 100%; background-repeat: no-repeat; -moz-background-size: contain; -o-background-size: contain; -webkit-background-size: contain; background-size: contain; zoom: 1; padding-bottom: 20px; display: table; } .divider-bottom { background-image: url("../images/divider-down.png"); background-position: 50% 100%; background-repeat: no-repeat; -moz-background-size: contain; -o-background-size: contain; -webkit-background-size: contain; background-size: contain; zoom: 1; padding-bottom: 20px; display: table; } .copyright { padding: 185px 0 0px 0; font-size: 12px; color: #515151; text-align: right; background: transparent url("../images/bg-foot.jpg") no-repeat center; } /* COMMENTS ---------------------------*/ .comments { margin: 10px 0 20px 0; } /* MAP ---------------------------*/ .map { margin: 20px 0 20px 0 ; background-color: #FAFAFA; border-bottom: 1px solid #EBEBEB; } .map h2 { margin-bottom: 0;} /* Popelt --------------------------*/ .noscroll {overflow:hidden;} .pop-screen {background:#000; opacity:0.9; filter:alpha(90); position:fixed; left:0; top:0; right:0; bottom:0; z-index:9994; display:none;} .pop-wrap {position:fixed; left:0;right:0;top:0;bottom:0; z-index:9995; overflow:auto; display:none; } .pop-container {margin:40px auto; display:block; width:600px; background:white; position:relative;} .pop-block {position:relative;} .pop-content {padding:20px; color:#333; word-wrap:break-word; overflow:auto;} .pop-content h1:first-child, .pop-content h2:first-child, .pop-content p:first-child {margin-top:0;} .pop-action-block {background:#eee; padding:5px 10px 0 10px; border-top:1px solid #ccc; text-align:right;} .pop-title {margin:0; padding-bottom:10px; font-size:26px; font-weight:bold; line-height:28px; padding:20px; margin-bottom:0;} .pop-btn-close { font-family:arial,sans-serif; position:absolute; color:#888; width:85px; line-height:31px; text-align:center; cursor:pointer; right:0px; top:0px; background:white; padding: 0; margin: 0; } .pop-btn-close .close { font-size:14px; } .pop-btn-close .cross { font-size:28px; } .pop-btn-close .close,.pop-btn-close .cross { vertical-align:middle; } /* PAGINATION --------------------------*/ ul.pager { margin: 15px 0 0 0; padding: 0; list-style: none; text-align: center; white-space:nowrap; font: 13px 'Tahoma'; } ul.pager li { margin: 15px 0 0 1px; padding: 0; list-style: none; display: inline; } ul.pager li.dot{ padding: 3px 0; color:#999; } ul.pager li a { text-decoration:none; color:#474747; border: 1px solid #aaa; border-top: 1px solid #ccc; border-left: 1px solid #ccc; padding: 8px 10px 8px 10px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; background: #EEEEEE; background: -webkit-linear-gradient(top, #FBFBFB 0%, #EEEEEE 100%); background: -moz-linear-gradient(top, #FBFBFB 0%, #EEEEEE 100%); background: -o-linear-gradient(top, #FBFBFB 0%, #EEEEEE 100%); background: -ms-linear-gradient(top, #FBFBFB 0%, #EEEEEE 100%); background: linear-gradient(top, #FBFBFB 0%, #EEEEEE 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#EEEEEE',GradientType=0 ); } ul.pager li a:hover { background: #F3F3F3; box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.35); -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.35); } ul.pager li.current { color: #666; font-size: 13px; font-weight: bold; padding: 5px; } /* TABLE --------------------------*/ .table { border-spacing: 0; width:100%; color:#666; font: 13px Arial, sans-serif; background:#fff; margin:0 0 10px 0; } .table th { font-weight: bold; font-size: 13px; text-align: left; padding: 5px 5px 5px 5px; border-top: 1px solid #EBEBEB; border-bottom:1px solid #EBEBEB; line-height: 20px; color: #545454; } .table tr { text-align: center; padding-left: 10px; } .table tr td { text-align: left; padding: 10px 5px 10px 5px; border-bottom:1px solid #EBEBEB; vertical-align: middle !important; } .table tr.even td { background: #FCFCFC; } .table a:active, .table a:hover { color: #a34c3e; text-decoration:none; } .table tr td.right{ text-align: right; } .table tr td.centre{ text-align: center; } .table form, .table input, .table button , .table select { margin: 0; } .table p { margin: 0; padding: 0; display: inline; } .table em { font-weight: normal; font-style: normal; } .table .basket .image { float: left; height: 79px; width: 79px; line-height: 77px; text-align: center; background-color: #fff; margin: 2px; border: 1px solid #DFDFDF; } .table .basket .image img { vertical-align: middle; } .table .detail { float: left; } .table .title { font-size: 14px; } .table .code { display: block; color: #9c9c9c; font-size: 10px; } .table .options { } .table .option { float: left; margin: 5px 20px 0 0; height: 18px; line-height: 18px; text-transform: uppercase; font-size: 11px; } .table input[type="text"].qty { font-size: 14px; width: 30px; min-width: 30px; margin:0; color: #333; margin:0; } .table .update { text-align: center; border: 1px solid #CCCCCC; margin: 3px 0 0 0; padding: 9px 29px 9px 29px; color: #666; background-color: #FAFAFA; text-decoration: none; height: 34px; } .total { text-align: right; font-size: 16px; margin-bottom: 20px; } .total .label { margin-right: 10px; } .total .wrap { display: block; margin-bottom: 3px; } .total .wrap .t { display: inline-block; width: 150px; } .total .wrap .c { display: inline-block; width: 100px; } /* BAG ----------------------------*/ .bag-header h1 { font: 24px/48px arial; } .bag-row { line-height: 44px; } .bag-row img {vertical-align: middle; margin-right: 20px; } /* ITEMS --------------------------- */ .ibox { margin: 0 0 10px 0; padding: 10px; background-color: #fafafa; border: 1px solid #EBEBEB; overflow: hidden; } .prices { margin-top: 3px; } .ourprice { font-size: 24px; color: #C00; font-weight: bold; } .ourpricesml { float: left; font-size: 18px; color: #C00; font-weight: bold; } .save { color: #009900; font-weight: bold; } .rrp { text-decoration: line-through; } .icode { font-size: 12px; color: #6E6E6E; padding: 5px 0 0;} .addtobasket { padding: 10px 5px 10px 5px; background-color: #fff; border: 1px solid #EBEBEB; overflow: hidden; margin-top: 10px; } .addtobasket div, .addtobasket span, .addtobasket a, .addtobasket button, .qtybuttons a, .qtybuttons span { float: left; } button.colored, a.colored, input.yel { margin: 0; padding: 11px 15px 11px 15px; } button.colored i, a.colored i, input.yel i { font-size: 15px; } button.buysml, a.coloredsml, a.btnsml { padding: 5px 10px 5px 10px; display: inline; } input[type="text"].qty { font-size: 20px; width: 45px !important; min-width: 40px; margin:0; border-radius: 0px; color: #333; padding: 4px 5px 4px 5px; height: 30px; line-height: 30px; } a.qty-btn, a.qty-btn:visited { font-family: verdana; font-size: 22px; text-align: center; margin: 0px; width: 23px; padding: 5px 2px 6px 2px; color: #CCCCCC; background-color: #FAFAFA; border: 1px solid #CCCCCC; text-decoration: none; } a.qty-btn:hover { color: #FFFFFF; background-color: #CC0000; border: 1px solid #CC0000; padding-right: 1px; text-decoration: none; } a.qty-minus { border-right: none; } a.qty-plus { border-left: none; margin: 0 10px 0 0; } /* ITEMS RELATED --------------------------- */ .thumbsrel { clear: both; border-top: 2px solid #EBEBEB; padding-top: 5px; } .thumbsrel, thumbse { text-align: justify; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines; } .thumbsrel .thumbrel { width: 78px; height: 80px; line-height: 78px; background-color: #fff; text-align: center; margin: 2px; border: 1px solid #EBEBEB; display: inline-block; *display: inline; zoom: 1; /*IE6/7*/ } .thumbse .thumbe { width: 62px; height: 62px; line-height: 60px; background-color: #fff; text-align: center; border: 1px solid #EBEBEB; display: inline-block; *display: inline; zoom: 1; /*IE6/7*/ } .thumbsrel .thumbrel img, .thumbse .thumbe img { vertical-align: middle; } .stretch { /*Required to center thumbsrel*/ width: 100%; display: inline-block; font-size: 0; line-height: 0; } /* SALE --------------------------- */ .sale { clear: both; margin: 5px 0 10px 0; padding: 10px 0 0 0; border-top: 2px solid #EBEBEB; } /* PROGRESS BAR --------------------------*/ #progress { font: 400 18px/1.4 Tahoma, Arial, Helvetica, sans-serif; position: relative; height: 19px; margin: 5px 0 5px 0; border: 1px solid; border-color: #959aa6 #b4b9c3 #d0d5de; border-radius: 2px; width: 250px; background-color: #d9dee7; background-image: -webkit-linear-gradient(#d9dee7,#e2e7ef); box-shadow: inset 0 1px 3px #b4b9c3; } #bar { width: 0; height: 19px; -webkit-transition: width .5s; background-color: #53cbfe; background-image: -webkit-linear-gradient(#53cbfe,#18a8e1); border-radius: 2px; box-shadow: inset 0 1px 0 #97dffd,0 -1px 0 #419dc3,0 0 0 1px #248cb5,0 1px 5px #999; } #percent { position: absolute; top: -1px; width: 100%; font-size: 14px; font-weight: 700; text-shadow: #828282 1px 1px; color: #fff; text-align: center; } /* POPUP --------------------------*/ .popup-wrap { overflow: hidden; margin: 7px; } /* ICONS --------------------------*/ .i { display: inline-block; width: 16px; height: 16px; } /*EMPTY ICON*/ .icon { display: inline-block; vertical-align: middle; width: 16px; height: 16px; margin: 0 3px 0 0; padding: 0px; background-repeat: no-repeat; background-image: url(../images/all.png); } .icon-empty { background: none; } .icon-cross { background-position: 0 -90px; } .icon-arrow-right { background-position: 0 -170px; } /* FIELDSET --------------------------*/ .fs-wrap .content { margin: 1.75em 1.5em 1em 1em; } legend.fs { padding: 0.1em 0.5em 0.1em 0.5em; left: 0.5em; top: -0.6em; position: absolute; font-weight: normal; font-size: 15px; border: solid 1px #EBEBEB; background: #fff; } fieldset.fs { margin-top: 20px; position: relative; border: 1px solid #EBEBEB; background: #FAFAFA; } /* FORM ETC ADD LISTING --------------------------*/ .line label, .line input { float: left; } .line { float: left; width: 300px; display: block; padding: 3px 0px 3px 1px; } .radios hr { clear: both; margin: 5px 0px 5px; height: 0; border-top: 1px solid #eeeeee; border-bottom: 1px solid #fff; } .radios .title { font-weight: bold; color: #666; margin-bottom: 5px; } .radio { width: 148px; float: left; font-size: .9165em; margin-bottom: 10px; } .radio input { width: auto; } .radio label { margin-left: 1px; font-weight: normal; display: inline-block; width: 200px; padding-left: 5px; vertical-align: text-top; } .checkboxes label { font-weight: normal; } input.inputsmall , select.inputsmall { width: 5em; } input.inputmedium { width: 8em; } input.inputlong { width: 75%; min-width: 245px; } /* FORM / CHECKOUT -------------------------*/ .frm-center { margin: 0 auto; width: 75%; text-align: left; } .frm-center form { width: 100%; } .frm-center .email-signup input { float: left; margin: 2px 8px 0 0; } .frm-center .email-signup label { font-weight: normal; line-height: normal; float: left; width: 65%; margin: 0 0 15px 0; } .frm input[type="text"], .frm input[type="password"] { padding: 4px 8px; height: 30px; line-height: 30px; width: 240px; } .frm select { padding: 4px 8px; height: 35px; line-height: 35px; } .frm select.title { width: 80px; } /* JQ ERRORS */ .frm .group input[type="text"], .frm .group input[type="password"], .frm .group input[type="email"], .frm .group textarea, .frm .group select { margin-bottom: 1px; } .frm .group.error .label { color: #D95252; } .frm .group.error input, .frm .group.error select, .frm .group.error textarea { color: #E00000; border-color: #E00000; margin-bottom: 1px; } label.error { color: #E00000; font-weight: bold; margin: 0 0 5px 0; padding: 1px 0 1px 0; display:block; } label.error a { color: #E00000; text-decoration: underline; } label.error a:hover { text-decoration: none; } label.valid { width: 20px; height: 20px; margin-left: 5px; background: url(../images/all.png) center center no-repeat; background-position: -20px -250px; display: inline-block; top: 4px; position: relative; text-indent: -9999px; } label.invalid { width: 20px; height: 20px; margin-left: 5px; background: url(../images/all.png) center center no-repeat; background-position: 0 -250px; display: inline-block; top: 4px; position: relative; text-indent: -9999px; } /* MESSAGES ---------------------------*/ .errorbox { margin: 1px 0 5px 0; color: #D50000; background-color: #FFF6F4; border: 1px solid #D50000; } .errorbox a { color: #D50000; text-decoration: none; } .errorbox .sign { color: #D50000; font-size: large; } .successbox { margin: 1px 0 10px 0; color: #108F10; background-color: #EDFCED; border: 1px solid #27B727; } .successbox a { color: #108F10; text-decoration: none; } .successbox .sign { color: #27B727; font-size: large; } .alertbox { margin: 1px 0 10px 0; color: #906909; background-color: #FCF6B7; border: 1px solid #FFD250; } .alertbox a { color: #906909; text-decoration: none; } .alertbox .sign { color: #906909; font-size: large; } .errorbox, .successbox, .alertbox { padding: 5px 10px 5px 10px; } .errorbox ul, .successbox ul, .alertbox ul { margin: 0; padding-left: 15px; list-style-type:square; } textarea.marginbottom1, input[type="text"].marginbottom1, select.marginbottom1, input.marginbottom1 { margin-bottom: 1px !important; } #e-msg { clear: both; display: block; } .err { color: #FF0000; font-weight: bold; margin: 0 0 10px 0; padding: 2px 0 2px 0; } #alert { position: fixed; z-index: 10000; top: 90px; right: 40px; font-size: 16px; background: #FCF6B7; color: #906909; text-shadow: 0 1px rgba(255,255,255,1.00); margin-left: 55px; min-width: 250px; width: 40%; overflow: hidden; padding: 10px; border: 1px solid #FFD250; display:none; box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.24); -webkit-box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.24); -moz-box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.24); opacity: 1; filter:alpha(opacity=1); } /* CHECKOUT -------------------------*/ .login { margin: 0 auto; width: 285px; text-align: left; } .cregister { text-align: center; } .cregister .rbtn { margin: 20px 0 20px 0; } .cregister .rtext { margin: 20px 0 20px 0; } #frmLogin input[type="password"] { margin-bottom: 0; } .forgot { float: left; width: 260px; color: #212121; font-size: 11px; text-decoration: none; text-align: right; padding: 0 0 3px 0; } .chkbox { font-size: 13px; clear: both; font-weight: normal; padding: 5px 0 5px 0; } .chkbox input[type=checkbox] { margin: 1px 5px 0 0; float:left; } h2.chkhead { font-weight: bold; font-size: 16px; color: #545454; } /* CHECKOUT STEPS -------------------------*/ .csteps { float: right; position: relative; left: -50%; text-align: left; margin-bottom: 5px; } .csteps ul { list-style: none; position: relative; left: 50%; } .csteps li { float:left; position:relative; }/* ie needs position:relative here*/ .csteps li { color: #666; text-decoration: none; float: left; padding: 5px 10px 6px 10px; text-align: center; white-space: nowrap; border-bottom: 2px solid #DFDFDF; } .csteps li.done { color: #0C79EB; padding-bottom: 4px; border-bottom: 4px solid #0C79EB; } .csteps i { font-size: 15px; font-weight: bold; } /* BOXES -------------------------*/ .box { border: 1px solid #DFDFDF; margin: 10px 0 10px 0; } .box .headingrow { border-top: 1px solid #FFF; border-bottom: 1px solid #DFDFDF; margin: 0; padding: 2px 2px 2px 0; font-size: 15px; background: #FAFAFA; overflow: hidden; vertical-align: middle; } .box .heading { padding: 5px 5px 5px 20px; line-height: 24px; } .box h5 { border-top: 1px solid #FFF; border-bottom: 1px solid #DFDFDF; margin: 0; padding: 5px 5px 5px 20px; font-size: 15px; background: #FAFAFA; overflow: hidden; } .box .inner { border-top: 1px solid #FFF; background-color: #FAFAFA; padding: 10px 20px 10px 20px; } .box .inner.lesspad { padding: 10px 10px 10px 10px !important; } .box .bordertop { border-bottom: 1px solid #FFF; } .box .borderbottom { border-bottom: 1px solid #DFDFDF; } .box .item { overflow: hidden; } .box .ititle { color: #666; font-size: 12px; } .box .iimage { float: left; height: 50px; width: 50px; line-height: 49px; text-align: center; background-color: #fff; margin: 2px; border: 1px solid #DFDFDF; } .box .iimage img { vertical-align: middle; } .box .iprice { margin-top: 5px; } .box .iqty { float: left; color: #333; font-size: 12px; } .box .itotal { float: right; } a.action.small { margin: 0px; padding-left: 7px; padding-right: 7px; } /* SELECT ADDRESS -------------------------*/ .selectAdd { margin-top: 10px; } .selectAdd a { text-decoration: none; color: #545454; } .selectAdd .addressRadio, .selectAdd .addressEntry { float: left; } .selectAdd label { width: 100%; cursor: pointer; } .selectAdd .addressInner { margin: 10px; overflow: hidden; } .addressEntry { font-size: 13px; } .addressEntry span { display: block; font-size: 13px; line-height: normal; } .selectAdd .addressRadio { padding: 0 10px 0 5px; } .selectAdd .addressOptions { margin: -20px 0 0; min-width: 120px; padding: 0; position: absolute; right: 10px; text-align: right; top: 50%; font-size: 11px; } .selectAdd .addAddress { border: 1px solid #dadada; display: block; padding: 10px; font-size: 12px; } .selectAdd .selected { background-color: #f8f8f8; } .selectAdd .selected span { font-weight: bold; } .selectAdd ol, .selectPG ol { padding-left: 0; margin-left:0; margin-bottom: 0; } .selectAdd ol>li { list-style-type: none; margin: 0px; clear: both; position: relative; border: 1px solid #dadada; border-bottom: none; list-style-type: none; transition: background 0.4s; } .selectAdd ol>li input[type=radio], .selectPG ol>li input[type=radio] { display: -moz-inline-box; display: inline-block; vertical-align: middle; } .selectAdd ol>li label, .selectPG ol>li label { display: -moz-inline-box; display: inline-block; vertical-align: middle; } .selectAdd.account label{ cursor: auto; } /* SELECT GATEWAY -------------------------*/ .selectPG { margin-top: 10px; } .selectPG .PGRadio, .selectPG .PGEntry { float: left; } .selectPG label{ width: 100%; cursor: pointer; } .selectPG .PGInner { margin: 15px; overflow: hidden; } .PGEntry, .PGEntry span { font-size: 14px; } .selectPG .PGRadio { padding: 0 10px 0 5px; } .selectPG .PGLogo { float:right; } .selectPG .selected { background-color: #f8f8f8; } .selectPG .selected span { font-weight: bold; } .selectPG ol>li { list-style-type: none; margin: 0px 0px 5px 0px; clear: both; border: 1px solid #dadada; list-style-type: none; transition: background 0.4s; } /* BIO -------------------------*/ .bio { float: left; text-align: left; margin: 0 0 5px 0; padding: 5px 4px 5px 4px; background-color: #F7F7F7; } .bio .img { float: left; text-align: center; margin: 0px 7px 5px 0px; } .bio .txt { height: 100%; } .bio .title { font-weight: bold; margin-bottom: 15px; } /* #Media Queries ================================================== */ /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) {} /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) { .body { padding: 0 10px 0 10px; } .body, .social { text-align: center; } .search input[type="text"] { width: 200px; min-width: 200px; } #mmenu, #mnav, #mcats, #macc { text-align: left; } .newsletter label{ display:block; } .record { width: 100%; } .record-item { width: 100%; padding: 5px 0 5px 0px; } .line { width: 100%; } button.colored { margin-top: 5px; } } /* ALL MOBILE SIZES (devices and browser) */ @media only screen and (max-width: 767px) { .body { padding: 0 10px 0 10px; } .body, .social { text-align: center; } .social { margin-top: 5px; } .logorow .wrap { margin: 0; } #mmenu, #mnav, #mcats, #macc { text-align: left; } .mlogo { padding-top: 3px; vertical-align: middle; } .mlogoc { padding: 0; vertical-align: middle; } .search input[type="text"] { min-width: 240px; } .mini-basket, .search { float: none; margin-top: 1px; } .record { width: 100%; margin: 5px 0 5px 0; } .record-item { width: 100%; padding: 5px 0 5px 2px; } .line { width: 100%; } .catimgs { width: 120px; } a.qty-minus { border-right: 1px solid #ccc; } a.qty-plus { border-left: 1px solid #ccc; } .table .update { padding: 9px 4px 9px 4px; } .mh, .logo, .logorow .links, #search, .nav, .cats { display:none; } .newsletter label, #mm { display: block; } .frm-center { width: 100%; } .mlr { height: 26px; line-height: 26px; } .mh { display: none; } .ms { display: block; } .ml li { padding: 7px; margin-bottom: 1px; } .ml a { padding: 7px; } .cregister { border-bottom: 1px solid #eaeaea; } .cregister .rbtn { margin: 10px 0 10px 0; } .cregister .rtext { margin: 10px 0 10px 0; } .clogin, .social{ margin-top: 10px !important; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { .logorow .wrap { margin: 0; } .mini-basket, .search { float: none; display: inline-block; margin-top: 1px; } .addtobasket button { margin-top: 10px; } } @media only screen and (max-width: 300px) { .logorow .wrap { margin: 0; } .desc, .mh { display:none; } .mini-basket, .search { float: none; display: inline-block; margin-top: 1px; } .frm input[type="text"], .frm input[type="password"] { width: 220px; } .addtobasket button { margin-top: 10px; } } /* #Font-Face ================================================== */ /* This is the proper syntax for an @font-face file Just create a "fonts" folder at the root, copy your FontName into code below and remove comment brackets */ /* @font-face { font-family: 'FontName'; src: url('../fonts/FontName.eot'); src: url('../fonts/FontName.eot?iefix') format('eot'), url('../fonts/FontName.woff') format('woff'), url('../fonts/FontName.ttf') format('truetype'), url('../fonts/FontName.svg#webfontZam02nTh') format('svg'); font-weight: normal; font-style: normal; } */