/* base.css */
/*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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ul, ol, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit;
font-style: inherit; font-size: 100%; font-family: inherit;
vertical-align: baseline; }
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ul { list-style: disc; padding-left:20px; }
ol { list-style: decimal; padding-left:20px; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
html, body { width:100%; height:100%; }
body { font-size:12px; background-color:#fff; text-align:left; }
img, div { behavior:url(assets/css/iepngfix.htc); }
img { border:none; display:block; }
a { cursor:pointer; }
body, p, div, tr, td, span, a, pre
{ font-family: 'Open Sans', sans-serif; line-height:1.6em; color:#6f6f6f;
text-decoration:none; }
small { font-size: 86%; }
a { color:#0000CC; }
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
{ color:#000; font-weight:bold; }
h1, h1 a { font-size:24px }
h2, h2 a { font-size:20px }
h3, h3 a { font-size:16px }
fieldset { border: 1px solid black; padding:10px; }
.align-left, .al { text-align:left; }
.align-right, .ar { text-align:right; }
.align-justify, .aj { text-align:justify; }
.align-center, .ac { text-align:center; }
*/
.float-left, .fl { float:left; }
.float-right, .fr { float:right; }
.float-clear, .fc, .cl { clear:both; height:0px, display:block; }
.hidden, .h { display:none; }
/* default.css */
.carttable { width:100%; border: 1px solid #ccc }
.carttable tr.head td { font-weight: bold; }
.carttable tr td { padding: 5px; vertical-align: middle; border-right: 1px solid #f4f4f4; }
.carttable tr.odd td { border-right: 1px solid #eaeaea; }
.carttable tr td.col-delete { width: 16px; text-align: center; }
.carttable tr td.col-image { width: 32px; text-align: center; }
.carttable tr td.col-name { }
.carttable tr td.col-productcode { width: 100px; }
.carttable tr td.col-price { width: 60px; text-align: right; }
.carttable tr td.col-qty { width: 60px; text-align: center; }
.carttable tr td.col-qty a img, .carttable tr td.col-qty img { display:inline; }
.carttable tr td.col-linetotal { width: 60px; border-right: none; text-align: right; }
.carttable tr td{ border-top: 1px solid #f4f4f4; }
.carttable tr.head td { border-top: none; }
.carttabletotals { width:300px; border: 1px solid #ccc }
.carttabletotals tr td { padding: 5px; vertical-align: middle; border-right: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4; background-color: #eaeaea; text-align:right; }
.carttabletotals tr td.title { padding: 5px; vertical-align: middle; border-right: 1px solid #f4f4f4; background-color: #ddd; font-weight: bold; text-align:left; }
.checkouttable { width:500px; border: 1px solid #ccc }
.checkouttable tr td { padding: 5px; vertical-align: middle; border-right: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4; background-color: #eaeaea; text-align:right; }
.checkouttable tr td.title { width:150px; padding: 5px; vertical-align: middle; border-right: 1px solid #f4f4f4; background-color: #ddd; font-weight: bold; text-align:left; }
.carttable-print tr.head,
.carttable-print tr.odd,
.carttable-print tr.even,
.carttabletotals tr td,
.checkouttable tr td,
.carttabletotals tr td.title,
.checkouttable tr td.title
{ background-color: #fff; }
#pagination a{color:#F1592A;}
.tab{ display:none; background:url("../img-other/txt.gif") repeat-x;
-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.tab-active{ display:block; }
.tabs .header ul li a{ display: block; padding: 5px 10px; background-color: white; color: #0066CC; font-weight: bold; background:url("../img-other/txt.gif") repeat-x;
-moz-border-radius-topright: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.tabs .header ul li.active { border: 1px solid #0066CC; border-bottom:none; }
.tabs .header ul li.active a { background: none; background-color: #0066CC; color: white; font-weight: bold;}
.tabs .header { }
.tabs .header ul li { display: block; float:left; margin:5px; padding: 1px; padding-bottom: 0px; border: 1px solid #999; border-bottom:none; margin-bottom: 0px;
-moz-border-radius-topright: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.tab { border:1px solid #0066CC; clear:both; padding: 10px; }
/* template.css */
/* Fabian Enterprises Ltd */
/* Color Swatches
* #4b8f2e; - Green header bg, category title bg, breadcrumbs
* #da061d; - Red 'was price'
* #666666; - Grey mainNavigation
* #808080; - Grey content text
* #333333; - Dark Grey category list text, Detail default item title
*/
.green {color:#F1592A!important;}
.white {color:#fff!important;}
.greynavigation {color:#666666!important;}
.grey {color:#808080!important;}
.darkgrey {color:#333333!important;}
.black {color:#000!important;}
.red {color:#da061d!important;}
body {background-color:#fff; margin:0; padding:0; font-family: 'Open Sans', sans-serif; width:100%; height:100%;}
a{text-decoration:none!important;}
a{color:inherit;}
a:hover {opacity:0.5;}
/*default styling */
#fabian-logo-h1 { margin:0px!important; padding:0px!important; font-size:1px!important; text-indent:-4000px; }
#header-bg { background:url(../img-design/header/headerbg.png) repeat-x #4b8f2e; }
#header-text { margin:0 auto; width:1007px; }
#gmap-home span { font: 400 14px 'Open Sans', sans-serif; }
#social-media { padding-top:10px;}
#social-media span { font:400 14px 'Open Sans', sans-serif; }
#social-media img { padding-bottom:3px; }
.linethrough { text-decoration: line-through; }
/*main nav*/
#nav-search-holder {width:775px; padding-top: 54px;}
#logo-container {width:206px;}
#search-form {margin: 0;}
#searchresultitem-col1 { width:100px;height:68px;margin-right:15px; }
#searchresultitem-col2 { height:68px; }
#search-thumb { background:url(../img-design/header/searchthumb.png) no-repeat; width:37px; height:32px; padding:0; margin:0; text-indent:-2000px; border:none;position: relative;bottom: 5px; }
#navigation {height:26px; padding:3px 0px 15px 0px;}
#mainnav-ul {list-style-type: none; margin:0px; padding:0; width:775px; text-align: center;}
#mainnav-ul li{ display:inline; font: 600 17px 'Open Sans', sans-serif; width:100px; margin:0px; padding-right: 48px;}
#below-nav-hr {width:100%; height:1px; color:#666666; background-color:#666666;}
.container {width:1007px; margin:0 auto; padding:0;}
#home-container {width:675px;}
.content-secondary-container {padding-top:8px;}
#container1 {padding-top:15px;}
#col1-container {width:280px; padding-right: 52px;}
#col2-container {width:677px;}
#col1-maincontent {width:307px; padding-right:60px;}
#col2-maincontent {width:307px;}
.featured-special-container {width:658px; margin:0px;}
.featured-special-title {width:658px; height:42px; background-color:#4b8f2e; -webkit-box-shadow: 2px 1px 6px 0px rgba(175,175,175,0.33); -moz-box-shadow: 2px 1px 6px 0px rgba(175,175,175,0.33); box-shadow: 1px 1px 5px #888888;}
.featured-special-title-text {padding:1px 0 0 16px;}
.featured-special-titles {font:400 18px 'Open Sans',sans-serif;}
.viewall-link {font:600 14px 'Open Sans', sans-serif;}
#special-off-div {padding-top:26px;}
/*home page */
#home-main-content-container {width:675px; padding-top:23px; margin:0px;}
.home-featured {width:138px; padding:20px 35px 0 0px;}
.home-item-title {font:600 17px'Open Sans',sans-serif;}
.home-item-descr-p {padding-bottom:26px;}
.item-title-descr-holder-home {padding-top:20px;}
.products-featured {width:143px; text-align:left;}
.featured-img {border:1px solid #cacaca; width:192px; height:143px;}
.home.featured-img{ height: 125px;}
.featured-home-descr-p {color:#333333; font:600 13px'Open Sans', sans-serif; padding-top:17px; margin-bottom:9px;}
.featured-prod-descr-p {color:#808080; font:600 13px'Open Sans', sans-serif; padding-top:17px; margin-bottom:9px;}
.products-featured h5 {font:500 15px 'Open Sans',sans-serif;}
.price-was {font:500 15px 'Open Sans',sans-serif; text-decoration:line-through; margin:0px;}
.price-now {font:500 15px 'Open Sans',sans-serif; margin:0px;}
.specialoff-home-featured {width: 138px; padding: 20px 35px 0 0px;}
/*About us*/
.title-holder {font:650 18px 'Open Sans',sans-serif;}
.title-holder h3{margin:0px;}
.about-page-title {font:600 18px 'Open Sans',sans-serif;}
.subtitle-holder {font:600 17px 'Open Sans',sans-serif; color:#333333; margin:0px; padding:0 0 15px 0px;}
.about-img-holder {padding-bottom:29px;}
.about-description-holder p{font:600 13px 'Open Sans', sans-serif; color:#808080;}
/* Anything slider*/
#banner-container {width:675px; height:324px; margin:0px; background-color:#fff; box-shadow: 1px 1px 5px #888888; overflow: hidden;}
#slider li{width:676px; height: 324px;}
.sliderItemDetails {width:258px; padding-top:32px;}
.sliderItemImage {width:323px; padding-left:26px;}
#banner-hr {width:100%; border: 0; height: 1px; background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); }
.banner-category, .banner-itemname {padding:0px; margin:0px;}
.banner-category {font:700 31px 'Open Sans',sans-serif; color:#4d4d4d; text-align:center;}
.banner-itemname {font:700 15px 'Open Sans',sans-serif; color:#000000; text-align:center;}
.banner-itemdesc {text-align:center; font:400 13px 'Open Sans',sans-serif; color:#808080;}
#banner-viewlink {background-color:#4b8f2e; color:#fff; font:450 14px 'Open Sans', sans-serif; text-align:center; width:185px; margin:0 auto;}
/*side menu*/
#top-sidemenu {width:280px; }
#sidemenu-ul {margin:0px; }
.sidemenu-title-li {list-style-type:none; width:264px; font: 400 18px 'Open Sans',sans-serif; background-color:#4b8f2e; padding: 13px 16px 14px 16px; box-shadow: 0px 1px 5px #888888;}
.categoryitem {width:264px; border-bottom:solid 1px #fff; font:600 14px 'Open Sans',sans-serif; list-style-type:none; padding: 13px 15px 14px 16px; background-color:#dbdbdb; box-shadow: 0px 1px 5px #888888;}
.categoryitem a:active {font-weight:bold;}
#bottom-sidemenu-container {width:295px; box-shadow: 1px 1px 5px #888888;}
#bottom-sidemenu {width:279px; background-color:#fff; padding: 9px 0px 20px 16px;}
#bottom-sidemenu-title {margin:0px; height:49px; background-color:#4b8f2e; width:296px;}
#bottom-sidemenu-title h3{margin:0px; height:42px; background-color:#4b8f2e; font: 400 18px 'Open Sans',sans-serif; padding: 12px 0px 0px 16px;}
.contact-sidemenu {font:500 14px 'Open Sans', sans-serif; padding:0px; margin:0px;}
#bottom-sidemenu p{ font:400 14px 'Open Sans',sans-serif!important; padding-right: 14px; color:#808080!important;}
.week-days {width: 120px; font:500 14px 'Open Sans',sans-serif!important; color:#808080!important;}
.week-hours {font:500 14px 'Open Sans',sans-serif!important; color:#808080!important; padding-right: 57px;}
/* Products */
#count {display:none;}
.prod-item-div {width:190px; padding:20px 33px 9px 0px;}
.item-img-holder {width:190px; }
.prod-item-name-div { padding-top:9px;height:88px; }
.prod-item-name-p {font:600 14px'Open Sans', sans-serif;}
.prod-item-stock-p {margin:0px;}
.price {margin:0px; padding-bottom:9px;}
.prod-moreinfo {background-color:#4b8f2e; font:300 14px 'Open Sans', sans-serif; text-align:center; width:95px; margin:0 auto; padding:3px;}
/*product categories*/
.category-item-div {width:190px; padding:31px 33px 0 0px;}
.home.category-item-div{width:139px;}
.category-descr {width:190px;}
.category-title {width:143px; text-align:center;}
.category-p {font: 600 13px'Open Sans', sans-serif; padding-top: 17px; text-align:left;}
/*Featured Page*/
.featured-pagetitle{font: 600 24.5px 'Open Sans',sans-serif;}
/*detail defaault*/
.detail-container {width:568px;}
#breadcrumbs-holder h5{font: 600 13px'Open Sans',sans-serif;}
.item-title-detail h3 {font:700 20px 'Open Sans',sans-serif;}
.detail-titles {font:600 16px'Open Sans',sans-serif; margin:0px;}
#pdf-upload-container {width:104px; padding-left:60px;}
#pdf-upload-container h5{text-align:center; font:500 14px'Open Sans',sans-serif;}
#stock-detail-text {padding-right:128px;}
.price-stock {font:500 16px'Open Sans',sans-serif;}
#stock-price-container {padding-top:10px;}
#below-galleriffic-hr {width:100%; height:1px; color:#666666; background-color:#666666;}
#detail-description-p {font:450 13px'Open Sans',sans-serif; color:#000; text-align:justify}
.techdata-row { padding-top:5px;}
.techdata-p {font:400 14px'Open Sans',sans-serif;}
.techdata-name {width:191px;}
.pdf-img {padding-left:17px;}
/*marine - Special offers*/
.marine-featured {width:190px; padding:20px 35px 0 0px;}
.marine-products-featured {width:190px; text-align:left; height: 88px;}
.price-was-now-holder {width:190px; padding-bottom:10px;}
.price-was-small {font:500 14px 'Open Sans',sans-serif; text-decoration:line-through; margin:0px;}
.price-now-small {font:500 14px 'Open Sans',sans-serif; margin:0px;}
.marine-prod-descr-p {font:600 14px'Open Sans', sans-serif; padding-top:9px; margin-bottom:0px;}
.marine-item-stock-p {font:500 14px'Open Sans', sans-serif; margin:0px;}
.prod-moreinfo-marine {background-color:#f1592a; font:300 14px 'Open Sans', sans-serif; text-align:center; width:95px; margin:0 auto; padding:3px; }
.home-products-descr-container {width:140px; text-align:left;}
.home-variants {font: 500 14px'Open Sans', sans-serif; text-align:center;}
.home-product-titles {font:500 14px'Open Sans', sans-serif; padding-top:9px; margin-bottom:0px;height:57px; }
.price-was-now-holder-home {width:140px; padding-bottom:10px;}
.featured-prod-titles {font:500 14px'Open Sans', sans-serif; padding-top:9px; margin-bottom:0px;}
.featured-variants {font: 500 14px'Open Sans', sans-serif; text-align:left;}
.price-was-now-holder-featured {width:190px; padding-bottom:10px;}
/* Contact Us Page */
.padd-right {padding-right:40px;}
.contact-col {padding-top:30px;}
.contact-col-content {padding-bottom:25px;}
#hours-col-contapage {width:265px;}
.contact-maintitle {font: 600 17px 'Open Sans',sans-serif; margin:0px; padding:0px;}
#form-container {width:383px; padding-top:20px;}
.contact-item-titles {font: 600 17px 'Open Sans',sans-serif; margin:0px;}
.contact-form-row-container {padding-bottom:15px; width:380px;}
#contact-form {margin:0px;}
.row-title {width:107px;}
.label-input {width:263px;}
.label-p {font:600 16px 'Open Sans',sans-serif;}
.form-inputs {width:263px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px!important;}
#form-submit {width:94px; text-align:center; background-color:#4b8f2e; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; border: 1px solid #4b8f2e;}
#form-submit:hover {opacity:0.5;}
/*footer*/
#suppliers-h3 {font: 500 15px 'Open Sans',sans-serif;}
#footer-brands {padding-top:25px;}
#footer-title {width:1007px; margin:0 auto;}
#brands-img {margin:0 auto; width: 1101px;}
footer {background:url(../img-design/footer/footerbg.png) repeat-x #F1592A; height: 34px;}
#container-footer {padding-top:8px;}
#container2 {padding-bottom: 20px;}
#footer-copy {font: 400 13px 'Open Sans', sans-serif; width:1007px; margin:0 auto;}
#secondary-navigation {list-style-type: none; margin:0px; padding-top:10px; width:775px;}
#secondary-navigation li{margin:0px; display:inline; font: 600 14px 'Open Sans', sans-serif; padding: 0px 12px;}
#developer-logo {padding-top: 10px;}
#pagination { width: 675px; }
#pagination img.inline {
position: relative;
bottom: 1px;
}
/* anythingslider.css */
/*
AnythingSlider v1.8+ Default theme
By Chris Coyier: http://css-tricks.com
with major improvements by Doug Neiner: http://pixelgraphics.us/
based on work by Remy Sharp: http://jqueryfordesigners.com/
*/
/*****************************
SET DEFAULT DIMENSIONS HERE
*****************************/
/* change the ID & dimensions to match your slider */
#slider {
width: 676px;
height: 324px;
list-style: none;
margin: 0;
/* Prevent FOUC (see FAQ page) and keep things readable if javascript is disabled */
overflow-y: auto;
overflow-x: hidden;
}
/******************
SET STYLING HERE
******************
=================================
Default state (no keyboard focus)
==================================*/
/* Overall Wrapper */
.anythingSlider-default {
/* 45px right & left padding for the arrows, 28px @ bottom for navigation */
padding: 0 0px 27px 0;
}
/* slider window - top & bottom borders, default state */
.anythingSlider-default .anythingWindow {
border-top: 0px solid #777;
border-bottom: 0px solid #777;
}
/* Navigation buttons + start/stop button, default state */
.anythingSlider-default .anythingControls a {
/* top shadow */
background: #4b8f2e;
color: #000;
border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
}
/* Make sure navigation text is visible */
.anythingSlider-default .anythingControls a span {
visibility: visible;
}
/* Navigation current button, default state */
.anythingSlider-default .anythingControls a.cur {
background: #fff;
border: 2px solid #130b80;
color: #000;
}
/* start-stop button, stopped, default state */
.anythingSlider-default .anythingControls a.start-stop {
background-color: #040;
color: #ddd;
}
/* start-stop button, playing, default state */
.anythingSlider-default .anythingControls a.start-stop.playing {
background-color: #800;
}
/* start-stop button, default hovered text color (when visible) */
/* hide nav/start-stop background image shadow on hover - makes the button appear to come forward */
.anythingSlider-default .anythingControls a.start-stop:hover,
.anythingSlider-default .anythingControls a.start-stop.hover,
.anythingSlider-default .anythingControls a.start-stop .anythingControls ul a:hover {
background-image: none;
color: #ddd;
}
/*
=================================
Active State (has keyboard focus)
=================================
*/
/* slider window - top & bottom borders, active state */
.anythingSlider-default.activeSlider .anythingWindow {
}
/* Navigation buttons, active state */
.anythingSlider-default.activeSlider .anythingControls a {
/* background image = top shadow */
height: 13px!important;
border-radius: 10px;
text-indent: -9999px;
}
/* Navigation current & hovered button, active state */
.anythingSlider-default.activeSlider .anythingControls a.cur,
.anythingSlider-default.activeSlider .anythingControls a:hover {
/* background image removed */
background: #fff;
border: 1px solid #4b8f2e;
}
/* start-stop button, stopped, active state */
.anythingSlider-default.activeSlider .anythingControls a.start-stop {
background-color: #080;
color: #fff;
}
/* start-stop button, playing, active state */
.anythingSlider-default.activeSlider .anythingControls a.start-stop.playing {
background-color: #d00;
color: #fff;
}
/* start-stop button, active slider hovered text color (when visible) */
.anythingSlider-default.activeSlider .start-stop:hover,
.anythingSlider-default.activeSlider .start-stop.hover {
color: #fff;
}
/************************
NAVIGATION POSITIONING
************************/
/* Navigation Arrows */
.anythingSlider-default .arrow {
top: 50%;
position: absolute;
display: block;
}
.anythingSlider anythingSlider-default activeSlider{
overflow: hidden!important;
}
.anythingSlider-default .arrow a {
display: block;
width: 45px;
height: 140px;
margin: -70px 0 0 0; /* half height of image */
text-align: center;
outline: 0;
background: url(../images/default.png) no-repeat;
}
/* back arrow */
.anythingSlider-default .back { left: 0; }
.anythingSlider-default .back a { background-position: left top; }
.anythingSlider-default .back a:hover,
.anythingSlider-default .back a.hover { background-position: left -140px; }
/* forward arrow */
.anythingSlider-default .forward { right: 0; }
.anythingSlider-default .forward a { background-position: right top; }
.anythingSlider-default .forward a:hover,
.anythingSlider-default .forward a.hover { background-position: right -140px; }
/* Navigation Links */
.anythingSlider-default .anythingControls { z-index:0; outline: 0; display: none; position: absolute; bottom: 82px; right: 6px; bottom:32px;}
.anythingSlider-default .anythingControls ul { margin: 0px 0px 0px 324px; padding: 0; float: right; z-index:10;}
.anythingSlider-default .anythingControls ul li { display: inline; }
.anythingSlider-default .anythingControls ul a {
font: 11px/18px Georgia, Serif;
display: inline-block;
text-decoration: none;
padding: 2px 8px;
height: 18px;
margin: 0 5px 0 0;
text-align: center;
outline: 0;
}
/* navigationSize window */
.anythingSlider-default .anythingControls .anythingNavWindow {
/*overflow: hidden;*/
float: left;
}
/* Autoplay Start/Stop button */
.anythingSlider-default .anythingControls .start-stop {
padding: 2px 5px;
width: 40px;
text-align: center;
text-decoration: none;
float: right;
z-index: 100;
outline: 0;
}
/***********************
IE8 AND OLDER STYLING
***********************/
/* Navigation Arrows */
.as-oldie .anythingSlider-default .arrow {
top: 30%;
}
.as-oldie .anythingSlider-default .arrow a {
margin: 0;
}
/* margin between nav buttons just looks better */
.as-oldie .anythingSlider-default .anythingControls li {
margin-left: 3px;
}
/* When using the navigationSize option, the side margins need to be zero
None of the navigation panels look good in IE7 now =( */
.as-oldie .anythingSlider-default .anythingControls a {
margin: 0;
}
.as-oldie .anythingSlider-default .anythingNavWindow {
margin: 0 2px;
}
.as-oldie .anythingSlider-default .anythingNavWindow li {
padding: 3px 0 0 0;
}
/***********************
COMMON SLIDER STYLING
***********************/
/* Overall Wrapper */
.anythingSlider {
display: block;
overflow: hidden !important;
position: relative;
}
/* anythingSlider viewport window */
.anythingSlider .anythingWindow {
overflow: hidden;
position: relative;
width: 100%;
height: 100%;
}
/* anythingSlider base (original element) */
.anythingSlider .anythingBase {
background: transparent;
list-style: none;
position: absolute;
overflow: visible !important;
top: 0;
left: 0;
margin: 0;
padding: 0;
}
/* Navigation arrow text; indent moved to span inside "a", for IE7;
apparently, a negative text-indent on an "a" link moves the link as well as the text */
.anythingSlider .arrow span {
display: block;
visibility: hidden;
}
/* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */
.anythingSlider .arrow.disabled {
display: none;
}
/* all panels inside the slider; horizontal mode */
.anythingSlider .panel {
background: transparent;
display: block;
overflow: hidden;
float: left;
padding: 0;
margin: 0;
}
/* vertical mode */
.anythingSlider .vertical .panel {
float: none;
}
/* fade mode */
.anythingSlider .fade .panel {
float: none;
position: absolute;
top: 0;
left: 0;
z-index: 0;
}
/* fade mode active page - visible & on top */
.anythingSlider .fade .activePage {
z-index: 1;
}
/***********************
RTL STYLING
***********************/
/* slider autoplay right-to-left, reverse order of nav links to look better */
.anythingSlider.rtl .anythingWindow {
direction: ltr;
unicode-bidi: bidi-override;
}
.anythingSlider.rtl .anythingControls ul { float: left; } /* move nav link group to left */
.anythingSlider.rtl .anythingControls ul a { float: right; } /* reverse order of nav links */
.anythingSlider.rtl .start-stop { /* float: right; */ } /* move start/stop button - in case you want to switch sides */
/* probably not necessary, but added just in case */
.anythingSlider,
.anythingSlider .anythingWindow,
.anythingSlider .anythingControls ul a,
.anythingSlider .arrow a,
.anythingSlider .start-stop {
transition-duration: 0;
-o-transition-duration: 0;
-moz-transition-duration: 0;
-webkit-transition-duration: 0;
}
/* jquery.fancybox.css */
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
padding: 0;
margin: 0;
border: 0;
outline: none;
vertical-align: top;
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020;
}
.fancybox-skin {
position: relative;
background: #f9f9f9;
color: #444;
text-shadow: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.fancybox-opened {
z-index: 8030;
}
.fancybox-opened .fancybox-skin {
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
position: relative;
}
.fancybox-inner {
overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}
.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%;
}
.fancybox-image {
max-width: 100%;
max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url('../img-other/fancybox/fancybox_sprite.png');
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8060;
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url('../img-other/fancybox/fancybox_loading.gif') center center no-repeat;
}
.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040;
}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent url('../img-other/fancybox/blank.gif'); /* helps IE */
-webkit-tap-highlight-color: rgba(0,0,0,0);
z-index: 8040;
}
.fancybox-prev {
left: 0;
}
.fancybox-next {
right: 0;
}
.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
visibility: hidden;
}
.fancybox-prev span {
left: 10px;
background-position: 0 -36px;
}
.fancybox-next span {
right: 10px;
background-position: 0 -72px;
}
.fancybox-nav:hover span {
visibility: visible;
}
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important;
}
/* Overlay helper */
.fancybox-lock {
overflow: hidden !important;
width: auto;
}
.fancybox-lock body {
overflow: hidden !important;
}
.fancybox-lock-test {
overflow-y: hidden !important;
}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: url('../img-other/fancybox/fancybox_overlay.png');
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll;
}
/* Title helper */
.fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
position: relative;
text-shadow: none;
z-index: 8050;
}
.fancybox-opened .fancybox-title {
visibility: visible;
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center;
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent; /* Fallback for web browsers that doesn't support RGBa */
background: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap;
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}
.fancybox-title-inside-wrap {
padding-top: 10px;
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, .8);
}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url('../img-other/fancybox/fancybox_sprite@2x.png');
background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
}
#fancybox-loading div {
background-image: url('../img-other/fancybox/fancybox_loading@2x.gif');
background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
}
}
/* galleriffic-1.css */
div.content {
/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
display:block;
float: left;
width: 338px;
padding-right: 11px;
}
div.content a, div.navigation a {
text-decoration: none;
color: #777;
}
div.content a:focus, div.content a:hover, div.content a:active {
text-decoration: underline;
}
div.controls {
position: relative;
}
div.controls .prev { position:absolute; z-index: 10; top:125px; left:5px; background:url(../img-design/prev.png) no-repeat; padding: 30px; }
div.controls .next { position:absolute; z-index: 10; top:125px; right:5px; background:url(../img-design/next.png) no-repeat; padding: 30px 0 30px 14px; }
div.controls a {
padding: 5px;
}
div.ss-controls {
float: left;
}
div.ss-controls {display:none;}
div.nav-controls {
float: right;
}
div.slideshow-container {
position: relative;
height: 242px; /* This should be set to be at least the height of the largest image in the slideshow */
padding-bottom:20px;
}
div.loader {
position: absolute;
top: 0;
left: 0;
background-repeat: no-repeat;
background-position: center;
width: 310px;
height: 242px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.slideshow img{
width: 339px;
height: 242px;
}
div.slideshow span.image-wrapper {
display: block;
position: absolute;
top: 0;
left: 0;
}
div.slideshow a.advance-link {
display: block;
height: 243px; /* This should be set to be at least the height of the largest image in the slideshow */
text-align: center;
}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
text-decoration: none;
}
div.slideshow img {
vertical-align: middle;
border: 1px solid #ccc;
}
div.download {
float: right;
}
div.caption-container {
}
span.image-caption {
display: block;
position: absolute;
}
div.caption {
background-color: #000;
padding: 12px;
color: #ccc;
}
div.caption a {
color: #fff;
}
div.image-title {
font-weight: bold;
font-size: 1.4em;
}
div.image-desc {
line-height: 1.3em;
padding-top: 12px;
}
div.navigation {
/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}
#thumbs{
padding-top: 20px;
width:200px;
}
ul.thumbs {
clear: both;
/*padding-top:100px;*/img
}
ul.thumbs li {
float: left;
padding: 0 6px 5px 0;
margin: 0;
list-style: none;
}
a.thumb {
padding: 0;
display: inline;
border: none;
}
ul.thumbs li.selected a.thumb {
color: #000;
font-weight: bold;
}
a.thumb:focus {
outline: none;
}
ul.thumbs img {
border: 1px solid #ccc!important;
width:71px;
border: none;
display: block;
}
div.pagination {
clear: both;
}
div.navigation div.top {
margin-bottom: 12px;
height: 11px;
}
div.navigation div.bottom {
margin-top: 12px;
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
display: block;
float: left;
margin-right: 2px;
padding: 4px 7px 2px 7px;
border: 1px solid #ccc;
}
div.pagination a:hover {
background-color: #eee;
text-decoration: none;
}
div.pagination span.current {
font-weight: bold;
background-color: #000;
border-color: #000;
color: #fff;
}
div.pagination span.ellipsis {
border: none;
padding: 5px 0 3px 2px;
}
#captionToggle a {
float: right;
display: block;
background-image: url('caption.png');
background-repeat: no-repeat;
background-position: right;
margin-top: 5px;
padding: 5px 30px 5px 5px;
}