/*
'////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
'//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// DESKTOP
'////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/
@media
only screen and (orientation:portrait) and (min-width:960px),
only screen and (orientation:landscape) and (min-width:960px)
{
#tnav .nav_menu li ul li a.slidey_nav_expand:link, #tnav .nav_menu li ul li a.slidey_nav_expand:visited {
display:none;
}
#ecommerce_module .step_body .system_form {
padding:0;
width:100%;
}
#ecommerce_module #checkout_step_2 .system_form, #ecommerce_module #checkout_step_3 .system_form {
padding:0 20%;
width:60%;
}
a.mobmenu {
display:none;
}
a.nonmobmenu {
display:block;
}
#body li a.slidey_nav_expand {
display:none;
}
input::-webkit-input-placeholder {
color:#999;
background-color:transparent;
}
input::-moz-placeholder {
color:#999;
background-color:transparent;
opacity:1;
}
input:-moz-placeholder {
color:#999;
background-color:transparent;
opacity:1;
}
input::-ms-input-placeholder {
color:#999;
background-color:transparent;
} /* IE10+ */
/*timboss|600px*/
/*
* Primary styles
* Loosely based on HTML5 ✰ Boilerplate
* Author: Quick By Design
*
* html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
* v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
* html5doctor.com/html-5-reset-stylesheet/
*/
/*//////////////////////////////////////////////////////////////////////////////////// page styles ///////////*/
/*
* {
max-width: 100%;
}
*/
*:not(.notlazy,.box_html5_presentation,.box_html5_presentation *,.notransition) {
transition: 0.25s;
}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
table, caption, tbody, tfoot, thead, tr, th, td {
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
/*table { border-collapse: collapse; border-spacing: 0; }*/
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }
/**
* Font normalization inspired by YUI Library's fonts.css: developer.yahoo.com/yui/
*/
/* Background */
html{
font:62.5% sans-serif;
overflow-y: scroll;
}
body{
margin:0;
padding:0;
font-size:13px;
font-size:1.3em;
}
#body {
position:relative;
z-index:0;
}
/* Default Font */
body, select, input, textarea {
/* Set your base font here, to apply evenly */
color: #444;
font-family: "Arial", sans-serif;
}
/* Link Colours */
a, a:active, a:visited {color: #607890; text-decoration: none;}
a:hover { color: #036; }
select, input, textarea, button { font:99% sans-serif; }
/* Normalize monospace sizing:
en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
pre, code, kbd, samp { font-family: monospace, sans-serif; }
/**
* Minimal base styles.
*/
/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }
ol { list-style-type: decimal; }
/* Remove margins for navigation lists */
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td { vertical-align: top; }
/* Set sub, sup without affecting line-height: gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
pre {
/* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
white-space: pre; white-space: pre-wrap; word-wrap: break-word;
padding: 15px;
}
textarea { overflow: auto; } /* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
.ie6 legend, .ie7 legend { margin-left: -7px; }
/* Align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css */
input[type="radio"] { vertical-align: baseline; }
input[type="checkbox"] { vertical-align: baseline; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
/* Hand cursor on clickable input elements */
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
input[type="button"] {
padding:5px 10px;
}
/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea { margin: 0; }
/* Colors for form validity */
input:valid, textarea:valid { }
input:invalid, textarea:invalid {
border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }
/* These selection declarations have to be separate
No text-shadow: twitter.com/miketaylr/status/12228805301
Also: hot pink! */
::-moz-selection{ background: #000066; color:#fff; text-shadow: none; }
::selection { background:#000066; color:#fff; text-shadow: none; }
/* j.mp/webkit-tap-highlight-color
a:link { -webkit-tap-highlight-color: #FF5E99; }
*/
/* Make buttons play nice in IE:
www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button { width: auto; overflow: visible; }
/* Bicubic resizing for non-native sized IMG:
code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { -ms-interpolation-mode: bicubic; }
p{
margin-bottom: 10px;
}
*[onclick] {
cursor:pointer;
}
#loaderholder {
display:none;
position:absolute;
right:20px;
top:20px;
}
.clear {
clear:both;
width:0;
height:0;
display:block;
}
.cleardeep {
clear:both;
width:0;
height:10px;
}
hr.dashedhr {
border:0;
height:0;
}
ul {
list-style-position:inside;
}
input,textarea,select {
margin:0;
padding:1px;
}
input[type="submit"] {
cursor:pointer;
}
input[type="radio"],input[type="checkbox"],input[type="image"] {
border:0;
}
input.datefield {
width:100px;
}
img.ui-datepicker-trigger {
vertical-align:middle;
}
/*//////////////////////////////////////////////////////////////////////////////////// page styles ///////////*/
#pageholder {
width:100%;
display:block;
}
#page {
margin:0 auto;
width:960px;
display:block;
padding-bottom:10px;
}
#cpuserswitchholder {
position:fixed;
top:5px;
width:200px;
height:30px;
left:calc(50% - 200px);
z-index:500;
}
#cpuserswitch {
display:block;
width:400px;
height:30px;
line-height:30px;
}
/*//////////////////////////////////////////////////////////////////////////////////// Middle Section /////////////////*/
#top {
display:block;
position:relative;
height:180px;
}
/* Logo */
#logo{
position:absolute;
left:0px;
top:20px;
}
/* Country by IP Div */
#country_by_ip{
position:absolute;
left:500px;
top:20px;
}
#country_by_ip select {
position:static;
}
#delivery_estimate_box {
position:absolute;
left:500px;
top:100px;
}
/* Strapline Text */
#strapline {
position:absolute;
left:0px;
top:100px;}
/* Slideshow */
#sshow{
position:absolute;
width:450px;
height:90px;
right:0px;
top:0px;
display: none;
}
/* Search Box (may be moved to footer in DB) */
#search_holder {
position:absolute;
right:0px;
top:110px;
width:220px;
height:30px;
text-align: right;
}
#search_holder h2 {
display:none;
}
#search_holder #search {
position:absolute;
right:21px;
top:0;
height:16px;
padding:2px;
width:200px;
}
#search_holder #search_btn {
position:absolute;
right:0px;
top:0;
}
/* Announcements */
#announcement {
position:absolute;
top:-50px;
right:0px;
}
/*MICRO SITES */
#top_photo img {
border:2px solid #fff;
box-shadow:0px 0px 10px 0px #444444;
-mozbox-shadow:0px 0px 10px 0px #444444;
-webkit-box-shadow:0px 0px 10px 0px #444444;
-o-box-shadow:0px 0px 10px 0px #444444;
box-shadow:0px 0px 10px 0px #444444;
-mozbox-shadow:0px 0px 10px 0px #444444;
-webkit-box-shadow:0px 0px 10px 0px #444444;
-o-box-shadow:0px 0px 10px 0px #444444;
}
/* Top Navigation */
#tnav{
position:absolute;
bottom:0px;
left:0px;
height:30px;
right:0px;
}
#tnav li{
float:left;
}
#tnav li a{
display: block;
height:30px;
padding:0px 2em;
line-height:30px;
font-size:1.2em;
}
#tnav li #thisa, #tnav li a:hover{
}
/*////////////////////////////////////////////////////////////////////////////////////// Ticker Module ///////////*/
#ticker {
position:absolute;
top:0;
left:0;
display:block;
height:1em;
font-size:1em;
overflow:hidden;
}
#ticker li {
display:none;
height:1em;
list-style-type: none
}
#ticker li:first-child {
display:block;
}
/*//////////////////////////////////////////////////////////////////////////////////// Breadcrumb /////////////////*/
#breadcrumb {
position:relative;
top:0;
left:0;
height:30px;
}
#bc_sign, #bc_loc {
position:absolute;
top:0;
height:30px;
line-height:30px;
width:auto;
}
#bc_sign {
right:0;
}
#bc_loc {
left:0;
}
#breadcrumb a{
text-decoration:none;
}
#breadcrumb a:hover {
text-decoration:underline;
}
/*MULTILINGUAL/////*/
#multilang {
position:relative;
}
#multilang li {
list-style-type:none;
}
#multilang_selector {
display:none;
}
/*//////////////////////////////////////////////////////////////////////////////////// Middle Section /////////////////*/
#columns{
margin-top:30px;
}
#columns ul {
margin-top:0;
padding-left:0;
}
#col2 {
padding:0px 20px;
}
.emailer {
padding:20px;
}
a.mobmenu:link,
a.mobmenu:visited {
height:20px;
padding:5px;
line-height:20px;
vertical-align:middle;
}
a.mobmenu img {
width:20px;
height:20px;
vertical-align:middle;
}
/*//////////////////////////////////////////////////////////////////////////////////// Presentation /////////////////*/
/* Presentation styles */
#theflashdiv .buttons > div{
width:20px;
height:20px;
-webkit-border-radius:10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px;
float:left;
margin-left:5px;
border:1px solid #eee;
background:rgb(166,166,166);
background:-webkit-gradient(linear, 0 0, 0 bottom, from(rgb(255,255,255)), to(rgb(166,166,166))) rgb(166,166,166);
background:-moz-linear-gradient(rgb(255,255,255), rgb(166,166,166)) rgb(166,166,166);
background:linear-gradient(rgb(255,255,255), rgb(166,166,166)) rgb(166,166,166);
}
#theflashdiv .buttons > .active_button{
background:rgb(120,120,120);
background:-webkit-gradient(linear, 0 0, 0 bottom, from(rgb(200,200,200)), to(rgb(120,120,120))) rgb(120,120,120);
background:-moz-linear-gradient(rgb(200,200,200), rgb(120,120,120)) rgb(120,120,120);
background:linear-gradient(rgb(200,200,200), rgb(120,120,120)) rgb(120,120,120);
}
iframe [src=""] {
display:none;
}
.nav_hidden{
display:none;
}
.lazy img:not(.notlazy) {
opacity: 0;
transition: opacity .3s ease-in;
}
/*//////////////////////////////////////////////////////////////////////////////////// Motors Pagination /////////////////*/
.motor_pagination_selected {
font-weight:bold;
}
/*//////////////////////////////////////////////////////////////////////////////////// Product Pagination /////////////////*/
.pagination {
}
.pagination li{
margin:0;
list-style-type: none;
display: inline;
float: left;
padding-right: 5px;
padding-bottom: 5px;
}
.pagination li a{
display:block;
margin:0;
text-align: center;
padding-right: 10px;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
}
/*//////////////////////////////////////////////////////////////////////////////////// Footer /////////////////*/
#botholder {
position:relative;
top:0px;
left:0px;
width:100%;
}
#bot{
margin:0 auto;
display:block;
width:960px;
position:relative;
top:0;
left:0;
}
#bot .botbox {
width:300px;
}
#bot .botbox a{
}
#bot .botbox a:hover{
text-decoration:underline;
}
#bot .botbox h2{
margin-bottom:5px;
}
#bot .botbox ul li {
list-style-type:none;
list-style-position:outside;
}
#bot .botbox ul li a {
text-decoration:none;
}
#bot .botbox ul li a:hover {
text-decoration:underline;
}
/*///////////////// BOX 1 //////*/
#bot #botbox_1 {
position:absolute;
left:10px;
top:20px;
z-index:1;
}
#botbox_1 h2 {
display:none;
}
/*///////////////// BOX 2 //////*/
#bot #botbox_2 {
width:400px;
text-align: center;
margin-left:-200px;
position:absolute;
left:50%;
top:20px;
}
#botbox_2 #botbox_2_links {
position:relative;
left:0px;
top:90px;
}
/*///////////////// BOX 3 //////*/
#bot #botbox_3 {
position:absolute;
top:20px;
right:10px;
text-align:right;
width:350px;
z-index:1;
}
/*///////////////// BOX 4 //////*/
#bot #botbox_4 {
width:200px;
text-align: center;
margin-left:-100px;
position:absolute;
left:50%;
top:130px;
text-align:center;
}
#bot #botbox_4 table tr td {
text-align:center;
}
/*///////////////// ICONS //////*/
#footer_icons{
position:absolute;
left:180px;
top:25px;
width:400px;
height:50px;
overflow:hidden;
}
#box_footer_icons{
position:absolute;
left:0;
top:0;
width:100%;
height:50px;
overflow:hidden;
}
#footer_icons > div, #box_footer_icons > div {
float:left;
margin:0 5px 0 0;
}
.before_br {
display:block;
}
/*//////////////////////////////////////////////////////////////////////////////////// SIDEBAR ///////////*/
#sidebarholder {
position:fixed;
width:200px;
z-index:2000;
top:0;
right:-200px;
bottom:0;
left:auto;
display:block;
padding:0;
overflow: visible;
}
#sidebar {
position:absolute;
width:200px;
z-index:0;
top:0;
right:0;
bottom:0;
left:auto;
display:block;
background-color:#333;
text-align:center;
padding:20px 0px;
box-shadow:0px 0px 60px 0px #999999;
-mozbox-shadow:0px 0px 60px 0px #999999;
-webkit-box-shadow:0px 0px 60px 0px #999999;
-o-box-shadow:0px 0px 60px 0px #999999;
box-shadow:0px 0px 60px 0px #999999;
-mozbox-shadow:0px 0px 60px 0px #999999;
-webkit-box-shadow:0px 0px 60px 0px #999999;
-o-box-shadow:0px 0px 60px 0px #999999;
}
#sidebar * {
color:#fff;
font-size:15px;
}
#sidebar input, sidebar select {
color:#444;
}
#sidebar h2 {
font-size:24px;
}
#sidebar > form > div {
padding:10px;
position: relative;
background:#333333;
background:-webkit-gradient(linear, 0 0, 0 bottom, from(#5a585b), to(#333333)) #333333;
background:-moz-linear-gradient(#5a585b, #333333) #333333;
background:linear-gradient(#5a585b, #333333) #333333;
overflow:hidden;
text-align: left;
}
#sidebar > form > div > div {
text-align: center;
}
#sidebar p {
margin-top:0;
}
#sidebar p span.answer_status {
position:absolute;
top:0;
left:0;
}
#sidebar select {
margin-top:10px;
}
#sidebar select, #sidebar select option {
color:#444;
}
#sidebar a.sidebar_button:link, #sidebar a.sidebar_button:visited, #sidebar span.sidebar_button {
display: inline-block;
padding:10px 20px;
color:#fff;
background:#24855e;
background:-webkit-gradient(linear, 0 0, 0 bottom, from(#34b27f), to(#24855e)) #24855e;
background:-moz-linear-gradient(#34b27f, #24855e) #24855e;
background:linear-gradient(#34b27f, #24855e) #24855e;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px;
box-shadow:0px 0px 10px 0px #000000;
-mozbox-shadow:0px 0px 10px 0px #000000;
-webkit-box-shadow:0px 0px 10px 0px #000000;
-o-box-shadow:0px 0px 10px 0px #000000;
box-shadow:0px 0px 10px 0px #000000;
-mozbox-shadow:0px 0px 10px 0px #000000;
-webkit-box-shadow:0px 0px 10px 0px #000000;
-o-box-shadow:0px 0px 10px 0px #000000;
}
#sidebar a.sidebar_button:hover {
background:#cccccc;
background:-webkit-gradient(linear, 0 0, 0 bottom, from(#939393), to(#cccccc)) #cccccc;
background:-moz-linear-gradient(#939393, #cccccc) #cccccc;
background:linear-gradient(#939393, #cccccc) #cccccc;
}
#sidebarholder > #sidebar > #sidebar_button {
position:absolute;
display:block;
top:50%;
left:-125px;
margin-top:-50px;
height:50px;
line-height:50px;
width:200px;
color:#333;
text-decoration: none;
background-color:#ccc;
background-image:none;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
font-size: 20px;
-webkit-border-radius:5px 5px 0px 0px;
-moz-border-radius:5px 5px 0px 0px;
border-radius:5px 5px 0px 0px;
}
#sidebarholder_under {
position:fixed;
width:1000px;
z-index:1999;
top:0;
right:-1000px;
bottom:0;
left:auto;
display:block;
padding:0;
overflow: visible;
}
#sidebar_under {
position:absolute;
width:1000px;
z-index:0;
top:0;
right:0;
bottom:0;
left:auto;
display:block;
background-color:#fff;
padding:20px 0px;
box-shadow:0px 0px 60px 0px #999999;
-mozbox-shadow:0px 0px 60px 0px #999999;
-webkit-box-shadow:0px 0px 60px 0px #999999;
-o-box-shadow:0px 0px 60px 0px #999999;
box-shadow:0px 0px 60px 0px #999999;
-mozbox-shadow:0px 0px 60px 0px #999999;
-webkit-box-shadow:0px 0px 60px 0px #999999;
-o-box-shadow:0px 0px 60px 0px #999999;
overflow:hidden;
}
/*//////////////////////////////////////////////////////////////////////////////////// cookie request styles ///////////*/
#cookierequester {
position:fixed;
width:100%;
z-index:999;
top:0;
left:0;
display:block;
background:url(/library/overlay.png) repeat;
text-align:center;
padding:5px 0;
color:#fff !important;
font-size:11px !important;
font-family:Arial, Helvetica, sans-serif !important;
}
#cookierequester a:link, #cookierequester a:visited {
color:#333 !important;
background-color:#eee !important;
-webkit-border-radius:2px 2px 2px 2px;
-moz-border-radius:2px 2px 2px 2px;
border-radius:2px 2px 2px 2px;
padding:1px 5px !important;
}
/* video holder */
#videoholder {
position:fixed;
top:0;
left:0;
bottom:0;
right:0;
width:100%;
z-index:1000;
text-align: center;
vertical-align: middle;
background:url(/library/black70percent.png);
}
#playingvideo {
background-color:#000;
color:#ccc;
display: inline-block;
box-shadow:0px 0px 40px 0px #000000;
-mozbox-shadow:0px 0px 40px 0px #000000;
-webkit-box-shadow:0px 0px 40px 0px #000000;
-o-box-shadow:0px 0px 40px 0px #000000;
box-shadow:0px 0px 40px 0px #000000;
-mozbox-shadow:0px 0px 40px 0px #000000;
-webkit-box-shadow:0px 0px 40px 0px #000000;
-o-box-shadow:0px 0px 40px 0px #000000;
}
#playingvideo > p, #playingvideo > p * {
color:#ccc !important;
}
#stoppingvideo {
position:absolute;
top:10px;
right:30px;
color:#ccc;
font-size:60px;
font-weight:bold;
font-family:arial, helvetica sans-serif;
}
/*//////////////////////////////////////////////////////////////////////////////////// overlay styles ///////////*/
#msg #pageloginform label {
width:120px;
}
#msg a.msgbutton:link, #msg a.msgbutton:visited {
display:inline-block;
padding:10px 20px;
margin: 5px 0;
background-color:#333;
color:#eee !important;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px;
}
#msg a.msgbutton:hover {
background-color:#666;
}
#overholder {
position:fixed;
top:0;
left:0;
bottom:0;
right:0;
width:100%;
z-index:1000;
background:url(/library/black70percent.png);
}
#over {
position:static;
padding-top:70px;
padding-bottom:40px;
background-color:#fff;
z-index:1;
display:block;
left:50%;
color:#444;
width:1000px;
margin:50px auto;
height:550px;
overflow-x:hidden;
overflow-y:scroll;
box-shadow:0px 0px 30px 0px #000000;
-mozbox-shadow:0px 0px 30px 0px #000000;
-webkit-box-shadow:0px 0px 30px 0px #000000;
-o-box-shadow:0px 0px 30px 0px #000000;
box-shadow:0px 0px 30px 0px #000000;
-mozbox-shadow:0px 0px 30px 0px #000000;
-webkit-box-shadow:0px 0px 30px 0px #000000;
-o-box-shadow:0px 0px 30px 0px #000000;
}
/*////////////////////////////////////////////// Wizard Styles ///////////*/
#wizard {
position: relative;
top:-30px;
}
#wizard * {
font-family: arial, helvetica, sans-serif;
color:#444;
}
#wizard_menu {
overflow: visible;
position:fixed;
width:1000px;
height:70px;
top:0;
left:50%;
margin:50px auto 30px -500px;
z-index:10;
background: url(/library/wizards/wizard_top.png) no-repeat left top transparent;
}
#wizard_logo {
position:fixed;
top:10px;
left:50%;
margin-left:-550px;
z-index:20;
}
#wizard_close_button {
position:fixed;
top:60px;
left:50%;
margin-left:450px;
z-index:30;
}
h2#wizard_title {
position:relative;
left:80px;
font-size:30px;
font-weight: bold;
}
#wizard_progress {
width:100%;
height:80px;
background:url(/media/shared/wizard_progress_bg.jpg) repeat-x;
}
#wizard_progress a {
display:inline-block;
height:80px;
line-height:80px;
min-width:80px;
text-align:right;
padding-right:20px;
padding-left:20px;
font-weight:bold;
background:url(/media/shared/wizard_progress_link.png) no-repeat right top;
}
#wizard_progress a.currentwizard {
color:#fff;
background:url(/media/shared/wizard_progress_active.png) no-repeat right top;
}
#wizard_left {
margin-left:20px;
width:700px;
float:left;
}
#wizard_right {
float:right;
margin:50px 20px 0 0;
background-color:#eee;
border:1px solid #ccc;
border-top:10px solid #a0a0a0;
padding:10px;
width:200px;
min-height:60px;
}
form.wizform {
background-color:#fcfcfc;
border:1px solid #ccc;
padding:20px;
}
form.wizform.col2form p {
display:inline-block;
width:40%;
padding-right:5%;
}
#wizard a.wizard_button:link, #wizard a.wizard_button:visited, a.wizard_button:link, a.wizard_button:visited, a.ibutton:link, a.ibutton:visited {
background-color:#333 !important;
display:inline-block;
color:#eee !important;
margin-left:5px !important;
padding:8px 20px 8px 50px !important;
position:relative !important;
top:15px !important;
left:0 !important;
overflow:visible !important;
-webkit-border-radius:15px 15px 15px 15px;
-moz-border-radius:15px 15px 15px 15px;
border-radius:15px 15px 15px 15px;
}
#wizard a.wizard_button.content_selected:link, #wizard a.wizard_button.content_selected:visited {
background-color:#ccc !important;
color:#333 !important;
}
#page_login a.wizard_button:link, #page_login a.wizard_button:visited {
color:#eee !important;
}
#wizard a.wizard_button:hover, a.wizard_button:hover, a.ibutton:hover {
background-color:#666 !important;
}
#columns a.wizard_button {
position:absolute !important;
top:10px !important;
}
#wizard a.wizard_button img, a.wizard_button img, a.clickmedia img, a.ibutton img {
position:absolute !important;
top:-5px !important;
left:-2px !important;
}
#wizard_inner {
margin-top:16px;
border-top:10px solid #a0a0a0;
border-bottom:10px solid #a0a0a0;
padding:10px 0px;
}
#wizard_actions {
text-align: right;
}
a.clickmedia {
display:block;
position:absolute;
top:5px;
left:-15px;
bottom:auto;
background-color:#333 !important;
color:#eee !important;
margin-left:5px !important;
padding:8px 20px 8px 50px !important;
overflow:visible !important;
-webkit-border-radius:15px 15px 15px 15px;
-moz-border-radius:15px 15px 15px 15px;
border-radius:15px 15px 15px 15px;
}
/*/////////////////////////////////////// RESPONSIVE BOX ///////////*/
#resholder {
position:fixed;
top:0;
left:0px;
width:100%;
height:100%;
z-index:995;
background:url(/library/white80percent.png) repeat transparent;
}
#res {
position:relative;
z-index:1;
top:0px;
left:0px;
width:calc(100% - 40px);
height:calc(100% - 40px);
padding:20px;
display:block;
color:#444;
margin:0;
overflow-x:hidden;
overflow-y:auto;
}
#res h2 {
font-size:20px;
text-align:center;
}
#res_close {
position:absolute;
top:10px;
right:10px;
text-align: right;
cursor:pointer;
font-weight: bold;
font-size:50px;
color:#bb0000;
display:none;
}
#res_form {
padding-top:10px;
}
/*/////////////////////////////////////// useful box styles ///////////*/
#useholder {
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
z-index:995;
background:url(/library/black70percent.png) repeat;
}
#use {
position:relative;
padding:2% 20px;
z-index:1;
display:block;
color:#444;
width:800px;
margin:3% auto;
height:90%;
overflow-x:hidden;
overflow-y:auto;
box-shadow:0px 0px 30px 0px #000000;
-mozbox-shadow:0px 0px 30px 0px #000000;
-webkit-box-shadow:0px 0px 30px 0px #000000;
-o-box-shadow:0px 0px 30px 0px #000000;
box-shadow:0px 0px 30px 0px #000000;
-mozbox-shadow:0px 0px 30px 0px #000000;
-webkit-box-shadow:0px 0px 30px 0px #000000;
-o-box-shadow:0px 0px 30px 0px #000000;
background:url(/custom/library/boxes/use_top.png) top right repeat-x #fff;
}
#use_close {
position:absolute;
top:10px;
right:10px;
text-align: right;
cursor:pointer;
font-weight: bold;
font-size:50px;
color:#bb0000;
}
/*//////////////////////////////////////////// msg box styles ///////////*/
#msgholder {
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
z-index:9000;
background:url(/library/black70percent.png) repeat;
}
#msg {
position:fixed;
z-index:999;
display:block;
width:400px;
margin:160px 0 0 -221px;
border:1px solid #999;
background-color:#eee;
padding:20px;
left:50%;
text-align:center;
-webkit-border-radius:10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px;
box-shadow:0px 0px 30px 0px #000000;
-mozbox-shadow:0px 0px 30px 0px #000000;
-webkit-box-shadow:0px 0px 30px 0px #000000;
-o-box-shadow:0px 0px 30px 0px #000000;
box-shadow:0px 0px 30px 0px #000000;
-mozbox-shadow:0px 0px 30px 0px #000000;
-webkit-box-shadow:0px 0px 30px 0px #000000;
-o-box-shadow:0px 0px 30px 0px #000000;
}
#msg p {
font-weight:bold;
text-align:center;
color:#444;
}
#msg * {
color:#444 !important;
}
#msg input#msgok {
color:#444;
padding:2px 20px;
margin:0 auto;
cursor:pointer;
}
#msg a:link, #msg a:visited, #msg a:hover {
padding:2px 20px;
background-color:#F0F0F0;
text-decoration:none;
}
#msg #buy_options {
padding-top:0;
}
#msg #buy_options select {
width:60%;
}
#msg #buy_options select option {
text-align: center;
}
#msg #curprice, #msg #calculated_price, #msg p.option_group {
position:static;
background:none;
color:#444;
font-size: inherit;
font-family:inherit;
}
#msg #q {
padding:5px;
width:20px;
font-size: inherit;
text-align: center;
font-family:inherit;
}
/*//////////////////////////////////////////////////////////////////////////////////// PREVIEW /////////////////*/
#previewclose {
position:fixed;
top:10px;
right:10px;
background-color:#333;
padding:5px;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px;
}
#previewclose a:link, #previewclose a:visited, #previewclose a:hover {
text-decoration:none !important;
font-weight:bold;
color:#eee !important;
position:relative;
top:-5px;
}
#previewclose a img {
position:relative;
top:5px;
}
/*//////////////////////////////////////////////////////////////////////////////////// SCROLL TO TOP /////////////////*/
#scroll_to_top:link,#scroll_to_top:visited {
display:none;
text-decoration:none;
position:fixed;
top:auto;
right:20px;
bottom:20px;
left:auto;
}
/*//////////////////////////////////////////////////////////////////////////////////// ALERTS /////////////////*/
#site_alerts
{
position:fixed;
top:auto;
right:0;
bottom:0;
left:0;
display:none;
background:url(/library/black70percent.png) repeat;
text-align:center;
}
#site_alerts > a:link,
#site_alerts > a:visited
{
display:block;
min-height:60px;
line-height:60px;
margin:0;
padding:0;
color:#fff;
background-color:transparent;
}
#site_alerts > a:hover
{
color:#ffffff;
background-color:#333333;
}
/*//////////////////////////////////////////////////////////////////////////////////// JQuery COLOR PICKER /////////////////*/
#colorSelector {
position: relative;
width: 36px;
height: 36px;
background: url(/library/colorpicker/select.png);
}
#colorSelector div {
position: absolute;
top: 3px;
left: 3px;
width: 30px;
height: 30px;
background: url(/library/colorpicker/select.png) center;
}
.colorpicker {
width: 356px;
height: 176px;
overflow: hidden;
position: absolute;
background: url(/library/colorpicker/colorpicker_background.png);
font-family: Arial, Helvetica, sans-serif;
display: none;
}
.colorpicker_color {
width: 150px;
height: 150px;
left: 14px;
top: 13px;
position: absolute;
background: #f00;
overflow: hidden;
cursor: crosshair;
}
.colorpicker_color div {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
background: url(/library/colorpicker/colorpicker_overlay.png);
}
.colorpicker_color div div {
position: absolute;
top: 0;
left: 0;
width: 11px;
height: 11px;
overflow: hidden;
background: url(/library/colorpicker/colorpicker_select.gif);
margin: -5px 0 0 -5px;
}
.colorpicker_hue {
position: absolute;
top: 13px;
left: 171px;
width: 35px;
height: 150px;
cursor: n-resize;
}
.colorpicker_hue div {
position: absolute;
width: 35px;
height: 9px;
overflow: hidden;
background: url(/library/colorpicker/colorpicker_indic.gif) left top;
margin: -4px 0 0 0;
left: 0px;
}
.colorpicker_new_color {
position: absolute;
width: 60px;
height: 30px;
left: 213px;
top: 13px;
background: #f00;
}
.colorpicker_current_color {
position: absolute;
width: 60px;
height: 30px;
left: 283px;
top: 13px;
background: #f00;
}
.colorpicker input {
background-color: transparent;
border: 1px solid transparent;
position: absolute;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #898989;
top: 4px;
right: 11px;
text-align: right;
margin: 0;
padding: 0;
height: 11px;
}
.colorpicker_hex {
position: absolute;
width: 72px;
height: 22px;
background: url(/library/colorpicker/colorpicker_hex.png) top;
left: 212px;
top: 142px;
}
.colorpicker_hex input {
right: 6px;
}
.colorpicker_field {
height: 22px;
width: 62px;
background-position: top;
position: absolute;
}
.colorpicker_field span {
position: absolute;
width: 12px;
height: 22px;
overflow: hidden;
top: 0;
right: 0;
cursor: n-resize;
}
.colorpicker_rgb_r {
background-image: url(/library/colorpicker/colorpicker_rgb_r.png);
top: 52px;
left: 212px;
}
.colorpicker_rgb_g {
background-image: url(/library/colorpicker/colorpicker_rgb_g.png);
top: 82px;
left: 212px;
}
.colorpicker_rgb_b {
background-image: url(/library/colorpicker/colorpicker_rgb_b.png);
top: 112px;
left: 212px;
}
.colorpicker_hsb_h {
background-image: url(/library/colorpicker/colorpicker_hsb_h.png);
top: 52px;
left: 282px;
}
.colorpicker_hsb_s {
background-image: url(/library/colorpicker/colorpicker_hsb_s.png);
top: 82px;
left: 282px;
}
.colorpicker_hsb_b {
background-image: url(/library/colorpicker/colorpicker_hsb_b.png);
top: 112px;
left: 282px;
}
.colorpicker_submit {
position: absolute;
width: 22px;
height: 22px;
background: url(/library/colorpicker/colorpicker_submit.png) top;
left: 322px;
top: 142px;
overflow: hidden;
}
.colorpicker_focus {
background-position: center;
}
.colorpicker_hex.colorpicker_focus {
background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
background-position: bottom;
}
.colorpicker_slider {
background-position: bottom;
}
/*Tims Override for Neat Version*/
.colorpicker_new_color, .colorpicker_current_color, .colorpicker_hex, .colorpicker_field, .colorpicker_submit {
display:none;
}
.colorpicker {
width: 215px;
background: url(/library/colorpicker/colorpicker_background_small.png);
}
/*//////////////////////////////////////////////////////////////////////////////////// Wizard /////////////////*/
#wizard div.box {
border:10px solid #ccc;
margin-bottom:20px;
cursor:pointer;
}
#columns div#col1.col.withadd, #columns div#col2.col.withadd, #columns div#col3.col.withadd {
padding-top:40px;
}
.coladd {
position:absolute;
top:0;
left:0;
}
.showmewhenclicked {
padding-top:20px;
background:url(/library/white80percent.png) repeat;
display:none;
text-align:center;
position: absolute;
top:0;
right:0;
bottom:0;
left:0;
}
.sortthis {
background:#cccccc;
background:-webkit-gradient(linear, 0 0, 0 bottom, from(#eeeeee), to(#cccccc)) #cccccc;
background:-moz-linear-gradient(#eeeeee, #cccccc) #cccccc;
background:linear-gradient(#eeeeee, #cccccc) #cccccc;
}
.themeselect {
display:block;
height:200px;
position:relative;
margin-bottom:20px;
background-color: #fff;
overflow: hidden;
cursor: pointer;
}
.themeimg {
position:absolute;
top:0;
left:0;
width:280px;
}
.themetitle {
position:absolute;
top:10px;
left:300px;
}
.themesd {
position:absolute;
top:40px;
left:300px;
}
.image_full_width img {
vertical-align: top;
}
/*//////////////////////////////////////////////////////////////////////////////////// Lightbox /////////////////*/
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/library/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/library/lightbox/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ;position:relative;z-index:1000; }
#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;}
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/*//////////////////////////////////////////////////////////////////////////////////// FANCYBOX /////////////////*/
/*! 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('/library/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('/library/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('/library/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('/library/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('/library/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('/library/fancybox/fancybox_loading@2x.gif');
background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
}
}
/*//////////////////////////////////////////////////////////////////////////////////// Non-semantic helper classes /////////////////*/
/*hidden elements */
iframe [src=""] {
display:none;
}
.nav_hidden{
display:none;
}
/* For image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
/* Hide for both screenreaders and browsers:
css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }
/* Hide only visually, but have it available for screenreaders: by Jon Neal.
www.webaim.org/techniques/css/invisiblecontent/ & j.mp/visuallyhidden */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
j.mp/bestclearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }
body {
background-color:#e3e6ff;
}
#body {
background:#e3e6ff;
background:-webkit-gradient(linear, 0 0, 0 bottom, from(#c4c8ee), to(#e3e6ff)) #e3e6ff;
background:-moz-linear-gradient(#c4c8ee, #e3e6ff) #e3e6ff;
background:linear-gradient(#c4c8ee, #e3e6ff) #e3e6ff;
}
#pageholder {
background:url(/custom/library/topnav_bg.png) repeat-x top transparent;
}
#topholder {
height:170px;
}
#logo {
top:0;
height:150px;
width:220px;
background-color:#fff;
box-shadow:0px 0px 10px 0px #000000;
-mozbox-shadow:0px 0px 10px 0px #000000;
-webkit-box-shadow:0px 0px 10px 0px #000000;
-o-box-shadow:0px 0px 10px 0px #000000;
}
#sshow {
top:170px;
width:960px;
height:500px;
}
#tnav {
top:80px;
left:240px;
bottom:auto;
}
#tmenu li.tnav {
list-style-type:none;
}
#tmenu li.tnav a:link, #tmenu li.tnav a:visited {
color:#fff;
padding:0 15px;
margin-right:5px;
}
#tmenu li.tnav a:hover, #tmenu li.tnav a#thisa:link, #tmenu li.tnav a#thisa:visited {
background-color:#fff;
color:#193b81;
}
#columns {
margin-top:20px;
}
#botholder {
background:url(/custom/library/bot_bg.png) repeat-x top transparent;
height:100px;
}
#bot #botbox_1 {
top:13px;
left:0;
}
#bot #botbox_1 * {
text-decoration: none;
color:#fff;
font-weight:normal;
}
#bot #botbox_1 img {
position:relative;
top:-2px;
}
#bot #botbox_1 a {
width: 90px;
display: inline-block;
}
#bot #botbox_1 {
top: 14px !important;
}
#botbox_2 #botbox_2_links {
top:40px;
}
#bot #botbox_3 {
top:15px;
left:200px;
right:10px;
width:750px;
}
#botbox_3 h2 {
color:#fff;
float:right;
font-size:13px;
}
#bot #botbox_3 span {
position:relative;
top:3px;
float:left;
color:#fff;
}
#bot #botbox_3 span a:link, #bot #botbox_3 span a:visited {
text-decoration: none;
color:#fff;
}
#bot #botbox_3 span a:hover {
text-decoration: underline;
}
/*////////////////////////////////////////////////////////////////////////////////////// Common ///////////*/
#columns .box, #cols .box, h1, h2, h3, h4, h5, h6, #cols h2, #cols .box_content p, #cols .box_content li, #cols .box_content a:link, #cols .box_content a:visited {
margin-bottom: 10px;
}
#skiptocontent {
height: 1px;
width: 1px;
position: absolute;
overflow: hidden;
top: -10px;
}
h1{
font-size:40px;
margin-bottom: 20px;
margin-top:0;
}
.box h2, #cols .box h2
{
font-size:20px;
}
h2 img{
vertical-align: middle;
}
.box_html5_presentation {
position:relative;
top:0;
left:0;
}
a.slidesjs-navigation {
position:absolute;
top:calc(50% - 15px);
z-index:2000;
}
a.slidesjs-previous {
left:20px;
}
a.slidesjs-next {
right:20px;
}
ul.slidesjs-pagination {
position:absolute;
bottom:20px;
left:50%;
right:auto;
z-index:2001;
display:block;
text-align:center;
width:200px;
margin-left:-100px;
}
ul.slidesjs-pagination li.slidesjs-pagination-item {
display:inline-block;
height:20px;
width:20px;
border:0;
-webkit-border-radius:10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px;
margin:0 5px;
}
ul.slidesjs-pagination li.slidesjs-pagination-item a:link, ul.slidesjs-pagination li.slidesjs-pagination-item a:visited {
display:inline-block;
height:0;
width:0;
border:10px solid #fff;
-webkit-border-radius:10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px;
box-shadow:0px 0px 5px 0px #333333;
-mozbox-shadow:0px 0px 5px 0px #333333;
-webkit-box-shadow:0px 0px 5px 0px #333333;
-o-box-shadow:0px 0px 5px 0px #333333;
box-shadow:0px 0px 5px 0px #333333;
-mozbox-shadow:0px 0px 5px 0px #333333;
-webkit-box-shadow:0px 0px 5px 0px #333333;
-o-box-shadow:0px 0px 5px 0px #333333;
overflow:hidden;
}
ul.slidesjs-pagination li.slidesjs-pagination-item a.active:link, ul.slidesjs-pagination li.slidesjs-pagination-item a.active:visited {
border-color:#444;
}
ul.slidesjs-pagination li.slidesjs-pagination-item a:hover {
border-color:#ccc;
}
/*
.slidesjs-pagination, .slidesjs-navigation {
display:none !important;
}
*/
/* Column Setup */
#col1, #col_1, .col1, .col_1 {
padding-top:0px;
float:left;
display:block;
min-height:100px;
width:0px;
position:relative;
padding-left:0px !important;
padding-right:0px !important;
}
#col_1 {
width: calc(0px + 2px);
}
#col2, #col_2, .col2, .col_2 {
padding-top:0px;
float:left;
display:block;
min-height:100px;
width:600px;
position:relative;
padding-left:0px !important;
padding-right:0px !important;
}
#col_2 {
width: calc(600px + 2px);
}
#col3, #col_3, .col3, .col_3 {
padding-top:0px;
float:left;
display:block;
min-height:100px;
width:300px;
position:relative;
padding-left:0px !important;
padding-right:0px !important;
}
#col_3 {
width: calc(300px + 2px);
}
/* Edit View Styles */
#editbuttonsholder {
position:fixed;
top:10px;
left:10px;
z-index:100;
width:60px;
}
.editable {
position:relative;
left:0;
top:0;
cursor:move;
}
.badeditable {
position:relative;
left:0;
top:0;
}
div.editmediabuttons {
position:absolute !important;
display:none;
top:-10px;
left:10px;
width:85px;
height:40px;
background-color:#333;
z-index:100;
-webkit-border-radius:30px 30px 30px 30px;
-moz-border-radius:30px 30px 30px 30px;
border-radius:30px 30px 30px 30px;
}
a.choosemediabutton {
position:absolute !important;
display:block;
top:5px;
left:10px;
width:50px;
height:40px;
z-index:100;
}
a.editdel {
position:absolute;
top:-1px;
left:-5px;
}
a.editclick {
position:absolute;
top:-1px;
left:36px;
}
.box, #col_2 > div, #col2 > div {
min-height:30px;
margin-bottom: 10px;
}
#col_2 > div.clear, #col2 > div.clear {
min-height:0px;
margin-bottom: 0px;
}
.box p,.box_quote p,.box .feed ul li,.box .feed ul li a, #col_2 div p, #main_content p, #main_content p, .nav_menu .nav_item a {
word-wrap:break-word;
display:block;
}
.box .feed ul,.box .feed ul li, .nav_menu, .nav_menu .nav_item, .nav_menu .nav_item ul, .nav_menu .nav_item ul li {
list-style: none outside none;
}
.box.text ol,.box.text ul {
padding-left:0;
}
#columns .box.text ol li, #columns .box.text ul li, #cols .box.text ol li, #cols .box.text ul li
{
position:relative;
list-style-position: outside;
list-style-type: disc;
left:30px;
padding-right:30px;
}
.box p,.box_quote p,.box .feed ul li,.box .feed ul li a, .nav_menu .nav_item a {
padding:10px;
}
/* Box Headings */
h2 {
margin-top:0;
}
.box h2, #cols h2{
padding:5px;
}
#col1 .box h2, #col_1 .box h2{
}
#col3 .box h2, #col_3 .box h2{
}
input.error {
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* /////////////////////////////////////////////////////////////////////////////////// BROCHURE //////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////// Navigation Module ///////////*/
/* Navigation Styles */
.nav_menu, .nav_menu ul {
margin-left:0;
padding-left:0;
}
.nav_menu .nav_item a {
text-decoration:none;
}
.nav_menu .nav_item:hover,#currentli {
}
.nav_menu .nav_item ul li a {
text-align:right;
font-size:11px;
}
.nav_menu .nav_item ul li a:hover, #subcurrenta {
text-decoration:underline;
}
/*////////////////////////////////////////////////////////////////////////////////////// Twitter Module ///////////*/
.twit_box {
background:url(/library/icon_twitter.png) 97% 5px no-repeat transparent;
}
.twit_box .twit_title {
font-weight:bold;
color:#333;
}
.twit_box .twit_time {
display:block;
font-size:10px;
color:#333;
}
.twit_box .twit_time a:link, .twit_box .twit_time a:visited {
font-size:10px;
display:inline;
padding:0px;
}
.twit_box .twit_link {
display:block;
font-size:10px;
color:#333;
float:left;
margin:5px 0;
text-decoration:none;
position:relative;
}
#col1 .twit_box div.feed ul, #col1 .twit_box div.feed ul li,
#col3 .twit_box div.feed ul, #col3 .twit_box div.feed ul li,
#col_1 .twit_box div.feed ul, #col_1 .twit_box div.feed ul li,
#col_3 .twit_box div.feed ul, #col_3 .twit_box div.feed ul li {
margin:0;
}
.twit_box div.feed ul li {
list-style-type:none;
padding:10px;
margin:10px 0;
color:#333;
}
.twit_box div.feed ul li a:link, .twit_box div.feed ul li a:visited {
color:#333;
}
.twit_box div.pagination ul li {
list-style-type:none;
margin:5px;
padding:0px;
}
.twit_box div.pagination ul li a:link, .twit_box div.pagination ul li a:visited {
color:#333;
list-style-type:none;
padding:10px;
border:0px;
}
.twit_box div.pagination ul li a:hover,.twit_box div.pagination ul li.current_pagination_item a:link,.twit_box div.pagination ul li.current_pagination_item a:visited {
color:#333;
list-style-type:none;
padding:9px;
background-color:#eee;
border:1px solid #bbb;
}
.feed ul li {
clear:both;
}
#col1 .twit_box div.feed div.pagination ul li,
#col3 .twit_box div.feed div.pagination ul li,
#col_1 .twit_box div.feed div.pagination ul li,
#col_3 .twit_box div.feed div.pagination ul li {
clear:none;
margin-left:10px;
}
.twitter #twitter_tweet
{
padding: 10px;
margin: 5px 0;
display: block;
position: relative;
}
.twitter #twitter_tweet .twitter_profile_image
{
float: left;
margin: 0 10px 5px 0;
}
.twitter #twitter_tweet .twitter_screen_realname,
.twitter #twitter_tweet .twitter_screen_atname
{
float: left;
width: calc(100% - 58px);
padding: 0;
}
.twitter #twitter_tweet .twitter_tweet_text
{
display: inline-block;
width: 100%;
word-wrap: break-word;
}
.twitter_information_top {
position: relative;
}
img.twitter_information_image {
margin-left: 10px;
}
p.twitter_information_realname {
font-size: 15px;
font-weight: bold;
margin-bottom: 0;
padding: 5px 10px;
}
p.twitter_information_atname {
padding: 5px 10px;
}
.twitter_information_bottom {
padding: 0 10px;
}
.twitter_information_coverphoto {
margin-bottom: -60px;
}
p.twitter_follow_button {
padding: 10px 0;
}
.twitter_information_bottom * {
display: block;
}
div#twitter_head_style_1 img.twitter_information_image {
margin: 0 auto !important;
display: block;
}
div#twitter_head_style_1 * {
text-align: center;
display: block;
margin: 0 auto;
}
/*////////////////////////////////////////////////////////////////////////////////////// Folder View Module ///////////*/
.box.downloads ul {
margin-bottom:10px;
}
.box.downloads ul, .box.downloads li {
list-style-type:none;
clear:both;
}
a.downloadslink:link, a.downloadslink:visited, a.downloadsfile:link, a.downloadsfile:visited {
display:block;
padding-top:10px;
min-height:30px;
}
a.downloadslink img, a.downloadsfile img {
float:left;
position:relative;
top:-10px;
}
/*////////////////////////////////////////////////////////////////////////////////////// Quote Module ///////////*/
.box_quote_t {
background:url("/library/q_top.png") no-repeat scroll left top;
display:block;
height:60px;
margin-bottom:-60px;
}
.box_quote_b {
background:url("/library/q_bot.png") no-repeat scroll right top;
display:block;
height:60px;
margin-top:-60px;
}
/*////////////////////////////////////////////////////////////////////////////////////// Newsletter Module ///////////*/
#col_2 div #newsletter, #col2 div #newsletter {
padding:20px;
}
.newsletter p label, #newsletter p label {
display: inline-block;
text-align: right;
width: 110px;
vertical-align:top;
}
#newsletter p input[type="text"] {
width:50%;
}
#col_1 .newsletter p label, #col1 .newsletter p label, #col_3 .newsletter p label, #col3 .newsletter p label {
text-align:left;
}
#col_1 .newsletter p input[type="text"], #col1 .newsletter p input[type="text"], #col_3 .newsletter p input[type="text"], #col3 .newsletter p input[type="text"] {
width:90%;
}
/*////////////////////////////////////////////////////////////////////////////////////// Form Module ///////////*/
.box .emailer p {
padding-top:5px;
padding-bottom:5px;
text-align:left;
}
.emailer label {
display: inline-block;
text-align: right;
width: 100px;
margin-right:20px;
vertical-align:top;
}
.emailer label.checkradiolabel {
text-align:left;
margin-left:10px;
}
.emailer span.checkradiospan {
display:inline-block;
}
.emailer input[type="text"], .emailer input[type="password"], .emailer input[type="email"], .emailer input[type="tel"], .emailer textarea, .emailer select, .emailer span.form_multiple, .emailer span.form_datetime, .emailer span.verifyimage {
display: inline-block;
text-align: left;
width: 200px;
padding:3px;
}
.emailer span.form_datetime input[type="text"].formatthedate {
width:calc(90% - 55px) !important;
}
.emailer select {
width:210px;
}
#col1 .emailer input[type="text"], #col1 .emailer input[type="tel"], #col1 .emailer input[type="email"], #col1 .emailer textarea, #col1 .emailer select, #col_1 .emailer input[type="text"], #col_1 .emailer input[type="tel"], #col_1 .emailer input[type="email"], #col_1 .emailer textarea, #col_1 .emailer select, #col3 .emailer input[type="text"], #col3 .emailer input[type="tel"], #col3 .emailer input[type="email"], #col3 .emailer textarea, #col3 .emailer select, #col_3 .emailer input[type="text"], #col_3 .emailer input[type="tel"], #col_3 .emailer input[type="email"], #col_3 .emailer textarea, #col_3 .emailer select {
width:100%;
}
#col1 .emailer label, #col_1 .emailer label, #col3 .emailer label, #col_3 .emailer label {
text-align: left;
width: 100%;
}
#col1 .emailer label.checkradiolabel, #col_1 .emailer label.checkradiolabel, #col3 .emailer label.checkradiolabel, #col_3 .emailer label.checkradiolabel {
width:auto;
margin-left:5px;
margin-right:0;
}
a.doshowmore:link, a.doshowmore:visited {
position:absolute;
right:0;
bottom:0;
}
a.doshowmore img.chevron {
position:absolute;
right:0;
bottom:0;
}
/*////////////////////////////////////////////////////////////////////////////////////// Calendar Module ///////////*/
.cal_holder{
z-index:10;
}
.cal_day{
width:12%;
margin:0.5% 0%;
}
.cal_events{
display:none;
position:absolute;
bottom:0px;
right:0px;
}
.cal_events_inner{
position:relative;
/* Move this across whilst leaving .cal_events in place so that the :hover still works in the gap between day and inner. */
bottom:20px;
right:20px;
}
.cal_week .cal_day.cal_hasevents:hover .cal_events{
display:block !important;
}
.cal_top .cal_link {
text-decoration:none;
display:inline;
font-size:2em;
}
.cal_top h2 {
text-align:center;
}
.cal_day_names .cal_day{
font-weight:bold;
}
.cal_day_names .cal_day {
height: 15px;
}
.cal_day{
position:relative;
height:200%;
text-align:center;
display:inline-block;
}
.cal_week,.cal_day_names {
text-align:center;
margin:0 auto;
}
.cal_week .cal_day{
line-height:200%;
}
div.cal_week .cal_day.cal_today /*Specificity 31*/{
background:#666;
}
div.cal_week .cal_day.cal_today.cal_hasevents /*Specificity 31*/{
background:#666 url(../library/info.png) left bottom no-repeat;
}
.cal_week .cal_day{
background:#ddd;
}
.cal_week:nth-child(2n+1) .cal_day /*specificity 30*/{
background:#ccc;
}
.cal_week .cal_day.cal_hasevents{
background:#D6E2E0 url(../library/info.png) left bottom no-repeat;
}
.cal_events{
width:200px;
}
.cal_events_inner{
width:150px;
border:1px solid #ccc;
background:#eee;
text-align:left;
line-height:20px;
padding:10px;
margin-bottom:10px;
}
.cal_events_inner ul{
list-style:none;
}
li.cal_time{
font-weight:bold;
}
li.cal_time ul{
border-top:1px solid #333;
font-weight:normal;
}
li.cal_time ul li{
margin-left:10px;
}
li.cal_time ul li a{
text-decoration:none;
}
li.cal_time ul li a:hover{
color:#333;
}
.col{
overflow:hidden;
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////// BLOG WIDGET Module //////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.blogwidget_item {
display:block;
clear:both;
}
.blogwidgetdate {
display:block;
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////// Search Filter Module ///////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.filtersearch label {
clear:left;
}
.filtersearch label span {
display:block;
width:100%;
margin:0;
padding:10px 0 5px 0;
}
.filtersearch label select, .filtersearch input[type="submit"] {
display:block;
width:100%;
margin:0;
padding:10px 0;
}
#search {
outline:none;
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* /////////////////////////////////////////////////////////////////////////////////// MOTORS ////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////// Motors Filter/Sorter Module ///////////*/
#motorfiltersort {
background-color: #EEEEEE;
border: 1px solid #CCCCCC;
padding:10px;
margin:0px 0px 10px 0px;
}
#motorfiltersort select {
width:140px;
display:inline-block;
}
#motorfilterdiv {
padding:0px 0px 10px 0px;
}
#motorfilterdiv label,#motorsorterdiv label {
text-align:right;
width:225px;
margin-left:10px;
display:inline-block;
}
#motorsorterdiv {
position:relative;
top:0;
left:0;
}
#motorsorterdiv label {
display:block;
clear:both;
float:none;
}
#motorsubmitdiv {
position:absolute;
right:15px;
bottom:0px;
}
#motorsubmitdiv input {
padding:10px 30px;
}
#motorfiltermsg {
display:none;
background:#c61010;
border:1px solid #860808;
color:#fff;
padding:10px;
margin:10px 0px 0px 0px;
text-align:center;
}
/*//////////////////////////////////////////////////////////////////////////////////// Motor List Module ///////////*/
.mlist {
position:relative;
top:0;
left:0;
display:block;
text-decoration:none;
margin:0 0 10px 0 !important;
overflow: hidden;
min-height:120px;
}
.mlist img {
position:absolute;
left:0;
top:0;
display:block;
width:150px;
height:100px;
}
.mlisttitle,.mlist span {
display:block;
padding-left:160px;
text-align:left;
}
/*//////////////////////////////////////////////////////////////////////////////////// Motor Detail Module ///////////*/
#mleft{
width:600px;
float:left;
}
#thumbs {
display:block;
position:relative;
top:0;
left:0;
width:calc(100% - 30px);
padding:0 0 0 30px;
overflow-x:hidden;
overflow-y:hidden;
}
#thumbs_content {
display:block;
position:absolute;
top:0;
bottom:0;
left:30px;
width:auto;
padding:0;
overflow-x:hidden;
overflow-y:hidden;
}
#thumbs_content > *, #thumbs_content > div > *, #thumbs_content > div > div > a {
margin:0;
}
#thumbs a.leftclick {
display:none;
position:absolute;
top:0;
bottom:0;
left:0;
width:30px;
background:url(/custom/library/boxes/thumbs_left.png) no-repeat top left transparent;
text-align:center;
z-index:500;
}
#thumbs a.rightclick {
display:none;
position:absolute;
top:0;
right:0;
bottom:0;
width:30px;
background:url(/custom/library/boxes/thumbs_right.png) no-repeat top left transparent;
text-align:center;
z-index:500;
}
#mright{
position:relative;
left:0;
top:0;
width:380px;
float:right;
}
#mright > div{
}
#mright > div h2{
margin-bottom:10px;
font-size:20px;
font-weight: normal;
}
span.motordetail_label {
display:inline-block;
width:40%;
margin-right:5%;
}
span.motordetail_data {
display:inline-block;
width:52%;
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* /////////////////////////////////////////////////////////////////////////////////// PROPERTIES ////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////// Property Filter/Sorter Module ///////////*/
#propertyfiltersort {
background-color: #EEEEEE;
border: 1px solid #CCCCCC;
padding:10px;
margin:0px 0px 10px 0px;
}
#propertyfiltersort select {
width:140px;
display:inline-block;
}
#propertyfilterdiv {
padding:0px 0px 10px 0px;
}
#propertyfilterdiv label,#propertysorterdiv label {
text-align:right;
width:225px;
margin-left:10px;
display:inline-block;
}
#propertysorterdiv {
position:relative;
top:0;
left:0;
}
#propertysorterdiv label {
display:block;
clear:both;
float:none;
}
#propertysubmitdiv {
position:absolute;
right:15px;
bottom:0px;
}
#propertysubmitdiv input {
padding:10px 30px;
}
#propertyfiltermsg {
display:none;
background:#c61010;
border:1px solid #860808;
color:#fff;
padding:10px;
margin:10px 0px 0px 0px;
text-align:center;
}
/*//////////////////////////////////////////////////////////////////////////////////// Property List Module ///////////*/
.pylist {
position:relative;
top:0;
left:0;
width:510px;
display:inline-block;
text-decoration:none;
margin:0px 5px 10px 0px !important;
border:1px solid #ddd;
overflow: hidden;
color:#444;
height:120px;
}
.pylist img {
width:180px;
height:180px;
}
.pylist span {
text-align:left;
padding:10px;
}
.pylisttitle {
position:absolute;
top:0px;
left:190px;
font-size:13px;
font-weight:bold;
}
.pylistprice {
position:absolute;
top:40px;
left:190px;
color:#000;
font-size:20px;
font-weight:normal;
}
/*//////////////////////////////////////////////////////////////////////////////////// Property Detail Module ///////////*/
#pyleft{
width:350px;
float:left;
}
#pyleft #pythumbs a{
width:70px;
height:70px;
margin-right:5px;
margin-bottom:5px;
overflow:hidden;
display:block;
float:left;
}
#pyright{
position:relative;
left:0;
top:0;
width:380px;
float:right;
font-size:12px;
}
#pyright > div{
}
#pyright > div h2{
margin-bottom:10px;
font-size:20px;
font-weight: normal;
}
div.pydetail {
color:#444;
padding:2px 10px;
margin:5px;
display:block;
}
span.pydetail_label {
display:inline-block;
width:100px;
margin-right:10px;
}
span.pydetail_data {
display:inline-block;
width:200px;
margin-right:10px;
}
#pyprice {
clear:left;
font-size: 36px;
height: 36px;
line-height:36px;
background-color:transparent;
}
#pyoptions:before {
display:block;
content:"Description";
font-weight:normal;
font-size:18px;
border-bottom:1px solid #777;
width:100%;
padding:5px 0;
margin:10px 0;
}
#pyoptions span.pydetail_label {
display:none;
}
#pyoptions span.pydetail_data {
width:350px;
}
#pyfueltype:before {
display:block;
content:"Details";
font-weight:normal;
font-size:18px;
border-bottom:1px solid #777;
width:100%;
padding:5px 0;
margin:10px 0;
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* /////////////////////////////////////////////////////////////////////////////////// eCommerce /////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////// eCommerce Common ///////////*/
#col2.productcol, #col_2.productcol {
}
#col3.productcol, #col_3.productcol {
}
#ecommerce_module form fieldset legend {
display:none;
}
#ecommerce_module div.buttons span.noterequired {
padding:5px 10px;
}
#ecommerce_module div.buttons a:link, #ecommerce_module div.buttons a:visited, #ecommerce_module div.buttons span.noterequired {
float:right;
margin:5px;
}
#ecommerce_module div.buttons.myaccount a:link, #ecommerce_module div.buttons.myaccount a:visited {
float:left;
}
#ecommerce_module div.buttons a:link, #ecommerce_module div.buttons a:visited, #page_login a:link, #page_login a:visited {
padding:5px 10px;
background:#003867;
color:#fff;
text-decoration:none;
font-weight:bold;
}
#ecommerce_module div.buttons a:hover, #page_login a:hover {
background:#000;
}
#ecommerce_module #cform label, #page_login label {
width:200px;
}
#ecommerce_module #cform input, #ecommerce_module #cform terminal, #ecommerce_module #cform select {
border:1px solid #ccc;
background-color:#ddd;
color:#333;
}
#loginstuff h2, #page_login h2 {
margin-bottom:10px;
}
/*//////////////////////////////////////////////////////////////////////////////////// CATEGORY LIST ///////////*/
.clist {
display:inline-block;
text-decoration:none;
}
.clist img {
width:180px;
height:180px;
}
.clist span {
display:inline-block;
}
/*//////////////////////////////////////////////////////////////////////////////////// BRAND LIST ///////////*/
.brandlist {
display:block;
}
.clist img {
width:200px;
height:30px;
}
.clist span {
display:block;
}
/*//////////////////////////////////////////////////////////////////////////////////// BRAND GRID ///////////*/
.brandscroller_grid_holder,
ul.brandscroller_grid
{
display:block;
position:relative;
top:0;
left:0;
font-size:0;
text-align:center;
}
ul.brandscroller_grid > li
{
display:inline-block;
position:relative;
top:0;
left:0;
width:calc((100% / 3) - 14px);
height:100px;
margin:0 0 30px 0;
text-align:center;
}
ul.brandscroller_grid > li:nth-of-type(3n+2)
{
margin:0 21px 30px 21px;
}
ul.brandscroller_grid > li > a > img
{
max-width:100%;
height:auto;
}
/*//////////////////////////////////////////////////////////////////////////////////// PRODUCT LIST ///////////*/
.plist {
position:relative;
top:0;
left:0;
width:510px;
display:inline-block;
text-decoration:none;
margin:0px 5px 10px 0px !important;
border:1px solid #ddd;
overflow: hidden;
}
.plist img {
float:left;
width:180px;
height:180px;
}
.plist > span {
text-align:left;
padding:5px 10px;
display: block;
float:left;
width:310px;
}
.plist a.mini_info, .plist a.mini_buy {
display:block;
position:absolute;
background:#eee;
padding:5px;
}
.plist a.mini_buy {
right:0;
bottom:0;
}
.plist a.mini_info {
right:0;
top:0;
}
.plist .product_info{
display:block;
}
.plisttitle {
position:absolute;
top:20px;
left:190px;
color:#000 !important;
font-size:16px;
font-weight:bold;
}
.plistprice {
position:absolute;
top:40px;
left:190px;
color:#000;
font-size:20px;
font-weight:normal;
}
.plist .product_info{
display:none;
}
#col_2 div.clear {
min-height:0px;
}
/* -- Horizontal -- */
.product_list.list a.plist{
display: block;
overflow:hidden;
margin:10px 0;
width:100%;
}
/*//////////////////////////////////////////////////////////////////////////////////// Related Products Scroller ///////////*/
.xlink_content_content {
display:block;
position:relative;
top:0;
left:0;
width:calc(100% - 30px);
padding:0 0 0 30px;
min-height:50px;
overflow-x:hidden;
overflow-y:hidden;
}
.xlink_content_content > .xlink_content_content_scroll {
display:block;
position:absolute;
top:0;
bottom:0;
left:30px;
width:auto;
padding:0;
min-height:50px;
overflow-x:hidden;
overflow-y:hidden;
}
.xlink_content_content > .xlink_content_content_scroll > *, .xlink_content_content > .xlink_content_content_scroll > div > *, .xlink_content_content > .xlink_content_content_scroll > div > div > a {
margin:0;
}
.xlink_content_content a.leftclick {
display:none;
position:absolute;
top:0;
bottom:0;
left:0;
width:30px;
background:url(/custom/library/boxes/related_thumbs_left.png) no-repeat top left transparent;
text-align:center;
z-index:500;
}
.xlink_content_content a.rightclick {
display:none;
position:absolute;
top:0;
right:0;
bottom:0;
width:30px;
background:url(/custom/library/boxes/related_thumbs_right.png) no-repeat top left transparent;
text-align:center;
z-index:500;
}
/*////////////////////////////////////////////////////////////////////////////////////// eCommerce Mini Basket Module ///////////*/
#minibasket {
display:none;
}
#minibasket_popup {
position:absolute;
top:0;
left:0;
display:none;
background-color:#fff;
padding:20px;
}
.minibasket_row {
border-bottom:1px dashed #333333;
padding-bottom:5px;
margin-bottom:0px;
}
/*////////////////////////////////////////////////////////////////////////////////////// Legacy eCommerce Basket ///////////*/
#basket .row.header {
background:#eee;
border:1px solid #ccc;
}
#basket .row, #totals > .row {
min-height:20px;
padding:10px;
border-bottom:1px solid #ccc;
}
#basket .row:nth-child(2n){
}
#basket .row > div{
float:right;
width:100px;
overflow:hidden;
}
#basket input{
width:40px;
}
#col2 div#basket, #col2 div#basket div {
}
#col2 div#basket div.header {
}
#col2 #basket div.delete {
width:50px;
}
#col2 #basket div.bquantity {
width:60px;
}
#col2 #basket div.bimage {
width:100px;
}
#col2 #basket div.bproduct {
position:relative;
top:0;
left:0;
width:200px;
}
#col2 #basket div.bdeliverymethod {
width:200px;
text-align:right;
}
#col2 #basket div.bdeliverydate {
width:200px;
text-align:right;
}
#col2 #basket div.bdeliverydate input.datefield {
width:120px;
}
#col2 #basket div.bprice {
width:80px;
text-align:right;
}
#col2 #basket div.bdelivery {
width:400px;
text-align:right;
}
#col2 #basket div.bdelivery select {
width:100%;
text-align:right;
}
#col2 #basket div.bsubtotal {
width:80px;
text-align:right;
}
#col2 #basket div.breorder {
width:60px;
text-align:right;
}
#col2 #basket div.bdiscount {
width:calc(90% - 80px);
text-align:right;
}
div.section {
margin-bottom:10px;
}
/*////////////////////////////////////////////////////////////////////////////////////// System Forms ///////////*/
form.system_form {
width:100%;
}
form.system_form p {
padding:0 0 5px 0;
margin:0;
text-align:left;
}
form.system_form input[type="text"], form.system_form input[type="password"], form.system_form input[type="email"], form.system_form input[type="tel"], form.system_form input[type="url"], form.system_form textarea, form.system_form select, #col2 form.system_form #basket div.bdelivery select {
display: inline-block;
text-align: left;
width: calc(100% - 22px);
padding:10px;
border:1px solid #ccc;
margin:0 auto;
outline:1px solid transparent;
}
form.system_form input[type="text"].datefield {
width:calc(100% - 70px);
}
form.system_form input[type="text"].postcodefield {
width:calc(100% - 182px);
}
form.system_form select, #col2 form.system_form #basket div.bdelivery select {
/*
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
*/
width:100%;
-webkit-border-radius:0px 0px 0px 0px;
-moz-border-radius:0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;
}
form.system_form input[type="text"].split50, form.system_form input[type="password"].split50, form.system_form input[type="email"].split50, form.system_form input[type="tel"].split50, form.system_form input[type="url"].split50, form.system_form textarea.split50, form.system_form select.split50, #col2 form.system_form #basket div.bdelivery select.split50 {
width: calc(50% - 25px);
margin-left:3px;
}
form.system_form input[type="text"].split50:first-child, form.system_form input[type="password"].split50:first-child, form.system_form input[type="email"].split50:first-child, form.system_form input[type="tel"].split50:first-child, form.system_form input[type="url"].split50:first-child, form.system_form textarea.split50:first-child, form.system_form select.split50:first-child, #col2 form.system_form #basket div.bdelivery select.split50:first-child {
margin-left:0;
margin-right:2px;
}
div.halfform {
display:inline-block;
width: calc(50% - 62px);
padding-left:30px;
vertical-align:top
}
div.halfform:first-child {
margin-left:0;
padding-right:30px;
border-right:1px solid #ccc;
}
a.systembutton:link,
a.systembutton:visited,
label.systembutton {
display:inline-block;
padding:10px 20px;
margin:0 0 10px 10px;
background-color:#333;
border:1px solid #ccc;
color:#eee;
}
.systembutton.goticon > img {
position:relative;
top:0;
margin-left:10px;
vertical-align:middle;
}
a.systembutton.minor:link,
a.systembutton.minor:visited,
label.systembutton
{
background-color:#aaa;
color:#444;
}
a.systembutton:hover,
a.systembutton.minor:hover {
background-color:#eee;
color:#444;
}
.systembuttonsrow {
clear:both;
margin-top:10px;
text-align:right;
}
form.system_form #discountbutton {
width:50px;
text-align:center;
}
form.system_form #dcode {
width:calc(100% - 250px);
}
#yourname, #dyourname, #deliverydetails, #deliveryoptionaldetails {
margin-bottom:20px;
}
/*//////////////////////////////////////////////////////////////////////////////////// eCommerce Filter/Sorter ///////////*/
#filtersort {
display:block;
background-color: #EEEEEE;
border: 1px solid #CCCCCC;
padding:10px;
margin:0px 0px 10px 0px;
}
#filtersort div {
padding:10px 0px 0px 0px;
}
#filtersort div:first-child {
padding-top:0px;
}
#filtersort select {
width:160px;
padding:5px;
display:inline-block;
}
#filtersort div label {
text-align:right;
width:60px;
margin-left:10px;
display:inline-block;
}
#filter_submitter {
padding:5px 0;
width:160px;
}
#filtermsg {
display:none;
background:#c61010;
border:1px solid #860808;
color:#fff;
padding:10px;
margin:10px 0px 0px 0px;
text-align:center;
}
.prodlist, .catlist {
position:relative;
}
/*//////////////////////////////////////////////////////////////////////////////////// eCommerce Home Page List ///////////*/
#home_products .plist {
position:relative;
top:0;
left:0;
width:160px;
height:220px;
display:inline-block;
text-decoration:none;
margin:0px 5px 10px 0px !important;
border:1px solid #ddd;
overflow: hidden;
padding-bottom:30px;
}
#home_products .plist img {
width:180px;
height:180px;
}
#home_products .plist span {
text-align:left;
padding:10px;
}
#home_products .plist a.mini_buy {
top:auto;
right:0;
bottom:0;
left:auto;
}
#home_products .plist a.mini_info {
top:auto;
right:auto;
bottom:0;
left:0;
}
#home_products .plisttitle {
position:absolute;
top:170px;
left:10px;
color:#000 !important;
font-size:13px;
font-weight:normal;
}
#home_products .plistprice {
position:absolute;
top:185px;
left:10px;
color:#000;
font-size:13px;
font-weight:normal;
}
/*//////////////////////////////////////////////////////////////////////////////////// eCommerce Ranges ///////////*/
.rangelist > span.rangelist_pop {
display:none;
position:absolute;
top:20px;
left:0;
padding:0;
margin:0;
width:350px;
min-height:100px;
background-color:#fff;
-webkit-background-clip: padding-box; /* for Safari */
background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
box-shadow:0px 0px 20px 0px #999999;
-mozbox-shadow:0px 0px 20px 0px #999999;
-webkit-box-shadow:0px 0px 20px 0px #999999;
-o-box-shadow:0px 0px 20px 0px #999999;
box-shadow:0px 0px 20px 0px #999999;
-mozbox-shadow:0px 0px 20px 0px #999999;
-webkit-box-shadow:0px 0px 20px 0px #999999;
-o-box-shadow:0px 0px 20px 0px #999999;
}
.rangelist > span.rangelist_pop > span.rangelist_pop_inside {
display:block;
border:1px solid #999;
padding:10px;
}
.rangelist > span.rangelist_pop > span.rangelist_pop_inside > span {
display:block;
}
.rangelist .rangepop_product {
background-color:#fff;
display:block;
}
.rangelist .rangepop_product:nth-child(2n) {
background-color:#ddd;
}
/*//////////////////////////////////////////////////////////////////////////////////// LEGACY PRODUCT VIEW ///////////*/
#pleft{
width:220px;
float:left;
}
#pleft #thumbs a{
width:70px;
height:70px;
margin-right:10px;
margin-bottom:10px;
overflow:hidden;
display:block;
float:left;
background:#ddd;
}
#pright{
position:relative;
left:0;
top:0;
width:240px;
float:right;
color: #373d44;
font-size:12px;
}
#pright h1{
font-size:27px;
font-weight: normal;
}
#pright label{
font-size:13px;
color:#333;
display: inline-block;
}
#product_code{
color: #6c747d;
}
#pright > div{
margin-bottom: 30px;
}
#pright > div#short_description, #pright > div#product_code {
margin-bottom:10px;
}
#pright > div h2{
margin-bottom:10px;
font-size:20px;
font-weight: normal;
}
#brand img{
vertical-align: middle;
}
#brand, #product_code{
height:20px;
}
#price, #calculated_price{
font-size: 36px;
height: 40px;
line-height:40px;
}
#buy {
position:relative;
top:0;
left:0;
}
#curprice {
position:absolute;
right:10px;
top:0;
}
#calculated_price{
height:15px;
line-height: 15px;
text-align: right;
font-size:20px;
position:absolute;
right:10px;
top:80px;
padding:5px 10px;
}
.sp_price {
text-decoration:strikethrough;
}
#buy_button{
height:32px;
margin-left:10px;
padding:4px;
position:relative;
}
#buy_button #q{
position:relative;
top:-3px;
z-index:100;
width: 50px;
height: 28px;
line-height: 28px;
padding:1px;
border:1px solid #999;
font-size:20px;
background-color:#fff;
}
#buy_button #q{
text-align: center;
}
#buy_button a{
margin-left:10px;
height:inherit;
background-color:#eee;
font-size:23px;
display:inline-block;
text-decoration: none;
text-align:right;
}
#buy_options {
padding-top:30px;
}
#discount_box{
background:#eee;
padding:10px;
font-size:12px;
}
#discount_box .multi_holder {
padding-bottom:5px;
}
#discount_box .multi_q{
display: inline-block;
color:#6c747d;
width: 150px;
}
#discount_box .multi_q.boxq {
font-size:11px;
line-height:12px;
position:relative;
top:3px;
}
#discount_box .multi_price{
color:#444;
}
#basketform.basketformchange::before {
content:'';
position:absolute;
z-index:10;
display:block;
text-align:center;
vertical-align:middle;
top:0;
right:0;
bottom:0;
left:0;
width:100%;
height:100%;
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,0.5) 35%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,1)), color-stop(20%,rgba(255,255,255,1)), color-stop(35%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,0.5) 35%,rgba(255,255,255,0) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,0.5) 35%,rgba(255,255,255,0) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,0.5) 35%,rgba(255,255,255,0) 100%);
background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,0.5) 35%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
}
#basketform.basketformchange::after {
content:'';
position:absolute;
z-index:20;
display:block;
text-align:center;
vertical-align:middle;
top:0;
right:0;
bottom:0;
left:0;
width:100%;
height:100%;
background:url(/library/ajaxloader_large_spinner.gif) no-repeat center transparent;
}
#discount_box .multi_q.boxq {
font-size:inherit;
line-height:auto;
position:relative;
top:0;
}
/*///////// eCommerce Related Products /////////*/
#rel_prods, .rel_prods_tabs {
position:relative;
top:0;
left:0;
}
#rel_prods div.xlink_content {
position:absolute;
top:0;
left:0;
display:none;
}
#rel_prods div.xlink_content:first-child {
display:block;
}
#rel_prods .plist {
position:relative;
top:0;
left:0;
width:160px;
height:220px;
display:inline-block;
text-decoration:none;
margin:0px 5px 10px 0px !important;
border:1px solid #ddd;
overflow: hidden;
}
#rel_prods .plist img {
width:180;
height:180;
}
#rel_prods .plist span {
text-align:left;
padding:10px;
}
#rel_prods .plisttitle {
position:absolute;
top:170px;
left:10px;
color:#000 !important;
font-size:13px;
font-weight:normal;
}
#rel_prods .plistprice {
position:absolute;
top:185px;
left:10px;
color:#000;
font-size:13px;
font-weight:normal;
}
/*//////////////////////////////////////////////////////////////////////////////////// eCommerce Checkout Module ///////////*/
#ecommerce_module form fieldset {
border:0px solid #fff;
}
.navigation, .images {
padding-bottom:0px;
background-color:transparent !important;
}
figcaption {
display:none;
}
#checkoutlinks {
clear:both;
}
#checkoutlinks > a:link, #checkoutlinks > a:visited {
display:block;
float:left;
width:29%;
padding:10px 5px;
margin:10px 10px 10px 0;
background-color:#eee;
border:1px solid #ccc;
text-align:center;
}
#checkoutlinks > a:hover, #checkoutlinks > a.checkthis {
background-color:#ccc;
}
#loginblurb {
margin-bottom:20px;
}
/*//////////////////////////////////////////////////////////////////////////////////// eCommerce Addresses Module ///////////*/
#address_book {
position:relative;
top:0;
left:0;
padding:20px;
border:1px solid #ccc;
background-color:#eee;
}
#address_book ul, #address_book li {
list-style:outside none;
}
#address_book a:link, #address_book a:visited {
display:block;
margin:0 0 5px 0;
border:1px solid #ccc;
text-decoration:none;
font-weight:normal;
font-size:1em;
color:#444;
padding:5px 10px 5px 40px;
background:url(/custom/library/ecommerce/selecta_off.png) no-repeat top left #fff;
}
#address_book a:hover, #address_book a.chosenaddress:link, #address_book a.chosenaddress:visited {
background:url(/custom/library/ecommerce/selecta_on.png) no-repeat top left #ccc;
}
#address_book a span {
font-size:0.7em;
font-weight:normal;
}
/* CHECKOUT V3 */
#checkout_action_delivery_form {
position:relative;
top:0;
left:0;
padding:20px;
border:1px solid #ccc;
background-color:#eee;
}
#checkout_action_delivery_form ul, #checkout_action_delivery_form li {
list-style:outside none;
position:relative;
top:0;
left:0;
}
a.editchooseaddress:link, a.editchooseaddress:visited {
display:block;
margin:0;
border:1px solid #ccc;
text-decoration:none;
font-weight:normal;
font-size:1em;
color:#444;
padding:5px 10px;
background-color:#eee;
position:absolute;
right:-10px;
top:0;
bottom:0;
width:30px;
vertical-align:middle;
}
a.chooseaddress:link, a.chooseaddress:visited {
display:block;
margin:0 0 5px 0;
border:1px solid #ccc;
text-decoration:none;
font-weight:normal;
font-size:1em;
color:#444;
padding:5px 10px 5px 40px;
background:url(/custom/library/ecommerce/selecta_off.png) no-repeat top left #fff;
}
a.chooseaddress:hover, a.editchooseaddress:hover, a.chosenaddress:link, a.chosenaddress:visited {
background:url(/custom/library/ecommerce/selecta_on.png) no-repeat top left #ccc;
}
#checkout_action_delivery_form a span {
font-size:0.7em;
font-weight:normal;
}
div.myaccount.buttons {
margin-bottom:20px;
}
#address_book li.myorders_order span, #address_book li a span {
display:inline-block;
width:calc(25% - 35px);
margin-right:20px;
text-align:left;
vertical-align:middle;
font-size:15px;
}
#address_book li.myorders_order span.myorders_no, #address_book li a span.myorders_no {
font-weight:bold;
}
#address_book li.myorders_order span:last-child, #address_book li a span:last-child {
width:40px;
margin-right:0;
text-align:right;
}
/*//////////////////////////////////////////////////////////////////////////////////// ECOMMERCE LEGACY CHECKOUT ///////////*/
.checkout_step {
position:relative;
background-color:#fff;
border-top:1px solid #ccc;
padding:0;
margin:20px 0 0 0;
}
.step_head {
position:relative;
display:block;
width:calc(100% - 70px);
height:50px;
padding-left:70px;
line-height:50px;
background:#ffffff;
background:-webkit-gradient(linear, 0 0, 0 bottom, from(#dddddd), to(#ffffff)) #ffffff;
background:-moz-linear-gradient(#dddddd, #ffffff) #ffffff;
background:linear-gradient(#dddddd, #ffffff) #ffffff;
font-size:20px;
}
.step_head img {
position:absolute;
top:-1px;
left:0;
}
.step_body {
display:none;
padding:0;
}
.stephtml {
position:absolute;
right:120px;
left:200px;
top:0;
text-align:right;
}
.stephtml .stephtml_content {
position:absolute;
right:0;
top:0;
}
.stephtml .stephtml_update {
position:absolute;
top:4px;
right:-115px;
}
#step_head_1 .stephtml_content {
line-height:50px;
vertical-align:middle;
}
#step_head_2 .stephtml_content .address_title_block {
font-size:15px;
margin-top:10px;
}
#step_head_3 .stephtml_content .address_title_block {
font-size:15px;
margin-top:10px;
}
#step_body_content_3 .bdeliverydate {
width:65%;
margin-left:2%;
float:right;
}
#deldateholder #step_body_content_3 .bdeliverydate {
margin-left:0;
float:left;
}
#step_body_content_3 .bdeliverymethod {
width:25%;
margin-right:2%;
float:left;
}
#step_head_4 .stephtml_content {
line-height:50px;
vertical-align:middle;
}
#terms_and_conditions_form {
display:block;
padding:10px 0;
width:100%;
}
#terms_and_conditions_form .tnc_left {
display:inline-block;
width:20%;
padding:0;
vertical-align:top;
}
#terms_and_conditions_form .tnc_right {
display:inline-block;
width:70%;
vertical-align:top;
padding:20px 2%;
margin-left:5%;
border-width:0;
height:150px;
overflow-y:scroll;
background-color:#fff;
text-align:left !important;
}
#terms_and_conditions_form .tnc_right * {
font-size:11px;
}
#checkout_step_5 #step_body_content_5 div.row.header {
background-color:transparent;
color:#444;
}
#step_head_5 .stephtml_content {
}
#discounts {
text-align:right;
display:block;
min-height:50px;
}
.address_title_block {
font-size:13px;
font-weight:bold;
display:block;
line-height:15px;
}
.address_line_block {
font-size:11px;
line-height:13px;
display:block;
}
#billing_address, #delivery_address {
position:relative;
top:0;
left:0;
width:40%;
padding:20px 4%;
border:1px solid #ccc;
background-color:#eee;
margin-bottom:10px;
}
#columns #billing_address p, #columns #delivery_address p {
padding-bottom:2px;
}
#delivery_address {
float:right;
}
#billing_address {
float:left;
}
#delivery_method {
margin-bottom:10px;
padding:20px;
border:1px solid #ccc;
background-color:#eee;
}
#payment_terms_and_conditions_form, #payment_terms_and_conditions_form * {
text-align:right;
}
#ecom_progress {
text-align:center;
}
/*//////////////////////////////////////////////////////////////////////////////////// eLearning Module ///////////*/
.elearning_box {
display: block;
float:left;
width:300px;
height:200px;
text-align: center;
position: relative;
margin-right:25px;
margin-bottom:25px;
}
.elearning_status {
position:absolute;
display: block;
top:-15px;
left:-15px;
width:50px;
height:50px;
background:url(/custom/library/elearning_status.png) no-repeat;
color:#fff;
font-size:24px;
line-height:50px;
text-align: center;
}
.elearning_status.yes {
background:url(/custom/library/elearning_complete.png) no-repeat;
}
.elearning_status.no {
background:url(/custom/library/elearning_incomplete.png) no-repeat;
}
.elearning_box a:link, .elearning_box a:visited {
display: block;
padding:20px 30px;
width:240px;
height:160px;
text-align: center;
}
.elearning_box .elearning_box_header {
display:block;
font-size:18px;
}
.elearning_box .elearning_box_html {
display:block;
margin-top:20px;
font-weight: normal;
}
.elearning_box.bad a:link, .elearning_box.bad a:visited {
cursor:default;
}
/*///////// RIBBON STYLE 1 */
#main_property_image {
position:relative
}
.ribbon-wrapper {
width: 100%;
height: 100%;
overflow: hidden;
position: absolute;
top: -5px;
right: -5px;
pointer-events: none;
}
.ribbon-content {
font: bold 13px Sans-Serif;
color: #333;
text-align: center;
text-shadow: #333333 0px 1px 0px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform-origin: 100% 100%;
-webkit-transform-origin: 100% 100%;
-moz-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
-o-transform-origin: 100% 100%;
position: absolute;
padding: 10px 20px;
right: 0;
top: 100px;
width: 150px;
background-color: #333;
color: #eee;
-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
}
.ribbon-content:before, .ribbon-content:after {
font: bold 13px Sans-Serif;
content: "";
border-top: 3px solid #333333;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
position:absolute;
bottom: -3px;
}
.ribbon-content:before {
left: 0;
}
.ribbon-content:after {
right: 0;
}
/*///////// RIBBON STYLE 2 */
.corner-ribbon-wrapper {
width: 70px;
height: 70px;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
right:auto;
pointer-events: none;
}
.corner-ribbon-content {
font: bold 10px Sans-Serif;
line-height:10px;
color: #333;
text-align: center;
text-shadow: #333333 0px 1px 0px;
transform: rotate(315deg);
-webkit-transform: rotate(315deg);
-moz-transform: rotate(315deg);
-ms-transform: rotate(315deg);
-o-transform: rotate(315deg);
transform-origin: 0 100%;
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-ms-transform-origin: 100% 100%;
-o-transform-origin: 100% 100%;
padding: 75px 25px 5px 25px;
position: absolute;
left: 0;
top: -30px;
width: 50px;
height:20px;
background-color: #333;
color: #eee;
-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
}
/*//////////////////////////////////////////////////////////////////////////////////// Analysis Module ///////////*/
.box .analysis {
padding:10px;
}
.analysis_question {
display:inline-block;
width:300px;
}
.analysis_answer {
display:inline-block;
width:60px;
text-align:center;
}
.analysis_next_options {
border-top:1px solid #ccc;
padding-top:10px;
border-bottom:1px solid #ccc;
padding-bottom:10px;
margin-top:20px;
}
.analysis_header {
font-weight:bold;
}
.analysis_chart_container {
float:left;
text-align:center;
}
.analysis_checkbox {
width:20px;
height:20px;
}
.analysis_emphasis {
color:#900;
}
.analysis_outcome_name {
float:left;
margin-right:10px;
}
.analysis_login_label {
display:block;
float:left;
width:80px;
}
.analysis_page {
height:40px;
line-height:40px;
}
.analysis_history_img {
width:35px;
vertical-align:middle;
}
.analysis_history {
float:left;
padding-right:20px;
}
.analysis_history_row {
width:600px;
overflow-y:scroll;
padding:10px;
}
/*//////////////////////////////////////////////////////////////////////////////////// Payment Card Styles ///////////*/
.paymentcard {
position:relative;
top:0;
left:0;
width:200px;
height:140px;
float:left;
background:url(/library/paymentcard_bg.png) no-repeat top left;
margin-right:40px;
}
.paymentcardnumber {
position:absolute;
top:57px;
left:60px;
text-align:left;
color:#fff;
font-size:16px;
}
.paymentcardexpiry {
position:absolute;
top:100px;
left:20px;
text-align:left;
color:#fff;
font-size:14px;
}
.paymentcardtype {
position:absolute;
top:10px;
right:5px;
left:auto;
width:60px;
text-align:center;
}
.paymentcarddetails {
float:left;
width:180px;
height:140px;
margin-right:40px;
}
.paymentcardtypedisplay {
font-weight:bold;
font-size:16px;
}
.paymentcardexpirydisplay {
font-size:11px;
font-style:italic;
margin-bottom:10px;
}
.paymentcardaddress {
font-size:12px;
}
.paymentcardbuttons {
padding-top:40px;
}
/*//////////////////////////////////////////////////////////////////////////////////// Autoship Styles ///////////*/
#autoship_text, #autoship_buttons {
text-align:center;
padding:15px;
}
/*//////////////////////////////////////////////////////////////////////////////////// Lottery Module ///////////*/
.lotterynext {
display:block;
float:right;
width:250px;
text-align:right;
}
/*//////////////////////////////////////////////////////////////////////////////////// Ordered List Module ///////////*/
.orderedlist_col {
float:left;
}
/*//////////////////////////////////////////////////////////////////////////////////// Donation Module ///////////*/
.donationnext {
display:block;
float:right;
width:250px;
text-align:right;
}
/*//////////////////////////////////////////////////////////////////////////////////// Dropdownable ///////////*/
.dropdownable_span {
display:block;
margin-left:148px;
border:1px solid #ccc;
padding:5px;
width:115px;
background-color:#fff;
}
.dropdownable_span a {
color:#444;
font-weight:bold;
text-decoration:none;
}
/*//////////////////////////////////////////////////////////////////////////////////// HISTORY ///////////*/
#history {
display:block;
position:relative;
top:0;
left:0;
width:100%;
padding:30px 0 0 0;
height:200px;
overflow-x:hidden;
overflow-y:hidden;
}
#history_content {
display:block;
position:absolute;
top:30px;
right:0;
left:0;
width:100%;
padding:0;
overflow-x:hidden;
overflow-y:hidden;
}
#history_content > *, #history_content > div > *, #history_content > div > div > a {
margin:0;
}
a.upclick {
display:none;
position:absolute;
top:0;
right:0;
left:0;
height:30px;
background:url(/custom/library/boxes/history_up.png) no-repeat top left transparent;
text-align:center;
z-index:500;
}
a.downclick {
display:none;
position:absolute;
right:0;
bottom:0;
left:0;
height:30px;
background:url(/custom/library/boxes/history_down.png) no-repeat top left transparent;
text-align:center;
z-index:500;
}
/*//////////////////////////////////////////////////////////////////////////////////// REGISTER ///////////*/
#register_choice {
text-align:center;
}
a.reg_choice:link, a.reg_choice:visited {
display:inline-block;
width:30%;
margin:20px 5%;
padding:20px 4%;
position:relative;
top:0;
left:0;
}
a.reg_choice:hover {
opacity:0.6;
}
a.reg_choice > span {
display:block;
text-align:left;
}
a.reg_choice > span.reg_buttongo {
text-align:right;
padding-right:25px;
background:url(/custom/library/chevron-right.png) no-repeat right rgba(0, 0, 0, 0);
}
.spouser {
display:inline-block;
width:calc(48% - 2px);
margin:0;
padding:0;
border-width:0;
}
.spouser.spartner {
margin-left:4%;
}
/*//////////////////////////////////////////////////////////////////////////////////// LOGIN ///////////*/
#loginstuff h2, #page_login h2 {
margin-bottom:10px;
}
#loginstuff a:link, #loginstuff a:visited {
}
/*//////////////////////////////////////////////////////////////////////////////////// PRINT-ONLY ///////////*/
.printonly,.printonlyblock {
display:none;
}
.screenonly {
display:inline;
}
.screenonlyblock {
display:block;
}
/*//////////////////////////////////////////////////////////////////////////////////// SIMPLY SCROLL ///////////*/
.simply-scroll-container { /* Container DIV - automatically generated */
position: relative;
}
.simply-scroll-clip { /* Clip DIV - automatically generated */
position: relative;
overflow: hidden;
}
.simply-scroll-list { /* UL/OL/DIV - the element that simplyScroll is inited on */
overflow: hidden;
margin: 0;
padding: 0;
list-style: none;
}
.simply-scroll-list li {
padding: 0;
margin: 0;
list-style: none;
}
.simply-scroll-list li img {
border: none;
display: block;
}
.simply-scroll-btn {
position: absolute;
background-image: url(/js/buttons.png);
width: 42px;
height: 44px;
z-index:3;
cursor: pointer;
}
.simply-scroll-btn-left {
left: 6px;
bottom: 6px;
background-position: 0 -44px;
}
.simply-scroll-btn-left.disabled {
background-position: 0 0 !important;
}
.simply-scroll-btn-left:hover, .simply-scroll-btn-left:focus {
background-position: 0 -88px;
}
.simply-scroll-btn-right {
right: 6px;
bottom: 6px;
background-position: -84px -44px;
}
.simply-scroll-btn-right.disabled {
background-position: -84px 0 !important;
}
.simply-scroll-btn-right:hover, .simply-scroll-btn-right:focus {
background-position: -84px -88px;
}
.simply-scroll-btn-up {
right: 6px;
top: 6px;
background-position: -126px -44px;
}
.simply-scroll-btn-up.disabled {
background-position: -126px 0 !important;
}
.simply-scroll-btn-up:hover, .simply-scroll-btn-up:focus {
background-position: -126px -88px;
}
.simply-scroll-btn-down {
right: 6px;
bottom: 6px;
background-position: -42px -44px;
}
.simply-scroll-btn-down.disabled {
background-position: -42px 0 !important;
}
.simply-scroll-btn-down:hover, .simply-scroll-btn-down:focus {
background-position: -42px -88px;
}
.simply-scroll-btn-pause {
right: 6px;
bottom: 6px;
background-position: -168px -44px;
}
.simply-scroll-btn-pause:hover, .simply-scroll-btn-pause:focus {
background-position: -168px -88px;
}
.simply-scroll-btn-pause.active {
background-position: -84px -44px;
}
.simply-scroll-btn-pause.active:hover, .simply-scroll-btn-pause.active:focus {
background-position: -84px -88px;
}
/* Customisable base class for styles override DIV */
.simply-scroll {
width: 100%;
height: 60px;
}
.simply-scroll .simply-scroll-clip {
width: 100%;
height: 60px;
}
.simply-scroll .simply-scroll-list {}
.simply-scroll .simply-scroll-list li {
float: left;
width: auto;
height: 60px;
}
/*---------------------------------------- LINKS VIEW */
a.linksview_item {
display:inline-block;
margin:0;
}
.linksview_item img {
display:block;
}
.flip-container {
display:inline-block;
margin:0;
perspective: 500px;
transform-style: preserve-3d;
position: relative;
}
.flipper {
transition: 0.6s;
transform-style: preserve-3d;
position: relative;
display:inline-block;
}
.front, .back {
backface-visibility: hidden;
transition: 0.6s;
transform-style: preserve-3d;
position: absolute;
top: 0;
left: 0;
display:inline-block;
text-align:center;
overflow:hidden;
}
.front {
z-index: 2;
}
.horizontal.flip-container:hover .front {
transform: rotateY(180deg);
}
.horizontal.flip-container:hover .back {
transform: rotateY(0deg);
}
.horizontal .front {
transform: rotateY(0deg);
}
.horizontal .back {
transform: rotateY(-180deg);
}
.vertical .back, .vertical.flip-container:hover .front {
transform: rotateX(180deg);
}
.vertical.flip-container:hover .back {
transform: rotateX(0deg);
}
.diagonal .back, .diagonal.flip-container:hover .front {
transform: rotate3d(-90,-90,0,180deg)
}
.diagonal .front, .diagonal.flip-container:hover .back {
transform: rotate3d(90,90,0,0deg)
}
.rotate90 {
display:inline-block;
transform: rotate(90deg);
}
.rotate180 {
display:inline-block;
transform: rotate(180deg);
}
.rotate270 {
display:inline-block;
transform: rotate(270deg);
}
/*JQuery Toggle Switch*/
.ui-switch{display:inline-block;border:solid 1px #777;position:relative;cursor:pointer;font-family:Helvetica, Arial, sans-serif;-moz-border-radius:18px;-webkit-border-radius:18px;border-radius:18px}
.ui-switch:focus{-webkit-box-shadow:0 0 5px #8aade1;-moz-box-shadow:0 0 5px #8aade1;-o-box-shadow:0 0 5px #8aade1;box-shadow:0 0 5px #8aade1;outline:none;border-color:#8aade1}
.ui-switch.disabled{cursor:default;border-color:#999}
.ui-switch-middle{height:20px;width:60px;border:solid 7px #FFF;position:relative;margin-top:-34px;z-index:100;-moz-border-radius:17px;-webkit-border-radius:17px;border-radius:17px}
.ui-switch-mask{height:30px;overflow:hidden;margin:2px 4px}
.ui-switch-master{height:24px;position:relative;left:10px}
.ui-switch-upper{height:20px;width:auto;position:absolute;z-index:101;margin:5px}
.ui-switch-handle{display:block;height:30px;width:30px;position:absolute;top:-4px;left:-15px;background:url(/custom/library/boxes/switch.png);background-size:30px 30px;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px}
.ui-switch-.disabled .ui-switch-handle:after{display:block;content:' ';position:absolute;top:0;left:0;height:30px;width:30px;background-color:#FFF !important;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px}
.ui-switch-lower{height:20px;width:1000px;position:absolute;z-index:99;margin:5px}
.ui-switch-labels{clear:both}
.ui-switch-on,.ui-switch-off{display:block;float:left;line-height:18px;font-size:12px;color:#FFF !important;background-color:#000;border:solid 1px #000;text-align:center;font-weight:700;text-decoration:none;text-shadow:0 1px 1px rgba(0,0,0,0.5);-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;padding:0 10px}
.ui-switch-on{border-right:none;padding-right:20px;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;border-top-right-radius:0;border-bottom-right-radius:0;background-color:#009900;}
.ui-switch-off{border-left:none;padding-left:20px;-moz-border-radius-topleft:0;-moz-border-radius-bottomleft:0;-webkit-border-top-left-radius:0;-webkit-border-bottom-left-radius:0;border-top-left-radius:0;border-bottom-left-radius:0;background-color:#990000;border-color:#600 !important;}
.ui-switch.disabled .ui-switch-on,.ui-switch.disabled .ui-switch-off{background-color:#999;border-color:#333}
.ui-switch-on:hover,.ui-switch-off:hover{color:#FFF !important;text-decoration:none}
.ui-switch,.ui-switch *{-moz-user-select:0;-khtml-user-select:none;-webkit-user-select:none;user-select:none}
/*JPlayer CSS*/
div.jp-audio{font-size:1em;font-family:Verdana, Arial, sans-serif;color:#fff;background-color:#111;line-height:1.6;width:360px;}div.jp-interface{position:relative;width:100%;background:0 0 #3a3b3c;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.5);-moz-box-shadow:0 1px 1px rgba(0,0,0,0.5);box-shadow:0 1px 1px rgba(0,0,0,0.5);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}div.jp-audio div.jp-type-single div.jp-interface{height:30px;}div.jp-interface ul.jp-controls{list-style-type:none;margin:0;padding:0;}div.jp-interface ul.jp-controls li{display:inline;}div.jp-interface ul.jp-controls a{position:absolute;overflow:hidden;text-indent:-9999px;}a.jp-play,a.jp-pause{width:33px;height:30px;z-index:1;outline:none;}div.jp-audio div.jp-type-single a.jp-play,div.jp-audio div.jp-type-single a.jp-pause{top:0;left:0;border-right:1px solid #242526;}a.jp-play{background:url(/library/jplayer/jplayer.png) 0 0 no-repeat;}a.jp-play:hover{background:url(/library/jplayer/jplayer.png) -33px 0 no-repeat;}a.jp-pause{background:url(/library/jplayer/jplayer.png) 0 -30px no-repeat;display:none;}a.jp-pause:hover{background:url(/library/jplayer/jplayer.png) -33px -30px no-repeat;}div.jp-progress-container{position:absolute;top:0;left:34px;width:225px;height:6px;border-left:1px solid #323334;border-right:1px solid #242526;padding:12px 10px;}div.jp-progress{position:absolute;overflow:hidden;}div.jp-audio div.jp-type-single div.jp-progress{width:223px;height:7px;background:url(/library/jplayer/jplayer.png) 0 -192px repeat-x;padding:1px;}div.jp-seek-bar{width:0;height:5px;cursor:pointer;background:url(/library/jplayer/jplayer.png) 0 -163px repeat-x;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;}div.jp-play-bar{width:0;height:5px;background:url(/library/jplayer/jplayer.png) 0 -133px repeat-x;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;}div.jp-volume-bar-container{position:absolute;top:0;left:281px;width:40px;height:6px;border-left:1px solid #323334;padding:12px 10px;}div.jp-volume-bar{position:relative;overflow:hidden;background:url(/library/jplayer/jplayer.png) 0 -192px repeat-x;width:40px;height:9px;cursor:pointer;}div.jp-audio div.jp-type-single div.jp-volume-bar{top:0;left:20px;}div.jp-volume-bar-value{width:0;height:5px;background:url(/library/jplayer/jplayer.png) 0 -133px repeat-x;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;margin:1px;}a.jp-mute,a.jp-unmute{width:17px;height:13px;z-index:1;outline:none;}div.jp-audio div.jp-type-single a.jp-mute,div.jp-audio div.jp-type-single a.jp-unmute{top:9px;left:290px;}a.jp-mute{background:url(/library/jplayer/jplayer.png) -10px -68px no-repeat;}a.jp-mute:hover{background:url(/library/jplayer/jplayer.png) -43px -68px no-repeat;}a.jp-unmute{background:url(/library/jplayer/jplayer.png) -10px -98px no-repeat;display:none;}a.jp-unmute:hover{background:url(/library/jplayer/jplayer.png) -43px -98px no-repeat;}div.jp-jplayer{width:0;height:0;background-color:#000;}div.jp-time-holder{display:none;}
/* jquery.Jcrop.min.css v0.9.10 (build:20120429) */
.jcrop-holder{direction:ltr;text-align:left;background-color:#fff !important}
.jcrop-vline,.jcrop-hline{background:#FFF url(/library/Jcrop.gif) top left repeat;font-size:0;position:absolute;}
.jcrop-vline{height:100%;width:1px!important;}
.jcrop-hline{height:1px!important;width:100%;}
.jcrop-vline.right{right:0;}
.jcrop-hline.bottom{bottom:0;}
.jcrop-handle{background-color:#333;border:1px #eee solid;font-size:1px;}
.jcrop-tracker{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;height:100%;width:100%;}
.jcrop-handle.ord-n{left:50%;margin-left:-4px;margin-top:-4px;top:0;}
.jcrop-handle.ord-s{bottom:0;left:50%;margin-bottom:-4px;margin-left:-4px;}
.jcrop-handle.ord-e{margin-right:-4px;margin-top:-4px;right:0;top:50%;}
.jcrop-handle.ord-w{left:0;margin-left:-4px;margin-top:-4px;top:50%;}
.jcrop-handle.ord-nw{left:0;margin-left:-4px;margin-top:-4px;top:0;}
.jcrop-handle.ord-ne{margin-right:-4px;margin-top:-4px;right:0;top:0;}
.jcrop-handle.ord-se{bottom:0;margin-bottom:-4px;margin-right:-4px;right:0;}
.jcrop-handle.ord-sw{bottom:0;left:0;margin-bottom:-4px;margin-left:-4px;}
.jcrop-dragbar.ord-n,.jcrop-dragbar.ord-s{height:7px;width:100%;}
.jcrop-dragbar.ord-e,.jcrop-dragbar.ord-w{height:100%;width:7px;}
.jcrop-dragbar.ord-n{margin-top:-4px;}
.jcrop-dragbar.ord-s{bottom:0;margin-bottom:-4px;}
.jcrop-dragbar.ord-e{margin-right:-4px;right:0;}
.jcrop-dragbar.ord-w{margin-left:-4px;}
.jcrop-light .jcrop-vline,.jcrop-light .jcrop-hline{background:#FFF;filter:Alpha(opacity=70)!important;opacity:.70!important;}
.jcrop-light .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#000;border-color:#FFF;border-radius:3px;}
.jcrop-dark .jcrop-vline,.jcrop-dark .jcrop-hline{background:#000;filter:Alpha(opacity=70)!important;opacity:.7!important;}
.jcrop-dark .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#FFF;border-color:#000;border-radius:3px;}
.jcrop-holder img,img.jcrop-preview{max-width:none;}
/*! jQuery UI - v1.11.0 - 2014-07-02
* http://jqueryui.com
* Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, menu.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;min-height:0;font-size:100%}.ui-accordion .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:49%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-dialog{overflow:hidden;position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:none}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{position:relative;margin:0;padding:3px 1em 3px .4em;cursor:pointer;min-height:0;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("/library/jqueryui/animated-overlay.gif");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-button{display:inline-block;overflow:hidden;position:relative;text-decoration:none;cursor:pointer}.ui-selectmenu-button span.ui-icon{right:0.5em;left:auto;margin-top:-8px;position:absolute;top:50%}.ui-selectmenu-button span.ui-selectmenu-text{text-align:left;padding:0.4em 2.1em 0.4em 1em;display:block;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:22px}.ui-spinner-button{width:16px;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top:none;border-bottom:none;border-right:none}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Verdana,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Verdana,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #aaa;background:#fff url("/library/jqueryui/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;color:#222}.ui-widget-content a{color:#222}.ui-widget-header{border:1px solid #aaa;background:#ccc url("/library/jqueryui/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;color:#222;font-weight:bold}.ui-widget-header a{color:#222}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #d3d3d3;background:#e6e6e6 url("/library/jqueryui/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;font-weight:normal;color:#555}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#555;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #999;background:#dadada url("/library/jqueryui/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;font-weight:normal;color:#212121}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited{color:#212121;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #aaa;background:#fff url("/library/jqueryui/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;font-weight:normal;color:#212121}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#212121;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fcefa1;background:#fbf9ee url("/library/jqueryui/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#fef1ec url("/library/jqueryui/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;color:#cd0a0a}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#cd0a0a}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#cd0a0a}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("/library/jqueryui/ui-icons_222222_256x240.png")}.ui-widget-header .ui-icon{background-image:url("/library/jqueryui/ui-icons_222222_256x240.png")}.ui-state-default .ui-icon{background-image:url("/library/jqueryui/ui-icons_888888_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url("/library/jqueryui/ui-icons_454545_256x240.png")}.ui-state-active .ui-icon{background-image:url("/library/jqueryui/ui-icons_454545_256x240.png")}.ui-state-highlight .ui-icon{background-image:url("/library/jqueryui/ui-icons_2e83ff_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("/library/jqueryui/ui-icons_cd0a0a_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}.ui-widget-overlay{background:#aaa url("/library/jqueryui/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:#aaa url("/library/jqueryui/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30);border-radius:8px}
/*!
* FullCalendar v2.3.1 Stylesheet
* Docs & License: http://fullcalendar.io/
* (c) 2015 Adam Shaw
*/.fc{direction:ltr;text-align:left}.fc-rtl{text-align:right}body .fc{font-size:1em}.fc-unthemed .fc-divider,.fc-unthemed .fc-popover,.fc-unthemed .fc-row,.fc-unthemed tbody,.fc-unthemed td,.fc-unthemed th,.fc-unthemed thead{border-color:#ddd}.fc-unthemed .fc-popover{background-color:#fff}.fc-unthemed .fc-divider,.fc-unthemed .fc-popover .fc-header{background:#eee}.fc-unthemed .fc-popover .fc-header .fc-close{color:#666}.fc-unthemed .fc-today{background:#fcf8e3}.fc-highlight{background:#bce8f1;opacity:.3;filter:alpha(opacity=30)}.fc-bgevent{background:#8fdf82;opacity:.3;filter:alpha(opacity=30)}.fc-nonbusiness{background:#d7d7d7}.fc-icon{display:inline-block;width:1em;height:1em;line-height:1em;font-size:1em;text-align:center;overflow:hidden;font-family:"Courier New",Courier,monospace}.fc-icon:after{position:relative;margin:0 -1em}.fc-icon-left-single-arrow:after{content:"\02039";font-weight:700;font-size:200%;top:-7%;left:3%}.fc-icon-right-single-arrow:after{content:"\0203A";font-weight:700;font-size:200%;top:-7%;left:-3%}.fc-icon-left-double-arrow:after{content:"\000AB";font-size:160%;top:-7%}.fc-icon-right-double-arrow:after{content:"\000BB";font-size:160%;top:-7%}.fc-icon-left-triangle:after{content:"\25C4";font-size:125%;top:3%;left:-2%}.fc-icon-right-triangle:after{content:"\25BA";font-size:125%;top:3%;left:2%}.fc-icon-down-triangle:after{content:"\25BC";font-size:125%;top:2%}.fc-icon-x:after{content:"\000D7";font-size:200%;top:6%}.fc button{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;height:2.1em;padding:0 .6em;font-size:1em;white-space:nowrap;cursor:pointer}.fc button::-moz-focus-inner{margin:0;padding:0}.fc-state-default{border:1px solid}.fc-state-default.fc-corner-left{border-top-left-radius:4px;border-bottom-left-radius:4px}.fc-state-default.fc-corner-right{border-top-right-radius:4px;border-bottom-right-radius:4px}.fc button .fc-icon{position:relative;top:-.05em;margin:0 .2em;vertical-align:middle}.fc-state-default{background-color:#f5f5f5;background-image:-moz-linear-gradient(top,#fff,#e6e6e6);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);background-image:-o-linear-gradient(top,#fff,#e6e6e6);background-image:linear-gradient(to bottom,#fff,#e6e6e6);background-repeat:repeat-x;border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);color:#333;text-shadow:0 1px 1px rgba(255,255,255,.75);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)}.fc-state-active,.fc-state-disabled,.fc-state-down,.fc-state-hover{color:#333;background-color:#e6e6e6}.fc-state-hover{color:#333;text-decoration:none;background-position:0 -15px;-webkit-transition:background-position .1s linear;-moz-transition:background-position .1s linear;-o-transition:background-position .1s linear;transition:background-position .1s linear}.fc-state-active,.fc-state-down{background-color:#ccc;background-image:none;box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}.fc-state-disabled{cursor:default;background-image:none;opacity:.65;filter:alpha(opacity=65);box-shadow:none}.fc-button-group{display:inline-block}.fc .fc-button-group>*{float:left;margin:0 0 0 -1px}.fc .fc-button-group>:first-child{margin-left:0}.fc-popover{position:absolute;box-shadow:0 2px 6px rgba(0,0,0,.15)}.fc-popover .fc-header{padding:2px 4px}.fc-popover .fc-header .fc-title{margin:0 2px}.fc-popover .fc-header .fc-close{cursor:pointer}.fc-ltr .fc-popover .fc-header .fc-title,.fc-rtl .fc-popover .fc-header .fc-close{float:left}.fc-ltr .fc-popover .fc-header .fc-close,.fc-rtl .fc-popover .fc-header .fc-title{float:right}.fc-unthemed .fc-popover{border-width:1px;border-style:solid}.fc-unthemed .fc-popover .fc-header .fc-close{font-size:.9em;margin-top:2px}.fc-popover>.ui-widget-header+.ui-widget-content{border-top:0}.fc-divider{border-style:solid;border-width:1px}hr.fc-divider{height:0;margin:0;padding:0 0 2px;border-width:1px 0}.fc-clear{clear:both}.fc-bg,.fc-bgevent-skeleton,.fc-helper-skeleton,.fc-highlight-skeleton{position:absolute;top:0;left:0;right:0}.fc-bg{bottom:0}.fc-bg table{height:100%}.fc table{width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0;font-size:1em}.fc th{text-align:center}.fc td,.fc th{border-style:solid;border-width:1px;padding:0;vertical-align:top}.fc td.fc-today{border-style:double}.fc .fc-row{border-style:solid;border-width:0}.fc-row table{border-left:0 hidden transparent;border-right:0 hidden transparent;border-bottom:0 hidden transparent}.fc-row:first-child table{border-top:0 hidden transparent}.fc-row{position:relative}.fc-row .fc-bg{z-index:1}.fc-row .fc-bgevent-skeleton,.fc-row .fc-highlight-skeleton{bottom:0}.fc-row .fc-bgevent-skeleton table,.fc-row .fc-highlight-skeleton table{height:100%}.fc-row .fc-bgevent-skeleton td,.fc-row .fc-highlight-skeleton td{border-color:transparent}.fc-row .fc-bgevent-skeleton{z-index:2}.fc-row .fc-highlight-skeleton{z-index:3}.fc-row .fc-content-skeleton{position:relative;z-index:4;padding-bottom:2px}.fc-row .fc-helper-skeleton{z-index:5}.fc-row .fc-content-skeleton td,.fc-row .fc-helper-skeleton td{background:0 0;border-color:transparent;border-bottom:0}.fc-row .fc-content-skeleton tbody td,.fc-row .fc-helper-skeleton tbody td{border-top:0}.fc-scroller{overflow-y:scroll;overflow-x:hidden}.fc-scroller>*{position:relative;width:100%;overflow:hidden}.fc-event{position:relative;display:block;font-size:.85em;line-height:1.3;border-radius:3px;border:1px solid #3a87ad;background-color:#3a87ad;font-weight:400}.fc-event,.fc-event:hover,.ui-widget .fc-event{color:#fff;text-decoration:none}.fc-event.fc-draggable,.fc-event[href]{cursor:pointer}.fc-not-allowed,.fc-not-allowed .fc-event{cursor:not-allowed}.fc-event .fc-bg{z-index:1;background:#fff;opacity:.25;filter:alpha(opacity=25)}.fc-event .fc-content{position:relative;z-index:2}.fc-event .fc-resizer{position:absolute;z-index:3}.fc-ltr .fc-h-event.fc-not-start,.fc-rtl .fc-h-event.fc-not-end{margin-left:0;border-left-width:0;padding-left:1px;border-top-left-radius:0;border-bottom-left-radius:0}.fc-ltr .fc-h-event.fc-not-end,.fc-rtl .fc-h-event.fc-not-start{margin-right:0;border-right-width:0;padding-right:1px;border-top-right-radius:0;border-bottom-right-radius:0}.fc-h-event .fc-resizer{top:-1px;bottom:-1px;left:-1px;right:-1px;width:5px}.fc-ltr .fc-h-event .fc-start-resizer,.fc-ltr .fc-h-event .fc-start-resizer:after,.fc-ltr .fc-h-event .fc-start-resizer:before,.fc-rtl .fc-h-event .fc-end-resizer,.fc-rtl .fc-h-event .fc-end-resizer:after,.fc-rtl .fc-h-event .fc-end-resizer:before{right:auto;cursor:w-resize}.fc-ltr .fc-h-event .fc-end-resizer,.fc-ltr .fc-h-event .fc-end-resizer:after,.fc-ltr .fc-h-event .fc-end-resizer:before,.fc-rtl .fc-h-event .fc-start-resizer,.fc-rtl .fc-h-event .fc-start-resizer:after,.fc-rtl .fc-h-event .fc-start-resizer:before{left:auto;cursor:e-resize}.fc-day-grid-event{margin:1px 2px 0;padding:0 1px}.fc-day-grid-event .fc-content{white-space:nowrap;overflow:hidden}.fc-day-grid-event .fc-time{font-weight:700}.fc-day-grid-event .fc-resizer{left:-3px;right:-3px;width:7px}a.fc-more{margin:1px 3px;font-size:.85em;cursor:pointer;text-decoration:none}a.fc-more:hover{text-decoration:underline}.fc-limited{display:none}.fc-day-grid .fc-row{z-index:1}.fc-more-popover{z-index:2;width:220px}.fc-more-popover .fc-event-container{padding:10px}.fc-toolbar{text-align:center;margin-bottom:1em}.fc-toolbar .fc-left{float:left}.fc-toolbar .fc-right{float:right}.fc-toolbar .fc-center{display:inline-block}.fc .fc-toolbar>*>*{float:left;margin-left:.75em}.fc .fc-toolbar>*>:first-child{margin-left:0}.fc-toolbar h2{margin:0}.fc-toolbar button{position:relative}.fc-toolbar .fc-state-hover,.fc-toolbar .ui-state-hover{z-index:2}.fc-toolbar .fc-state-down{z-index:3}.fc-toolbar .fc-state-active,.fc-toolbar .ui-state-active{z-index:4}.fc-toolbar button:focus{z-index:5}.fc-view-container *,.fc-view-container :after,.fc-view-container :before{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.fc-view,.fc-view>table{position:relative;z-index:1}.fc-basicDay-view .fc-content-skeleton,.fc-basicWeek-view .fc-content-skeleton{padding-top:1px;padding-bottom:1em}.fc-basic-view .fc-body .fc-row{min-height:4em}.fc-row.fc-rigid{overflow:hidden}.fc-row.fc-rigid .fc-content-skeleton{position:absolute;top:0;left:0;right:0}.fc-basic-view .fc-day-number,.fc-basic-view .fc-week-number{padding:0 2px}.fc-basic-view td.fc-day-number,.fc-basic-view td.fc-week-number span{padding-top:2px;padding-bottom:2px}.fc-basic-view .fc-week-number{text-align:center}.fc-basic-view .fc-week-number span{display:inline-block;min-width:1.25em}.fc-ltr .fc-basic-view .fc-day-number{text-align:right}.fc-rtl .fc-basic-view .fc-day-number{text-align:left}.fc-day-number.fc-other-month{opacity:.3;filter:alpha(opacity=30)}.fc-agenda-view .fc-day-grid{position:relative;z-index:2}.fc-agenda-view .fc-day-grid .fc-row{min-height:3em}.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton{padding-top:1px;padding-bottom:1em}.fc .fc-axis{vertical-align:middle;padding:0 4px;white-space:nowrap}.fc-ltr .fc-axis{text-align:right}.fc-rtl .fc-axis{text-align:left}.ui-widget td.fc-axis{font-weight:400}.fc-time-grid,.fc-time-grid-container{position:relative;z-index:1}.fc-time-grid{min-height:100%}.fc-time-grid table{border:0 hidden transparent}.fc-time-grid>.fc-bg{z-index:1}.fc-time-grid .fc-slats,.fc-time-grid>hr{position:relative;z-index:2}.fc-time-grid .fc-bgevent-skeleton,.fc-time-grid .fc-content-skeleton{position:absolute;top:0;left:0;right:0}.fc-time-grid .fc-bgevent-skeleton{z-index:3}.fc-time-grid .fc-highlight-skeleton{z-index:4}.fc-time-grid .fc-content-skeleton{z-index:5}.fc-time-grid .fc-helper-skeleton{z-index:6}.fc-time-grid .fc-slats td{height:1.5em;border-bottom:0}.fc-time-grid .fc-slats .fc-minor td{border-top-style:dotted}.fc-time-grid .fc-slats .ui-widget-content{background:0 0}.fc-time-grid .fc-highlight-container{position:relative}.fc-time-grid .fc-highlight{position:absolute;left:0;right:0}.fc-time-grid .fc-bgevent-container,.fc-time-grid .fc-event-container{position:relative}.fc-ltr .fc-time-grid .fc-event-container{margin:0 2.5% 0 2px}.fc-rtl .fc-time-grid .fc-event-container{margin:0 2px 0 2.5%}.fc-time-grid .fc-bgevent,.fc-time-grid .fc-event{position:absolute;z-index:1}.fc-time-grid .fc-bgevent{left:0;right:0}.fc-v-event.fc-not-start{border-top-width:0;padding-top:1px;border-top-left-radius:0;border-top-right-radius:0}.fc-v-event.fc-not-end{border-bottom-width:0;padding-bottom:1px;border-bottom-left-radius:0;border-bottom-right-radius:0}.fc-time-grid-event{overflow:hidden}.fc-time-grid-event .fc-time,.fc-time-grid-event .fc-title{padding:0 1px}.fc-time-grid-event .fc-time{font-size:.85em;white-space:nowrap}.fc-time-grid-event.fc-short .fc-content{white-space:nowrap}.fc-time-grid-event.fc-short .fc-time,.fc-time-grid-event.fc-short .fc-title{display:inline-block;vertical-align:top}.fc-time-grid-event.fc-short .fc-time span{display:none}.fc-time-grid-event.fc-short .fc-time:before{content:attr(data-start)}.fc-time-grid-event.fc-short .fc-time:after{content:"\000A0-\000A0"}.fc-time-grid-event.fc-short .fc-title{font-size:.85em;padding:0}.fc-time-grid-event .fc-resizer{left:0;right:0;bottom:0;height:8px;overflow:hidden;line-height:8px;font-size:11px;font-family:monospace;text-align:center;cursor:s-resize}.fc-time-grid-event .fc-resizer:after{content:"="}h1 {
padding:20px;
font-size:32px;
letter-spacing: -0.05em;
background-color:#bdccea;
margin:0 0 30px 0;
}
#columns .box, #cols .box {
background-color:#bdccea;
margin:0 0 30px 0;
font-size:15px;
}
.emailer {
border:0px solid #ccc;
background-color:transparent;
padding:0;
}
#col2 {
padding:0;
}
#col3 {
margin-left:30px;
}
#col2 .box.text, #col_2 .box.text, #col2 .box.quote, #col_2 .box.quote, #col2 .box.blog_item, #col_2 .box.blog_item, #col2 .box.sitemap, #col_2 .box.sitemap {
padding:20px 20px 10px 20px;
}
.box.blog h2 {
padding:0;
color:#0000cd;
}
.blogdate {
font-weight:bold;
margin-bottom:0;
}
.blog_img, .blogwidget_img {
float:left;
display:inline-block;
margin-right:20px;
margin-bottom:20px;
}
}
/*
'////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
'//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// TABLET
'////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/
@media
only screen and (orientation:portrait) and (min-width:420px) and (max-width: 960px),
only screen and (orientation:landscape) and (min-width:720px) and (max-width: 960px)
{
#tnav .nav_menu li ul li a.slidey_nav_expand:link, #tnav .nav_menu li ul li a.slidey_nav_expand:visited {
display:none;
}
#topholder
{
padding-top:50px;
}
#ecommerce_module #checkout_step_2 .system_form, #ecommerce_module #checkout_step_3 .system_form {
padding:0 10%;
width:80%;
}
#top #tnav {
position:fixed !important;
top:0 !important;
right:0 !important;
left:0 !important;
width:100% !important;
height:35px;
padding-top:5px;
background-color:#dddddd;
box-shadow:0px 0px 5px 0px #333333;
-mozbox-shadow:0px 0px 5px 0px #333333;
-webkit-box-shadow:0px 0px 5px 0px #333333;
-o-box-shadow:0px 0px 5px 0px #333333;
box-shadow:0px 0px 5px 0px #333333;
-mozbox-shadow:0px 0px 5px 0px #333333;
-webkit-box-shadow:0px 0px 5px 0px #333333;
-o-box-shadow:0px 0px 5px 0px #333333;
z-index:10;
}
#top a.mobmenu:link,
#top a.mobmenu:visited {
position:absolute;
right:5px;
top:5px;
}
#top a.mobmenu:nth-last-child(2)
{
right:35px;
}
#top a.mobmenu:nth-last-child(3)
{
right:70px;
}
#top a.mobmenu:nth-last-child(4)
{
right:105px;
}
#tnav .nav_menu li ul li a.slidey_nav_expand:link, #tnav .nav_menu li ul li a.slidey_nav_expand:visited {
display:block;
}
#top ul.nav_menu, #top ul#tmenu, #top ul#tmenu_simple, #middle ul.nav_menu, #bot ul.nav_menu {
display:none !important;
}
#nav_responder {
position:fixed !important;
display:block;
top:0;
right:100%;
z-index:1000;
margin:0 !important;
padding:0 !important;
height:100%;
width:calc(100% - 40px);
background-color:#4857dc;
box-shadow:0px 0px 5px 0px #333333;
-mozbox-shadow:0px 0px 5px 0px #333333;
-webkit-box-shadow:0px 0px 5px 0px #333333;
-o-box-shadow:0px 0px 5px 0px #333333;
box-shadow:0px 0px 5px 0px #333333;
-mozbox-shadow:0px 0px 5px 0px #333333;
-webkit-box-shadow:0px 0px 5px 0px #333333;
-o-box-shadow:0px 0px 5px 0px #333333;
overflow-x:hidden;
overflow-y:auto;
}
#nav_responder * {
text-align:left !important;
line-height:auto !important;
}
#nav_responder > ul {
font-size:20px;
}
#nav_responder ul.nav_menu, #nav_responder ul#tmenu, #nav_responder ul#tmenu_simple {
background-color:transparent;
width:100%;
margin:0;
padding:0;
border-bottom:5px solid #666;
}
#nav_responder ul li {
display:block;
list-style-type:none;
padding:0 0 0 10px !important;
margin:0;
font-size:80% !important;
}
#nav_responder .nav_menu .nav_item ul {
margin:0;
padding:0;
}
#nav_responder ul.nav_menu li:nth-child(even), #nav_responder ul#tmenu li:nth-child(even), #nav_responder ul#tmenu_simple li:nth-child(even) {
background:url(/library/black5percent.png) repeat;
}
#nav_responder .nav_menu .nav_item ul.nav_shown, #nav_responder #currentli, #nav_responder .nav_item.li_shown, #nav_responder .nav_item.li_shown a {
background-color:transparent;
}
#nav_responder ul.nav_menu li a:link,
#nav_responder ul#tmenu li a:link,
#nav_responder ul#tmenu_simple li a:link {
display:inline-block;
padding:5px 0 5px 10px !important;
margin:0;
width:calc(100% - 50px);
line-height:auto;
min-height:20px;
background-color:transparent;
font-size:inherit !important;
color:#eee;
}
#nav_responder ul.nav_menu li a:link span,
#nav_responder ul#tmenu li a:link span,
#nav_responder ul#tmenu_simple li a:link span {
color:#eee;
font-size:inherit !important;
}
#nav_responder ul.nav_menu li a:visited,
#nav_responder ul#tmenu li a:visited,
#nav_responder ul#tmenu_simple li a:visited {
color:#ccc;
font-size:inherit !important;
}
#nav_responder ul.nav_menu li a:visited span,
#nav_responder ul#tmenu li a:visited span,
#nav_responder ul#tmenu_simple li a:visited span {
color:#ccc;
font-size:inherit !important;
}
#nav_responder ul.nav_menu li a.slidey_nav_expand:link,
#nav_responder ul.nav_menu li a.slidey_nav_expand:visited,
#nav_responder ul#tmenu li a.slidey_nav_expand:link,
#nav_responder ul#tmenu li a.slidey_nav_expand:visited,
#nav_responder ul#tmenu_simple li a.slidey_nav_expand:link,
#nav_responder ul#tmenu_simple li a.slidey_nav_expand:visited {
display:inline-block;
float:right;
width:30px;
height:30px;
vertical-align:middle;
padding:0 0 0 10px !important;
margin:0 !important;
}
#top div#search_holder,
#top div#bc_sign,
#top div#minibasket
{
display:none;
}
#use #v4_use_basketform #purchase_product_popup_image{
margin:0 0 10px 0 !important;
display:block !important;
}
#use #v4_use_basketform #purchase_product_popup_image img {
display:block;
padding:0;
margin:0 auto;
}
#use #v4_use_basketform #prodpurchase_quantity {
display:inline-block;
padding:20px 0 !important;
background-color:#eee;
border-width:0 !important;
text-align:center !important;
width:100% !important;
}
#body #botholder {
width:96% !important;
padding:10px 2% 0 2%!important;
height:auto !important;
}
#body #botholder #bot {
width:100%;
overflow:hidden;
text-align:center;
height:auto !important;
background:none;
}
#bot > div:not(.clear) {
border-bottom:1px solid #ccc;
padding-bottom:10px;
position:static !important;
width:100% !important;
margin:5px 0 !important;
}
#bot #box_footer_social {
width:100%;
border-left: none;
text-align:center;
}
.box_social{
width:90% !important;
}
#bot #box_footer_social img {
width:40px;
height:40px;
}
#bot #box_footer_copyright{
border-bottom:none !important;
padding-top:10px;
text-align:center;
}
#bot #box_footer_qbd {
text-align:center;
}
#bot #box_footer_html{
width:100% !important;
text-align:center;
padding:0px;
border-left:none;
padding:10px 0;
}
#bot #box_footer_icons {
height:auto !important;
margin:0 auto;
text-align:center !important;
}
#bot #box_footer_icons > div {
float:none;
display:inline-block;
}
#bot #box_footer_contact {
border-right: none;
text-align: center;
}
#bot #contact_details_holder{
display:block;
position:static;
margin:5px auto;
}
#contact_details_holder h2{
display:none;
}
#contact_details_holder #contact_details_box span label{
display:none;
}
#contact_details_holder #contact_details_box span{
padding:10px 0px;
display:block;
}
#bot .botbox a:hover{
text-decoration:underline;
}
#bot .botbox h2{
margin-bottom:5px;
}
#bot .botbox ul li {
list-style-type:none;
list-style-position:outside;
}
#bot .botbox ul li a {
text-decoration:none;
}
#bot .botbox ul li a:hover {
text-decoration:underline;
}
.before_br {
display:block;
}
#box_footer_contact > span, #box_footer_reg > span, #box_footer_pages > a {
display: block;
}
#bot #box_footer_qbd, #bot #box_footer_reg {
margin-top:0;
border-top-width: 0;
}
#box_footer_contact > span, #box_footer_reg > span, #box_footer_pages > a {
display: block;
}
#bot #box_footer_qbd, #bot #box_footer_reg {
margin-top:0;
border-top-width: 0;
}
#bot #box_footer_form {
margin-right:0;
padding:15px;
}
#botholder #bot #box_footer_form form.emailer {
position:static;
top:0;
left:0;
}
#botholder #bot #box_footer_form form.emailer h2 {
display:block;
}
#botholder #bot #box_footer_form form.emailer p,
#botholder #bot #box_footer_form form.emailer p:first-of-type,
#botholder #bot #box_footer_form form.emailer p:last-of-type {
height:inherit;
margin:0;
padding:0;
overflow:hidden;
}
#botholder #bot #box_footer_form form.emailer * {
outline:none;
}
#botholder #bot #box_footer_form form.emailer label {
width:0 !important;
margin:0 !important;
padding:0 !important;
}
#botholder #bot #box_footer_form form.emailer input[type="text"],
#botholder #bot #box_footer_form form.emailer input[type="password"],
#botholder #bot #box_footer_form form.emailer input[type="email"],
#botholder #bot #box_footer_form form.emailer input[type="tel"],
#botholder #bot #box_footer_form form.emailer input[type='submit'],
#botholder #bot #box_footer_form form.emailer select,
#botholder #bot #box_footer_form form.emailer span.form_multiple,
#botholder #bot #box_footer_form form.emailer span.form_datetime,
#botholder #bot #box_footer_form form.emailer textarea {
display:block;
width:90%;
margin:10px auto 0 auto;
position:static;
left:0;
top:0;
}
#botholder #bot #box_footer_form form.emailer span.verifyimage {
height:auto;
}
#bot a.mobmenu:link,
#bot a.mobmenu:visited {
display:none;
/*
background-color:#dddddd;
display:block;
width:100%;
padding:5px 0;
text-align:center;
box-shadow:0px 0px 5px 0px #333333;
-mozbox-shadow:0px 0px 5px 0px #333333;
-webkit-box-shadow:0px 0px 5px 0px #333333;
-o-box-shadow:0px 0px 5px 0px #333333;
box-shadow:0px 0px 5px 0px #333333;
-mozbox-shadow:0px 0px 5px 0px #333333;
-webkit-box-shadow:0px 0px 5px 0px #333333;
-o-box-shadow:0px 0px 5px 0px #333333;
*/
}
/*timboss|60% */
/*
* Primary styles
* Loosely based on HTML5 ✰ Boilerplate
* Author: Quick By Design
*
* html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
* v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
* html5doctor.com/html-5-reset-stylesheet/
*/
/*//////////////////////////////////////////////////////////////////////////////////// page styles ///////////*/
/*
* {
max-width: 100%;
}
*/
*:not(.notlazy,.box_html5_presentation,.box_html5_presentation *,.notransition) {
transition: 0.25s;
}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
table, caption, tbody, tfoot, thead, tr, th, td {
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
/*table { border-collapse: collapse; border-spacing: 0; }*/
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }
/**
* Font normalization inspired by YUI Library's fonts.css: developer.yahoo.com/yui/
*/
/* Background */
html{
font:62.5% sans-serif;
overflow-y: scroll;
}
body{
margin:0;
padding:0;
font-size:13px;
font-size:1.3em;
}
#body {
position:relative;
z-index:0;
}
/* Default Font */
body, select, input, textarea {
/* Set your base font here, to apply evenly */
color: #444;
font-family: "Arial", sans-serif;
}
/* Link Colours */
a, a:active, a:visited {color: #607890; text-decoration: none;}
a:hover { color: #036; }
select, input, textarea, button { font:99% sans-serif; }
/* Normalize monospace sizing:
en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
pre, code, kbd, samp { font-family: monospace, sans-serif; }
/**
* Minimal base styles.
*/
/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }
ol { list-style-type: decimal; }
/* Remove margins for navigation lists */
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td { vertical-align: top; }
/* Set sub, sup without affecting line-height: gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
pre {
/* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
white-space: pre; white-space: pre-wrap; word-wrap: break-word;
padding: 15px;
}
textarea { overflow: auto; } /* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
.ie6 legend, .ie7 legend { margin-left: -7px; }
/* Align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css */
input[type="radio"] { vertical-align: baseline; }
input[type="checkbox"] { vertical-align: baseline; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
/* Hand cursor on clickable input elements */
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
input[type="button"] {
padding:5px 10px;
}
/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea { margin: 0; }
/* Colors for form validity */
input:valid, textarea:valid { }
input:invalid, textarea:invalid {
border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }
/* These selection declarations have to be separate
No text-shadow: twitter.com/miketaylr/status/12228805301
Also: hot pink! */
::-moz-selection{ background: #000066; color:#fff; text-shadow: none; }
::selection { background:#000066; color:#fff; text-shadow: none; }
/* j.mp/webkit-tap-highlight-color
a:link { -webkit-tap-highlight-color: #FF5E99; }
*/
/* Make buttons play nice in IE:
www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button { width: auto; overflow: visible; }
/* Bicubic resizing for non-native sized IMG:
code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { -ms-interpolation-mode: bicubic; }
p{
margin-bottom: 10px;
}
*[onclick] {
cursor:pointer;
}
#loaderholder {
display:none;
position:absolute;
right:20px;
top:20px;
}
.clear {
clear:both;
width:0;
height:0;
display:block;
}
.cleardeep {
clear:both;
width:0;
height:10px;
}
hr.dashedhr {
border:0;
height:0;
}
ul {
list-style-position:inside;
}
input,textarea,select {
margin:0;
padding:1px;
}
input[type="submit"] {
cursor:pointer;
}
input[type="radio"],input[type="checkbox"],input[type="image"] {
border:0;
}
input.datefield {
width:100px;
}
img.ui-datepicker-trigger {
vertical-align:middle;
}
/*//////////////////////////////////////////////////////////////////////////////////// page styles ///////////*/
#pageholder {
width:100%;
display:block;
}
#page {
margin:0 auto;
width:100% ;
display:block;
padding-bottom:10px;
}
#cpuserswitchholder {
position:fixed;
top:5px;
width:200px;
height:30px;
left:calc(50% - 200px);
z-index:500;
}
#cpuserswitch {
display:block;
width:400px;
height:30px;
line-height:30px;
}
/*//////////////////////////////////////////////////////////////////////////////////// Middle Section /////////////////*/
#top {
display:block;
position:relative;
height:180px;
}
/* Logo */
#logo{
position:absolute;
left:0px;
top:20px;
}
/* Country by IP Div */
#country_by_ip{
position:absolute;
left:500px;
top:20px;
}
#country_by_ip select {
position:static;
}
#delivery_estimate_box {
position:absolute;
left:500px;
top:100px;
}
/* Strapline Text */
#strapline {
position:absolute;
left:0px;
top:100px;}
/* Slideshow */
#sshow{
position:absolute;
width:450px;
height:90px;
right:0px;
top:0px;
display: none;
}
/* Search Box (may be moved to footer in DB) */
#search_holder {
position:absolute;
right:0px;
top:110px;
width:220px;
height:30px;
text-align: right;
}
#search_holder h2 {
display:none;
}
#search_holder #search {
position:absolute;
right:21px;
top:0;
height:16px;
padding:2px;
width:200px;
}
#search_holder #search_btn {
position:absolute;
right:0px;
top:0;
}
/* Announcements */
#announcement {
position:absolute;
top:-50px;
right:0px;
}
/*MICRO SITES */
#top_photo img {
border:2px solid #fff;
box-shadow:0px 0px 10px 0px #444444;
-mozbox-shadow:0px 0px 10px 0px #444444;
-webkit-box-shadow:0px 0px 10px 0px #444444;
-o-box-shadow:0px 0px 10px 0px #444444;
box-shadow:0px 0px 10px 0px #444444;
-mozbox-shadow:0px 0px 10px 0px #444444;
-webkit-box-shadow:0px 0px 10px 0px #444444;
-o-box-shadow:0px 0px 10px 0px #444444;
}
/* Top Navigation */
#tnav{
position:absolute;
bottom:0px;
left:0px;
height:30px;
right:0px;
}
#tnav li{
float:left;
}
#tnav li a{
display: block;
height:30px;
padding:0px 2em;
line-height:30px;
font-size:1.2em;
}
#tnav li #thisa, #tnav li a:hover{
}
/*////////////////////////////////////////////////////////////////////////////////////// Ticker Module ///////////*/
#ticker {
position:absolute;
top:0;
left:0;
display:block;
height:1em;
font-size:1em;
overflow:hidden;
}
#ticker li {
display:none;
height:1em;
list-style-type: none
}
#ticker li:first-child {
display:block;
}
/*//////////////////////////////////////////////////////////////////////////////////// Breadcrumb /////////////////*/
#breadcrumb {
position:relative;
top:0;
left:0;
height:30px;
}
#bc_sign, #bc_loc {
position:absolute;
top:0;
height:30px;
line-height:30px;
width:auto;
}
#bc_sign {
right:0;
}
#bc_loc {
left:0;
}
#breadcrumb a{
text-decoration:none;
}
#breadcrumb a:hover {
text-decoration:underline;
}
/*MULTILINGUAL/////*/
#multilang {
position:relative;
}
#multilang li {
list-style-type:none;
}
#multilang_selector {
display:none;
}
/*//////////////////////////////////////////////////////////////////////////////////// Middle Section /////////////////*/
#columns{
margin-top:30px;
}
#columns ul {
margin-top:0;
padding-left:0;
}
#col2 {
padding:0 ;
}
.emailer {
padding:20px;
}
a.mobmenu:link,
a.mobmenu:visited {
height:20px;
padding:5px;
line-height:20px;
vertical-align:middle;
}
a.mobmenu img {
width:20px;
height:20px;
vertical-align:middle;
}
/*//////////////////////////////////////////////////////////////////////////////////// Presentation /////////////////*/
/* Presentation styles */
#theflashdiv .buttons > div{
width:20px;
height:20px;
-webkit-border-radius:10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px;
float:left;
margin-left:5px;
border:1px solid #eee;
background:rgb(166,166,166);
background:-webkit-gradient(linear, 0 0, 0 bottom, from(rgb(255,255,255)), to(rgb(166,166,166))) rgb(166,166,166);
background:-moz-linear-gradient(rgb(255,255,255), rgb(166,166,166)) rgb(166,166,166);
background:linear-gradient(rgb(255,255,255), rgb(166,166,166)) rgb(166,166,166);
}
#theflashdiv .buttons > .active_button{
background:rgb(120,120,120);
background:-webkit-gradient(linear, 0 0, 0 bottom, from(rgb(200,200,200)), to(rgb(120,120,120))) rgb(120,120,120);
background:-moz-linear-gradient(rgb(200,200,200), rgb(120,120,120)) rgb(120,120,120);
background:linear-gradient(rgb(200,200,200), rgb(120,120,120)) rgb(120,120,120);
}
iframe [src=""] {
display:none;
}
.nav_hidden{
display:none;
}
.lazy img:not(.notlazy) {
opacity: 0;
transition: opacity .3s ease-in;
}
/*//////////////////////////////////////////////////////////////////////////////////// Motors Pagination /////////////////*/
.motor_pagination_selected {
font-weight:bold;
}
/*//////////////////////////////////////////////////////////////////////////////////// Product Pagination /////////////////*/
.pagination {
}
.pagination li{
margin:0;
list-style-type: none;
display: inline;
float: left;
padding-right: 5px;
padding-bottom: 5px;
}
.pagination li a{
display:block;
margin:0;
text-align: center;
padding-right: 10px;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
}
/*//////////////////////////////////////////////////////////////////////////////////// Footer /////////////////*/
#botholder {
position:relative;
top:0px;
left:0px;
width:100%;
}
#bot{
margin:0 auto;
display:block;
width:100% ;
position:relative;
top:0;
left:0;
}
#bot .botbox {
width:300px;
}
#bot .botbox a{
}
#bot .botbox a:hover{
text-decoration:underline;
}
#bot .botbox h2{
margin-bottom:5px;
}
#bot .botbox ul li {
list-style-type:none;
list-style-position:outside;
}
#bot .botbox ul li a {
text-decoration:none;
}
#bot .botbox ul li a:hover {
text-decoration:underline;
}
/*///////////////// BOX 1 //////*/
#bot #botbox_1 {
position:absolute;
left:10px;
top:20px;
z-index:1;
}
#botbox_1 h2 {
display:none;
}
/*///////////////// BOX 2 //////*/
#bot #botbox_2 {
width:400px;
text-align: center;
margin-left:-200px;
position:absolute;
left:50%;
top:20px;
}
#botbox_2 #botbox_2_links {
position:relative;
left:0px;
top:90px;
}
/*///////////////// BOX 3 //////*/
#bot #botbox_3 {
position:absolute;
top:20px;
right:10px;
text-align:right;
width:350px;
z-index:1;
}
/*///////////////// BOX 4 //////*/
#bot #botbox_4 {
width:200px;
text-align: center;
margin-left:-100px;
position:absolute;
left:50%;
top:130px;
text-align:center;
}
#bot #botbox_4 table tr td {
text-align:center;
}
/*///////////////// ICONS //////*/
#footer_icons{
position:absolute;
left:180px;
top:25px;
width:400px;
height:50px;
overflow:hidden;
}
#box_footer_icons{
position:absolute;
left:0;
top:0;
width:100%;
height:50px;
overflow:hidden;
}
#footer_icons > div, #box_footer_icons > div {
float:left;
margin:0 5px 0 0;
}
.before_br {
display:block;
}
/*//////////////////////////////////////////////////////////////////////////////////// SIDEBAR ///////////*/
#sidebarholder {
position:fixed;
width:200px;
z-index:2000;
top:0;
right:-200px;
bottom:0;
left:auto;
display:block;
padding:0;
overflow: visible;
}
#sidebar {
position:absolute;
width:200px;
z-index:0;
top:0;
right:0;
bottom:0;
left:auto;
display:block;
background-color:#333;
text-align:center;
padding:20px 0px;
box-shadow:0px 0px 60px 0px #999999;
-mozbox-shadow:0px 0px 60px 0px #999999;
-webkit-box-shadow:0px 0px 60px 0px #999999;
-o-box-shadow:0px 0px 60px 0px #999999;
box-shadow:0px 0px 60px 0px #999999;
-mozbox-shadow:0px 0px 60px 0px #999999;
-webkit-box-shadow:0px 0px 60px 0px #999999;
-o-box-shadow:0px 0px 60px 0px #999999;
}
#sidebar * {
color:#fff;
font-size:15px;
}
#sidebar input, sidebar select {
color:#444;
}
#sidebar h2 {
font-size:24px;
}
#sidebar > form > div {
padding:10px;
position: relative;
background:#333333;
background:-webkit-gradient(linear, 0 0, 0 bottom, from(#5a585b), to(#333333)) #333333;
background:-moz-linear-gradient(#5a585b, #333333) #333333;
background:linear-gradient(#5a585b, #333333) #333333;
overflow:hidden;
text-align: left;
}
#sidebar > form > div > div {
text-align: center;
}
#sidebar p {
margin-top:0;
}
#sidebar p span.answer_status {
position:absolute;
top:0;
left:0;
}
#sidebar select {
margin-top:10px;
}
#sidebar select, #sidebar select option {
color:#444;
}
#sidebar a.sidebar_button:link, #sidebar a.sidebar_button:visited, #sidebar span.sidebar_button {
display: inline-block;
padding:10px 20px;
color:#fff;
background:#24855e;
background:-webkit-gradient(linear, 0 0, 0 bottom, from(#34b27f), to(#24855e)) #24855e;
background:-moz-linear-gradient(#34b27f, #24855e) #24855e;
background:linear-gradient(#34b27f, #24855e) #24855e;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px;
box-shadow:0px 0px 10px 0px #000000;
-mozbox-shadow:0px 0px 10px 0px #000000;
-webkit-box-shadow:0px 0px 10px 0px #000000;
-o-box-shadow:0px 0px 10px 0px #000000;
box-shadow:0px 0px 10px 0px #000000;
-mozbox-shadow:0px 0px 10px 0px #000000;
-webkit-box-shadow:0px 0px 10px 0px #000000;
-o-box-shadow:0px 0px 10px 0px #000000;
}
#sidebar a.sidebar_button:hover {
background:#cccccc;
background:-webkit-gradient(linear, 0 0, 0 bottom, from(#939393), to(#cccccc)) #cccccc;
background:-moz-linear-gradient(#939393, #cccccc) #cccccc;
background:linear-gradient(#939393, #cccccc) #cccccc;
}
#sidebarholder > #sidebar > #sidebar_button {
position:absolute;
display:block;
top:50%;
left:-125px;
margin-top:-50px;
height:50px;
line-height:50px;
width:200px;
color:#333;
text-decoration: none;
background-color:#ccc;
background-image:none;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
font-size: 20px;
-webkit-border-radius:5px 5px 0px 0px;
-moz-border-radius:5px 5px 0px 0px;
border-radius:5px 5px 0px 0px;
}
#sidebarholder_under {
position:fixed;
width:1000px;
z-index:1999;
top:0;
right:-1000px;
bottom:0;
left:auto;
display:block;
padding:0;
overflow: visible;
}
#sidebar_under {
position:absolute;
width:1000px;
z-index:0;
top:0;
right:0;
bottom:0;
left:auto;
display:block;
background-color:#fff;
padding:20px 0px;
box-shadow:0px 0px 60px 0px #999999;
-mozbox-shadow:0px 0px 60px 0px #999999;
-webkit-box-shadow:0px 0px 60px 0px #999999;
-o-box-shadow:0px 0px 60px 0px #999999;
box-shadow:0px 0px 60px 0px #999999;
-mozbox-shadow:0px 0px 60px 0px #999999;
-webkit-box-shadow:0px 0px 60px 0px #999999;
-o-box-shadow:0px 0px 60px 0px #999999;
overflow:hidden;
}
/*//////////////////////////////////////////////////////////////////////////////////// cookie request styles ///////////*/
#cookierequester {
position:fixed;
width:100%;
z-index:999;
top:0;
left:0;
display:block;
background:url(/library/overlay.png) repeat;
text-align:center;
padding:5px 0;
color:#fff !important;
font-size:11px !important;
font-family:Arial, Helvetica, sans-serif !important;
}
#cookierequester a:link, #cookierequester a:visited {
color:#333 !important;
background-color:#eee !important;
-webkit-border-radius:2px 2px 2px 2px;
-moz-border-radius:2px 2px 2px 2px;
border-radius:2px 2px 2px 2px;
padding:1px 5px !important;
}
/* video holder */
#videoholder {
position:fixed;
top:0;
left:0;
bottom:0;
right:0;
width:100%;
z-index:1000;
text-align: center;
vertical-align: middle;
background:url(/library/black70percent.png);
}
#playingvideo {
background-color:#000;
color:#ccc;
display: inline-block;
box-shadow:0px 0px 40px 0px #000000;
-mozbox-shadow:0px 0px 40px 0px #000000;
-webkit-box-shadow:0px 0px 40px 0px #000000;
-o-box-shadow:0px 0px 40px 0px #000000;
box-shadow:0px 0px 40px 0px #000000;
-mozbox-shadow:0px 0px 40px 0px #000000;
-webkit-box-shadow:0px 0px 40px 0px #000000;
-o-box-shadow:0px 0px 40px 0px #000000;
}
#playingvideo > p, #playingvideo > p * {
color:#ccc !important;
}
#stoppingvideo {
position:absolute;
top:10px;
right:30px;
color:#ccc;
font-size:60px;
font-weight:bold;
font-family:arial, helvetica sans-serif;
}
/*//////////////////////////////////////////////////////////////////////////////////// overlay styles ///////////*/
#msg #pageloginform label {
width:120px;
}
#msg a.msgbutton:link, #msg a.msgbutton:visited {
display:inline-block;
padding:10px 20px;
margin: 5px 0;
background-color:#333;
color:#eee !important;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px;
}
#msg a.msgbutton:hover {
background-color:#666;
}
#overholder {
position:fixed;
top:0;
left:0;
bottom:0;
right:0;
width:100%;
z-index:1000;
background:url(/library/black70percent.png);
}
#over {
position:static;
padding-top:70px;
padding-bottom:40px;
background-color:#fff;
z-index:1;
display:block;
left:50%;
color:#444;
width:1000px;
margin:50px auto;
height:550px;
overflow-x:hidden;
overflow-y:scroll;
box-shadow:0px 0px 30px 0px #000000;
-mozbox-shadow:0px 0px 30px 0px #000000;
-webkit-box-shadow:0px 0px 30px 0px #000000;
-o-box-shadow:0px 0px 30px 0px #000000;
box-shadow:0px 0px 30px 0px #000000;
-mozbox-shadow:0px 0px 30px 0px #000000;
-webkit-box-shadow:0px 0px 30px 0px #000000;
-o-box-shadow:0px 0px 30px 0px #000000;
}
/*////////////////////////////////////////////// Wizard Styles ///////////*/
#wizard {
position: relative;
top:-30px;
}
#wizard * {
font-family: arial, helvetica, sans-serif;
color:#444;
}
#wizard_menu {
overflow: visible;
position:fixed;
width:1000px;
height:70px;
top:0;
left:50%;
margin:50px auto 30px -500px;
z-index:10;
background: url(/library/wizards/wizard_top.png) no-repeat left top transparent;
}
#wizard_logo {
position:fixed;
top:10px;
left:50%;
margin-left:-550px;
z-index:20;
}
#wizard_close_button {
position:fixed;
top:60px;
left:50%;
margin-left:450px;
z-index:30;
}
h2#wizard_title {
position:relative;
left:80px;
font-size:30px;
font-weight: bold;
}
#wizard_progress {
width:100%;
height:80px;
background:url(/media/shared/wizard_progress_bg.jpg) repeat-x;
}
#wizard_progress a {
display:inline-block;
height:80px;
line-height:80px;
min-width:80px;
text-align:right;
padding-right:20px;
padding-left:20px;
font-weight:bold;
background:url(/media/shared/wizard_progress_link.png) no-repeat right top;
}
#wizard_progress a.currentwizard {
color:#fff;
background:url(/media/shared/wizard_progress_active.png) no-repeat right top;
}
#wizard_left {
margin-left:20px;
width:700px;
float:left;
}
#wizard_right {
float:right;
margin:50px 20px 0 0;
background-color:#eee;
border:1px solid #ccc;
border-top:10px solid #a0a0a0;
padding:10px;
width:200px;
min-height:60px;
}
form.wizform {
background-color:#fcfcfc;
border:1px solid #ccc;
padding:20px;
}
form.wizform.col2form p {
display:inline-block;
width:40%;
padding-right:5%;
}
#wizard a.wizard_button:link, #wizard a.wizard_button:visited, a.wizard_button:link, a.wizard_button:visited, a.ibutton:link, a.ibutton:visited {
background-color:#333 !important;
display:inline-block;
color:#eee !important;
margin-left:5px !important;
padding:8px 20px 8px 50px !important;
position:relative !important;
top:15px !important;
left:0 !important;
overflow:visible !important;
-webkit-border-radius:15px 15px 15px 15px;
-moz-border-radius:15px 15px 15px 15px;
border-radius:15px 15px 15px 15px;
}
#wizard a.wizard_button.content_selected:link, #wizard a.wizard_button.content_selected:visited {
background-color:#ccc !important;
color:#333 !important;
}
#page_login a.wizard_button:link, #page_login a.wizard_button:visited {
color:#eee !important;
}
#wizard a.wizard_button:hover, a.wizard_button:hover, a.ibutton:hover {
background-color:#666 !important;
}
#columns a.wizard_button {
position:absolute !important;
top:10px !important;
}
#wizard a.wizard_button img, a.wizard_button img, a.clickmedia img, a.ibutton img {
position:absolute !important;
top:-5px !important;
left:-2px !important;
}
#wizard_inner {
margin-top:16px;
border-top:10px solid #a0a0a0;
border-bottom:10px solid #a0a0a0;
padding:10px 0px;
}
#wizard_actions {
text-align: right;
}
a.clickmedia {
display:block;
position:absolute;
top:5px;
left:-15px;
bottom:auto;
background-color:#333 !important;
color:#eee !important;
margin-left:5px !important;
padding:8px 20px 8px 50px !important;
overflow:visible !important;
-webkit-border-radius:15px 15px 15px 15px;
-moz-border-radius:15px 15px 15px 15px;
border-radius:15px 15px 15px 15px;
}
/*/////////////////////////////////////// RESPONSIVE BOX ///////////*/
#resholder {
position:fixed;
top:0;
left:0px;
width:100%;
height:100%;
z-index:995;
background:url(/library/white80percent.png) repeat transparent;
}
#res {
position:relative;
z-index:1;
top:0px;
left:0px;
width:calc(100% - 40px);
height:calc(100% - 40px);
padding:20px;
display:block;
color:#444;
margin:0;
overflow-x:hidden;
overflow-y:auto;
}
#res h2 {
font-size:20px;
text-align:center;
}
#res_close {
position:absolute;
top:10px;
right:10px;
text-align: right;
cursor:pointer;
font-weight: bold;
font-size:50px;
color:#bb0000;
display:none;
}
#res_form {
padding-top:10px;
}
/*/////////////////////////////////////// useful box styles ///////////*/
#useholder {
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
z-index:995;
background:url(/library/black70percent.png) repeat;
}
#use {
position:relative;
padding:2% 20px;
z-index:1;
display:block;
color:#444;
width:800px;
margin:3% auto;
height:90%;
overflow-x:hidden;
overflow-y:auto;
box-shadow:0px 0px 30px 0px #000000;
-mozbox-shadow:0px 0px 30px 0px #000000;
-webkit-box-shadow:0px 0px 30px 0px #000000;
-o-box-shadow:0px 0px 30px 0px #000000;
box-shadow:0px 0px 30px 0px #000000;
-mozbox-shadow:0px 0px 30px 0px #000000;
-webkit-box-shadow:0px 0px 30px 0px #000000;
-o-box-shadow:0px 0px 30px 0px #000000;
background:url(/custom/library/boxes/use_top.png) top right repeat-x #fff;
}
#use_close {
position:absolute;
top:10px;
right:10px;
text-align: right;
cursor:pointer;
font-weight: bold;
font-size:50px;
color:#bb0000;
}
/*//////////////////////////////////////////// msg box styles ///////////*/
#msgholder {
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
z-index:9000;
background:url(/library/black70percent.png) repeat;
}
#msg {
position:fixed;
z-index:999;
display:block;
width:400px;
margin:160px 0 0 -221px;
border:1px solid #999;
background-color:#eee;
padding:20px;
left:50%;
text-align:center;
-webkit-border-radius:10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px;
box-shadow:0px 0px 30px 0px #000000;
-mozbox-shadow:0px 0px 30px 0px #000000;
-webkit-box-shadow:0px 0px 30px 0px #000000;
-o-box-shadow:0px 0px 30px 0px #000000;
box-shadow:0px 0px 30px 0px #000000;
-mozbox-shadow:0px 0px 30px 0px #000000;
-webkit-box-shadow:0px 0px 30px 0px #000000;
-o-box-shadow:0px 0px 30px 0px #000000;
}
#msg p {
font-weight:bold;
text-align:center;
color:#444;
}
#msg * {
color:#444 !important;
}
#msg input#msgok {
color:#444;
padding:2px 20px;
margin:0 auto;
cursor:pointer;
}
#msg a:link, #msg a:visited, #msg a:hover {
padding:2px 20px;
background-color:#F0F0F0;
text-decoration:none;
}
#msg #buy_options {
padding-top:0;
}
#msg #buy_options select {
width:60%;
}
#msg #buy_options select option {
text-align: center;
}
#msg #curprice, #msg #calculated_price, #msg p.option_group {
position:static;
background:none;
color:#444;
font-size: inherit;
font-family:inherit;
}
#msg #q {
padding:5px;
width:20px;
font-size: inherit;
text-align: center;
font-family:inherit;
}
/*//////////////////////////////////////////////////////////////////////////////////// PREVIEW /////////////////*/
#previewclose {
position:fixed;
top:10px;
right:10px;
background-color:#333;
padding:5px;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px;
}
#previewclose a:link, #previewclose a:visited, #previewclose a:hover {
text-decoration:none !important;
font-weight:bold;
color:#eee !important;
position:relative;
top:-5px;
}
#previewclose a img {
position:relative;
top:5px;
}
/*//////////////////////////////////////////////////////////////////////////////////// SCROLL TO TOP /////////////////*/
#scroll_to_top:link,#scroll_to_top:visited {
display:none;
text-decoration:none;
position:fixed;
top:auto;
right:20px;
bottom:20px;
left:auto;
}
/*//////////////////////////////////////////////////////////////////////////////////// ALERTS /////////////////*/
#site_alerts
{
position:fixed;
top:auto;
right:0;
bottom:0;
left:0;
display:none;
background:url(/library/black70percent.png) repeat;
text-align:center;
}
#site_alerts > a:link,
#site_alerts > a:visited
{
display:block;
min-height:60px;
line-height:60px;
margin:0;
padding:0;
color:#fff;
background-color:transparent;
}
#site_alerts > a:hover
{
color:#ffffff;
background-color:#333333;
}
/*//////////////////////////////////////////////////////////////////////////////////// JQuery COLOR PICKER /////////////////*/
#colorSelector {
position: relative;
width: 36px;
height: 36px;
background: url(/library/colorpicker/select.png);
}
#colorSelector div {
position: absolute;
top: 3px;
left: 3px;
width: 30px;
height: 30px;
background: url(/library/colorpicker/select.png) center;
}
.colorpicker {
width: 356px;
height: 176px;
overflow: hidden;
position: absolute;
background: url(/library/colorpicker/colorpicker_background.png);
font-family: Arial, Helvetica, sans-serif;
display: none;
}
.colorpicker_color {
width: 150px;
height: 150px;
left: 14px;
top: 13px;
position: absolute;
background: #f00;
overflow: hidden;
cursor: crosshair;
}
.colorpicker_color div {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
background: url(/library/colorpicker/colorpicker_overlay.png);
}
.colorpicker_color div div {
position: absolute;
top: 0;
left: 0;
width: 11px;
height: 11px;
overflow: hidden;
background: url(/library/colorpicker/colorpicker_select.gif);
margin: -5px 0 0 -5px;
}
.colorpicker_hue {
position: absolute;
top: 13px;
left: 171px;
width: 35px;
height: 150px;
cursor: n-resize;
}
.colorpicker_hue div {
position: absolute;
width: 35px;
height: 9px;
overflow: hidden;
background: url(/library/colorpicker/colorpicker_indic.gif) left top;
margin: -4px 0 0 0;
left: 0px;
}
.colorpicker_new_color {
position: absolute;
width: 60px;
height: 30px;
left: 213px;
top: 13px;
background: #f00;
}
.colorpicker_current_color {
position: absolute;
width: 60px;
height: 30px;
left: 283px;
top: 13px;
background: #f00;
}
.colorpicker input {
background-color: transparent;
border: 1px solid transparent;
position: absolute;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #898989;
top: 4px;
right: 11px;
text-align: right;
margin: 0;
padding: 0;
height: 11px;
}
.colorpicker_hex {
position: absolute;
width: 72px;
height: 22px;
background: url(/library/colorpicker/colorpicker_hex.png) top;
left: 212px;
top: 142px;
}
.colorpicker_hex input {
right: 6px;
}
.colorpicker_field {
height: 22px;
width: 62px;
background-position: top;
position: absolute;
}
.colorpicker_field span {
position: absolute;
width: 12px;
height: 22px;
overflow: hidden;
top: 0;
right: 0;
cursor: n-resize;
}
.colorpicker_rgb_r {
background-image: url(/library/colorpicker/colorpicker_rgb_r.png);
top: 52px;
left: 212px;
}
.colorpicker_rgb_g {
background-image: url(/library/colorpicker/colorpicker_rgb_g.png);
top: 82px;
left: 212px;
}
.colorpicker_rgb_b {
background-image: url(/library/colorpicker/colorpicker_rgb_b.png);
top: 112px;
left: 212px;
}
.colorpicker_hsb_h {
background-image: url(/library/colorpicker/colorpicker_hsb_h.png);
top: 52px;
left: 282px;
}
.colorpicker_hsb_s {
background-image: url(/library/colorpicker/colorpicker_hsb_s.png);
top: 82px;
left: 282px;
}
.colorpicker_hsb_b {
background-image: url(/library/colorpicker/colorpicker_hsb_b.png);
top: 112px;
left: 282px;
}
.colorpicker_submit {
position: absolute;
width: 22px;
height: 22px;
background: url(/library/colorpicker/colorpicker_submit.png) top;
left: 322px;
top: 142px;
overflow: hidden;
}
.colorpicker_focus {
background-position: center;
}
.colorpicker_hex.colorpicker_focus {
background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
background-position: bottom;
}
.colorpicker_slider {
background-position: bottom;
}
/*Tims Override for Neat Version*/
.colorpicker_new_color, .colorpicker_current_color, .colorpicker_hex, .colorpicker_field, .colorpicker_submit {
display:none;
}
.colorpicker {
width: 215px;
background: url(/library/colorpicker/colorpicker_background_small.png);
}
/*//////////////////////////////////////////////////////////////////////////////////// Wizard /////////////////*/
#wizard div.box {
border:10px solid #ccc;
margin-bottom:20px;
cursor:pointer;
}
#columns div#col1.col.withadd, #columns div#col2.col.withadd, #columns div#col3.col.withadd {
padding-top:40px;
}
.coladd {
position:absolute;
top:0;
left:0;
}
.showmewhenclicked {
padding-top:20px;
background:url(/library/white80percent.png) repeat;
display:none;
text-align:center;
position: absolute;
top:0;
right:0;
bottom:0;
left:0;
}
.sortthis {
background:#cccccc;
background:-webkit-gradient(linear, 0 0, 0 bottom, from(#eeeeee), to(#cccccc)) #cccccc;
background:-moz-linear-gradient(#eeeeee, #cccccc) #cccccc;
background:linear-gradient(#eeeeee, #cccccc) #cccccc;
}
.themeselect {
display:block;
height:200px;
position:relative;
margin-bottom:20px;
background-color: #fff;
overflow: hidden;
cursor: pointer;
}
.themeimg {
position:absolute;
top:0;
left:0;
width:280px;
}
.themetitle {
position:absolute;
top:10px;
left:300px;
}
.themesd {
position:absolute;
top:40px;
left:300px;
}
.image_full_width img {
vertical-align: top;
}
/*//////////////////////////////////////////////////////////////////////////////////// Lightbox /////////////////*/
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/library/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/library/lightbox/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ;position:relative;z-index:1000; }
#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;}
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/*//////////////////////////////////////////////////////////////////////////////////// FANCYBOX /////////////////*/
/*! 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('/library/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('/library/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('/library/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('/library/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('/library/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('/library/fancybox/fancybox_loading@2x.gif');
background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
}
}
/*//////////////////////////////////////////////////////////////////////////////////// Non-semantic helper classes /////////////////*/
/*hidden elements */
iframe [src=""] {
display:none;
}
.nav_hidden{
display:none;
}
/* For image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
/* Hide for both screenreaders and browsers:
css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }
/* Hide only visually, but have it available for screenreaders: by Jon Neal.
www.webaim.org/techniques/css/invisiblecontent/ & j.mp/visuallyhidden */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
j.mp/bestclearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }
body {
background-color:#e3e6ff;
}
#body {
background:#e3e6ff;
background:-webkit-gradient(linear, 0 0, 0 bottom, from(#c4c8ee), to(#e3e6ff)) #e3e6ff;
background:-moz-linear-gradient(#c4c8ee, #e3e6ff) #e3e6ff;
background:linear-gradient(#c4c8ee, #e3e6ff) #e3e6ff;
}
#pageholder {
background:url(/custom/library/topnav_bg.png) repeat-x top transparent;
}
#topholder {
height:170px;
}
#logo {
top:0;
height:150px;
width:220px;
background-color:#fff;
box-shadow:0px 0px 10px 0px #000000;
-mozbox-shadow:0px 0px 10px 0px #000000;
-webkit-box-shadow:0px 0px 10px 0px #000000;
-o-box-shadow:0px 0px 10px 0px #000000;
}
#sshow {
top:170px;
width:960px;
height:500px;
}
#tnav {
top:80px;
left:240px;
bottom:auto;
}
#tmenu li.tnav {
list-style-type:none;
}
#tmenu li.tnav a:link, #tmenu li.tnav a:visited {
color:#fff;
padding:0 15px;
margin-right:5px;
}
#tmenu li.tnav a:hover, #tmenu li.tnav a#thisa:link, #tmenu li.tnav a#thisa:visited {
background-color:#fff;
color:#193b81;
}
#columns {
margin-top:20px;
}
#botholder {
background:url(/custom/library/bot_bg.png) repeat-x top transparent;
height:100px;
}
#bot #botbox_1 {
top:13px;
left:0;
}
#bot #botbox_1 * {
text-decoration: none;
color:#fff;
font-weight:normal;
}
#bot #botbox_1 img {
position:relative;
top:-2px;
}
#bot #botbox_1 a {
width: 90px;
display: inline-block;
}
#bot #botbox_1 {
top: 14px !important;
}
#botbox_2 #botbox_2_links {
top:40px;
}
#bot #botbox_3 {
top:15px;
left:200px;
right:10px;
width:750px;
}
#botbox_3 h2 {
color:#fff;
float:right;
font-size:13px;
}
#bot #botbox_3 span {
position:relative;
top:3px;
float:left;
color:#fff;
}
#bot #botbox_3 span a:link, #bot #botbox_3 span a:visited {
text-decoration: none;
color:#fff;
}
#bot #botbox_3 span a:hover {
text-decoration: underline;
}
/*////////////////////////////////////////////////////////////////////////////////////// Common ///////////*/
#columns .box, #cols .box, h1, h2, h3, h4, h5, h6, #cols h2, #cols .box_content p, #cols .box_content li, #cols .box_content a:link, #cols .box_content a:visited {
margin-bottom: 10px;
}
#skiptocontent {
height: 1px;
width: 1px;
position: absolute;
overflow: hidden;
top: -10px;
}
h1{
font-size:40px;
margin-bottom: 20px;
margin-top:0;
}
.box h2, #cols .box h2
{
font-size:20px;
}
h2 img{
vertical-align: middle;
}
.box_html5_presentation {
position:relative;
top:0;
left:0;
}
a.slidesjs-navigation {
position:absolute;
top:calc(50% - 15px);
z-index:2000;
}
a.slidesjs-previous {
left:20px;
}
a.slidesjs-next {
right:20px;
}
ul.slidesjs-pagination {
position:absolute;
bottom:20px;
left:50%;
right:auto;
z-index:2001;
display:block;
text-align:center;
width:200px;
margin-left:-100px;
}
ul.slidesjs-pagination li.slidesjs-pagination-item {
display:inline-block;
height:20px;
width:20px;
border:0;
-webkit-border-radius:10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px;
margin:0 5px;
}
ul.slidesjs-pagination li.slidesjs-pagination-item a:link, ul.slidesjs-pagination li.slidesjs-pagination-item a:visited {
display:inline-block;
height:0;
width:0;
border:10px solid #fff;
-webkit-border-radius:10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px;
box-shadow:0px 0px 5px 0px #333333;
-mozbox-shadow:0px 0px 5px 0px #333333;
-webkit-box-shadow:0px 0px 5px 0px #333333;
-o-box-shadow:0px 0px 5px 0px #333333;
box-shadow:0px 0px 5px 0px #333333;
-mozbox-shadow:0px 0px 5px 0px #333333;
-webkit-box-shadow:0px 0px 5px 0px #333333;
-o-box-shadow:0px 0px 5px 0px #333333;
overflow:hidden;
}
ul.slidesjs-pagination li.slidesjs-pagination-item a.active:link, ul.slidesjs-pagination li.slidesjs-pagination-item a.active:visited {
border-color:#444;
}
ul.slidesjs-pagination li.slidesjs-pagination-item a:hover {
border-color:#ccc;
}
/*
.slidesjs-pagination, .slidesjs-navigation {
display:none !important;
}
*/
/* Column Setup */
#body.custom_page_345 #col1, #col_1, #body.custom_page_345 .col1, .col_1 {
padding-top:0px;
float:left;
display:block;
min-height:100px;
width:0 ;
position:relative;
padding:0 !important;
padding-left:0 !important;
padding-right:0 !important;
margin:0 !important;
}
#col_1 {
width: calc(0 + 2px);
}
#body.custom_page_345 #col2, #col_2, #body.custom_page_345 .col2, .col_2 {
padding-top:0px;
float:left;
display:block;
min-height:100px;
width:60% ;
position:relative;
padding:0 !important;
padding-left:0 !important;
padding-right:0 !important;
margin:0 3% !important;
}
#col_2 {
width: calc(60% + 2px);
}
#body.custom_page_345 #col3, #col_3, #body.custom_page_345 .col3, .col_3 {
padding-top:0px;
float:left;
display:block;
min-height:100px;
width:30% ;
position:relative;
padding:0 !important;
padding-left:0 !important;
padding-right:0 !important;
margin:0 3% 0 0 !important;
}
#col_3 {
width: calc(30% + 2px);
}
/* Edit View Styles */
#editbuttonsholder {
position:fixed;
top:10px;
left:10px;
z-index:100;
width:60px;
}
.editable {
position:relative;
left:0;
top:0;
cursor:move;
}
.badeditable {
position:relative;
left:0;
top:0;
}
div.editmediabuttons {
position:absolute !important;
display:none;
top:-10px;
left:10px;
width:85px;
height:40px;
background-color:#333;
z-index:100;
-webkit-border-radius:30px 30px 30px 30px;
-moz-border-radius:30px 30px 30px 30px;
border-radius:30px 30px 30px 30px;
}
a.choosemediabutton {
position:absolute !important;
display:block;
top:5px;
left:10px;
width:50px;
height:40px;
z-index:100;
}
a.editdel {
position:absolute;
top:-1px;
left:-5px;
}
a.editclick {
position:absolute;
top:-1px;
left:36px;
}
.box, #col_2 > div, #col2 > div {
min-height:30px;
margin-bottom: 10px;
}
#col_2 > div.clear, #col2 > div.clear {
min-height:0px;
margin-bottom: 0px;
}
.box p,.box_quote p,.box .feed ul li,.box .feed ul li a, #col_2 div p, #main_content p, #main_content p, .nav_menu .nav_item a {
word-wrap:break-word;
display:block;
}
.box .feed ul,.box .feed ul li, .nav_menu, .nav_menu .nav_item, .nav_menu .nav_item ul, .nav_menu .nav_item ul li {
list-style: none outside none;
}
.box.text ol,.box.text ul {
padding-left:0;
}
#columns .box.text ol li, #columns .box.text ul li, #cols .box.text ol li, #cols .box.text ul li
{
position:relative;
list-style-position: outside;
list-style-type: disc;
left:30px;
padding-right:30px;
}
.box p,.box_quote p,.box .feed ul li,.box .feed ul li a, .nav_menu .nav_item a {
padding:10px;
}
/* Box Headings */
h2 {
margin-top:0;
}
.box h2, #cols h2{
padding:5px;
}
#col1 .box h2, #col_1 .box h2{
}
#col3 .box h2, #col_3 .box h2{
}
input.error {
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* /////////////////////////////////////////////////////////////////////////////////// BROCHURE //////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////// Navigation Module ///////////*/
/* Navigation Styles */
.nav_menu, .nav_menu ul {
margin-left:0;
padding-left:0;
}
.nav_menu .nav_item a {
text-decoration:none;
}
.nav_menu .nav_item:hover,#currentli {
}
.nav_menu .nav_item ul li a {
text-align:right;
font-size:11px;
}
.nav_menu .nav_item ul li a:hover, #subcurrenta {
text-decoration:underline;
}
/*////////////////////////////////////////////////////////////////////////////////////// Twitter Module ///////////*/
.twit_box {
background:url(/library/icon_twitter.png) 97% 5px no-repeat transparent;
}
.twit_box .twit_title {
font-weight:bold;
color:#333;
}
.twit_box .twit_time {
display:block;
font-size:10px;
color:#333;
}
.twit_box .twit_time a:link, .twit_box .twit_time a:visited {
font-size:10px;
display:inline;
padding:0px;
}
.twit_box .twit_link {
display:block;
font-size:10px;
color:#333;
float:left;
margin:5px 0;
text-decoration:none;
position:relative;
}
#col1 .twit_box div.feed ul, #col1 .twit_box div.feed ul li,
#col3 .twit_box div.feed ul, #col3 .twit_box div.feed ul li,
#col_1 .twit_box div.feed ul, #col_1 .twit_box div.feed ul li,
#col_3 .twit_box div.feed ul, #col_3 .twit_box div.feed ul li {
margin:0;
}
.twit_box div.feed ul li {
list-style-type:none;
padding:10px;
margin:10px 0;
color:#333;
}
.twit_box div.feed ul li a:link, .twit_box div.feed ul li a:visited {
color:#333;
}
.twit_box div.pagination ul li {
list-style-type:none;
margin:5px;
padding:0px;
}
.twit_box div.pagination ul li a:link, .twit_box div.pagination ul li a:visited {
color:#333;
list-style-type:none;
padding:10px;
border:0px;
}
.twit_box div.pagination ul li a:hover,.twit_box div.pagination ul li.current_pagination_item a:link,.twit_box div.pagination ul li.current_pagination_item a:visited {
color:#333;
list-style-type:none;
padding:9px;
background-color:#eee;
border:1px solid #bbb;
}
.feed ul li {
clear:both;
}
#col1 .twit_box div.feed div.pagination ul li,
#col3 .twit_box div.feed div.pagination ul li,
#col_1 .twit_box div.feed div.pagination ul li,
#col_3 .twit_box div.feed div.pagination ul li {
clear:none;
margin-left:10px;
}
.twitter #twitter_tweet
{
padding: 10px;
margin: 5px 0;
display: block;
position: relative;
}
.twitter #twitter_tweet .twitter_profile_image
{
float: left;
margin: 0 10px 5px 0;
}
.twitter #twitter_tweet .twitter_screen_realname,
.twitter #twitter_tweet .twitter_screen_atname
{
float: left;
width: calc(100% - 58px);
padding: 0;
}
.twitter #twitter_tweet .twitter_tweet_text
{
display: inline-block;
width: 100%;
word-wrap: break-word;
}
.twitter_information_top {
position: relative;
}
img.twitter_information_image {
margin-left: 10px;
}
p.twitter_information_realname {
font-size: 15px;
font-weight: bold;
margin-bottom: 0;
padding: 5px 10px;
}
p.twitter_information_atname {
padding: 5px 10px;
}
.twitter_information_bottom {
padding: 0 10px;
}
.twitter_information_coverphoto {
margin-bottom: -60px;
}
p.twitter_follow_button {
padding: 10px 0;
}
.twitter_information_bottom * {
display: block;
}
div#twitter_head_style_1 img.twitter_information_image {
margin: 0 auto !important;
display: block;
}
div#twitter_head_style_1 * {
text-align: center;
display: block;
margin: 0 auto;
}
/*////////////////////////////////////////////////////////////////////////////////////// Folder View Module ///////////*/
.box.downloads ul {
margin-bottom:10px;
}
.box.downloads ul, .box.downloads li {
list-style-type:none;
clear:both;
}
a.downloadslink:link, a.downloadslink:visited, a.downloadsfile:link, a.downloadsfile:visited {
display:block;
padding-top:10px;
min-height:30px;
}
a.downloadslink img, a.downloadsfile img {
float:left;
position:relative;
top:-10px;
}
/*////////////////////////////////////////////////////////////////////////////////////// Quote Module ///////////*/
.box_quote_t {
background:url("/library/q_top.png") no-repeat scroll left top;
display:block;
height:60px;
margin-bottom:-60px;
}
.box_quote_b {
background:url("/library/q_bot.png") no-repeat scroll right top;
display:block;
height:60px;
margin-top:-60px;
}
/*////////////////////////////////////////////////////////////////////////////////////// Newsletter Module ///////////*/
#col_2 div #newsletter, #col2 div #newsletter {
padding:20px;
}
.newsletter p label, #newsletter p label {
display: inline-block;
text-align: right;
width: 110px;
vertical-align:top;
}
#newsletter p input[type="text"] {
width:50%;
}
#col_1 .newsletter p label, #col1 .newsletter p label, #col_3 .newsletter p label, #col3 .newsletter p label {
text-align:left;
}
#col_1 .newsletter p input[type="text"], #col1 .newsletter p input[type="text"], #col_3 .newsletter p input[type="text"], #col3 .newsletter p input[type="text"] {
width:90%;
}
/*////////////////////////////////////////////////////////////////////////////////////// Form Module ///////////*/
.box .emailer p {
padding-top:5px;
padding-bottom:5px;
text-align:left;
}
.emailer label {
display: inline-block;
text-align: right;
width: 100px;
margin-right:20px;
vertical-align:top;
}
.emailer label.checkradiolabel {
text-align:left;
margin-left:10px;
}
.emailer span.checkradiospan {
display:inline-block;
}
.emailer input[type="text"], .emailer input[type="password"], .emailer input[type="email"], .emailer input[type="tel"], .emailer textarea, .emailer select, .emailer span.form_multiple, .emailer span.form_datetime, .emailer span.verifyimage {
display: inline-block;
text-align: left;
width: 200px;
padding:3px;
}
.emailer span.form_datetime input[type="text"].formatthedate {
width:calc(90% - 55px) !important;
}
.emailer select {
width:210px;
}
#col1 .emailer input[type="text"], #col1 .emailer input[type="tel"], #col1 .emailer input[type="email"], #col1 .emailer textarea, #col1 .emailer select, #col_1 .emailer input[type="text"], #col_1 .emailer input[type="tel"], #col_1 .emailer input[type="email"], #col_1 .emailer textarea, #col_1 .emailer select, #col3 .emailer input[type="text"], #col3 .emailer input[type="tel"], #col3 .emailer input[type="email"], #col3 .emailer textarea, #col3 .emailer select, #col_3 .emailer input[type="text"], #col_3 .emailer input[type="tel"], #col_3 .emailer input[type="email"], #col_3 .emailer textarea, #col_3 .emailer select {
width:100%;
}
#col1 .emailer label, #col_1 .emailer label, #col3 .emailer label, #col_3 .emailer label {
text-align: left;
width: 100%;
}
#col1 .emailer label.checkradiolabel, #col_1 .emailer label.checkradiolabel, #col3 .emailer label.checkradiolabel, #col_3 .emailer label.checkradiolabel {
width:auto;
margin-left:5px;
margin-right:0;
}
a.doshowmore:link, a.doshowmore:visited {
position:absolute;
right:0;
bottom:0;
}
a.doshowmore img.chevron {
position:absolute;
right:0;
bottom:0;
}
/*////////////////////////////////////////////////////////////////////////////////////// Calendar Module ///////////*/
.cal_holder{
z-index:10;
}
.cal_day{
width:12%;
margin:0.5% 0%;
}
.cal_events{
display:none;
position:absolute;
bottom:0px;
right:0px;
}
.cal_events_inner{
position:relative;
/* Move this across whilst leaving .cal_events in place so that the :hover still works in the gap between day and inner. */
bottom:20px;
right:20px;
}
.cal_week .cal_day.cal_hasevents:hover .cal_events{
display:block !important;
}
.cal_top .cal_link {
text-decoration:none;
display:inline;
font-size:2em;
}
.cal_top h2 {
text-align:center;
}
.cal_day_names .cal_day{
font-weight:bold;
}
.cal_day_names .cal_day {
height: 15px;
}
.cal_day{
position:relative;
height:200%;
text-align:center;
display:inline-block;
}
.cal_week,.cal_day_names {
text-align:center;
margin:0 auto;
}
.cal_week .cal_day{
line-height:200%;
}
div.cal_week .cal_day.cal_today /*Specificity 31*/{
background:#666;
}
div.cal_week .cal_day.cal_today.cal_hasevents /*Specificity 31*/{
background:#666 url(../library/info.png) left bottom no-repeat;
}
.cal_week .cal_day{
background:#ddd;
}
.cal_week:nth-child(2n+1) .cal_day /*specificity 30*/{
background:#ccc;
}
.cal_week .cal_day.cal_hasevents{
background:#D6E2E0 url(../library/info.png) left bottom no-repeat;
}
.cal_events{
width:200px;
}
.cal_events_inner{
width:150px;
border:1px solid #ccc;
background:#eee;
text-align:left;
line-height:20px;
padding:10px;
margin-bottom:10px;
}
.cal_events_inner ul{
list-style:none;
}
li.cal_time{
font-weight:bold;
}
li.cal_time ul{
border-top:1px solid #333;
font-weight:normal;
}
li.cal_time ul li{
margin-left:10px;
}
li.cal_time ul li a{
text-decoration:none;
}
li.cal_time ul li a:hover{
color:#333;
}
.col{
overflow:hidden;
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////// BLOG WIDGET Module //////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.blogwidget_item {
display:block;
clear:both;
}
.blogwidgetdate {
display:block;
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////// Search Filter Module ///////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.filtersearch label {
clear:left;
}
.filtersearch label span {
display:block;
width:100%;
margin:0;
padding:10px 0 5px 0;
}
.filtersearch label select, .filtersearch input[type="submit"] {
display:block;
width:100%;
margin:0;
padding:10px 0;
}
#search {
outline:none;
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* /////////////////////////////////////////////////////////////////////////////////// MOTORS ////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////// Motors Filter/Sorter Module ///////////*/
#motorfiltersort {
background-color: #EEEEEE;
border: 1px solid #CCCCCC;
padding:10px;
margin:0px 0px 10px 0px;
}
#motorfiltersort select {
width:140px;
display:inline-block;
}
#motorfilterdiv {
padding:0px 0px 10px 0px;
}
#motorfilterdiv label,#motorsorterdiv label {
text-align:right;
width:225px;
margin-left:10px;
display:inline-block;
}
#motorsorterdiv {
position:relative;
top:0;
left:0;
}
#motorsorterdiv label {
display:block;
clear:both;
float:none;
}
#motorsubmitdiv {
position:absolute;
right:15px;
bottom:0px;
}
#motorsubmitdiv input {
padding:10px 30px;
}
#motorfiltermsg {
display:none;
background:#c61010;
border:1px solid #860808;
color:#fff;
padding:10px;
margin:10px 0px 0px 0px;
text-align:center;
}
/*//////////////////////////////////////////////////////////////////////////////////// Motor List Module ///////////*/
.mlist {
position:relative;
top:0;
left:0;
display:block;
text-decoration:none;
margin:0 0 10px 0 !important;
overflow: hidden;
min-height:120px;
}
.mlist img {
position:absolute;
left:0;
top:0;
display:block;
width:150px;
height:100px;
}
.mlisttitle,.mlist span {
display:block;
padding-left:160px;
text-align:left;
}
/*//////////////////////////////////////////////////////////////////////////////////// Motor Detail Module ///////////*/
#mleft{
width:600px;
float:left;
}
#thumbs {
display:block;
position:relative;
top:0;
left:0;
width:calc(100% - 30px);
padding:0 0 0 30px;
overflow-x:hidden;
overflow-y:hidden;
}
#thumbs_content {
display:block;
position:absolute;
top:0;
bottom:0;
left:30px;
width:auto;
padding:0;
overflow-x:hidden;
overflow-y:hidden;
}
#thumbs_content > *, #thumbs_content > div > *, #thumbs_content > div > div > a {
margin:0;
}
#thumbs a.leftclick {
display:none;
position:absolute;
top:0;
bottom:0;
left:0;
width:30px;
background:url(/custom/library/boxes/thumbs_left.png) no-repeat top left transparent;
text-align:center;
z-index:500;
}
#thumbs a.rightclick {
display:none;
position:absolute;
top:0;
right:0;
bottom:0;
width:30px;
background:url(/custom/library/boxes/thumbs_right.png) no-repeat top left transparent;
text-align:center;
z-index:500;
}
#mright{
position:relative;
left:0;
top:0;
width:380px;
float:right;
}
#mright > div{
}
#mright > div h2{
margin-bottom:10px;
font-size:20px;
font-weight: normal;
}
span.motordetail_label {
display:inline-block;
width:40%;
margin-right:5%;
}
span.motordetail_data {
display:inline-block;
width:52%;
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* /////////////////////////////////////////////////////////////////////////////////// PROPERTIES ////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////// Property Filter/Sorter Module ///////////*/
#propertyfiltersort {
background-color: #EEEEEE;
border: 1px solid #CCCCCC;
padding:10px;
margin:0px 0px 10px 0px;
}
#propertyfiltersort select {
width:140px;
display:inline-block;
}
#propertyfilterdiv {
padding:0px 0px 10px 0px;
}
#propertyfilterdiv label,#propertysorterdiv label {
text-align:right;
width:225px;
margin-left:10px;
display:inline-block;
}
#propertysorterdiv {
position:relative;
top:0;
left:0;
}
#propertysorterdiv label {
display:block;
clear:both;
float:none;
}
#propertysubmitdiv {
position:absolute;
right:15px;
bottom:0px;
}
#propertysubmitdiv input {
padding:10px 30px;
}
#propertyfiltermsg {
display:none;
background:#c61010;
border:1px solid #860808;
color:#fff;
padding:10px;
margin:10px 0px 0px 0px;
text-align:center;
}
/*//////////////////////////////////////////////////////////////////////////////////// Property List Module ///////////*/
.pylist {
position:relative;
top:0;
left:0;
width:510px;
display:inline-block;
text-decoration:none;
margin:0px 5px 10px 0px !important;
border:1px solid #ddd;
overflow: hidden;
color:#444;
height:120px;
}
.pylist img {
width:180px;
height:180px;
}
.pylist span {
text-align:left;
padding:10px;
}
.pylisttitle {
position:absolute;
top:0px;
left:190px;
font-size:13px;
font-weight:bold;
}
.pylistprice {
position:absolute;
top:40px;
left:190px;
color:#000;
font-size:20px;
font-weight:normal;
}
/*//////////////////////////////////////////////////////////////////////////////////// Property Detail Module ///////////*/
#pyleft{
width:350px;
float:left;
}
#pyleft #pythumbs a{
width:70px;
height:70px;
margin-right:5px;
margin-bottom:5px;
overflow:hidden;
display:block;
float:left;
}
#pyright{
position:relative;
left:0;
top:0;
width:380px;
float:right;
font-size:12px;
}
#pyright > div{
}
#pyright > div h2{
margin-bottom:10px;
font-size:20px;
font-weight: normal;
}
div.pydetail {
color:#444;
padding:2px 10px;
margin:5px;
display:block;
}
span.pydetail_label {
display:inline-block;
width:100px;
margin-right:10px;
}
span.pydetail_data {
display:inline-block;
width:200px;
margin-right:10px;
}
#pyprice {
clear:left;
font-size: 36px;
height: 36px;
line-height:36px;
background-color:transparent;
}
#pyoptions:before {
display:block;
content:"Description";
font-weight:normal;
font-size:18px;
border-bottom:1px solid #777;
width:100%;
padding:5px 0;
margin:10px 0;
}
#pyoptions span.pydetail_label {
display:none;
}
#pyoptions span.pydetail_data {
width:350px;
}
#pyfueltype:before {
display:block;
content:"Details";
font-weight:normal;
font-size:18px;
border-bottom:1px solid #777;
width:100%;
padding:5px 0;
margin:10px 0;
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* /////////////////////////////////////////////////////////////////////////////////// eCommerce /////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////// eCommerce Common ///////////*/
#col2.productcol, #col_2.productcol {
}
#col3.productcol, #col_3.productcol {
}
#ecommerce_module form fieldset legend {
display:none;
}
#ecommerce_module div.buttons span.noterequired {
padding:5px 10px;
}
#ecommerce_module div.buttons a:link, #ecommerce_module div.buttons a:visited, #ecommerce_module div.buttons span.noterequired {
float:right;
margin:5px;
}
#ecommerce_module div.buttons.myaccount a:link, #ecommerce_module div.buttons.myaccount a:visited {
float:left;
}
#ecommerce_module div.buttons a:link, #ecommerce_module div.buttons a:visited, #page_login a:link, #page_login a:visited {
padding:5px 10px;
background:#003867;
color:#fff;
text-decoration:none;
font-weight:bold;
}
#ecommerce_module div.buttons a:hover, #page_login a:hover {
background:#000;
}
#ecommerce_module #cform label, #page_login label {
width:200px;
}
#ecommerce_module #cform input, #ecommerce_module #cform terminal, #ecommerce_module #cform select {
border:1px solid #ccc;
background-color:#ddd;
color:#333;
}
#loginstuff h2, #page_login h2 {
margin-bottom:10px;
}
/*//////////////////////////////////////////////////////////////////////////////////// CATEGORY LIST ///////////*/
.clist {
display:inline-block;
text-decoration:none;
}
.clist img {
width:180px;
height:180px;
}
.clist span {
display:inline-block;
}
/*//////////////////////////////////////////////////////////////////////////////////// BRAND LIST ///////////*/
.brandlist {
display:block;
}
.clist img {
width:200px;
height:30px;
}
.clist span {
display:block;
}
/*//////////////////////////////////////////////////////////////////////////////////// BRAND GRID ///////////*/
.brandscroller_grid_holder,
ul.brandscroller_grid
{
display:block;
position:relative;
top:0;
left:0;
font-size:0;
text-align:center;
}
ul.brandscroller_grid > li
{
display:inline-block;
position:relative;
top:0;
left:0;
width:calc((100% / 3) - 14px);
height:100px;
margin:0 0 30px 0;
text-align:center;
}
ul.brandscroller_grid > li:nth-of-type(3n+2)
{
margin:0 21px 30px 21px;
}
ul.brandscroller_grid > li > a > img
{
max-width:100%;
height:auto;
}
/*//////////////////////////////////////////////////////////////////////////////////// PRODUCT LIST ///////////*/
.plist {
position:relative;
top:0;
left:0;
width:510px;
display:inline-block;
text-decoration:none;
margin:0px 5px 10px 0px !important;
border:1px solid #ddd;
overflow: hidden;
}
.plist img {
float:left;
width:180px;
height:180px;
}
.plist > span {
text-align:left;
padding:5px 10px;
display: block;
float:left;
width:310px;
}
.plist a.mini_info, .plist a.mini_buy {
display:block;
position:absolute;
background:#eee;
padding:5px;
}
.plist a.mini_buy {
right:0;
bottom:0;
}
.plist a.mini_info {
right:0;
top:0;
}
.plist .product_info{
display:block;
}
.plisttitle {
position:absolute;
top:20px;
left:190px;
color:#000 !important;
font-size:16px;
font-weight:bold;
}
.plistprice {
position:absolute;
top:40px;
left:190px;
color:#000;
font-size:20px;
font-weight:normal;
}
.plist .product_info{
display:none;
}
#col_2 div.clear {
min-height:0px;
}
/* -- Horizontal -- */
.product_list.list a.plist{
display: block;
overflow:hidden;
margin:10px 0;
width:100%;
}
/*//////////////////////////////////////////////////////////////////////////////////// Related Products Scroller ///////////*/
.xlink_content_content {
display:block;
position:relative;
top:0;
left:0;
width:calc(100% - 30px);
padding:0 0 0 30px;
min-height:50px;
overflow-x:hidden;
overflow-y:hidden;
}
.xlink_content_content > .xlink_content_content_scroll {
display:block;
position:absolute;
top:0;
bottom:0;
left:30px;
width:auto;
padding:0;
min-height:50px;
overflow-x:hidden;
overflow-y:hidden;
}
.xlink_content_content > .xlink_content_content_scroll > *, .xlink_content_content > .xlink_content_content_scroll > div > *, .xlink_content_content > .xlink_content_content_scroll > div > div > a {
margin:0;
}
.xlink_content_content a.leftclick {
display:none;
position:absolute;
top:0;
bottom:0;
left:0;
width:30px;
background:url(/custom/library/boxes/related_thumbs_left.png) no-repeat top left transparent;
text-align:center;
z-index:500;
}
.xlink_content_content a.rightclick {
display:none;
position:absolute;
top:0;
right:0;
bottom:0;
width:30px;
background:url(/custom/library/boxes/related_thumbs_right.png) no-repeat top left transparent;
text-align:center;
z-index:500;
}
/*////////////////////////////////////////////////////////////////////////////////////// eCommerce Mini Basket Module ///////////*/
#minibasket {
display:none;
}
#minibasket_popup {
position:absolute;
top:0;
left:0;
display:none;
background-color:#fff;
padding:20px;
}
.minibasket_row {
border-bottom:1px dashed #333333;
padding-bottom:5px;
margin-bottom:0px;
}
/*////////////////////////////////////////////////////////////////////////////////////// Legacy eCommerce Basket ///////////*/
#basket .row.header {
background:#eee;
border:1px solid #ccc;
}
#basket .row, #totals > .row {
min-height:20px;
padding:10px;
border-bottom:1px solid #ccc;
}
#basket .row:nth-child(2n){
}
#basket .row > div{
float:right;
width:100px;
overflow:hidden;
}
#basket input{
width:40px;
}
#col2 div#basket, #col2 div#basket div {
}
#col2 div#basket div.header {
}
#col2 #basket div.delete {
width:50px;
}
#col2 #basket div.bquantity {
width:60px;
}
#col2 #basket div.bimage {
width:100px;
}
#col2 #basket div.bproduct {
position:relative;
top:0;
left:0;
width:200px;
}
#col2 #basket div.bdeliverymethod {
width:200px;
text-align:right;
}
#col2 #basket div.bdeliverydate {
width:200px;
text-align:right;
}
#col2 #basket div.bdeliverydate input.datefield {
width:120px;
}
#col2 #basket div.bprice {
width:80px;
text-align:right;
}
#col2 #basket div.bdelivery {
width:400px;
text-align:right;
}
#col2 #basket div.bdelivery select {
width:100%;
text-align:right;
}
#col2 #basket div.bsubtotal {
width:80px;
text-align:right;
}
#col2 #basket div.breorder {
width:60px;
text-align:right;
}
#col2 #basket div.bdiscount {
width:calc(90% - 80px);
text-align:right;
}
div.section {
margin-bottom:10px;
}
/*////////////////////////////////////////////////////////////////////////////////////// System Forms ///////////*/
form.system_form {
width:100%;
}
form.system_form p {
padding:0 0 5px 0;
margin:0;
text-align:left;
}
form.system_form input[type="text"], form.system_form input[type="password"], form.system_form input[type="email"], form.system_form input[type="tel"], form.system_form input[type="url"], form.system_form textarea, form.system_form select, #col2 form.system_form #basket div.bdelivery select {
display: inline-block;
text-align: left;
width: calc(100% - 22px);
padding:10px;
border:1px solid #ccc;
margin:0 auto;
outline:1px solid transparent;
}
form.system_form input[type="text"].datefield {
width:calc(100% - 70px);
}
form.system_form input[type="text"].postcodefield {
width:calc(100% - 182px);
}
form.system_form select, #col2 form.system_form #basket div.bdelivery select {
/*
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
*/
width:100%;
-webkit-border-radius:0px 0px 0px 0px;
-moz-border-radius:0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;
}
form.system_form input[type="text"].split50, form.system_form input[type="password"].split50, form.system_form input[type="email"].split50, form.system_form input[type="tel"].split50, form.system_form input[type="url"].split50, form.system_form textarea.split50, form.system_form select.split50, #col2 form.system_form #basket div.bdelivery select.split50 {
width: calc(50% - 25px);
margin-left:3px;
}
form.system_form input[type="text"].split50:first-child, form.system_form input[type="password"].split50:first-child, form.system_form input[type="email"].split50:first-child, form.system_form input[type="tel"].split50:first-child, form.system_form input[type="url"].split50:first-child, form.system_form textarea.split50:first-child, form.system_form select.split50:first-child, #col2 form.system_form #basket div.bdelivery select.split50:first-child {
margin-left:0;
margin-right:2px;
}
div.halfform {
display:inline-block;
width: calc(50% - 62px);
padding-left:30px;
vertical-align:top
}
div.halfform:first-child {
margin-left:0;
padding-right:30px;
border-right:1px solid #ccc;
}
a.systembutton:link,
a.systembutton:visited,
label.systembutton {
display:inline-block;
padding:10px 20px;
margin:0 0 10px 10px;
background-color:#333;
border:1px solid #ccc;
color:#eee;
}
.systembutton.goticon > img {
position:relative;
top:0;
margin-left:10px;
vertical-align:middle;
}
a.systembutton.minor:link,
a.systembutton.minor:visited,
label.systembutton
{
background-color:#aaa;
color:#444;
}
a.systembutton:hover,
a.systembutton.minor:hover {
background-color:#eee;
color:#444;
}
.systembuttonsrow {
clear:both;
margin-top:10px;
text-align:right;
}
form.system_form #discountbutton {
width:50px;
text-align:center;
}
form.system_form #dcode {
width:calc(100% - 250px);
}
#yourname, #dyourname, #deliverydetails, #deliveryoptionaldetails {
margin-bottom:20px;
}
/*//////////////////////////////////////////////////////////////////////////////////// eCommerce Filter/Sorter ///////////*/
#filtersort {
display:block;
background-color: #EEEEEE;
border: 1px solid #CCCCCC;
padding:10px;
margin:0px 0px 10px 0px;
}
#filtersort div {
padding:10px 0px 0px 0px;
}
#filtersort div:first-child {
padding-top:0px;
}
#filtersort select {
width:160px;
padding:5px;
display:inline-block;
}
#filtersort div label {
text-align:right;
width:60px;
margin-left:10px;
display:inline-block;
}
#filter_submitter {
padding:5px 0;
width:160px;
}
#filtermsg {
display:none;
background:#c61010;
border:1px solid #860808;
color:#fff;
padding:10px;
margin:10px 0px 0px 0px;
text-align:center;
}
.prodlist, .catlist {
position:relative;
}
/*//////////////////////////////////////////////////////////////////////////////////// eCommerce Home Page List ///////////*/
#home_products .plist {
position:relative;
top:0;
left:0;
width:160px;
height:220px;
display:inline-block;
text-decoration:none;
margin:0px 5px 10px 0px !important;
border:1px solid #ddd;
overflow: hidden;
padding-bottom:30px;
}
#home_products .plist img {
width:180px;
height:180px;
}
#home_products .plist span {
text-align:left;
padding:10px;
}
#home_products .plist a.mini_buy {
top:auto;
right:0;
bottom:0;
left:auto;
}
#home_products .plist a.mini_info {
top:auto;
right:auto;
bottom:0;
left:0;
}
#home_products .plisttitle {
position:absolute;
top:170px;
left:10px;
color:#000 !important;
font-size:13px;
font-weight:normal;
}
#home_products .plistprice {
position:absolute;
top:185px;
left:10px;
color:#000;
font-size:13px;
font-weight:normal;
}
/*//////////////////////////////////////////////////////////////////////////////////// eCommerce Ranges ///////////*/
.rangelist > span.rangelist_pop {
display:none;
position:absolute;
top:20px;
left:0;
padding:0;
margin:0;
width:350px;
min-height:100px;
background-color:#fff;
-webkit-background-clip: padding-box; /* for Safari */
background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
box-shadow:0px 0px 20px 0px #999999;
-mozbox-shadow:0px 0px 20px 0px #999999;
-webkit-box-shadow:0px 0px 20px 0px #999999;
-o-box-shadow:0px 0px 20px 0px #999999;
box-shadow:0px 0px 20px 0px #999999;
-mozbox-shadow:0px 0px 20px 0px #999999;
-webkit-box-shadow:0px 0px 20px 0px #999999;
-o-box-shadow:0px 0px 20px 0px #999999;
}
.rangelist > span.rangelist_pop > span.rangelist_pop_inside {
display:block;
border:1px solid #999;
padding:10px;
}
.rangelist > span.rangelist_pop > span.rangelist_pop_inside > span {
display:block;
}
.rangelist .rangepop_product {
background-color:#fff;
display:block;
}
.rangelist .rangepop_product:nth-child(2n) {
background-color:#ddd;
}
/*//////////////////////////////////////////////////////////////////////////////////// LEGACY PRODUCT VIEW ///////////*/
#pleft{
width:220px;
float:left;
}
#pleft #thumbs a{
width:70px;
height:70px;
margin-right:10px;
margin-bottom:10px;
overflow:hidden;
display:block;
float:left;
background:#ddd;
}
#pright{
position:relative;
left:0;
top:0;
width:240px;
float:right;
color: #373d44;
font-size:12px;
}
#pright h1{
font-size:27px;
font-weight: normal;
}
#pright label{
font-size:13px;
color:#333;
display: inline-block;
}
#product_code{
color: #6c747d;
}
#pright > div{
margin-bottom: 30px;
}
#pright > div#short_description, #pright > div#product_code {
margin-bottom:10px;
}
#pright > div h2{
margin-bottom:10px;
font-size:20px;
font-weight: normal;
}
#brand img{
vertical-align: middle;
}
#brand, #product_code{
height:20px;
}
#price, #calculated_price{
font-size: 36px;
height: 40px;
line-height:40px;
}
#buy {
position:relative;
top:0;
left:0;
}
#curprice {
position:absolute;
right:10px;
top:0;
}
#calculated_price{
height:15px;
line-height: 15px;
text-align: right;
font-size:20px;
position:absolute;
right:10px;
top:80px;
padding:5px 10px;
}
.sp_price {
text-decoration:strikethrough;
}
#buy_button{
height:32px;
margin-left:10px;
padding:4px;
position:relative;
}
#buy_button #q{
position:relative;
top:-3px;
z-index:100;
width: 50px;
height: 28px;
line-height: 28px;
padding:1px;
border:1px solid #999;
font-size:20px;
background-color:#fff;
}
#buy_button #q{
text-align: center;
}
#buy_button a{
margin-left:10px;
height:inherit;
background-color:#eee;
font-size:23px;
display:inline-block;
text-decoration: none;
text-align:right;
}
#buy_options {
padding-top:30px;
}
#discount_box{
background:#eee;
padding:10px;
font-size:12px;
}
#discount_box .multi_holder {
padding-bottom:5px;
}
#discount_box .multi_q{
display: inline-block;
color:#6c747d;
width: 150px;
}
#discount_box .multi_q.boxq {
font-size:11px;
line-height:12px;
position:relative;
top:3px;
}
#discount_box .multi_price{
color:#444;
}
#basketform.basketformchange::before {
content:'';
position:absolute;
z-index:10;
display:block;
text-align:center;
vertical-align:middle;
top:0;
right:0;
bottom:0;
left:0;
width:100%;
height:100%;
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,0.5) 35%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,1)), color-stop(20%,rgba(255,255,255,1)), color-stop(35%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,0.5) 35%,rgba(255,255,255,0) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,0.5) 35%,rgba(255,255,255,0) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,0.5) 35%,rgba(255,255,255,0) 100%);
background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,0.5) 35%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
}
#basketform.basketformchange::after {
content:'';
position:absolute;
z-index:20;
display:block;
text-align:center;
vertical-align:middle;
top:0;
right:0;
bottom:0;
left:0;
width:100%;
height:100%;
background:url(/library/ajaxloader_large_spinner.gif) no-repeat center transparent;
}
#discount_box .multi_q.boxq {
font-size:inherit;
line-height:auto;
position:relative;
top:0;
}
/*///////// eCommerce Related Products /////////*/
#rel_prods, .rel_prods_tabs {
position:relative;
top:0;
left:0;
}
#rel_prods div.xlink_content {
position:absolute;
top:0;
left:0;
display:none;
}
#rel_prods div.xlink_content:first-child {
display:block;
}
#rel_prods .plist {
position:relative;
top:0;
left:0;
width:160px;
height:220px;
display:inline-block;
text-decoration:none;
margin:0px 5px 10px 0px !important;
border:1px solid #ddd;
overflow: hidden;
}
#rel_prods .plist img {
width:180;
height:180;
}
#rel_prods .plist span {
text-align:left;
padding:10px;
}
#rel_prods .plisttitle {
position:absolute;
top:170px;
left:10px;
color:#000 !important;
font-size:13px;
font-weight:normal;
}
#rel_prods .plistprice {
position:absolute;
top:185px;
left:10px;
color:#000;
font-size:13px;
font-weight:normal;
}
/*//////////////////////////////////////////////////////////////////////////////////// eCommerce Checkout Module ///////////*/
#ecommerce_module form fieldset {
border:0px solid #fff;
}
.navigation, .images {
padding-bottom:0px;
background-color:transparent !important;
}
figcaption {
display:none;
}
#checkoutlinks {
clear:both;
}
#checkoutlinks > a:link, #checkoutlinks > a:visited {
display:block;
float:left;
width:29%;
padding:10px 5px;
margin:10px 10px 10px 0;
background-color:#eee;
border:1px solid #ccc;
text-align:center;
}
#checkoutlinks > a:hover, #checkoutlinks > a.checkthis {
background-color:#ccc;
}
#loginblurb {
margin-bottom:20px;
}
/*//////////////////////////////////////////////////////////////////////////////////// eCommerce Addresses Module ///////////*/
#address_book {
position:relative;
top:0;
left:0;
padding:20px;
border:1px solid #ccc;
background-color:#eee;
}
#address_book ul, #address_book li {
list-style:outside none;
}
#address_book a:link, #address_book a:visited {
display:block;
margin:0 0 5px 0;
border:1px solid #ccc;
text-decoration:none;
font-weight:normal;
font-size:1em;
color:#444;
padding:5px 10px 5px 40px;
background:url(/custom/library/ecommerce/selecta_off.png) no-repeat top left #fff;
}
#address_book a:hover, #address_book a.chosenaddress:link, #address_book a.chosenaddress:visited {
background:url(/custom/library/ecommerce/selecta_on.png) no-repeat top left #ccc;
}
#address_book a span {
font-size:0.7em;
font-weight:normal;
}
/* CHECKOUT V3 */
#checkout_action_delivery_form {
position:relative;
top:0;
left:0;
padding:20px;
border:1px solid #ccc;
background-color:#eee;
}
#checkout_action_delivery_form ul, #checkout_action_delivery_form li {
list-style:outside none;
position:relative;
top:0;
left:0;
}
a.editchooseaddress:link, a.editchooseaddress:visited {
display:block;
margin:0;
border:1px solid #ccc;
text-decoration:none;
font-weight:normal;
font-size:1em;
color:#444;
padding:5px 10px;
background-color:#eee;
position:absolute;
right:-10px;
top:0;
bottom:0;
width:30px;
vertical-align:middle;
}
a.chooseaddress:link, a.chooseaddress:visited {
display:block;
margin:0 0 5px 0;
border:1px solid #ccc;
text-decoration:none;
font-weight:normal;
font-size:1em;
color:#444;
padding:5px 10px 5px 40px;
background:url(/custom/library/ecommerce/selecta_off.png) no-repeat top left #fff;
}
a.chooseaddress:hover, a.editchooseaddress:hover, a.chosenaddress:link, a.chosenaddress:visited {
background:url(/custom/library/ecommerce/selecta_on.png) no-repeat top left #ccc;
}
#checkout_action_delivery_form a span {
font-size:0.7em;
font-weight:normal;
}
div.myaccount.buttons {
margin-bottom:20px;
}
#address_book li.myorders_order span, #address_book li a span {
display:inline-block;
width:calc(25% - 35px);
margin-right:20px;
text-align:left;
vertical-align:middle;
font-size:15px;
}
#address_book li.myorders_order span.myorders_no, #address_book li a span.myorders_no {
font-weight:bold;
}
#address_book li.myorders_order span:last-child, #address_book li a span:last-child {
width:40px;
margin-right:0;
text-align:right;
}
/*//////////////////////////////////////////////////////////////////////////////////// ECOMMERCE LEGACY CHECKOUT ///////////*/
.checkout_step {
position:relative;
background-color:#fff;
border-top:1px solid #ccc;
padding:0;
margin:20px 0 0 0;
}
.step_head {
position:relative;
display:block;
width:calc(100% - 70px);
height:50px;
padding-left:70px;
line-height:50px;
background:#ffffff;
background:-webkit-gradient(linear, 0 0, 0 bottom, from(#dddddd), to(#ffffff)) #ffffff;
background:-moz-linear-gradient(#dddddd, #ffffff) #ffffff;
background:linear-gradient(#dddddd, #ffffff) #ffffff;
font-size:20px;
}
.step_head img {
position:absolute;
top:-1px;
left:0;
}
.step_body {
display:none;
padding:0;
}
.stephtml {
position:absolute;
right:120px;
left:200px;
top:0;
text-align:right;
}
.stephtml .stephtml_content {
position:absolute;
right:0;
top:0;
}
.stephtml .stephtml_update {
position:absolute;
top:4px;
right:-115px;
}
#step_head_1 .stephtml_content {
line-height:50px;
vertical-align:middle;
}
#step_head_2 .stephtml_content .address_title_block {
font-size:15px;
margin-top:10px;
}
#step_head_3 .stephtml_content .address_title_block {
font-size:15px;
margin-top:10px;
}
#step_body_content_3 .bdeliverydate {
width:65%;
margin-left:2%;
float:right;
}
#deldateholder #step_body_content_3 .bdeliverydate {
margin-left:0;
float:left;
}
#step_body_content_3 .bdeliverymethod {
width:25%;
margin-right:2%;
float:left;
}
#step_head_4 .stephtml_content {
line-height:50px;
vertical-align:middle;
}
#terms_and_conditions_form {
display:block;
padding:10px 0;
width:100%;
}
#terms_and_conditions_form .tnc_left {
display:inline-block;
width:20%;
padding:0;
vertical-align:top;
}
#terms_and_conditions_form .tnc_right {
display:inline-block;
width:70%;
vertical-align:top;
padding:20px 2%;
margin-left:5%;
border-width:0;
height:150px;
overflow-y:scroll;
background-color:#fff;
text-align:left !important;
}
#terms_and_conditions_form .tnc_right * {
font-size:11px;
}
#checkout_step_5 #step_body_content_5 div.row.header {
background-color:transparent;
color:#444;
}
#step_head_5 .stephtml_content {
}
#discounts {
text-align:right;
display:block;
min-height:50px;
}
.address_title_block {
font-size:13px;
font-weight:bold;
display:block;
line-height:15px;
}
.address_line_block {
font-size:11px;
line-height:13px;
display:block;
}
#billing_address, #delivery_address {
position:relative;
top:0;
left:0;
width:40%;
padding:20px 4%;
border:1px solid #ccc;
background-color:#eee;
margin-bottom:10px;
}
#columns #billing_address p, #columns #delivery_address p {
padding-bottom:2px;
}
#delivery_address {
float:right;
}
#billing_address {
float:left;
}
#delivery_method {
margin-bottom:10px;
padding:20px;
border:1px solid #ccc;
background-color:#eee;
}
#payment_terms_and_conditions_form, #payment_terms_and_conditions_form * {
text-align:right;
}
#ecom_progress {
text-align:center;
}
/*//////////////////////////////////////////////////////////////////////////////////// eLearning Module ///////////*/
.elearning_box {
display: block;
float:left;
width:300px;
height:200px;
text-align: center;
position: relative;
margin-right:25px;
margin-bottom:25px;
}
.elearning_status {
position:absolute;
display: block;
top:-15px;
left:-15px;
width:50px;
height:50px;
background:url(/custom/library/elearning_status.png) no-repeat;
color:#fff;
font-size:24px;
line-height:50px;
text-align: center;
}
.elearning_status.yes {
background:url(/custom/library/elearning_complete.png) no-repeat;
}
.elearning_status.no {
background:url(/custom/library/elearning_incomplete.png) no-repeat;
}
.elearning_box a:link, .elearning_box a:visited {
display: block;
padding:20px 30px;
width:240px;
height:160px;
text-align: center;
}
.elearning_box .elearning_box_header {
display:block;
font-size:18px;
}
.elearning_box .elearning_box_html {
display:block;
margin-top:20px;
font-weight: normal;
}
.elearning_box.bad a:link, .elearning_box.bad a:visited {
cursor:default;
}
/*///////// RIBBON STYLE 1 */
#main_property_image {
position:relative
}
.ribbon-wrapper {
width: 100%;
height: 100%;
overflow: hidden;
position: absolute;
top: -5px;
right: -5px;
pointer-events: none;
}
.ribbon-content {
font: bold 13px Sans-Serif;
color: #333;
text-align: center;
text-shadow: #333333 0px 1px 0px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform-origin: 100% 100%;
-webkit-transform-origin: 100% 100%;
-moz-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
-o-transform-origin: 100% 100%;
position: absolute;
padding: 10px 20px;
right: 0;
top: 100px;
width: 150px;
background-color: #333;
color: #eee;
-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
}
.ribbon-content:before, .ribbon-content:after {
font: bold 13px Sans-Serif;
content: "";
border-top: 3px solid #333333;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
position:absolute;
bottom: -3px;
}
.ribbon-content:before {
left: 0;
}
.ribbon-content:after {
right: 0;
}
/*///////// RIBBON STYLE 2 */
.corner-ribbon-wrapper {
width: 70px;
height: 70px;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
right:auto;
pointer-events: none;
}
.corner-ribbon-content {
font: bold 10px Sans-Serif;
line-height:10px;
color: #333;
text-align: center;
text-shadow: #333333 0px 1px 0px;
transform: rotate(315deg);
-webkit-transform: rotate(315deg);
-moz-transform: rotate(315deg);
-ms-transform: rotate(315deg);
-o-transform: rotate(315deg);
transform-origin: 0 100%;
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-ms-transform-origin: 100% 100%;
-o-transform-origin: 100% 100%;
padding: 75px 25px 5px 25px;
position: absolute;
left: 0;
top: -30px;
width: 50px;
height:20px;
background-color: #333;
color: #eee;
-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
}
/*//////////////////////////////////////////////////////////////////////////////////// Analysis Module ///////////*/
.box .analysis {
padding:10px;
}
.analysis_question {
display:inline-block;
width:300px;
}
.analysis_answer {
display:inline-block;
width:60px;
text-align:center;
}
.analysis_next_options {
border-top:1px solid #ccc;
padding-top:10px;
border-bottom:1px solid #ccc;
padding-bottom:10px;
margin-top:20px;
}
.analysis_header {
font-weight:bold;
}
.analysis_chart_container {
float:left;
text-align:center;
}
.analysis_checkbox {
width:20px;
height:20px;
}
.analysis_emphasis {
color:#900;
}
.analysis_outcome_name {
float:left;
margin-right:10px;
}
.analysis_login_label {
display:block;
float:left;
width:80px;
}
.analysis_page {
height:40px;
line-height:40px;
}
.analysis_history_img {
width:35px;
vertical-align:middle;
}
.analysis_history {
float:left;
padding-right:20px;
}
.analysis_history_row {
width:600px;
overflow-y:scroll;
padding:10px;
}
/*//////////////////////////////////////////////////////////////////////////////////// Payment Card Styles ///////////*/
.paymentcard {
position:relative;
top:0;
left:0;
width:200px;
height:140px;
float:left;
background:url(/library/paymentcard_bg.png) no-repeat top left;
margin-right:40px;
}
.paymentcardnumber {
position:absolute;
top:57px;
left:60px;
text-align:left;
color:#fff;
font-size:16px;
}
.paymentcardexpiry {
position:absolute;
top:100px;
left:20px;
text-align:left;
color:#fff;
font-size:14px;
}
.paymentcardtype {
position:absolute;
top:10px;
right:5px;
left:auto;
width:60px;
text-align:center;
}
.paymentcarddetails {
float:left;
width:180px;
height:140px;
margin-right:40px;
}
.paymentcardtypedisplay {
font-weight:bold;
font-size:16px;
}
.paymentcardexpirydisplay {
font-size:11px;
font-style:italic;
margin-bottom:10px;
}
.paymentcardaddress {
font-size:12px;
}
.paymentcardbuttons {
padding-top:40px;
}
/*//////////////////////////////////////////////////////////////////////////////////// Autoship Styles ///////////*/
#autoship_text, #autoship_buttons {
text-align:center;
padding:15px;
}
/*//////////////////////////////////////////////////////////////////////////////////// Lottery Module ///////////*/
.lotterynext {
display:block;
float:right;
width:250px;
text-align:right;
}
/*//////////////////////////////////////////////////////////////////////////////////// Ordered List Module ///////////*/
.orderedlist_col {
float:left;
}
/*//////////////////////////////////////////////////////////////////////////////////// Donation Module ///////////*/
.donationnext {
display:block;
float:right;
width:250px;
text-align:right;
}
/*//////////////////////////////////////////////////////////////////////////////////// Dropdownable ///////////*/
.dropdownable_span {
display:block;
margin-left:148px;
border:1px solid #ccc;
padding:5px;
width:115px;
background-color:#fff;
}
.dropdownable_span a {
color:#444;
font-weight:bold;
text-decoration:none;
}
/*//////////////////////////////////////////////////////////////////////////////////// HISTORY ///////////*/
#history {
display:block;
position:relative;
top:0;
left:0;
width:100%;
padding:30px 0 0 0;
height:200px;
overflow-x:hidden;
overflow-y:hidden;
}
#history_content {
display:block;
position:absolute;
top:30px;
right:0;
left:0;
width:100%;
padding:0;
overflow-x:hidden;
overflow-y:hidden;
}
#history_content > *, #history_content > div > *, #history_content > div > div > a {
margin:0;
}
a.upclick {
display:none;
position:absolute;
top:0;
right:0;
left:0;
height:30px;
background:url(/custom/library/boxes/history_up.png) no-repeat top left transparent;
text-align:center;
z-index:500;
}
a.downclick {
display:none;
position:absolute;
right:0;
bottom:0;
left:0;
height:30px;
background:url(/custom/library/boxes/history_down.png) no-repeat top left transparent;
text-align:center;
z-index:500;
}
/*//////////////////////////////////////////////////////////////////////////////////// REGISTER ///////////*/
#register_choice {
text-align:center;
}
a.reg_choice:link, a.reg_choice:visited {
display:inline-block;
width:30%;
margin:20px 5%;
padding:20px 4%;
position:relative;
top:0;
left:0;
}
a.reg_choice:hover {
opacity:0.6;
}
a.reg_choice > span {
display:block;
text-align:left;
}
a.reg_choice > span.reg_buttongo {
text-align:right;
padding-right:25px;
background:url(/custom/library/chevron-right.png) no-repeat right rgba(0, 0, 0, 0);
}
.spouser {
display:inline-block;
width:calc(48% - 2px);
margin:0;
padding:0;
border-width:0;
}
.spouser.spartner {
margin-left:4%;
}
/*//////////////////////////////////////////////////////////////////////////////////// LOGIN ///////////*/
#loginstuff h2, #page_login h2 {
margin-bottom:10px;
}
#loginstuff a:link, #loginstuff a:visited {
}
/*//////////////////////////////////////////////////////////////////////////////////// PRINT-ONLY ///////////*/
.printonly,.printonlyblock {
display:none;
}
.screenonly {
display:inline;
}
.screenonlyblock {
display:block;
}
/*//////////////////////////////////////////////////////////////////////////////////// SIMPLY SCROLL ///////////*/
.simply-scroll-container { /* Container DIV - automatically generated */
position: relative;
}
.simply-scroll-clip { /* Clip DIV - automatically generated */
position: relative;
overflow: hidden;
}
.simply-scroll-list { /* UL/OL/DIV - the element that simplyScroll is inited on */
overflow: hidden;
margin: 0;
padding: 0;
list-style: none;
}
.simply-scroll-list li {
padding: 0;
margin: 0;
list-style: none;
}
.simply-scroll-list li img {
border: none;
display: block;
}
.simply-scroll-btn {
position: absolute;
background-image: url(/js/buttons.png);
width: 42px;
height: 44px;
z-index:3;
cursor: pointer;
}
.simply-scroll-btn-left {
left: 6px;
bottom: 6px;
background-position: 0 -44px;
}
.simply-scroll-btn-left.disabled {
background-position: 0 0 !important;
}
.simply-scroll-btn-left:hover, .simply-scroll-btn-left:focus {
background-position: 0 -88px;
}
.simply-scroll-btn-right {
right: 6px;
bottom: 6px;
background-position: -84px -44px;
}
.simply-scroll-btn-right.disabled {
background-position: -84px 0 !important;
}
.simply-scroll-btn-right:hover, .simply-scroll-btn-right:focus {
background-position: -84px -88px;
}
.simply-scroll-btn-up {
right: 6px;
top: 6px;
background-position: -126px -44px;
}
.simply-scroll-btn-up.disabled {
background-position: -126px 0 !important;
}
.simply-scroll-btn-up:hover, .simply-scroll-btn-up:focus {
background-position: -126px -88px;
}
.simply-scroll-btn-down {
right: 6px;
bottom: 6px;
background-position: -42px -44px;
}
.simply-scroll-btn-down.disabled {
background-position: -42px 0 !important;
}
.simply-scroll-btn-down:hover, .simply-scroll-btn-down:focus {
background-position: -42px -88px;
}
.simply-scroll-btn-pause {
right: 6px;
bottom: 6px;
background-position: -168px -44px;
}
.simply-scroll-btn-pause:hover, .simply-scroll-btn-pause:focus {
background-position: -168px -88px;
}
.simply-scroll-btn-pause.active {
background-position: -84px -44px;
}
.simply-scroll-btn-pause.active:hover, .simply-scroll-btn-pause.active:focus {
background-position: -84px -88px;
}
/* Customisable base class for styles override DIV */
.simply-scroll {
width: 100%;
height: 60px;
}
.simply-scroll .simply-scroll-clip {
width: 100%;
height: 60px;
}
.simply-scroll .simply-scroll-list {}
.simply-scroll .simply-scroll-list li {
float: left;
width: auto;
height: 60px;
}
/*---------------------------------------- LINKS VIEW */
a.linksview_item {
display:inline-block;
margin:0;
}
.linksview_item img {
display:block;
}
.flip-container {
display:inline-block;
margin:0;
perspective: 500px;
transform-style: preserve-3d;
position: relative;
}
.flipper {
transition: 0.6s;
transform-style: preserve-3d;
position: relative;
display:inline-block;
}
.front, .back {
backface-visibility: hidden;
transition: 0.6s;
transform-style: preserve-3d;
position: absolute;
top: 0;
left: 0;
display:inline-block;
text-align:center;
overflow:hidden;
}
.front {
z-index: 2;
}
.horizontal.flip-container:hover .front {
transform: rotateY(180deg);
}
.horizontal.flip-container:hover .back {
transform: rotateY(0deg);
}
.horizontal .front {
transform: rotateY(0deg);
}
.horizontal .back {
transform: rotateY(-180deg);
}
.vertical .back, .vertical.flip-container:hover .front {
transform: rotateX(180deg);
}
.vertical.flip-container:hover .back {
transform: rotateX(0deg);
}
.diagonal .back, .diagonal.flip-container:hover .front {
transform: rotate3d(-90,-90,0,180deg)
}
.diagonal .front, .diagonal.flip-container:hover .back {
transform: rotate3d(90,90,0,0deg)
}
.rotate90 {
display:inline-block;
transform: rotate(90deg);
}
.rotate180 {
display:inline-block;
transform: rotate(180deg);
}
.rotate270 {
display:inline-block;
transform: rotate(270deg);
}
/*JQuery Toggle Switch*/
.ui-switch{display:inline-block;border:solid 1px #777;position:relative;cursor:pointer;font-family:Helvetica, Arial, sans-serif;-moz-border-radius:18px;-webkit-border-radius:18px;border-radius:18px}
.ui-switch:focus{-webkit-box-shadow:0 0 5px #8aade1;-moz-box-shadow:0 0 5px #8aade1;-o-box-shadow:0 0 5px #8aade1;box-shadow:0 0 5px #8aade1;outline:none;border-color:#8aade1}
.ui-switch.disabled{cursor:default;border-color:#999}
.ui-switch-middle{height:20px;width:60px;border:solid 7px #FFF;position:relative;margin-top:-34px;z-index:100;-moz-border-radius:17px;-webkit-border-radius:17px;border-radius:17px}
.ui-switch-mask{height:30px;overflow:hidden;margin:2px 4px}
.ui-switch-master{height:24px;position:relative;left:10px}
.ui-switch-upper{height:20px;width:auto;position:absolute;z-index:101;margin:5px}
.ui-switch-handle{display:block;height:30px;width:30px;position:absolute;top:-4px;left:-15px;background:url(/custom/library/boxes/switch.png);background-size:30px 30px;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px}
.ui-switch-.disabled .ui-switch-handle:after{display:block;content:' ';position:absolute;top:0;left:0;height:30px;width:30px;background-color:#FFF !important;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px}
.ui-switch-lower{height:20px;width:1000px;position:absolute;z-index:99;margin:5px}
.ui-switch-labels{clear:both}
.ui-switch-on,.ui-switch-off{display:block;float:left;line-height:18px;font-size:12px;color:#FFF !important;background-color:#000;border:solid 1px #000;text-align:center;font-weight:700;text-decoration:none;text-shadow:0 1px 1px rgba(0,0,0,0.5);-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;padding:0 10px}
.ui-switch-on{border-right:none;padding-right:20px;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;border-top-right-radius:0;border-bottom-right-radius:0;background-color:#009900;}
.ui-switch-off{border-left:none;padding-left:20px;-moz-border-radius-topleft:0;-moz-border-radius-bottomleft:0;-webkit-border-top-left-radius:0;-webkit-border-bottom-left-radius:0;border-top-left-radius:0;border-bottom-left-radius:0;background-color:#990000;border-color:#600 !important;}
.ui-switch.disabled .ui-switch-on,.ui-switch.disabled .ui-switch-off{background-color:#999;border-color:#333}
.ui-switch-on:hover,.ui-switch-off:hover{color:#FFF !important;text-decoration:none}
.ui-switch,.ui-switch *{-moz-user-select:0;-khtml-user-select:none;-webkit-user-select:none;user-select:none}
/*JPlayer CSS*/
div.jp-audio{font-size:1em;font-family:Verdana, Arial, sans-serif;color:#fff;background-color:#111;line-height:1.6;width:360px;}div.jp-interface{position:relative;width:100%;background:0 0 #3a3b3c;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.5);-moz-box-shadow:0 1px 1px rgba(0,0,0,0.5);box-shadow:0 1px 1px rgba(0,0,0,0.5);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}div.jp-audio div.jp-type-single div.jp-interface{height:30px;}div.jp-interface ul.jp-controls{list-style-type:none;margin:0;padding:0;}div.jp-interface ul.jp-controls li{display:inline;}div.jp-interface ul.jp-controls a{position:absolute;overflow:hidden;text-indent:-9999px;}a.jp-play,a.jp-pause{width:33px;height:30px;z-index:1;outline:none;}div.jp-audio div.jp-type-single a.jp-play,div.jp-audio div.jp-type-single a.jp-pause{top:0;left:0;border-right:1px solid #242526;}a.jp-play{background:url(/library/jplayer/jplayer.png) 0 0 no-repeat;}a.jp-play:hover{background:url(/library/jplayer/jplayer.png) -33px 0 no-repeat;}a.jp-pause{background:url(/library/jplayer/jplayer.png) 0 -30px no-repeat;display:none;}a.jp-pause:hover{background:url(/library/jplayer/jplayer.png) -33px -30px no-repeat;}div.jp-progress-container{position:absolute;top:0;left:34px;width:225px;height:6px;border-left:1px solid #323334;border-right:1px solid #242526;padding:12px 10px;}div.jp-progress{position:absolute;overflow:hidden;}div.jp-audio div.jp-type-single div.jp-progress{width:223px;height:7px;background:url(/library/jplayer/jplayer.png) 0 -192px repeat-x;padding:1px;}div.jp-seek-bar{width:0;height:5px;cursor:pointer;background:url(/library/jplayer/jplayer.png) 0 -163px repeat-x;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;}div.jp-play-bar{width:0;height:5px;background:url(/library/jplayer/jplayer.png) 0 -133px repeat-x;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;}div.jp-volume-bar-container{position:absolute;top:0;left:281px;width:40px;height:6px;border-left:1px solid #323334;padding:12px 10px;}div.jp-volume-bar{position:relative;overflow:hidden;background:url(/library/jplayer/jplayer.png) 0 -192px repeat-x;width:40px;height:9px;cursor:pointer;}div.jp-audio div.jp-type-single div.jp-volume-bar{top:0;left:20px;}div.jp-volume-bar-value{width:0;height:5px;background:url(/library/jplayer/jplayer.png) 0 -133px repeat-x;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;margin:1px;}a.jp-mute,a.jp-unmute{width:17px;height:13px;z-index:1;outline:none;}div.jp-audio div.jp-type-single a.jp-mute,div.jp-audio div.jp-type-single a.jp-unmute{top:9px;left:290px;}a.jp-mute{background:url(/library/jplayer/jplayer.png) -10px -68px no-repeat;}a.jp-mute:hover{background:url(/library/jplayer/jplayer.png) -43px -68px no-repeat;}a.jp-unmute{background:url(/library/jplayer/jplayer.png) -10px -98px no-repeat;display:none;}a.jp-unmute:hover{background:url(/library/jplayer/jplayer.png) -43px -98px no-repeat;}div.jp-jplayer{width:0;height:0;background-color:#000;}div.jp-time-holder{display:none;}
/* jquery.Jcrop.min.css v0.9.10 (build:20120429) */
.jcrop-holder{direction:ltr;text-align:left;background-color:#fff !important}
.jcrop-vline,.jcrop-hline{background:#FFF url(/library/Jcrop.gif) top left repeat;font-size:0;position:absolute;}
.jcrop-vline{height:100%;width:1px!important;}
.jcrop-hline{height:1px!important;width:100%;}
.jcrop-vline.right{right:0;}
.jcrop-hline.bottom{bottom:0;}
.jcrop-handle{background-color:#333;border:1px #eee solid;font-size:1px;}
.jcrop-tracker{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;height:100%;width:100%;}
.jcrop-handle.ord-n{left:50%;margin-left:-4px;margin-top:-4px;top:0;}
.jcrop-handle.ord-s{bottom:0;left:50%;margin-bottom:-4px;margin-left:-4px;}
.jcrop-handle.ord-e{margin-right:-4px;margin-top:-4px;right:0;top:50%;}
.jcrop-handle.ord-w{left:0;margin-left:-4px;margin-top:-4px;top:50%;}
.jcrop-handle.ord-nw{left:0;margin-left:-4px;margin-top:-4px;top:0;}
.jcrop-handle.ord-ne{margin-right:-4px;margin-top:-4px;right:0;top:0;}
.jcrop-handle.ord-se{bottom:0;margin-bottom:-4px;margin-right:-4px;right:0;}
.jcrop-handle.ord-sw{bottom:0;left:0;margin-bottom:-4px;margin-left:-4px;}
.jcrop-dragbar.ord-n,.jcrop-dragbar.ord-s{height:7px;width:100%;}
.jcrop-dragbar.ord-e,.jcrop-dragbar.ord-w{height:100%;width:7px;}
.jcrop-dragbar.ord-n{margin-top:-4px;}
.jcrop-dragbar.ord-s{bottom:0;margin-bottom:-4px;}
.jcrop-dragbar.ord-e{margin-right:-4px;right:0;}
.jcrop-dragbar.ord-w{margin-left:-4px;}
.jcrop-light .jcrop-vline,.jcrop-light .jcrop-hline{background:#FFF;filter:Alpha(opacity=70)!important;opacity:.70!important;}
.jcrop-light .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#000;border-color:#FFF;border-radius:3px;}
.jcrop-dark .jcrop-vline,.jcrop-dark .jcrop-hline{background:#000;filter:Alpha(opacity=70)!important;opacity:.7!important;}
.jcrop-dark .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#FFF;border-color:#000;border-radius:3px;}
.jcrop-holder img,img.jcrop-preview{max-width:none;}
/*! jQuery UI - v1.11.0 - 2014-07-02
* http://jqueryui.com
* Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, menu.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;min-height:0;font-size:100%}.ui-accordion .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:49%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-dialog{overflow:hidden;position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:none}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{position:relative;margin:0;padding:3px 1em 3px .4em;cursor:pointer;min-height:0;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("/library/jqueryui/animated-overlay.gif");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-button{display:inline-block;overflow:hidden;position:relative;text-decoration:none;cursor:pointer}.ui-selectmenu-button span.ui-icon{right:0.5em;left:auto;margin-top:-8px;position:absolute;top:50%}.ui-selectmenu-button span.ui-selectmenu-text{text-align:left;padding:0.4em 2.1em 0.4em 1em;display:block;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:22px}.ui-spinner-button{width:16px;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top:none;border-bottom:none;border-right:none}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Verdana,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Verdana,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #aaa;background:#fff url("/library/jqueryui/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;color:#222}.ui-widget-content a{color:#222}.ui-widget-header{border:1px solid #aaa;background:#ccc url("/library/jqueryui/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;color:#222;font-weight:bold}.ui-widget-header a{color:#222}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #d3d3d3;background:#e6e6e6 url("/library/jqueryui/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;font-weight:normal;color:#555}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#555;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #999;background:#dadada url("/library/jqueryui/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;font-weight:normal;color:#212121}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited{color:#212121;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #aaa;background:#fff url("/library/jqueryui/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;font-weight:normal;color:#212121}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#212121;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fcefa1;background:#fbf9ee url("/library/jqueryui/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#fef1ec url("/library/jqueryui/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;color:#cd0a0a}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#cd0a0a}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#cd0a0a}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("/library/jqueryui/ui-icons_222222_256x240.png")}.ui-widget-header .ui-icon{background-image:url("/library/jqueryui/ui-icons_222222_256x240.png")}.ui-state-default .ui-icon{background-image:url("/library/jqueryui/ui-icons_888888_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url("/library/jqueryui/ui-icons_454545_256x240.png")}.ui-state-active .ui-icon{background-image:url("/library/jqueryui/ui-icons_454545_256x240.png")}.ui-state-highlight .ui-icon{background-image:url("/library/jqueryui/ui-icons_2e83ff_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("/library/jqueryui/ui-icons_cd0a0a_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}.ui-widget-overlay{background:#aaa url("/library/jqueryui/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:#aaa url("/library/jqueryui/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30);border-radius:8px}
/*!
* FullCalendar v2.3.1 Stylesheet
* Docs & License: http://fullcalendar.io/
* (c) 2015 Adam Shaw
*/.fc{direction:ltr;text-align:left}.fc-rtl{text-align:right}body .fc{font-size:1em}.fc-unthemed .fc-divider,.fc-unthemed .fc-popover,.fc-unthemed .fc-row,.fc-unthemed tbody,.fc-unthemed td,.fc-unthemed th,.fc-unthemed thead{border-color:#ddd}.fc-unthemed .fc-popover{background-color:#fff}.fc-unthemed .fc-divider,.fc-unthemed .fc-popover .fc-header{background:#eee}.fc-unthemed .fc-popover .fc-header .fc-close{color:#666}.fc-unthemed .fc-today{background:#fcf8e3}.fc-highlight{background:#bce8f1;opacity:.3;filter:alpha(opacity=30)}.fc-bgevent{background:#8fdf82;opacity:.3;filter:alpha(opacity=30)}.fc-nonbusiness{background:#d7d7d7}.fc-icon{display:inline-block;width:1em;height:1em;line-height:1em;font-size:1em;text-align:center;overflow:hidden;font-family:"Courier New",Courier,monospace}.fc-icon:after{position:relative;margin:0 -1em}.fc-icon-left-single-arrow:after{content:"\02039";font-weight:700;font-size:200%;top:-7%;left:3%}.fc-icon-right-single-arrow:after{content:"\0203A";font-weight:700;font-size:200%;top:-7%;left:-3%}.fc-icon-left-double-arrow:after{content:"\000AB";font-size:160%;top:-7%}.fc-icon-right-double-arrow:after{content:"\000BB";font-size:160%;top:-7%}.fc-icon-left-triangle:after{content:"\25C4";font-size:125%;top:3%;left:-2%}.fc-icon-right-triangle:after{content:"\25BA";font-size:125%;top:3%;left:2%}.fc-icon-down-triangle:after{content:"\25BC";font-size:125%;top:2%}.fc-icon-x:after{content:"\000D7";font-size:200%;top:6%}.fc button{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;height:2.1em;padding:0 .6em;font-size:1em;white-space:nowrap;cursor:pointer}.fc button::-moz-focus-inner{margin:0;padding:0}.fc-state-default{border:1px solid}.fc-state-default.fc-corner-left{border-top-left-radius:4px;border-bottom-left-radius:4px}.fc-state-default.fc-corner-right{border-top-right-radius:4px;border-bottom-right-radius:4px}.fc button .fc-icon{position:relative;top:-.05em;margin:0 .2em;vertical-align:middle}.fc-state-default{background-color:#f5f5f5;background-image:-moz-linear-gradient(top,#fff,#e6e6e6);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);background-image:-o-linear-gradient(top,#fff,#e6e6e6);background-image:linear-gradient(to bottom,#fff,#e6e6e6);background-repeat:repeat-x;border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);color:#333;text-shadow:0 1px 1px rgba(255,255,255,.75);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)}.fc-state-active,.fc-state-disabled,.fc-state-down,.fc-state-hover{color:#333;background-color:#e6e6e6}.fc-state-hover{color:#333;text-decoration:none;background-position:0 -15px;-webkit-transition:background-position .1s linear;-moz-transition:background-position .1s linear;-o-transition:background-position .1s linear;transition:background-position .1s linear}.fc-state-active,.fc-state-down{background-color:#ccc;background-image:none;box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}.fc-state-disabled{cursor:default;background-image:none;opacity:.65;filter:alpha(opacity=65);box-shadow:none}.fc-button-group{display:inline-block}.fc .fc-button-group>*{float:left;margin:0 0 0 -1px}.fc .fc-button-group>:first-child{margin-left:0}.fc-popover{position:absolute;box-shadow:0 2px 6px rgba(0,0,0,.15)}.fc-popover .fc-header{padding:2px 4px}.fc-popover .fc-header .fc-title{margin:0 2px}.fc-popover .fc-header .fc-close{cursor:pointer}.fc-ltr .fc-popover .fc-header .fc-title,.fc-rtl .fc-popover .fc-header .fc-close{float:left}.fc-ltr .fc-popover .fc-header .fc-close,.fc-rtl .fc-popover .fc-header .fc-title{float:right}.fc-unthemed .fc-popover{border-width:1px;border-style:solid}.fc-unthemed .fc-popover .fc-header .fc-close{font-size:.9em;margin-top:2px}.fc-popover>.ui-widget-header+.ui-widget-content{border-top:0}.fc-divider{border-style:solid;border-width:1px}hr.fc-divider{height:0;margin:0;padding:0 0 2px;border-width:1px 0}.fc-clear{clear:both}.fc-bg,.fc-bgevent-skeleton,.fc-helper-skeleton,.fc-highlight-skeleton{position:absolute;top:0;left:0;right:0}.fc-bg{bottom:0}.fc-bg table{height:100%}.fc table{width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0;font-size:1em}.fc th{text-align:center}.fc td,.fc th{border-style:solid;border-width:1px;padding:0;vertical-align:top}.fc td.fc-today{border-style:double}.fc .fc-row{border-style:solid;border-width:0}.fc-row table{border-left:0 hidden transparent;border-right:0 hidden transparent;border-bottom:0 hidden transparent}.fc-row:first-child table{border-top:0 hidden transparent}.fc-row{position:relative}.fc-row .fc-bg{z-index:1}.fc-row .fc-bgevent-skeleton,.fc-row .fc-highlight-skeleton{bottom:0}.fc-row .fc-bgevent-skeleton table,.fc-row .fc-highlight-skeleton table{height:100%}.fc-row .fc-bgevent-skeleton td,.fc-row .fc-highlight-skeleton td{border-color:transparent}.fc-row .fc-bgevent-skeleton{z-index:2}.fc-row .fc-highlight-skeleton{z-index:3}.fc-row .fc-content-skeleton{position:relative;z-index:4;padding-bottom:2px}.fc-row .fc-helper-skeleton{z-index:5}.fc-row .fc-content-skeleton td,.fc-row .fc-helper-skeleton td{background:0 0;border-color:transparent;border-bottom:0}.fc-row .fc-content-skeleton tbody td,.fc-row .fc-helper-skeleton tbody td{border-top:0}.fc-scroller{overflow-y:scroll;overflow-x:hidden}.fc-scroller>*{position:relative;width:100%;overflow:hidden}.fc-event{position:relative;display:block;font-size:.85em;line-height:1.3;border-radius:3px;border:1px solid #3a87ad;background-color:#3a87ad;font-weight:400}.fc-event,.fc-event:hover,.ui-widget .fc-event{color:#fff;text-decoration:none}.fc-event.fc-draggable,.fc-event[href]{cursor:pointer}.fc-not-allowed,.fc-not-allowed .fc-event{cursor:not-allowed}.fc-event .fc-bg{z-index:1;background:#fff;opacity:.25;filter:alpha(opacity=25)}.fc-event .fc-content{position:relative;z-index:2}.fc-event .fc-resizer{position:absolute;z-index:3}.fc-ltr .fc-h-event.fc-not-start,.fc-rtl .fc-h-event.fc-not-end{margin-left:0;border-left-width:0;padding-left:1px;border-top-left-radius:0;border-bottom-left-radius:0}.fc-ltr .fc-h-event.fc-not-end,.fc-rtl .fc-h-event.fc-not-start{margin-right:0;border-right-width:0;padding-right:1px;border-top-right-radius:0;border-bottom-right-radius:0}.fc-h-event .fc-resizer{top:-1px;bottom:-1px;left:-1px;right:-1px;width:5px}.fc-ltr .fc-h-event .fc-start-resizer,.fc-ltr .fc-h-event .fc-start-resizer:after,.fc-ltr .fc-h-event .fc-start-resizer:before,.fc-rtl .fc-h-event .fc-end-resizer,.fc-rtl .fc-h-event .fc-end-resizer:after,.fc-rtl .fc-h-event .fc-end-resizer:before{right:auto;cursor:w-resize}.fc-ltr .fc-h-event .fc-end-resizer,.fc-ltr .fc-h-event .fc-end-resizer:after,.fc-ltr .fc-h-event .fc-end-resizer:before,.fc-rtl .fc-h-event .fc-start-resizer,.fc-rtl .fc-h-event .fc-start-resizer:after,.fc-rtl .fc-h-event .fc-start-resizer:before{left:auto;cursor:e-resize}.fc-day-grid-event{margin:1px 2px 0;padding:0 1px}.fc-day-grid-event .fc-content{white-space:nowrap;overflow:hidden}.fc-day-grid-event .fc-time{font-weight:700}.fc-day-grid-event .fc-resizer{left:-3px;right:-3px;width:7px}a.fc-more{margin:1px 3px;font-size:.85em;cursor:pointer;text-decoration:none}a.fc-more:hover{text-decoration:underline}.fc-limited{display:none}.fc-day-grid .fc-row{z-index:1}.fc-more-popover{z-index:2;width:220px}.fc-more-popover .fc-event-container{padding:10px}.fc-toolbar{text-align:center;margin-bottom:1em}.fc-toolbar .fc-left{float:left}.fc-toolbar .fc-right{float:right}.fc-toolbar .fc-center{display:inline-block}.fc .fc-toolbar>*>*{float:left;margin-left:.75em}.fc .fc-toolbar>*>:first-child{margin-left:0}.fc-toolbar h2{margin:0}.fc-toolbar button{position:relative}.fc-toolbar .fc-state-hover,.fc-toolbar .ui-state-hover{z-index:2}.fc-toolbar .fc-state-down{z-index:3}.fc-toolbar .fc-state-active,.fc-toolbar .ui-state-active{z-index:4}.fc-toolbar button:focus{z-index:5}.fc-view-container *,.fc-view-container :after,.fc-view-container :before{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.fc-view,.fc-view>table{position:relative;z-index:1}.fc-basicDay-view .fc-content-skeleton,.fc-basicWeek-view .fc-content-skeleton{padding-top:1px;padding-bottom:1em}.fc-basic-view .fc-body .fc-row{min-height:4em}.fc-row.fc-rigid{overflow:hidden}.fc-row.fc-rigid .fc-content-skeleton{position:absolute;top:0;left:0;right:0}.fc-basic-view .fc-day-number,.fc-basic-view .fc-week-number{padding:0 2px}.fc-basic-view td.fc-day-number,.fc-basic-view td.fc-week-number span{padding-top:2px;padding-bottom:2px}.fc-basic-view .fc-week-number{text-align:center}.fc-basic-view .fc-week-number span{display:inline-block;min-width:1.25em}.fc-ltr .fc-basic-view .fc-day-number{text-align:right}.fc-rtl .fc-basic-view .fc-day-number{text-align:left}.fc-day-number.fc-other-month{opacity:.3;filter:alpha(opacity=30)}.fc-agenda-view .fc-day-grid{position:relative;z-index:2}.fc-agenda-view .fc-day-grid .fc-row{min-height:3em}.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton{padding-top:1px;padding-bottom:1em}.fc .fc-axis{vertical-align:middle;padding:0 4px;white-space:nowrap}.fc-ltr .fc-axis{text-align:right}.fc-rtl .fc-axis{text-align:left}.ui-widget td.fc-axis{font-weight:400}.fc-time-grid,.fc-time-grid-container{position:relative;z-index:1}.fc-time-grid{min-height:100%}.fc-time-grid table{border:0 hidden transparent}.fc-time-grid>.fc-bg{z-index:1}.fc-time-grid .fc-slats,.fc-time-grid>hr{position:relative;z-index:2}.fc-time-grid .fc-bgevent-skeleton,.fc-time-grid .fc-content-skeleton{position:absolute;top:0;left:0;right:0}.fc-time-grid .fc-bgevent-skeleton{z-index:3}.fc-time-grid .fc-highlight-skeleton{z-index:4}.fc-time-grid .fc-content-skeleton{z-index:5}.fc-time-grid .fc-helper-skeleton{z-index:6}.fc-time-grid .fc-slats td{height:1.5em;border-bottom:0}.fc-time-grid .fc-slats .fc-minor td{border-top-style:dotted}.fc-time-grid .fc-slats .ui-widget-content{background:0 0}.fc-time-grid .fc-highlight-container{position:relative}.fc-time-grid .fc-highlight{position:absolute;left:0;right:0}.fc-time-grid .fc-bgevent-container,.fc-time-grid .fc-event-container{position:relative}.fc-ltr .fc-time-grid .fc-event-container{margin:0 2.5% 0 2px}.fc-rtl .fc-time-grid .fc-event-container{margin:0 2px 0 2.5%}.fc-time-grid .fc-bgevent,.fc-time-grid .fc-event{position:absolute;z-index:1}.fc-time-grid .fc-bgevent{left:0;right:0}.fc-v-event.fc-not-start{border-top-width:0;padding-top:1px;border-top-left-radius:0;border-top-right-radius:0}.fc-v-event.fc-not-end{border-bottom-width:0;padding-bottom:1px;border-bottom-left-radius:0;border-bottom-right-radius:0}.fc-time-grid-event{overflow:hidden}.fc-time-grid-event .fc-time,.fc-time-grid-event .fc-title{padding:0 1px}.fc-time-grid-event .fc-time{font-size:.85em;white-space:nowrap}.fc-time-grid-event.fc-short .fc-content{white-space:nowrap}.fc-time-grid-event.fc-short .fc-time,.fc-time-grid-event.fc-short .fc-title{display:inline-block;vertical-align:top}.fc-time-grid-event.fc-short .fc-time span{display:none}.fc-time-grid-event.fc-short .fc-time:before{content:attr(data-start)}.fc-time-grid-event.fc-short .fc-time:after{content:"\000A0-\000A0"}.fc-time-grid-event.fc-short .fc-title{font-size:.85em;padding:0}.fc-time-grid-event .fc-resizer{left:0;right:0;bottom:0;height:8px;overflow:hidden;line-height:8px;font-size:11px;font-family:monospace;text-align:center;cursor:s-resize}.fc-time-grid-event .fc-resizer:after{content:"="}h1 {
padding:20px;
font-size:32px;
letter-spacing: -0.05em;
background-color:#bdccea;
margin:0 0 30px 0;
}
#columns .box, #cols .box {
background-color:#bdccea;
margin:0 0 30px 0;
font-size:15px;
}
.emailer {
border:0px solid #ccc;
background-color:transparent;
padding:0;
}
#col2 {
padding:0;
}
#col3 {
margin-left:30px;
}
#col2 .box.text, #col_2 .box.text, #col2 .box.quote, #col_2 .box.quote, #col2 .box.blog_item, #col_2 .box.blog_item, #col2 .box.sitemap, #col_2 .box.sitemap {
padding:20px 20px 10px 20px;
}
.box.blog h2 {
padding:0;
color:#0000cd;
}
.blogdate {
font-weight:bold;
margin-bottom:0;
}
.blog_img, .blogwidget_img {
float:left;
display:inline-block;
margin-right:20px;
margin-bottom:20px;
}#columns .box {
background: none !important;
}
.box.images{
margin: 0 auto !important;
}
.col {
width: 94% !important;
}
}
/*
'////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
'//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// MOBILE
'////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/
@media
only screen and (orientation:portrait) and (max-width:420px),
only screen and (orientation:landscape) and (max-width:720px)
{
#topholder, #top
{
position:relative !important;
z-index:2000;
height:auto !important;
}
#top
{
padding-top:50px;
text-align:center;
}
#top .box_social
{
width:100% !important;
text-align:center;
}
#top #logo
{
position:static;
margin:0 auto;
width:auto;
height:60px;
}
#top #tnav {
position:fixed !important;
top:0 !important;
right:0 !important;
left:0 !important;
width:100% !important;
height:35px;
padding-top:5px;
background-color:#dddddd;
box-shadow:0px 0px 5px 0px #333333;
-mozbox-shadow:0px 0px 5px 0px #333333;
-webkit-box-shadow:0px 0px 5px 0px #333333;
-o-box-shadow:0px 0px 5px 0px #333333;
box-shadow:0px 0px 5px 0px #333333;
-mozbox-shadow:0px 0px 5px 0px #333333;
-webkit-box-shadow:0px 0px 5px 0px #333333;
-o-box-shadow:0px 0px 5px 0px #333333;
z-index:10;
}
#top a.mobmenu:link,
#top a.mobmenu:visited {
position:absolute;
right:5px;
top:5px;
}
#top a.mobmenu:nth-last-child(2)
{
right:35px;
}
#top a.mobmenu:nth-last-child(3)
{
right:70px;
}
#top a.mobmenu:nth-last-child(4)
{
right:105px;
}
#tnav .nav_menu li ul li a.slidey_nav_expand:link, #tnav .nav_menu li ul li a.slidey_nav_expand:visited {
display:block;
}
#top ul.nav_menu, #top ul#tmenu, #top ul#tmenu_simple, #middle ul.nav_menu, #bot ul.nav_menu {
display:none !important;
}
#nav_responder {
position:fixed !important;
display:block;
top:0;
right:100%;
z-index:1000;
margin:0 !important;
padding:0 !important;
height:100%;
width:calc(100% - 40px);
background-color:#4857dc;
box-shadow:0px 0px 5px 0px #333333;
-mozbox-shadow:0px 0px 5px 0px #333333;
-webkit-box-shadow:0px 0px 5px 0px #333333;
-o-box-shadow:0px 0px 5px 0px #333333;
box-shadow:0px 0px 5px 0px #333333;
-mozbox-shadow:0px 0px 5px 0px #333333;
-webkit-box-shadow:0px 0px 5px 0px #333333;
-o-box-shadow:0px 0px 5px 0px #333333;
overflow-x:hidden;
overflow-y:auto;
}
#nav_responder * {
text-align:left !important;
line-height:auto !important;
}
#nav_responder > ul {
font-size:20px;
}
#nav_responder ul.nav_menu, #nav_responder ul#tmenu, #nav_responder ul#tmenu_simple {
background-color:transparent;
width:100%;
margin:0;
padding:0;
border-bottom:5px solid #666;
}
#nav_responder ul li {
display:block;
list-style-type:none;
padding:0 0 0 10px !important;
margin:0;
font-size:80% !important;
}
#nav_responder .nav_menu .nav_item ul {
margin:0;
padding:0;
}
#nav_responder ul.nav_menu li:nth-child(even), #nav_responder ul#tmenu li:nth-child(even), #nav_responder ul#tmenu_simple li:nth-child(even) {
background:url(/library/black5percent.png) repeat;
}
#nav_responder .nav_menu .nav_item ul.nav_shown, #nav_responder #currentli, #nav_responder .nav_item.li_shown, #nav_responder .nav_item.li_shown a {
background-color:transparent;
}
#nav_responder ul.nav_menu li a:link,
#nav_responder ul#tmenu li a:link,
#nav_responder ul#tmenu_simple li a:link {
display:inline-block;
padding:5px 0 5px 10px !important;
margin:0;
width:calc(100% - 50px);
line-height:auto;
min-height:20px;
background-color:transparent;
font-size:inherit !important;
color:#eee;
}
#nav_responder ul.nav_menu li a:link span,
#nav_responder ul#tmenu li a:link span,
#nav_responder ul#tmenu_simple li a:link span {
color:#eee;
font-size:inherit !important;
}
#nav_responder ul.nav_menu li a:visited,
#nav_responder ul#tmenu li a:visited,
#nav_responder ul#tmenu_simple li a:visited {
color:#ccc;
font-size:inherit !important;
}
#nav_responder ul.nav_menu li a:visited span,
#nav_responder ul#tmenu li a:visited span,
#nav_responder ul#tmenu_simple li a:visited span {
color:#ccc;
font-size:inherit !important;
}
#nav_responder ul.nav_menu li a.slidey_nav_expand:link,
#nav_responder ul.nav_menu li a.slidey_nav_expand:visited,
#nav_responder ul#tmenu li a.slidey_nav_expand:link,
#nav_responder ul#tmenu li a.slidey_nav_expand:visited,
#nav_responder ul#tmenu_simple li a.slidey_nav_expand:link,
#nav_responder ul#tmenu_simple li a.slidey_nav_expand:visited {
display:inline-block;
float:right;
width:30px;
height:30px;
vertical-align:middle;
padding:0 0 0 10px !important;
margin:0 !important;
}
#top div#search_holder,
#top div#bc_sign,
#top div#minibasket
{
display:none;
}
#top #contact_details_holder,
#top div.box_social,
#top #strapline
{
position:static !important;
text-align:center;
display:block;
margin:0 auto;
padding:5px auto;
}
#top #contact_details_holder a:link,
#top #contact_details_holder a:visited,
#top #contact_details_holder span
{
text-align:center;
}
#columns {
margin:0 !important;
width:calc(100% - 30px) !important;
padding:0 15px !important;
}
#columns .box.navigation {
display:block;
width:100%;
text-align:center;
}
#columns .box.navigation a.mobmenu:link,
#columns .box.navigation a.mobmenu:visited {
background-color:#dddddd;
display:block;
width:100%;
padding:5px 0;
text-align:center;
box-shadow:0px 0px 5px 0px #333333;
-mozbox-shadow:0px 0px 5px 0px #333333;
-webkit-box-shadow:0px 0px 5px 0px #333333;
-o-box-shadow:0px 0px 5px 0px #333333;
box-shadow:0px 0px 5px 0px #333333;
-mozbox-shadow:0px 0px 5px 0px #333333;
-webkit-box-shadow:0px 0px 5px 0px #333333;
-o-box-shadow:0px 0px 5px 0px #333333;
}
#body .clist {
float:none;
display:block;
margin:0 auto 25px auto;
}
#use {
width:calc(100% - 40px) !important;
padding:20px !important;
}
#use #v4_use_basketform #purchase_product_popup_image{
margin:0 0 10px 0 !important;
display:block !important;
}
#use #v4_use_basketform #purchase_product_popup_image img {
display:block;
padding:0;
margin:0 auto;
}
#use #v4_use_basketform #prodpurchase_quantity {
display:inline-block;
padding:20px 0 !important;
background-color:#eee;
border-width:0 !important;
text-align:center !important;
width:100% !important;
}
#ecommerce_module {
padding:0 10px;
}
#ecommerce_module #checkout_step_2 .system_form, #ecommerce_module #checkout_step_3 .system_form {
padding:0;
width:100%;
}
#ecommerce_module .v4_basket_pricing {
width:100% !important;
}
.step_head {
font-size:12px;
}
.stephtml {
left:70px;
top:30px;
text-align:left;
width:calc(100% - 80px);
}
.stephtml .stephtml_content {
display:block;
position:static;
}
.stephtml .stephtml_update{
top:-20px;
right:0;
left:auto;
bottom:auto;
}
#columns .box.navigation a.mobmenu:link, #columns .box.navigation a.mobmenu:visited {
display:none;
}
.row.header {
display:none;
}
a.nonmobmenu {
display:none;
}
#ecommerce_module .v4b_basket_image
{
left:0 !important;
}
#ecommerce_module .v4_basket_details
{
padding-left:110px !important;
}
#ecommerce_module .v4b_delete
{
position:relative !important;
top:10px !important;
vertical-align:top !important;
}
a.systembutton:link,
a.systembutton:visited
{
display:block !important;
float:none !important;
margin:5px !important;
text-align:center;
}
.v4_address {
display:block;
width:100% !important;
margin-right:0 !important;
margin-bottom:20px;
}
#useholder {
overflow-y:auto !important;
}
#body #botholder {
width:96% !important;
padding:10px 2% 0 2%!important;
height:auto !important;
}
#body #botholder #bot {
width:100%;
overflow:hidden;
text-align:center;
height:auto !important;
background:none;
}
#bot > div:not(.clear) {
border-bottom:1px solid #ccc;
padding-bottom:10px;
position:static !important;
width:100% !important;
margin:5px 0 !important;
}
#bot #box_footer_social {
width:100%;
border-left: none;
text-align:center;
}
.box_social{
width:90% !important;
}
#bot #box_footer_social img {
width:40px;
height:40px;
}
#bot #box_footer_copyright{
border-bottom:none !important;
padding-top:10px;
text-align:center;
}
#bot #box_footer_qbd {
text-align:center;
}
#bot #box_footer_html{
width:100% !important;
text-align:center;
padding:0px;
border-left:none;
padding:10px 0;
}
#bot #box_footer_icons {
height:auto !important;
margin:0 auto;
text-align:center !important;
}
#bot #box_footer_icons > div {
float:none;
display:inline-block;
}
#bot #box_footer_contact {
border-right: none;
text-align: center;
}
#bot #contact_details_holder{
display:block;
position:static;
margin:5px auto;
}
#contact_details_holder h2{
display:none;
}
#contact_details_holder #contact_details_box span label{
display:none;
}
#contact_details_holder #contact_details_box span{
padding:10px 0px;
display:block;
}
#bot .botbox a:hover{
text-decoration:underline;
}
#bot .botbox h2{
margin-bottom:5px;
}
#bot .botbox ul li {
list-style-type:none;
list-style-position:outside;
}
#bot .botbox ul li a {
text-decoration:none;
}
#bot .botbox ul li a:hover {
text-decoration:underline;
}
.before_br {
display:block;
}
#box_footer_contact > span, #box_footer_reg > span, #box_footer_pages > a {
display: block;
}
#bot #box_footer_qbd, #bot #box_footer_reg {
margin-top:0;
border-top-width: 0;
}
#box_footer_contact > span, #box_footer_reg > span, #box_footer_pages > a {
display: block;
}
#bot #box_footer_qbd, #bot #box_footer_reg {
margin-top:0;
border-top-width: 0;
}
#bot #box_footer_form {
margin-right:0;
padding:15px;
}
#botholder #bot #box_footer_form form.emailer {
position:static;
top:0;
left:0;
}
#botholder #bot #box_footer_form form.emailer h2 {
display:block;
}
#botholder #bot #box_footer_form form.emailer p,
#botholder #bot #box_footer_form form.emailer p:first-of-type,
#botholder #bot #box_footer_form form.emailer p:last-of-type {
height:inherit;
margin:0;
padding:0;
overflow:hidden;
}
#botholder #bot #box_footer_form form.emailer * {
outline:none;
}
#botholder #bot #box_footer_form form.emailer label {
width:0 !important;
margin:0 !important;
padding:0 !important;
}
#botholder #bot #box_footer_form form.emailer input[type="text"],
#botholder #bot #box_footer_form form.emailer input[type="password"],
#botholder #bot #box_footer_form form.emailer input[type="email"],
#botholder #bot #box_footer_form form.emailer input[type="tel"],
#botholder #bot #box_footer_form form.emailer input[type='submit'],
#botholder #bot #box_footer_form form.emailer select,
#botholder #bot #box_footer_form form.emailer span.form_multiple,
#botholder #bot #box_footer_form form.emailer span.form_datetime,
#botholder #bot #box_footer_form form.emailer textarea {
display:block;
width:90%;
margin:10px auto 0 auto;
position:static;
left:0;
top:0;
}
#botholder #bot #box_footer_form form.emailer span.verifyimage {
height:auto;
}
#bot a.mobmenu:link,
#bot a.mobmenu:visited {
display:none;
/*
background-color:#dddddd;
display:block;
width:100%;
padding:5px 0;
text-align:center;
box-shadow:0px 0px 5px 0px #333333;
-mozbox-shadow:0px 0px 5px 0px #333333;
-webkit-box-shadow:0px 0px 5px 0px #333333;
-o-box-shadow:0px 0px 5px 0px #333333;
box-shadow:0px 0px 5px 0px #333333;
-mozbox-shadow:0px 0px 5px 0px #333333;
-webkit-box-shadow:0px 0px 5px 0px #333333;
-o-box-shadow:0px 0px 5px 0px #333333;
*/
}
/*timboss|100% */
/*
* Primary styles
* Loosely based on HTML5 ✰ Boilerplate
* Author: Quick By Design
*
* html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
* v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
* html5doctor.com/html-5-reset-stylesheet/
*/
/*//////////////////////////////////////////////////////////////////////////////////// page styles ///////////*/
/*
* {
max-width: 100%;
}
*/
*:not(.notlazy,.box_html5_presentation,.box_html5_presentation *,.notransition) {
transition: 0.25s;
}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
table, caption, tbody, tfoot, thead, tr, th, td {
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
/*table { border-collapse: collapse; border-spacing: 0; }*/
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }
/**
* Font normalization inspired by YUI Library's fonts.css: developer.yahoo.com/yui/
*/
/* Background */
html{
font:62.5% sans-serif;
overflow-y: scroll;
}
body{
margin:0;
padding:0;
font-size:13px;
font-size:1.3em;
}
#body {
position:relative;
z-index:0;
}
/* Default Font */
body, select, input, textarea {
/* Set your base font here, to apply evenly */
color: #444;
font-family: "Arial", sans-serif;
}
/* Link Colours */
a, a:active, a:visited {color: #607890; text-decoration: none;}
a:hover { color: #036; }
select, input, textarea, button { font:99% sans-serif; }
/* Normalize monospace sizing:
en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
pre, code, kbd, samp { font-family: monospace, sans-serif; }
/**
* Minimal base styles.
*/
/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }
ol { list-style-type: decimal; }
/* Remove margins for navigation lists */
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td { vertical-align: top; }
/* Set sub, sup without affecting line-height: gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
pre {
/* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
white-space: pre; white-space: pre-wrap; word-wrap: break-word;
padding: 15px;
}
textarea { overflow: auto; } /* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
.ie6 legend, .ie7 legend { margin-left: -7px; }
/* Align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css */
input[type="radio"] { vertical-align: baseline; }
input[type="checkbox"] { vertical-align: baseline; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
/* Hand cursor on clickable input elements */
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
input[type="button"] {
padding:5px 10px;
}
/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea { margin: 0; }
/* Colors for form validity */
input:valid, textarea:valid { }
input:invalid, textarea:invalid {
border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }
/* These selection declarations have to be separate
No text-shadow: twitter.com/miketaylr/status/12228805301
Also: hot pink! */
::-moz-selection{ background: #000066; color:#fff; text-shadow: none; }
::selection { background:#000066; color:#fff; text-shadow: none; }
/* j.mp/webkit-tap-highlight-color
a:link { -webkit-tap-highlight-color: #FF5E99; }
*/
/* Make buttons play nice in IE:
www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button { width: auto; overflow: visible; }
/* Bicubic resizing for non-native sized IMG:
code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { -ms-interpolation-mode: bicubic; }
p{
margin-bottom: 10px;
}
*[onclick] {
cursor:pointer;
}
#loaderholder {
display:none;
position:absolute;
right:20px;
top:20px;
}
.clear {
clear:both;
width:0;
height:0;
display:block;
}
.cleardeep {
clear:both;
width:0;
height:10px;
}
hr.dashedhr {
border:0;
height:0;
}
ul {
list-style-position:inside;
}
input,textarea,select {
margin:0;
padding:1px;
}
input[type="submit"] {
cursor:pointer;
}
input[type="radio"],input[type="checkbox"],input[type="image"] {
border:0;
}
input.datefield {
width:100px;
}
img.ui-datepicker-trigger {
vertical-align:middle;
}
/*//////////////////////////////////////////////////////////////////////////////////// page styles ///////////*/
#pageholder {
width:100%;
display:block;
}
#page {
margin:0 auto;
width:100% ;
display:block;
padding-bottom:10px;
}
#cpuserswitchholder {
position:fixed;
top:5px;
width:200px;
height:30px;
left:calc(50% - 200px);
z-index:500;
}
#cpuserswitch {
display:block;
width:400px;
height:30px;
line-height:30px;
}
/*//////////////////////////////////////////////////////////////////////////////////// Middle Section /////////////////*/
#top {
display:block;
position:relative;
height:180px;
}
/* Logo */
#logo{
position:absolute;
left:0px;
top:20px;
}
/* Country by IP Div */
#country_by_ip{
position:absolute;
left:500px;
top:20px;
}
#country_by_ip select {
position:static;
}
#delivery_estimate_box {
position:absolute;
left:500px;
top:100px;
}
/* Strapline Text */
#strapline {
position:absolute;
left:0px;
top:100px;}
/* Slideshow */
#sshow{
position:absolute;
width:450px;
height:90px;
right:0px;
top:0px;
display: none;
}
/* Search Box (may be moved to footer in DB) */
#search_holder {
position:absolute;
right:0px;
top:110px;
width:220px;
height:30px;
text-align: right;
}
#search_holder h2 {
display:none;
}
#search_holder #search {
position:absolute;
right:21px;
top:0;
height:16px;
padding:2px;
width:200px;
}
#search_holder #search_btn {
position:absolute;
right:0px;
top:0;
}
/* Announcements */
#announcement {
position:absolute;
top:-50px;
right:0px;
}
/*MICRO SITES */
#top_photo img {
border:2px solid #fff;
box-shadow:0px 0px 10px 0px #444444;
-mozbox-shadow:0px 0px 10px 0px #444444;
-webkit-box-shadow:0px 0px 10px 0px #444444;
-o-box-shadow:0px 0px 10px 0px #444444;
box-shadow:0px 0px 10px 0px #444444;
-mozbox-shadow:0px 0px 10px 0px #444444;
-webkit-box-shadow:0px 0px 10px 0px #444444;
-o-box-shadow:0px 0px 10px 0px #444444;
}
/* Top Navigation */
#tnav{
position:absolute;
bottom:0px;
left:0px;
height:30px;
right:0px;
}
#tnav li{
float:left;
}
#tnav li a{
display: block;
height:30px;
padding:0px 2em;
line-height:30px;
font-size:1.2em;
}
#tnav li #thisa, #tnav li a:hover{
}
/*////////////////////////////////////////////////////////////////////////////////////// Ticker Module ///////////*/
#ticker {
position:absolute;
top:0;
left:0;
display:block;
height:1em;
font-size:1em;
overflow:hidden;
}
#ticker li {
display:none;
height:1em;
list-style-type: none
}
#ticker li:first-child {
display:block;
}
/*//////////////////////////////////////////////////////////////////////////////////// Breadcrumb /////////////////*/
#breadcrumb {
position:relative;
top:0;
left:0;
height:30px;
}
#bc_sign, #bc_loc {
position:absolute;
top:0;
height:30px;
line-height:30px;
width:auto;
}
#bc_sign {
right:0;
}
#bc_loc {
left:0;
}
#breadcrumb a{
text-decoration:none;
}
#breadcrumb a:hover {
text-decoration:underline;
}
/*MULTILINGUAL/////*/
#multilang {
position:relative;
}
#multilang li {
list-style-type:none;
}
#multilang_selector {
display:none;
}
/*//////////////////////////////////////////////////////////////////////////////////// Middle Section /////////////////*/
#columns{
margin-top:30px;
}
#columns ul {
margin-top:0;
padding-left:0;
}
#col2 {
padding:0 ;
}
.emailer {
padding:20px;
}
a.mobmenu:link,
a.mobmenu:visited {
height:20px;
padding:5px;
line-height:20px;
vertical-align:middle;
}
a.mobmenu img {
width:20px;
height:20px;
vertical-align:middle;
}
/*//////////////////////////////////////////////////////////////////////////////////// Presentation /////////////////*/
/* Presentation styles */
#theflashdiv .buttons > div{
width:20px;
height:20px;
-webkit-border-radius:10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px;
float:left;
margin-left:5px;
border:1px solid #eee;
background:rgb(166,166,166);
background:-webkit-gradient(linear, 0 0, 0 bottom, from(rgb(255,255,255)), to(rgb(166,166,166))) rgb(166,166,166);
background:-moz-linear-gradient(rgb(255,255,255), rgb(166,166,166)) rgb(166,166,166);
background:linear-gradient(rgb(255,255,255), rgb(166,166,166)) rgb(166,166,166);
}
#theflashdiv .buttons > .active_button{
background:rgb(120,120,120);
background:-webkit-gradient(linear, 0 0, 0 bottom, from(rgb(200,200,200)), to(rgb(120,120,120))) rgb(120,120,120);
background:-moz-linear-gradient(rgb(200,200,200), rgb(120,120,120)) rgb(120,120,120);
background:linear-gradient(rgb(200,200,200), rgb(120,120,120)) rgb(120,120,120);
}
iframe [src=""] {
display:none;
}
.nav_hidden{
display:none;
}
.lazy img:not(.notlazy) {
opacity: 0;
transition: opacity .3s ease-in;
}
/*//////////////////////////////////////////////////////////////////////////////////// Motors Pagination /////////////////*/
.motor_pagination_selected {
font-weight:bold;
}
/*//////////////////////////////////////////////////////////////////////////////////// Product Pagination /////////////////*/
.pagination {
}
.pagination li{
margin:0;
list-style-type: none;
display: inline;
float: left;
padding-right: 5px;
padding-bottom: 5px;
}
.pagination li a{
display:block;
margin:0;
text-align: center;
padding-right: 10px;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
}
/*//////////////////////////////////////////////////////////////////////////////////// Footer /////////////////*/
#botholder {
position:relative;
top:0px;
left:0px;
width:100%;
}
#bot{
margin:0 auto;
display:block;
width:100% ;
position:relative;
top:0;
left:0;
}
#bot .botbox {
width:300px;
}
#bot .botbox a{
}
#bot .botbox a:hover{
text-decoration:underline;
}
#bot .botbox h2{
margin-bottom:5px;
}
#bot .botbox ul li {
list-style-type:none;
list-style-position:outside;
}
#bot .botbox ul li a {
text-decoration:none;
}
#bot .botbox ul li a:hover {
text-decoration:underline;
}
/*///////////////// BOX 1 //////*/
#bot #botbox_1 {
position:absolute;
left:10px;
top:20px;
z-index:1;
}
#botbox_1 h2 {
display:none;
}
/*///////////////// BOX 2 //////*/
#bot #botbox_2 {
width:400px;
text-align: center;
margin-left:-200px;
position:absolute;
left:50%;
top:20px;
}
#botbox_2 #botbox_2_links {
position:relative;
left:0px;
top:90px;
}
/*///////////////// BOX 3 //////*/
#bot #botbox_3 {
position:absolute;
top:20px;
right:10px;
text-align:right;
width:350px;
z-index:1;
}
/*///////////////// BOX 4 //////*/
#bot #botbox_4 {
width:200px;
text-align: center;
margin-left:-100px;
position:absolute;
left:50%;
top:130px;
text-align:center;
}
#bot #botbox_4 table tr td {
text-align:center;
}
/*///////////////// ICONS //////*/
#footer_icons{
position:absolute;
left:180px;
top:25px;
width:400px;
height:50px;
overflow:hidden;
}
#box_footer_icons{
position:absolute;
left:0;
top:0;
width:100%;
height:50px;
overflow:hidden;
}
#footer_icons > div, #box_footer_icons > div {
float:left;
margin:0 5px 0 0;
}
.before_br {
display:block;
}
/*//////////////////////////////////////////////////////////////////////////////////// SIDEBAR ///////////*/
#sidebarholder {
position:fixed;
width:200px;
z-index:2000;
top:0;
right:-200px;
bottom:0;
left:auto;
display:block;
padding:0;
overflow: visible;
}
#sidebar {
position:absolute;
width:200px;
z-index:0;
top:0;
right:0;
bottom:0;
left:auto;
display:block;
background-color:#333;
text-align:center;
padding:20px 0px;
box-shadow:0px 0px 60px 0px #999999;
-mozbox-shadow:0px 0px 60px 0px #999999;
-webkit-box-shadow:0px 0px 60px 0px #999999;
-o-box-shadow:0px 0px 60px 0px #999999;
box-shadow:0px 0px 60px 0px #999999;
-mozbox-shadow:0px 0px 60px 0px #999999;
-webkit-box-shadow:0px 0px 60px 0px #999999;
-o-box-shadow:0px 0px 60px 0px #999999;
}
#sidebar * {
color:#fff;
font-size:15px;
}
#sidebar input, sidebar select {
color:#444;
}
#sidebar h2 {
font-size:24px;
}
#sidebar > form > div {
padding:10px;
position: relative;
background:#333333;
background:-webkit-gradient(linear, 0 0, 0 bottom, from(#5a585b), to(#333333)) #333333;
background:-moz-linear-gradient(#5a585b, #333333) #333333;
background:linear-gradient(#5a585b, #333333) #333333;
overflow:hidden;
text-align: left;
}
#sidebar > form > div > div {
text-align: center;
}
#sidebar p {
margin-top:0;
}
#sidebar p span.answer_status {
position:absolute;
top:0;
left:0;
}
#sidebar select {
margin-top:10px;
}
#sidebar select, #sidebar select option {
color:#444;
}
#sidebar a.sidebar_button:link, #sidebar a.sidebar_button:visited, #sidebar span.sidebar_button {
display: inline-block;
padding:10px 20px;
color:#fff;
background:#24855e;
background:-webkit-gradient(linear, 0 0, 0 bottom, from(#34b27f), to(#24855e)) #24855e;
background:-moz-linear-gradient(#34b27f, #24855e) #24855e;
background:linear-gradient(#34b27f, #24855e) #24855e;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px;
box-shadow:0px 0px 10px 0px #000000;
-mozbox-shadow:0px 0px 10px 0px #000000;
-webkit-box-shadow:0px 0px 10px 0px #000000;
-o-box-shadow:0px 0px 10px 0px #000000;
box-shadow:0px 0px 10px 0px #000000;
-mozbox-shadow:0px 0px 10px 0px #000000;
-webkit-box-shadow:0px 0px 10px 0px #000000;
-o-box-shadow:0px 0px 10px 0px #000000;
}
#sidebar a.sidebar_button:hover {
background:#cccccc;
background:-webkit-gradient(linear, 0 0, 0 bottom, from(#939393), to(#cccccc)) #cccccc;
background:-moz-linear-gradient(#939393, #cccccc) #cccccc;
background:linear-gradient(#939393, #cccccc) #cccccc;
}
#sidebarholder > #sidebar > #sidebar_button {
position:absolute;
display:block;
top:50%;
left:-125px;
margin-top:-50px;
height:50px;
line-height:50px;
width:200px;
color:#333;
text-decoration: none;
background-color:#ccc;
background-image:none;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
font-size: 20px;
-webkit-border-radius:5px 5px 0px 0px;
-moz-border-radius:5px 5px 0px 0px;
border-radius:5px 5px 0px 0px;
}
#sidebarholder_under {
position:fixed;
width:1000px;
z-index:1999;
top:0;
right:-1000px;
bottom:0;
left:auto;
display:block;
padding:0;
overflow: visible;
}
#sidebar_under {
position:absolute;
width:1000px;
z-index:0;
top:0;
right:0;
bottom:0;
left:auto;
display:block;
background-color:#fff;
padding:20px 0px;
box-shadow:0px 0px 60px 0px #999999;
-mozbox-shadow:0px 0px 60px 0px #999999;
-webkit-box-shadow:0px 0px 60px 0px #999999;
-o-box-shadow:0px 0px 60px 0px #999999;
box-shadow:0px 0px 60px 0px #999999;
-mozbox-shadow:0px 0px 60px 0px #999999;
-webkit-box-shadow:0px 0px 60px 0px #999999;
-o-box-shadow:0px 0px 60px 0px #999999;
overflow:hidden;
}
/*//////////////////////////////////////////////////////////////////////////////////// cookie request styles ///////////*/
#cookierequester {
position:fixed;
width:100%;
z-index:999;
top:0;
left:0;
display:block;
background:url(/library/overlay.png) repeat;
text-align:center;
padding:5px 0;
color:#fff !important;
font-size:11px !important;
font-family:Arial, Helvetica, sans-serif !important;
}
#cookierequester a:link, #cookierequester a:visited {
color:#333 !important;
background-color:#eee !important;
-webkit-border-radius:2px 2px 2px 2px;
-moz-border-radius:2px 2px 2px 2px;
border-radius:2px 2px 2px 2px;
padding:1px 5px !important;
}
/* video holder */
#videoholder {
position:fixed;
top:0;
left:0;
bottom:0;
right:0;
width:100%;
z-index:1000;
text-align: center;
vertical-align: middle;
background:url(/library/black70percent.png);
}
#playingvideo {
background-color:#000;
color:#ccc;
display: inline-block;
box-shadow:0px 0px 40px 0px #000000;
-mozbox-shadow:0px 0px 40px 0px #000000;
-webkit-box-shadow:0px 0px 40px 0px #000000;
-o-box-shadow:0px 0px 40px 0px #000000;
box-shadow:0px 0px 40px 0px #000000;
-mozbox-shadow:0px 0px 40px 0px #000000;
-webkit-box-shadow:0px 0px 40px 0px #000000;
-o-box-shadow:0px 0px 40px 0px #000000;
}
#playingvideo > p, #playingvideo > p * {
color:#ccc !important;
}
#stoppingvideo {
position:absolute;
top:10px;
right:30px;
color:#ccc;
font-size:60px;
font-weight:bold;
font-family:arial, helvetica sans-serif;
}
/*//////////////////////////////////////////////////////////////////////////////////// overlay styles ///////////*/
#msg #pageloginform label {
width:120px;
}
#msg a.msgbutton:link, #msg a.msgbutton:visited {
display:inline-block;
padding:10px 20px;
margin: 5px 0;
background-color:#333;
color:#eee !important;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px;
}
#msg a.msgbutton:hover {
background-color:#666;
}
#overholder {
position:fixed;
top:0;
left:0;
bottom:0;
right:0;
width:100%;
z-index:1000;
background:url(/library/black70percent.png);
}
#over {
position:static;
padding-top:70px;
padding-bottom:40px;
background-color:#fff;
z-index:1;
display:block;
left:50%;
color:#444;
width:1000px;
margin:50px auto;
height:550px;
overflow-x:hidden;
overflow-y:scroll;
box-shadow:0px 0px 30px 0px #000000;
-mozbox-shadow:0px 0px 30px 0px #000000;
-webkit-box-shadow:0px 0px 30px 0px #000000;
-o-box-shadow:0px 0px 30px 0px #000000;
box-shadow:0px 0px 30px 0px #000000;
-mozbox-shadow:0px 0px 30px 0px #000000;
-webkit-box-shadow:0px 0px 30px 0px #000000;
-o-box-shadow:0px 0px 30px 0px #000000;
}
/*////////////////////////////////////////////// Wizard Styles ///////////*/
#wizard {
position: relative;
top:-30px;
}
#wizard * {
font-family: arial, helvetica, sans-serif;
color:#444;
}
#wizard_menu {
overflow: visible;
position:fixed;
width:1000px;
height:70px;
top:0;
left:50%;
margin:50px auto 30px -500px;
z-index:10;
background: url(/library/wizards/wizard_top.png) no-repeat left top transparent;
}
#wizard_logo {
position:fixed;
top:10px;
left:50%;
margin-left:-550px;
z-index:20;
}
#wizard_close_button {
position:fixed;
top:60px;
left:50%;
margin-left:450px;
z-index:30;
}
h2#wizard_title {
position:relative;
left:80px;
font-size:30px;
font-weight: bold;
}
#wizard_progress {
width:100%;
height:80px;
background:url(/media/shared/wizard_progress_bg.jpg) repeat-x;
}
#wizard_progress a {
display:inline-block;
height:80px;
line-height:80px;
min-width:80px;
text-align:right;
padding-right:20px;
padding-left:20px;
font-weight:bold;
background:url(/media/shared/wizard_progress_link.png) no-repeat right top;
}
#wizard_progress a.currentwizard {
color:#fff;
background:url(/media/shared/wizard_progress_active.png) no-repeat right top;
}
#wizard_left {
margin-left:20px;
width:700px;
float:left;
}
#wizard_right {
float:right;
margin:50px 20px 0 0;
background-color:#eee;
border:1px solid #ccc;
border-top:10px solid #a0a0a0;
padding:10px;
width:200px;
min-height:60px;
}
form.wizform {
background-color:#fcfcfc;
border:1px solid #ccc;
padding:20px;
}
form.wizform.col2form p {
display:inline-block;
width:40%;
padding-right:5%;
}
#wizard a.wizard_button:link, #wizard a.wizard_button:visited, a.wizard_button:link, a.wizard_button:visited, a.ibutton:link, a.ibutton:visited {
background-color:#333 !important;
display:inline-block;
color:#eee !important;
margin-left:5px !important;
padding:8px 20px 8px 50px !important;
position:relative !important;
top:15px !important;
left:0 !important;
overflow:visible !important;
-webkit-border-radius:15px 15px 15px 15px;
-moz-border-radius:15px 15px 15px 15px;
border-radius:15px 15px 15px 15px;
}
#wizard a.wizard_button.content_selected:link, #wizard a.wizard_button.content_selected:visited {
background-color:#ccc !important;
color:#333 !important;
}
#page_login a.wizard_button:link, #page_login a.wizard_button:visited {
color:#eee !important;
}
#wizard a.wizard_button:hover, a.wizard_button:hover, a.ibutton:hover {
background-color:#666 !important;
}
#columns a.wizard_button {
position:absolute !important;
top:10px !important;
}
#wizard a.wizard_button img, a.wizard_button img, a.clickmedia img, a.ibutton img {
position:absolute !important;
top:-5px !important;
left:-2px !important;
}
#wizard_inner {
margin-top:16px;
border-top:10px solid #a0a0a0;
border-bottom:10px solid #a0a0a0;
padding:10px 0px;
}
#wizard_actions {
text-align: right;
}
a.clickmedia {
display:block;
position:absolute;
top:5px;
left:-15px;
bottom:auto;
background-color:#333 !important;
color:#eee !important;
margin-left:5px !important;
padding:8px 20px 8px 50px !important;
overflow:visible !important;
-webkit-border-radius:15px 15px 15px 15px;
-moz-border-radius:15px 15px 15px 15px;
border-radius:15px 15px 15px 15px;
}
/*/////////////////////////////////////// RESPONSIVE BOX ///////////*/
#resholder {
position:fixed;
top:0;
left:0px;
width:100%;
height:100%;
z-index:995;
background:url(/library/white80percent.png) repeat transparent;
}
#res {
position:relative;
z-index:1;
top:0px;
left:0px;
width:calc(100% - 40px);
height:calc(100% - 40px);
padding:20px;
display:block;
color:#444;
margin:0;
overflow-x:hidden;
overflow-y:auto;
}
#res h2 {
font-size:20px;
text-align:center;
}
#res_close {
position:absolute;
top:10px;
right:10px;
text-align: right;
cursor:pointer;
font-weight: bold;
font-size:50px;
color:#bb0000;
display:none;
}
#res_form {
padding-top:10px;
}
/*/////////////////////////////////////// useful box styles ///////////*/
#useholder {
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
z-index:995;
background:url(/library/black70percent.png) repeat;
}
#use {
position:relative;
padding:2% 20px;
z-index:1;
display:block;
color:#444;
width:800px;
margin:3% auto;
height:90%;
overflow-x:hidden;
overflow-y:auto;
box-shadow:0px 0px 30px 0px #000000;
-mozbox-shadow:0px 0px 30px 0px #000000;
-webkit-box-shadow:0px 0px 30px 0px #000000;
-o-box-shadow:0px 0px 30px 0px #000000;
box-shadow:0px 0px 30px 0px #000000;
-mozbox-shadow:0px 0px 30px 0px #000000;
-webkit-box-shadow:0px 0px 30px 0px #000000;
-o-box-shadow:0px 0px 30px 0px #000000;
background:url(/custom/library/boxes/use_top.png) top right repeat-x #fff;
}
#use_close {
position:absolute;
top:10px;
right:10px;
text-align: right;
cursor:pointer;
font-weight: bold;
font-size:50px;
color:#bb0000;
}
/*//////////////////////////////////////////// msg box styles ///////////*/
#msgholder {
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
z-index:9000;
background:url(/library/black70percent.png) repeat;
}
#msg {
position:fixed;
z-index:999;
display:block;
width:400px;
margin:160px 0 0 -221px;
border:1px solid #999;
background-color:#eee;
padding:20px;
left:50%;
text-align:center;
-webkit-border-radius:10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px;
box-shadow:0px 0px 30px 0px #000000;
-mozbox-shadow:0px 0px 30px 0px #000000;
-webkit-box-shadow:0px 0px 30px 0px #000000;
-o-box-shadow:0px 0px 30px 0px #000000;
box-shadow:0px 0px 30px 0px #000000;
-mozbox-shadow:0px 0px 30px 0px #000000;
-webkit-box-shadow:0px 0px 30px 0px #000000;
-o-box-shadow:0px 0px 30px 0px #000000;
}
#msg p {
font-weight:bold;
text-align:center;
color:#444;
}
#msg * {
color:#444 !important;
}
#msg input#msgok {
color:#444;
padding:2px 20px;
margin:0 auto;
cursor:pointer;
}
#msg a:link, #msg a:visited, #msg a:hover {
padding:2px 20px;
background-color:#F0F0F0;
text-decoration:none;
}
#msg #buy_options {
padding-top:0;
}
#msg #buy_options select {
width:60%;
}
#msg #buy_options select option {
text-align: center;
}
#msg #curprice, #msg #calculated_price, #msg p.option_group {
position:static;
background:none;
color:#444;
font-size: inherit;
font-family:inherit;
}
#msg #q {
padding:5px;
width:20px;
font-size: inherit;
text-align: center;
font-family:inherit;
}
/*//////////////////////////////////////////////////////////////////////////////////// PREVIEW /////////////////*/
#previewclose {
position:fixed;
top:10px;
right:10px;
background-color:#333;
padding:5px;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px;
}
#previewclose a:link, #previewclose a:visited, #previewclose a:hover {
text-decoration:none !important;
font-weight:bold;
color:#eee !important;
position:relative;
top:-5px;
}
#previewclose a img {
position:relative;
top:5px;
}
/*//////////////////////////////////////////////////////////////////////////////////// SCROLL TO TOP /////////////////*/
#scroll_to_top:link,#scroll_to_top:visited {
display:none;
text-decoration:none;
position:fixed;
top:auto;
right:20px;
bottom:20px;
left:auto;
}
/*//////////////////////////////////////////////////////////////////////////////////// ALERTS /////////////////*/
#site_alerts
{
position:fixed;
top:auto;
right:0;
bottom:0;
left:0;
display:none;
background:url(/library/black70percent.png) repeat;
text-align:center;
}
#site_alerts > a:link,
#site_alerts > a:visited
{
display:block;
min-height:60px;
line-height:60px;
margin:0;
padding:0;
color:#fff;
background-color:transparent;
}
#site_alerts > a:hover
{
color:#ffffff;
background-color:#333333;
}
/*//////////////////////////////////////////////////////////////////////////////////// JQuery COLOR PICKER /////////////////*/
#colorSelector {
position: relative;
width: 36px;
height: 36px;
background: url(/library/colorpicker/select.png);
}
#colorSelector div {
position: absolute;
top: 3px;
left: 3px;
width: 30px;
height: 30px;
background: url(/library/colorpicker/select.png) center;
}
.colorpicker {
width: 356px;
height: 176px;
overflow: hidden;
position: absolute;
background: url(/library/colorpicker/colorpicker_background.png);
font-family: Arial, Helvetica, sans-serif;
display: none;
}
.colorpicker_color {
width: 150px;
height: 150px;
left: 14px;
top: 13px;
position: absolute;
background: #f00;
overflow: hidden;
cursor: crosshair;
}
.colorpicker_color div {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
background: url(/library/colorpicker/colorpicker_overlay.png);
}
.colorpicker_color div div {
position: absolute;
top: 0;
left: 0;
width: 11px;
height: 11px;
overflow: hidden;
background: url(/library/colorpicker/colorpicker_select.gif);
margin: -5px 0 0 -5px;
}
.colorpicker_hue {
position: absolute;
top: 13px;
left: 171px;
width: 35px;
height: 150px;
cursor: n-resize;
}
.colorpicker_hue div {
position: absolute;
width: 35px;
height: 9px;
overflow: hidden;
background: url(/library/colorpicker/colorpicker_indic.gif) left top;
margin: -4px 0 0 0;
left: 0px;
}
.colorpicker_new_color {
position: absolute;
width: 60px;
height: 30px;
left: 213px;
top: 13px;
background: #f00;
}
.colorpicker_current_color {
position: absolute;
width: 60px;
height: 30px;
left: 283px;
top: 13px;
background: #f00;
}
.colorpicker input {
background-color: transparent;
border: 1px solid transparent;
position: absolute;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #898989;
top: 4px;
right: 11px;
text-align: right;
margin: 0;
padding: 0;
height: 11px;
}
.colorpicker_hex {
position: absolute;
width: 72px;
height: 22px;
background: url(/library/colorpicker/colorpicker_hex.png) top;
left: 212px;
top: 142px;
}
.colorpicker_hex input {
right: 6px;
}
.colorpicker_field {
height: 22px;
width: 62px;
background-position: top;
position: absolute;
}
.colorpicker_field span {
position: absolute;
width: 12px;
height: 22px;
overflow: hidden;
top: 0;
right: 0;
cursor: n-resize;
}
.colorpicker_rgb_r {
background-image: url(/library/colorpicker/colorpicker_rgb_r.png);
top: 52px;
left: 212px;
}
.colorpicker_rgb_g {
background-image: url(/library/colorpicker/colorpicker_rgb_g.png);
top: 82px;
left: 212px;
}
.colorpicker_rgb_b {
background-image: url(/library/colorpicker/colorpicker_rgb_b.png);
top: 112px;
left: 212px;
}
.colorpicker_hsb_h {
background-image: url(/library/colorpicker/colorpicker_hsb_h.png);
top: 52px;
left: 282px;
}
.colorpicker_hsb_s {
background-image: url(/library/colorpicker/colorpicker_hsb_s.png);
top: 82px;
left: 282px;
}
.colorpicker_hsb_b {
background-image: url(/library/colorpicker/colorpicker_hsb_b.png);
top: 112px;
left: 282px;
}
.colorpicker_submit {
position: absolute;
width: 22px;
height: 22px;
background: url(/library/colorpicker/colorpicker_submit.png) top;
left: 322px;
top: 142px;
overflow: hidden;
}
.colorpicker_focus {
background-position: center;
}
.colorpicker_hex.colorpicker_focus {
background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
background-position: bottom;
}
.colorpicker_slider {
background-position: bottom;
}
/*Tims Override for Neat Version*/
.colorpicker_new_color, .colorpicker_current_color, .colorpicker_hex, .colorpicker_field, .colorpicker_submit {
display:none;
}
.colorpicker {
width: 215px;
background: url(/library/colorpicker/colorpicker_background_small.png);
}
/*//////////////////////////////////////////////////////////////////////////////////// Wizard /////////////////*/
#wizard div.box {
border:10px solid #ccc;
margin-bottom:20px;
cursor:pointer;
}
#columns div#col1.col.withadd, #columns div#col2.col.withadd, #columns div#col3.col.withadd {
padding-top:40px;
}
.coladd {
position:absolute;
top:0;
left:0;
}
.showmewhenclicked {
padding-top:20px;
background:url(/library/white80percent.png) repeat;
display:none;
text-align:center;
position: absolute;
top:0;
right:0;
bottom:0;
left:0;
}
.sortthis {
background:#cccccc;
background:-webkit-gradient(linear, 0 0, 0 bottom, from(#eeeeee), to(#cccccc)) #cccccc;
background:-moz-linear-gradient(#eeeeee, #cccccc) #cccccc;
background:linear-gradient(#eeeeee, #cccccc) #cccccc;
}
.themeselect {
display:block;
height:200px;
position:relative;
margin-bottom:20px;
background-color: #fff;
overflow: hidden;
cursor: pointer;
}
.themeimg {
position:absolute;
top:0;
left:0;
width:280px;
}
.themetitle {
position:absolute;
top:10px;
left:300px;
}
.themesd {
position:absolute;
top:40px;
left:300px;
}
.image_full_width img {
vertical-align: top;
}
/*//////////////////////////////////////////////////////////////////////////////////// Lightbox /////////////////*/
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/library/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/library/lightbox/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ;position:relative;z-index:1000; }
#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;}
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/*//////////////////////////////////////////////////////////////////////////////////// FANCYBOX /////////////////*/
/*! 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('/library/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('/library/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('/library/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('/library/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('/library/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('/library/fancybox/fancybox_loading@2x.gif');
background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
}
}
/*//////////////////////////////////////////////////////////////////////////////////// Non-semantic helper classes /////////////////*/
/*hidden elements */
iframe [src=""] {
display:none;
}
.nav_hidden{
display:none;
}
/* For image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
/* Hide for both screenreaders and browsers:
css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }
/* Hide only visually, but have it available for screenreaders: by Jon Neal.
www.webaim.org/techniques/css/invisiblecontent/ & j.mp/visuallyhidden */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
j.mp/bestclearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }
body {
background-color:#e3e6ff;
}
#body {
background:#e3e6ff;
background:-webkit-gradient(linear, 0 0, 0 bottom, from(#c4c8ee), to(#e3e6ff)) #e3e6ff;
background:-moz-linear-gradient(#c4c8ee, #e3e6ff) #e3e6ff;
background:linear-gradient(#c4c8ee, #e3e6ff) #e3e6ff;
}
#pageholder {
background:url(/custom/library/topnav_bg.png) repeat-x top transparent;
}
#topholder {
height:170px;
}
#logo {
top:0;
height:150px;
width:220px;
background-color:#fff;
box-shadow:0px 0px 10px 0px #000000;
-mozbox-shadow:0px 0px 10px 0px #000000;
-webkit-box-shadow:0px 0px 10px 0px #000000;
-o-box-shadow:0px 0px 10px 0px #000000;
}
#sshow {
top:170px;
width:960px;
height:500px;
}
#tnav {
top:80px;
left:240px;
bottom:auto;
}
#tmenu li.tnav {
list-style-type:none;
}
#tmenu li.tnav a:link, #tmenu li.tnav a:visited {
color:#fff;
padding:0 15px;
margin-right:5px;
}
#tmenu li.tnav a:hover, #tmenu li.tnav a#thisa:link, #tmenu li.tnav a#thisa:visited {
background-color:#fff;
color:#193b81;
}
#columns {
margin-top:20px;
}
#botholder {
background:url(/custom/library/bot_bg.png) repeat-x top transparent;
height:100px;
}
#bot #botbox_1 {
top:13px;
left:0;
}
#bot #botbox_1 * {
text-decoration: none;
color:#fff;
font-weight:normal;
}
#bot #botbox_1 img {
position:relative;
top:-2px;
}
#bot #botbox_1 a {
width: 90px;
display: inline-block;
}
#bot #botbox_1 {
top: 14px !important;
}
#botbox_2 #botbox_2_links {
top:40px;
}
#bot #botbox_3 {
top:15px;
left:200px;
right:10px;
width:750px;
}
#botbox_3 h2 {
color:#fff;
float:right;
font-size:13px;
}
#bot #botbox_3 span {
position:relative;
top:3px;
float:left;
color:#fff;
}
#bot #botbox_3 span a:link, #bot #botbox_3 span a:visited {
text-decoration: none;
color:#fff;
}
#bot #botbox_3 span a:hover {
text-decoration: underline;
}
/*////////////////////////////////////////////////////////////////////////////////////// Common ///////////*/
#columns .box, #cols .box, h1, h2, h3, h4, h5, h6, #cols h2, #cols .box_content p, #cols .box_content li, #cols .box_content a:link, #cols .box_content a:visited {
margin-bottom: 10px;
}
#skiptocontent {
height: 1px;
width: 1px;
position: absolute;
overflow: hidden;
top: -10px;
}
h1{
font-size:40px;
margin-bottom: 20px;
margin-top:0;
}
.box h2, #cols .box h2
{
font-size:20px;
}
h2 img{
vertical-align: middle;
}
.box_html5_presentation {
position:relative;
top:0;
left:0;
}
a.slidesjs-navigation {
position:absolute;
top:calc(50% - 15px);
z-index:2000;
}
a.slidesjs-previous {
left:20px;
}
a.slidesjs-next {
right:20px;
}
ul.slidesjs-pagination {
position:absolute;
bottom:20px;
left:50%;
right:auto;
z-index:2001;
display:block;
text-align:center;
width:200px;
margin-left:-100px;
}
ul.slidesjs-pagination li.slidesjs-pagination-item {
display:inline-block;
height:20px;
width:20px;
border:0;
-webkit-border-radius:10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px;
margin:0 5px;
}
ul.slidesjs-pagination li.slidesjs-pagination-item a:link, ul.slidesjs-pagination li.slidesjs-pagination-item a:visited {
display:inline-block;
height:0;
width:0;
border:10px solid #fff;
-webkit-border-radius:10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px;
box-shadow:0px 0px 5px 0px #333333;
-mozbox-shadow:0px 0px 5px 0px #333333;
-webkit-box-shadow:0px 0px 5px 0px #333333;
-o-box-shadow:0px 0px 5px 0px #333333;
box-shadow:0px 0px 5px 0px #333333;
-mozbox-shadow:0px 0px 5px 0px #333333;
-webkit-box-shadow:0px 0px 5px 0px #333333;
-o-box-shadow:0px 0px 5px 0px #333333;
overflow:hidden;
}
ul.slidesjs-pagination li.slidesjs-pagination-item a.active:link, ul.slidesjs-pagination li.slidesjs-pagination-item a.active:visited {
border-color:#444;
}
ul.slidesjs-pagination li.slidesjs-pagination-item a:hover {
border-color:#ccc;
}
/*
.slidesjs-pagination, .slidesjs-navigation {
display:none !important;
}
*/
/* Column Setup */
#body.custom_page_345 #col1, #col_1, #body.custom_page_345 .col1, .col_1 {
padding-top:0px;
float:left;
display:block;
min-height:100px;
width:100% ;
position:relative;
padding:0 !important;
padding-left:0 !important;
padding-right:0 !important;
margin:20px 0 0 0 !important;
}
#col_1 {
width: calc(100% + 2px);
}
#body.custom_page_345 #col2, #col_2, #body.custom_page_345 .col2, .col_2 {
padding-top:0px;
float:left;
display:block;
min-height:100px;
width:100% ;
position:relative;
padding:0 !important;
padding-left:0 !important;
padding-right:0 !important;
margin:20px 0 0 0 !important;
}
#col_2 {
width: calc(100% + 2px);
}
#body.custom_page_345 #col3, #col_3, #body.custom_page_345 .col3, .col_3 {
padding-top:0px;
float:left;
display:block;
min-height:100px;
width:100% ;
position:relative;
padding:0 !important;
padding-left:0 !important;
padding-right:0 !important;
margin:20px 0 0 0 !important;
}
#col_3 {
width: calc(100% + 2px);
}
/* Edit View Styles */
#editbuttonsholder {
position:fixed;
top:10px;
left:10px;
z-index:100;
width:60px;
}
.editable {
position:relative;
left:0;
top:0;
cursor:move;
}
.badeditable {
position:relative;
left:0;
top:0;
}
div.editmediabuttons {
position:absolute !important;
display:none;
top:-10px;
left:10px;
width:85px;
height:40px;
background-color:#333;
z-index:100;
-webkit-border-radius:30px 30px 30px 30px;
-moz-border-radius:30px 30px 30px 30px;
border-radius:30px 30px 30px 30px;
}
a.choosemediabutton {
position:absolute !important;
display:block;
top:5px;
left:10px;
width:50px;
height:40px;
z-index:100;
}
a.editdel {
position:absolute;
top:-1px;
left:-5px;
}
a.editclick {
position:absolute;
top:-1px;
left:36px;
}
.box, #col_2 > div, #col2 > div {
min-height:30px;
margin-bottom: 10px;
}
#col_2 > div.clear, #col2 > div.clear {
min-height:0px;
margin-bottom: 0px;
}
.box p,.box_quote p,.box .feed ul li,.box .feed ul li a, #col_2 div p, #main_content p, #main_content p, .nav_menu .nav_item a {
word-wrap:break-word;
display:block;
}
.box .feed ul,.box .feed ul li, .nav_menu, .nav_menu .nav_item, .nav_menu .nav_item ul, .nav_menu .nav_item ul li {
list-style: none outside none;
}
.box.text ol,.box.text ul {
padding-left:0;
}
#columns .box.text ol li, #columns .box.text ul li, #cols .box.text ol li, #cols .box.text ul li
{
position:relative;
list-style-position: outside;
list-style-type: disc;
left:30px;
padding-right:30px;
}
.box p,.box_quote p,.box .feed ul li,.box .feed ul li a, .nav_menu .nav_item a {
padding:10px;
}
/* Box Headings */
h2 {
margin-top:0;
}
.box h2, #cols h2{
padding:5px;
}
#col1 .box h2, #col_1 .box h2{
}
#col3 .box h2, #col_3 .box h2{
}
input.error {
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* /////////////////////////////////////////////////////////////////////////////////// BROCHURE //////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////// Navigation Module ///////////*/
/* Navigation Styles */
.nav_menu, .nav_menu ul {
margin-left:0;
padding-left:0;
}
.nav_menu .nav_item a {
text-decoration:none;
}
.nav_menu .nav_item:hover,#currentli {
}
.nav_menu .nav_item ul li a {
text-align:right;
font-size:11px;
}
.nav_menu .nav_item ul li a:hover, #subcurrenta {
text-decoration:underline;
}
/*////////////////////////////////////////////////////////////////////////////////////// Twitter Module ///////////*/
.twit_box {
background:url(/library/icon_twitter.png) 97% 5px no-repeat transparent;
}
.twit_box .twit_title {
font-weight:bold;
color:#333;
}
.twit_box .twit_time {
display:block;
font-size:10px;
color:#333;
}
.twit_box .twit_time a:link, .twit_box .twit_time a:visited {
font-size:10px;
display:inline;
padding:0px;
}
.twit_box .twit_link {
display:block;
font-size:10px;
color:#333;
float:left;
margin:5px 0;
text-decoration:none;
position:relative;
}
#col1 .twit_box div.feed ul, #col1 .twit_box div.feed ul li,
#col3 .twit_box div.feed ul, #col3 .twit_box div.feed ul li,
#col_1 .twit_box div.feed ul, #col_1 .twit_box div.feed ul li,
#col_3 .twit_box div.feed ul, #col_3 .twit_box div.feed ul li {
margin:0;
}
.twit_box div.feed ul li {
list-style-type:none;
padding:10px;
margin:10px 0;
color:#333;
}
.twit_box div.feed ul li a:link, .twit_box div.feed ul li a:visited {
color:#333;
}
.twit_box div.pagination ul li {
list-style-type:none;
margin:5px;
padding:0px;
}
.twit_box div.pagination ul li a:link, .twit_box div.pagination ul li a:visited {
color:#333;
list-style-type:none;
padding:10px;
border:0px;
}
.twit_box div.pagination ul li a:hover,.twit_box div.pagination ul li.current_pagination_item a:link,.twit_box div.pagination ul li.current_pagination_item a:visited {
color:#333;
list-style-type:none;
padding:9px;
background-color:#eee;
border:1px solid #bbb;
}
.feed ul li {
clear:both;
}
#col1 .twit_box div.feed div.pagination ul li,
#col3 .twit_box div.feed div.pagination ul li,
#col_1 .twit_box div.feed div.pagination ul li,
#col_3 .twit_box div.feed div.pagination ul li {
clear:none;
margin-left:10px;
}
.twitter #twitter_tweet
{
padding: 10px;
margin: 5px 0;
display: block;
position: relative;
}
.twitter #twitter_tweet .twitter_profile_image
{
float: left;
margin: 0 10px 5px 0;
}
.twitter #twitter_tweet .twitter_screen_realname,
.twitter #twitter_tweet .twitter_screen_atname
{
float: left;
width: calc(100% - 58px);
padding: 0;
}
.twitter #twitter_tweet .twitter_tweet_text
{
display: inline-block;
width: 100%;
word-wrap: break-word;
}
.twitter_information_top {
position: relative;
}
img.twitter_information_image {
margin-left: 10px;
}
p.twitter_information_realname {
font-size: 15px;
font-weight: bold;
margin-bottom: 0;
padding: 5px 10px;
}
p.twitter_information_atname {
padding: 5px 10px;
}
.twitter_information_bottom {
padding: 0 10px;
}
.twitter_information_coverphoto {
margin-bottom: -60px;
}
p.twitter_follow_button {
padding: 10px 0;
}
.twitter_information_bottom * {
display: block;
}
div#twitter_head_style_1 img.twitter_information_image {
margin: 0 auto !important;
display: block;
}
div#twitter_head_style_1 * {
text-align: center;
display: block;
margin: 0 auto;
}
/*////////////////////////////////////////////////////////////////////////////////////// Folder View Module ///////////*/
.box.downloads ul {
margin-bottom:10px;
}
.box.downloads ul, .box.downloads li {
list-style-type:none;
clear:both;
}
a.downloadslink:link, a.downloadslink:visited, a.downloadsfile:link, a.downloadsfile:visited {
display:block;
padding-top:10px;
min-height:30px;
}
a.downloadslink img, a.downloadsfile img {
float:left;
position:relative;
top:-10px;
}
/*////////////////////////////////////////////////////////////////////////////////////// Quote Module ///////////*/
.box_quote_t {
background:url("/library/q_top.png") no-repeat scroll left top;
display:block;
height:60px;
margin-bottom:-60px;
}
.box_quote_b {
background:url("/library/q_bot.png") no-repeat scroll right top;
display:block;
height:60px;
margin-top:-60px;
}
/*////////////////////////////////////////////////////////////////////////////////////// Newsletter Module ///////////*/
#col_2 div #newsletter, #col2 div #newsletter {
padding:20px;
}
.newsletter p label, #newsletter p label {
display: inline-block;
text-align: right;
width: 110px;
vertical-align:top;
}
#newsletter p input[type="text"] {
width:50%;
}
#col_1 .newsletter p label, #col1 .newsletter p label, #col_3 .newsletter p label, #col3 .newsletter p label {
text-align:left;
}
#col_1 .newsletter p input[type="text"], #col1 .newsletter p input[type="text"], #col_3 .newsletter p input[type="text"], #col3 .newsletter p input[type="text"] {
width:90%;
}
/*////////////////////////////////////////////////////////////////////////////////////// Form Module ///////////*/
.box .emailer p {
padding-top:5px;
padding-bottom:5px;
text-align:left;
}
.emailer label {
display: inline-block;
text-align: right;
width: 100px;
margin-right:20px;
vertical-align:top;
}
.emailer label.checkradiolabel {
text-align:left;
margin-left:10px;
}
.emailer span.checkradiospan {
display:inline-block;
}
.emailer input[type="text"], .emailer input[type="password"], .emailer input[type="email"], .emailer input[type="tel"], .emailer textarea, .emailer select, .emailer span.form_multiple, .emailer span.form_datetime, .emailer span.verifyimage {
display: inline-block;
text-align: left;
width: 200px;
padding:3px;
}
.emailer span.form_datetime input[type="text"].formatthedate {
width:calc(90% - 55px) !important;
}
.emailer select {
width:210px;
}
#col1 .emailer input[type="text"], #col1 .emailer input[type="tel"], #col1 .emailer input[type="email"], #col1 .emailer textarea, #col1 .emailer select, #col_1 .emailer input[type="text"], #col_1 .emailer input[type="tel"], #col_1 .emailer input[type="email"], #col_1 .emailer textarea, #col_1 .emailer select, #col3 .emailer input[type="text"], #col3 .emailer input[type="tel"], #col3 .emailer input[type="email"], #col3 .emailer textarea, #col3 .emailer select, #col_3 .emailer input[type="text"], #col_3 .emailer input[type="tel"], #col_3 .emailer input[type="email"], #col_3 .emailer textarea, #col_3 .emailer select {
width:100%;
}
#col1 .emailer label, #col_1 .emailer label, #col3 .emailer label, #col_3 .emailer label {
text-align: left;
width: 100%;
}
#col1 .emailer label.checkradiolabel, #col_1 .emailer label.checkradiolabel, #col3 .emailer label.checkradiolabel, #col_3 .emailer label.checkradiolabel {
width:auto;
margin-left:5px;
margin-right:0;
}
a.doshowmore:link, a.doshowmore:visited {
position:absolute;
right:0;
bottom:0;
}
a.doshowmore img.chevron {
position:absolute;
right:0;
bottom:0;
}
/*////////////////////////////////////////////////////////////////////////////////////// Calendar Module ///////////*/
.cal_holder{
z-index:10;
}
.cal_day{
width:12%;
margin:0.5% 0%;
}
.cal_events{
display:none;
position:absolute;
bottom:0px;
right:0px;
}
.cal_events_inner{
position:relative;
/* Move this across whilst leaving .cal_events in place so that the :hover still works in the gap between day and inner. */
bottom:20px;
right:20px;
}
.cal_week .cal_day.cal_hasevents:hover .cal_events{
display:block !important;
}
.cal_top .cal_link {
text-decoration:none;
display:inline;
font-size:2em;
}
.cal_top h2 {
text-align:center;
}
.cal_day_names .cal_day{
font-weight:bold;
}
.cal_day_names .cal_day {
height: 15px;
}
.cal_day{
position:relative;
height:200%;
text-align:center;
display:inline-block;
}
.cal_week,.cal_day_names {
text-align:center;
margin:0 auto;
}
.cal_week .cal_day{
line-height:200%;
}
div.cal_week .cal_day.cal_today /*Specificity 31*/{
background:#666;
}
div.cal_week .cal_day.cal_today.cal_hasevents /*Specificity 31*/{
background:#666 url(../library/info.png) left bottom no-repeat;
}
.cal_week .cal_day{
background:#ddd;
}
.cal_week:nth-child(2n+1) .cal_day /*specificity 30*/{
background:#ccc;
}
.cal_week .cal_day.cal_hasevents{
background:#D6E2E0 url(../library/info.png) left bottom no-repeat;
}
.cal_events{
width:200px;
}
.cal_events_inner{
width:150px;
border:1px solid #ccc;
background:#eee;
text-align:left;
line-height:20px;
padding:10px;
margin-bottom:10px;
}
.cal_events_inner ul{
list-style:none;
}
li.cal_time{
font-weight:bold;
}
li.cal_time ul{
border-top:1px solid #333;
font-weight:normal;
}
li.cal_time ul li{
margin-left:10px;
}
li.cal_time ul li a{
text-decoration:none;
}
li.cal_time ul li a:hover{
color:#333;
}
.col{
overflow:hidden;
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////// BLOG WIDGET Module //////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.blogwidget_item {
display:block;
clear:both;
}
.blogwidgetdate {
display:block;
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////// Search Filter Module ///////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.filtersearch label {
clear:left;
}
.filtersearch label span {
display:block;
width:100%;
margin:0;
padding:10px 0 5px 0;
}
.filtersearch label select, .filtersearch input[type="submit"] {
display:block;
width:100%;
margin:0;
padding:10px 0;
}
#search {
outline:none;
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* /////////////////////////////////////////////////////////////////////////////////// MOTORS ////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////// Motors Filter/Sorter Module ///////////*/
#motorfiltersort {
background-color: #EEEEEE;
border: 1px solid #CCCCCC;
padding:10px;
margin:0px 0px 10px 0px;
}
#motorfiltersort select {
width:140px;
display:inline-block;
}
#motorfilterdiv {
padding:0px 0px 10px 0px;
}
#motorfilterdiv label,#motorsorterdiv label {
text-align:right;
width:225px;
margin-left:10px;
display:inline-block;
}
#motorsorterdiv {
position:relative;
top:0;
left:0;
}
#motorsorterdiv label {
display:block;
clear:both;
float:none;
}
#motorsubmitdiv {
position:absolute;
right:15px;
bottom:0px;
}
#motorsubmitdiv input {
padding:10px 30px;
}
#motorfiltermsg {
display:none;
background:#c61010;
border:1px solid #860808;
color:#fff;
padding:10px;
margin:10px 0px 0px 0px;
text-align:center;
}
/*//////////////////////////////////////////////////////////////////////////////////// Motor List Module ///////////*/
.mlist {
position:relative;
top:0;
left:0;
display:block;
text-decoration:none;
margin:0 0 10px 0 !important;
overflow: hidden;
min-height:120px;
}
.mlist img {
position:absolute;
left:0;
top:0;
display:block;
width:150px;
height:100px;
}
.mlisttitle,.mlist span {
display:block;
padding-left:160px;
text-align:left;
}
/*//////////////////////////////////////////////////////////////////////////////////// Motor Detail Module ///////////*/
#mleft{
width:600px;
float:left;
}
#thumbs {
display:block;
position:relative;
top:0;
left:0;
width:calc(100% - 30px);
padding:0 0 0 30px;
overflow-x:hidden;
overflow-y:hidden;
}
#thumbs_content {
display:block;
position:absolute;
top:0;
bottom:0;
left:30px;
width:auto;
padding:0;
overflow-x:hidden;
overflow-y:hidden;
}
#thumbs_content > *, #thumbs_content > div > *, #thumbs_content > div > div > a {
margin:0;
}
#thumbs a.leftclick {
display:none;
position:absolute;
top:0;
bottom:0;
left:0;
width:30px;
background:url(/custom/library/boxes/thumbs_left.png) no-repeat top left transparent;
text-align:center;
z-index:500;
}
#thumbs a.rightclick {
display:none;
position:absolute;
top:0;
right:0;
bottom:0;
width:30px;
background:url(/custom/library/boxes/thumbs_right.png) no-repeat top left transparent;
text-align:center;
z-index:500;
}
#mright{
position:relative;
left:0;
top:0;
width:380px;
float:right;
}
#mright > div{
}
#mright > div h2{
margin-bottom:10px;
font-size:20px;
font-weight: normal;
}
span.motordetail_label {
display:inline-block;
width:40%;
margin-right:5%;
}
span.motordetail_data {
display:inline-block;
width:52%;
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* /////////////////////////////////////////////////////////////////////////////////// PROPERTIES ////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////// Property Filter/Sorter Module ///////////*/
#propertyfiltersort {
background-color: #EEEEEE;
border: 1px solid #CCCCCC;
padding:10px;
margin:0px 0px 10px 0px;
}
#propertyfiltersort select {
width:140px;
display:inline-block;
}
#propertyfilterdiv {
padding:0px 0px 10px 0px;
}
#propertyfilterdiv label,#propertysorterdiv label {
text-align:right;
width:225px;
margin-left:10px;
display:inline-block;
}
#propertysorterdiv {
position:relative;
top:0;
left:0;
}
#propertysorterdiv label {
display:block;
clear:both;
float:none;
}
#propertysubmitdiv {
position:absolute;
right:15px;
bottom:0px;
}
#propertysubmitdiv input {
padding:10px 30px;
}
#propertyfiltermsg {
display:none;
background:#c61010;
border:1px solid #860808;
color:#fff;
padding:10px;
margin:10px 0px 0px 0px;
text-align:center;
}
/*//////////////////////////////////////////////////////////////////////////////////// Property List Module ///////////*/
.pylist {
position:relative;
top:0;
left:0;
width:510px;
display:inline-block;
text-decoration:none;
margin:0px 5px 10px 0px !important;
border:1px solid #ddd;
overflow: hidden;
color:#444;
height:120px;
}
.pylist img {
width:180px;
height:180px;
}
.pylist span {
text-align:left;
padding:10px;
}
.pylisttitle {
position:absolute;
top:0px;
left:190px;
font-size:13px;
font-weight:bold;
}
.pylistprice {
position:absolute;
top:40px;
left:190px;
color:#000;
font-size:20px;
font-weight:normal;
}
/*//////////////////////////////////////////////////////////////////////////////////// Property Detail Module ///////////*/
#pyleft{
width:350px;
float:left;
}
#pyleft #pythumbs a{
width:70px;
height:70px;
margin-right:5px;
margin-bottom:5px;
overflow:hidden;
display:block;
float:left;
}
#pyright{
position:relative;
left:0;
top:0;
width:380px;
float:right;
font-size:12px;
}
#pyright > div{
}
#pyright > div h2{
margin-bottom:10px;
font-size:20px;
font-weight: normal;
}
div.pydetail {
color:#444;
padding:2px 10px;
margin:5px;
display:block;
}
span.pydetail_label {
display:inline-block;
width:100px;
margin-right:10px;
}
span.pydetail_data {
display:inline-block;
width:200px;
margin-right:10px;
}
#pyprice {
clear:left;
font-size: 36px;
height: 36px;
line-height:36px;
background-color:transparent;
}
#pyoptions:before {
display:block;
content:"Description";
font-weight:normal;
font-size:18px;
border-bottom:1px solid #777;
width:100%;
padding:5px 0;
margin:10px 0;
}
#pyoptions span.pydetail_label {
display:none;
}
#pyoptions span.pydetail_data {
width:350px;
}
#pyfueltype:before {
display:block;
content:"Details";
font-weight:normal;
font-size:18px;
border-bottom:1px solid #777;
width:100%;
padding:5px 0;
margin:10px 0;
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* /////////////////////////////////////////////////////////////////////////////////// eCommerce /////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////// eCommerce Common ///////////*/
#col2.productcol, #col_2.productcol {
}
#col3.productcol, #col_3.productcol {
}
#ecommerce_module form fieldset legend {
display:none;
}
#ecommerce_module div.buttons span.noterequired {
padding:5px 10px;
}
#ecommerce_module div.buttons a:link, #ecommerce_module div.buttons a:visited, #ecommerce_module div.buttons span.noterequired {
float:right;
margin:5px;
}
#ecommerce_module div.buttons.myaccount a:link, #ecommerce_module div.buttons.myaccount a:visited {
float:left;
}
#ecommerce_module div.buttons a:link, #ecommerce_module div.buttons a:visited, #page_login a:link, #page_login a:visited {
padding:5px 10px;
background:#003867;
color:#fff;
text-decoration:none;
font-weight:bold;
}
#ecommerce_module div.buttons a:hover, #page_login a:hover {
background:#000;
}
#ecommerce_module #cform label, #page_login label {
width:200px;
}
#ecommerce_module #cform input, #ecommerce_module #cform terminal, #ecommerce_module #cform select {
border:1px solid #ccc;
background-color:#ddd;
color:#333;
}
#loginstuff h2, #page_login h2 {
margin-bottom:10px;
}
/*//////////////////////////////////////////////////////////////////////////////////// CATEGORY LIST ///////////*/
.clist {
display:inline-block;
text-decoration:none;
}
.clist img {
width:180px;
height:180px;
}
.clist span {
display:inline-block;
}
/*//////////////////////////////////////////////////////////////////////////////////// BRAND LIST ///////////*/
.brandlist {
display:block;
}
.clist img {
width:200px;
height:30px;
}
.clist span {
display:block;
}
/*//////////////////////////////////////////////////////////////////////////////////// BRAND GRID ///////////*/
.brandscroller_grid_holder,
ul.brandscroller_grid
{
display:block;
position:relative;
top:0;
left:0;
font-size:0;
text-align:center;
}
ul.brandscroller_grid > li
{
display:inline-block;
position:relative;
top:0;
left:0;
width:calc((100% / 3) - 14px);
height:100px;
margin:0 0 30px 0;
text-align:center;
}
ul.brandscroller_grid > li:nth-of-type(3n+2)
{
margin:0 21px 30px 21px;
}
ul.brandscroller_grid > li > a > img
{
max-width:100%;
height:auto;
}
/*//////////////////////////////////////////////////////////////////////////////////// PRODUCT LIST ///////////*/
.plist {
position:relative;
top:0;
left:0;
width:510px;
display:inline-block;
text-decoration:none;
margin:0px 5px 10px 0px !important;
border:1px solid #ddd;
overflow: hidden;
}
.plist img {
float:left;
width:180px;
height:180px;
}
.plist > span {
text-align:left;
padding:5px 10px;
display: block;
float:left;
width:310px;
}
.plist a.mini_info, .plist a.mini_buy {
display:block;
position:absolute;
background:#eee;
padding:5px;
}
.plist a.mini_buy {
right:0;
bottom:0;
}
.plist a.mini_info {
right:0;
top:0;
}
.plist .product_info{
display:block;
}
.plisttitle {
position:absolute;
top:20px;
left:190px;
color:#000 !important;
font-size:16px;
font-weight:bold;
}
.plistprice {
position:absolute;
top:40px;
left:190px;
color:#000;
font-size:20px;
font-weight:normal;
}
.plist .product_info{
display:none;
}
#col_2 div.clear {
min-height:0px;
}
/* -- Horizontal -- */
.product_list.list a.plist{
display: block;
overflow:hidden;
margin:10px 0;
width:100%;
}
/*//////////////////////////////////////////////////////////////////////////////////// Related Products Scroller ///////////*/
.xlink_content_content {
display:block;
position:relative;
top:0;
left:0;
width:calc(100% - 30px);
padding:0 0 0 30px;
min-height:50px;
overflow-x:hidden;
overflow-y:hidden;
}
.xlink_content_content > .xlink_content_content_scroll {
display:block;
position:absolute;
top:0;
bottom:0;
left:30px;
width:auto;
padding:0;
min-height:50px;
overflow-x:hidden;
overflow-y:hidden;
}
.xlink_content_content > .xlink_content_content_scroll > *, .xlink_content_content > .xlink_content_content_scroll > div > *, .xlink_content_content > .xlink_content_content_scroll > div > div > a {
margin:0;
}
.xlink_content_content a.leftclick {
display:none;
position:absolute;
top:0;
bottom:0;
left:0;
width:30px;
background:url(/custom/library/boxes/related_thumbs_left.png) no-repeat top left transparent;
text-align:center;
z-index:500;
}
.xlink_content_content a.rightclick {
display:none;
position:absolute;
top:0;
right:0;
bottom:0;
width:30px;
background:url(/custom/library/boxes/related_thumbs_right.png) no-repeat top left transparent;
text-align:center;
z-index:500;
}
/*////////////////////////////////////////////////////////////////////////////////////// eCommerce Mini Basket Module ///////////*/
#minibasket {
display:none;
}
#minibasket_popup {
position:absolute;
top:0;
left:0;
display:none;
background-color:#fff;
padding:20px;
}
.minibasket_row {
border-bottom:1px dashed #333333;
padding-bottom:5px;
margin-bottom:0px;
}
/*////////////////////////////////////////////////////////////////////////////////////// Legacy eCommerce Basket ///////////*/
#basket .row.header {
background:#eee;
border:1px solid #ccc;
}
#basket .row, #totals > .row {
min-height:20px;
padding:10px;
border-bottom:1px solid #ccc;
}
#basket .row:nth-child(2n){
}
#basket .row > div{
float:right;
width:100px;
overflow:hidden;
}
#basket input{
width:40px;
}
#col2 div#basket, #col2 div#basket div {
}
#col2 div#basket div.header {
}
#col2 #basket div.delete {
width:50px;
}
#col2 #basket div.bquantity {
width:60px;
}
#col2 #basket div.bimage {
width:100px;
}
#col2 #basket div.bproduct {
position:relative;
top:0;
left:0;
width:200px;
}
#col2 #basket div.bdeliverymethod {
width:200px;
text-align:right;
}
#col2 #basket div.bdeliverydate {
width:200px;
text-align:right;
}
#col2 #basket div.bdeliverydate input.datefield {
width:120px;
}
#col2 #basket div.bprice {
width:80px;
text-align:right;
}
#col2 #basket div.bdelivery {
width:400px;
text-align:right;
}
#col2 #basket div.bdelivery select {
width:100%;
text-align:right;
}
#col2 #basket div.bsubtotal {
width:80px;
text-align:right;
}
#col2 #basket div.breorder {
width:60px;
text-align:right;
}
#col2 #basket div.bdiscount {
width:calc(90% - 80px);
text-align:right;
}
div.section {
margin-bottom:10px;
}
/*////////////////////////////////////////////////////////////////////////////////////// System Forms ///////////*/
form.system_form {
width:100%;
}
form.system_form p {
padding:0 0 5px 0;
margin:0;
text-align:left;
}
form.system_form input[type="text"], form.system_form input[type="password"], form.system_form input[type="email"], form.system_form input[type="tel"], form.system_form input[type="url"], form.system_form textarea, form.system_form select, #col2 form.system_form #basket div.bdelivery select {
display: inline-block;
text-align: left;
width: calc(100% - 22px);
padding:10px;
border:1px solid #ccc;
margin:0 auto;
outline:1px solid transparent;
}
form.system_form input[type="text"].datefield {
width:calc(100% - 70px);
}
form.system_form input[type="text"].postcodefield {
width:calc(100% - 182px);
}
form.system_form select, #col2 form.system_form #basket div.bdelivery select {
/*
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
*/
width:100%;
-webkit-border-radius:0px 0px 0px 0px;
-moz-border-radius:0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;
}
form.system_form input[type="text"].split50, form.system_form input[type="password"].split50, form.system_form input[type="email"].split50, form.system_form input[type="tel"].split50, form.system_form input[type="url"].split50, form.system_form textarea.split50, form.system_form select.split50, #col2 form.system_form #basket div.bdelivery select.split50 {
width: calc(50% - 25px);
margin-left:3px;
}
form.system_form input[type="text"].split50:first-child, form.system_form input[type="password"].split50:first-child, form.system_form input[type="email"].split50:first-child, form.system_form input[type="tel"].split50:first-child, form.system_form input[type="url"].split50:first-child, form.system_form textarea.split50:first-child, form.system_form select.split50:first-child, #col2 form.system_form #basket div.bdelivery select.split50:first-child {
margin-left:0;
margin-right:2px;
}
div.halfform {
display:inline-block;
width: calc(50% - 62px);
padding-left:30px;
vertical-align:top
}
div.halfform:first-child {
margin-left:0;
padding-right:30px;
border-right:1px solid #ccc;
}
a.systembutton:link,
a.systembutton:visited,
label.systembutton {
display:inline-block;
padding:10px 20px;
margin:0 0 10px 10px;
background-color:#333;
border:1px solid #ccc;
color:#eee;
}
.systembutton.goticon > img {
position:relative;
top:0;
margin-left:10px;
vertical-align:middle;
}
a.systembutton.minor:link,
a.systembutton.minor:visited,
label.systembutton
{
background-color:#aaa;
color:#444;
}
a.systembutton:hover,
a.systembutton.minor:hover {
background-color:#eee;
color:#444;
}
.systembuttonsrow {
clear:both;
margin-top:10px;
text-align:right;
}
form.system_form #discountbutton {
width:50px;
text-align:center;
}
form.system_form #dcode {
width:calc(100% - 250px);
}
#yourname, #dyourname, #deliverydetails, #deliveryoptionaldetails {
margin-bottom:20px;
}
/*//////////////////////////////////////////////////////////////////////////////////// eCommerce Filter/Sorter ///////////*/
#filtersort {
display:block;
background-color: #EEEEEE;
border: 1px solid #CCCCCC;
padding:10px;
margin:0px 0px 10px 0px;
}
#filtersort div {
padding:10px 0px 0px 0px;
}
#filtersort div:first-child {
padding-top:0px;
}
#filtersort select {
width:160px;
padding:5px;
display:inline-block;
}
#filtersort div label {
text-align:right;
width:60px;
margin-left:10px;
display:inline-block;
}
#filter_submitter {
padding:5px 0;
width:160px;
}
#filtermsg {
display:none;
background:#c61010;
border:1px solid #860808;
color:#fff;
padding:10px;
margin:10px 0px 0px 0px;
text-align:center;
}
.prodlist, .catlist {
position:relative;
}
/*//////////////////////////////////////////////////////////////////////////////////// eCommerce Home Page List ///////////*/
#home_products .plist {
position:relative;
top:0;
left:0;
width:160px;
height:220px;
display:inline-block;
text-decoration:none;
margin:0px 5px 10px 0px !important;
border:1px solid #ddd;
overflow: hidden;
padding-bottom:30px;
}
#home_products .plist img {
width:180px;
height:180px;
}
#home_products .plist span {
text-align:left;
padding:10px;
}
#home_products .plist a.mini_buy {
top:auto;
right:0;
bottom:0;
left:auto;
}
#home_products .plist a.mini_info {
top:auto;
right:auto;
bottom:0;
left:0;
}
#home_products .plisttitle {
position:absolute;
top:170px;
left:10px;
color:#000 !important;
font-size:13px;
font-weight:normal;
}
#home_products .plistprice {
position:absolute;
top:185px;
left:10px;
color:#000;
font-size:13px;
font-weight:normal;
}
/*//////////////////////////////////////////////////////////////////////////////////// eCommerce Ranges ///////////*/
.rangelist > span.rangelist_pop {
display:none;
position:absolute;
top:20px;
left:0;
padding:0;
margin:0;
width:350px;
min-height:100px;
background-color:#fff;
-webkit-background-clip: padding-box; /* for Safari */
background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
box-shadow:0px 0px 20px 0px #999999;
-mozbox-shadow:0px 0px 20px 0px #999999;
-webkit-box-shadow:0px 0px 20px 0px #999999;
-o-box-shadow:0px 0px 20px 0px #999999;
box-shadow:0px 0px 20px 0px #999999;
-mozbox-shadow:0px 0px 20px 0px #999999;
-webkit-box-shadow:0px 0px 20px 0px #999999;
-o-box-shadow:0px 0px 20px 0px #999999;
}
.rangelist > span.rangelist_pop > span.rangelist_pop_inside {
display:block;
border:1px solid #999;
padding:10px;
}
.rangelist > span.rangelist_pop > span.rangelist_pop_inside > span {
display:block;
}
.rangelist .rangepop_product {
background-color:#fff;
display:block;
}
.rangelist .rangepop_product:nth-child(2n) {
background-color:#ddd;
}
/*//////////////////////////////////////////////////////////////////////////////////// LEGACY PRODUCT VIEW ///////////*/
#pleft{
width:220px;
float:left;
}
#pleft #thumbs a{
width:70px;
height:70px;
margin-right:10px;
margin-bottom:10px;
overflow:hidden;
display:block;
float:left;
background:#ddd;
}
#pright{
position:relative;
left:0;
top:0;
width:240px;
float:right;
color: #373d44;
font-size:12px;
}
#pright h1{
font-size:27px;
font-weight: normal;
}
#pright label{
font-size:13px;
color:#333;
display: inline-block;
}
#product_code{
color: #6c747d;
}
#pright > div{
margin-bottom: 30px;
}
#pright > div#short_description, #pright > div#product_code {
margin-bottom:10px;
}
#pright > div h2{
margin-bottom:10px;
font-size:20px;
font-weight: normal;
}
#brand img{
vertical-align: middle;
}
#brand, #product_code{
height:20px;
}
#price, #calculated_price{
font-size: 36px;
height: 40px;
line-height:40px;
}
#buy {
position:relative;
top:0;
left:0;
}
#curprice {
position:absolute;
right:10px;
top:0;
}
#calculated_price{
height:15px;
line-height: 15px;
text-align: right;
font-size:20px;
position:absolute;
right:10px;
top:80px;
padding:5px 10px;
}
.sp_price {
text-decoration:strikethrough;
}
#buy_button{
height:32px;
margin-left:10px;
padding:4px;
position:relative;
}
#buy_button #q{
position:relative;
top:-3px;
z-index:100;
width: 50px;
height: 28px;
line-height: 28px;
padding:1px;
border:1px solid #999;
font-size:20px;
background-color:#fff;
}
#buy_button #q{
text-align: center;
}
#buy_button a{
margin-left:10px;
height:inherit;
background-color:#eee;
font-size:23px;
display:inline-block;
text-decoration: none;
text-align:right;
}
#buy_options {
padding-top:30px;
}
#discount_box{
background:#eee;
padding:10px;
font-size:12px;
}
#discount_box .multi_holder {
padding-bottom:5px;
}
#discount_box .multi_q{
display: inline-block;
color:#6c747d;
width: 150px;
}
#discount_box .multi_q.boxq {
font-size:11px;
line-height:12px;
position:relative;
top:3px;
}
#discount_box .multi_price{
color:#444;
}
#basketform.basketformchange::before {
content:'';
position:absolute;
z-index:10;
display:block;
text-align:center;
vertical-align:middle;
top:0;
right:0;
bottom:0;
left:0;
width:100%;
height:100%;
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,0.5) 35%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,1)), color-stop(20%,rgba(255,255,255,1)), color-stop(35%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,0.5) 35%,rgba(255,255,255,0) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,0.5) 35%,rgba(255,255,255,0) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,0.5) 35%,rgba(255,255,255,0) 100%);
background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,0.5) 35%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
}
#basketform.basketformchange::after {
content:'';
position:absolute;
z-index:20;
display:block;
text-align:center;
vertical-align:middle;
top:0;
right:0;
bottom:0;
left:0;
width:100%;
height:100%;
background:url(/library/ajaxloader_large_spinner.gif) no-repeat center transparent;
}
#discount_box .multi_q.boxq {
font-size:inherit;
line-height:auto;
position:relative;
top:0;
}
/*///////// eCommerce Related Products /////////*/
#rel_prods, .rel_prods_tabs {
position:relative;
top:0;
left:0;
}
#rel_prods div.xlink_content {
position:absolute;
top:0;
left:0;
display:none;
}
#rel_prods div.xlink_content:first-child {
display:block;
}
#rel_prods .plist {
position:relative;
top:0;
left:0;
width:160px;
height:220px;
display:inline-block;
text-decoration:none;
margin:0px 5px 10px 0px !important;
border:1px solid #ddd;
overflow: hidden;
}
#rel_prods .plist img {
width:180;
height:180;
}
#rel_prods .plist span {
text-align:left;
padding:10px;
}
#rel_prods .plisttitle {
position:absolute;
top:170px;
left:10px;
color:#000 !important;
font-size:13px;
font-weight:normal;
}
#rel_prods .plistprice {
position:absolute;
top:185px;
left:10px;
color:#000;
font-size:13px;
font-weight:normal;
}
/*//////////////////////////////////////////////////////////////////////////////////// eCommerce Checkout Module ///////////*/
#ecommerce_module form fieldset {
border:0px solid #fff;
}
.navigation, .images {
padding-bottom:0px;
background-color:transparent !important;
}
figcaption {
display:none;
}
#checkoutlinks {
clear:both;
}
#checkoutlinks > a:link, #checkoutlinks > a:visited {
display:block;
float:left;
width:29%;
padding:10px 5px;
margin:10px 10px 10px 0;
background-color:#eee;
border:1px solid #ccc;
text-align:center;
}
#checkoutlinks > a:hover, #checkoutlinks > a.checkthis {
background-color:#ccc;
}
#loginblurb {
margin-bottom:20px;
}
/*//////////////////////////////////////////////////////////////////////////////////// eCommerce Addresses Module ///////////*/
#address_book {
position:relative;
top:0;
left:0;
padding:20px;
border:1px solid #ccc;
background-color:#eee;
}
#address_book ul, #address_book li {
list-style:outside none;
}
#address_book a:link, #address_book a:visited {
display:block;
margin:0 0 5px 0;
border:1px solid #ccc;
text-decoration:none;
font-weight:normal;
font-size:1em;
color:#444;
padding:5px 10px 5px 40px;
background:url(/custom/library/ecommerce/selecta_off.png) no-repeat top left #fff;
}
#address_book a:hover, #address_book a.chosenaddress:link, #address_book a.chosenaddress:visited {
background:url(/custom/library/ecommerce/selecta_on.png) no-repeat top left #ccc;
}
#address_book a span {
font-size:0.7em;
font-weight:normal;
}
/* CHECKOUT V3 */
#checkout_action_delivery_form {
position:relative;
top:0;
left:0;
padding:20px;
border:1px solid #ccc;
background-color:#eee;
}
#checkout_action_delivery_form ul, #checkout_action_delivery_form li {
list-style:outside none;
position:relative;
top:0;
left:0;
}
a.editchooseaddress:link, a.editchooseaddress:visited {
display:block;
margin:0;
border:1px solid #ccc;
text-decoration:none;
font-weight:normal;
font-size:1em;
color:#444;
padding:5px 10px;
background-color:#eee;
position:absolute;
right:-10px;
top:0;
bottom:0;
width:30px;
vertical-align:middle;
}
a.chooseaddress:link, a.chooseaddress:visited {
display:block;
margin:0 0 5px 0;
border:1px solid #ccc;
text-decoration:none;
font-weight:normal;
font-size:1em;
color:#444;
padding:5px 10px 5px 40px;
background:url(/custom/library/ecommerce/selecta_off.png) no-repeat top left #fff;
}
a.chooseaddress:hover, a.editchooseaddress:hover, a.chosenaddress:link, a.chosenaddress:visited {
background:url(/custom/library/ecommerce/selecta_on.png) no-repeat top left #ccc;
}
#checkout_action_delivery_form a span {
font-size:0.7em;
font-weight:normal;
}
div.myaccount.buttons {
margin-bottom:20px;
}
#address_book li.myorders_order span, #address_book li a span {
display:inline-block;
width:calc(25% - 35px);
margin-right:20px;
text-align:left;
vertical-align:middle;
font-size:15px;
}
#address_book li.myorders_order span.myorders_no, #address_book li a span.myorders_no {
font-weight:bold;
}
#address_book li.myorders_order span:last-child, #address_book li a span:last-child {
width:40px;
margin-right:0;
text-align:right;
}
/*//////////////////////////////////////////////////////////////////////////////////// ECOMMERCE LEGACY CHECKOUT ///////////*/
.checkout_step {
position:relative;
background-color:#fff;
border-top:1px solid #ccc;
padding:0;
margin:20px 0 0 0;
}
.step_head {
position:relative;
display:block;
width:calc(100% - 70px);
height:50px;
padding-left:70px;
line-height:50px;
background:#ffffff;
background:-webkit-gradient(linear, 0 0, 0 bottom, from(#dddddd), to(#ffffff)) #ffffff;
background:-moz-linear-gradient(#dddddd, #ffffff) #ffffff;
background:linear-gradient(#dddddd, #ffffff) #ffffff;
font-size:20px;
}
.step_head img {
position:absolute;
top:-1px;
left:0;
}
.step_body {
display:none;
padding:0;
}
.stephtml {
position:absolute;
right:120px;
left:200px;
top:0;
text-align:right;
}
.stephtml .stephtml_content {
position:absolute;
right:0;
top:0;
}
.stephtml .stephtml_update {
position:absolute;
top:4px;
right:-115px;
}
#step_head_1 .stephtml_content {
line-height:50px;
vertical-align:middle;
}
#step_head_2 .stephtml_content .address_title_block {
font-size:15px;
margin-top:10px;
}
#step_head_3 .stephtml_content .address_title_block {
font-size:15px;
margin-top:10px;
}
#step_body_content_3 .bdeliverydate {
width:65%;
margin-left:2%;
float:right;
}
#deldateholder #step_body_content_3 .bdeliverydate {
margin-left:0;
float:left;
}
#step_body_content_3 .bdeliverymethod {
width:25%;
margin-right:2%;
float:left;
}
#step_head_4 .stephtml_content {
line-height:50px;
vertical-align:middle;
}
#terms_and_conditions_form {
display:block;
padding:10px 0;
width:100%;
}
#terms_and_conditions_form .tnc_left {
display:inline-block;
width:20%;
padding:0;
vertical-align:top;
}
#terms_and_conditions_form .tnc_right {
display:inline-block;
width:70%;
vertical-align:top;
padding:20px 2%;
margin-left:5%;
border-width:0;
height:150px;
overflow-y:scroll;
background-color:#fff;
text-align:left !important;
}
#terms_and_conditions_form .tnc_right * {
font-size:11px;
}
#checkout_step_5 #step_body_content_5 div.row.header {
background-color:transparent;
color:#444;
}
#step_head_5 .stephtml_content {
}
#discounts {
text-align:right;
display:block;
min-height:50px;
}
.address_title_block {
font-size:13px;
font-weight:bold;
display:block;
line-height:15px;
}
.address_line_block {
font-size:11px;
line-height:13px;
display:block;
}
#billing_address, #delivery_address {
position:relative;
top:0;
left:0;
width:40%;
padding:20px 4%;
border:1px solid #ccc;
background-color:#eee;
margin-bottom:10px;
}
#columns #billing_address p, #columns #delivery_address p {
padding-bottom:2px;
}
#delivery_address {
float:right;
}
#billing_address {
float:left;
}
#delivery_method {
margin-bottom:10px;
padding:20px;
border:1px solid #ccc;
background-color:#eee;
}
#payment_terms_and_conditions_form, #payment_terms_and_conditions_form * {
text-align:right;
}
#ecom_progress {
text-align:center;
}
/*//////////////////////////////////////////////////////////////////////////////////// eLearning Module ///////////*/
.elearning_box {
display: block;
float:left;
width:300px;
height:200px;
text-align: center;
position: relative;
margin-right:25px;
margin-bottom:25px;
}
.elearning_status {
position:absolute;
display: block;
top:-15px;
left:-15px;
width:50px;
height:50px;
background:url(/custom/library/elearning_status.png) no-repeat;
color:#fff;
font-size:24px;
line-height:50px;
text-align: center;
}
.elearning_status.yes {
background:url(/custom/library/elearning_complete.png) no-repeat;
}
.elearning_status.no {
background:url(/custom/library/elearning_incomplete.png) no-repeat;
}
.elearning_box a:link, .elearning_box a:visited {
display: block;
padding:20px 30px;
width:240px;
height:160px;
text-align: center;
}
.elearning_box .elearning_box_header {
display:block;
font-size:18px;
}
.elearning_box .elearning_box_html {
display:block;
margin-top:20px;
font-weight: normal;
}
.elearning_box.bad a:link, .elearning_box.bad a:visited {
cursor:default;
}
/*///////// RIBBON STYLE 1 */
#main_property_image {
position:relative
}
.ribbon-wrapper {
width: 100%;
height: 100%;
overflow: hidden;
position: absolute;
top: -5px;
right: -5px;
pointer-events: none;
}
.ribbon-content {
font: bold 13px Sans-Serif;
color: #333;
text-align: center;
text-shadow: #333333 0px 1px 0px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform-origin: 100% 100%;
-webkit-transform-origin: 100% 100%;
-moz-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
-o-transform-origin: 100% 100%;
position: absolute;
padding: 10px 20px;
right: 0;
top: 100px;
width: 150px;
background-color: #333;
color: #eee;
-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
}
.ribbon-content:before, .ribbon-content:after {
font: bold 13px Sans-Serif;
content: "";
border-top: 3px solid #333333;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
position:absolute;
bottom: -3px;
}
.ribbon-content:before {
left: 0;
}
.ribbon-content:after {
right: 0;
}
/*///////// RIBBON STYLE 2 */
.corner-ribbon-wrapper {
width: 70px;
height: 70px;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
right:auto;
pointer-events: none;
}
.corner-ribbon-content {
font: bold 10px Sans-Serif;
line-height:10px;
color: #333;
text-align: center;
text-shadow: #333333 0px 1px 0px;
transform: rotate(315deg);
-webkit-transform: rotate(315deg);
-moz-transform: rotate(315deg);
-ms-transform: rotate(315deg);
-o-transform: rotate(315deg);
transform-origin: 0 100%;
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-ms-transform-origin: 100% 100%;
-o-transform-origin: 100% 100%;
padding: 75px 25px 5px 25px;
position: absolute;
left: 0;
top: -30px;
width: 50px;
height:20px;
background-color: #333;
color: #eee;
-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
}
/*//////////////////////////////////////////////////////////////////////////////////// Analysis Module ///////////*/
.box .analysis {
padding:10px;
}
.analysis_question {
display:inline-block;
width:300px;
}
.analysis_answer {
display:inline-block;
width:60px;
text-align:center;
}
.analysis_next_options {
border-top:1px solid #ccc;
padding-top:10px;
border-bottom:1px solid #ccc;
padding-bottom:10px;
margin-top:20px;
}
.analysis_header {
font-weight:bold;
}
.analysis_chart_container {
float:left;
text-align:center;
}
.analysis_checkbox {
width:20px;
height:20px;
}
.analysis_emphasis {
color:#900;
}
.analysis_outcome_name {
float:left;
margin-right:10px;
}
.analysis_login_label {
display:block;
float:left;
width:80px;
}
.analysis_page {
height:40px;
line-height:40px;
}
.analysis_history_img {
width:35px;
vertical-align:middle;
}
.analysis_history {
float:left;
padding-right:20px;
}
.analysis_history_row {
width:600px;
overflow-y:scroll;
padding:10px;
}
/*//////////////////////////////////////////////////////////////////////////////////// Payment Card Styles ///////////*/
.paymentcard {
position:relative;
top:0;
left:0;
width:200px;
height:140px;
float:left;
background:url(/library/paymentcard_bg.png) no-repeat top left;
margin-right:40px;
}
.paymentcardnumber {
position:absolute;
top:57px;
left:60px;
text-align:left;
color:#fff;
font-size:16px;
}
.paymentcardexpiry {
position:absolute;
top:100px;
left:20px;
text-align:left;
color:#fff;
font-size:14px;
}
.paymentcardtype {
position:absolute;
top:10px;
right:5px;
left:auto;
width:60px;
text-align:center;
}
.paymentcarddetails {
float:left;
width:180px;
height:140px;
margin-right:40px;
}
.paymentcardtypedisplay {
font-weight:bold;
font-size:16px;
}
.paymentcardexpirydisplay {
font-size:11px;
font-style:italic;
margin-bottom:10px;
}
.paymentcardaddress {
font-size:12px;
}
.paymentcardbuttons {
padding-top:40px;
}
/*//////////////////////////////////////////////////////////////////////////////////// Autoship Styles ///////////*/
#autoship_text, #autoship_buttons {
text-align:center;
padding:15px;
}
/*//////////////////////////////////////////////////////////////////////////////////// Lottery Module ///////////*/
.lotterynext {
display:block;
float:right;
width:250px;
text-align:right;
}
/*//////////////////////////////////////////////////////////////////////////////////// Ordered List Module ///////////*/
.orderedlist_col {
float:left;
}
/*//////////////////////////////////////////////////////////////////////////////////// Donation Module ///////////*/
.donationnext {
display:block;
float:right;
width:250px;
text-align:right;
}
/*//////////////////////////////////////////////////////////////////////////////////// Dropdownable ///////////*/
.dropdownable_span {
display:block;
margin-left:148px;
border:1px solid #ccc;
padding:5px;
width:115px;
background-color:#fff;
}
.dropdownable_span a {
color:#444;
font-weight:bold;
text-decoration:none;
}
/*//////////////////////////////////////////////////////////////////////////////////// HISTORY ///////////*/
#history {
display:block;
position:relative;
top:0;
left:0;
width:100%;
padding:30px 0 0 0;
height:200px;
overflow-x:hidden;
overflow-y:hidden;
}
#history_content {
display:block;
position:absolute;
top:30px;
right:0;
left:0;
width:100%;
padding:0;
overflow-x:hidden;
overflow-y:hidden;
}
#history_content > *, #history_content > div > *, #history_content > div > div > a {
margin:0;
}
a.upclick {
display:none;
position:absolute;
top:0;
right:0;
left:0;
height:30px;
background:url(/custom/library/boxes/history_up.png) no-repeat top left transparent;
text-align:center;
z-index:500;
}
a.downclick {
display:none;
position:absolute;
right:0;
bottom:0;
left:0;
height:30px;
background:url(/custom/library/boxes/history_down.png) no-repeat top left transparent;
text-align:center;
z-index:500;
}
/*//////////////////////////////////////////////////////////////////////////////////// REGISTER ///////////*/
#register_choice {
text-align:center;
}
a.reg_choice:link, a.reg_choice:visited {
display:inline-block;
width:30%;
margin:20px 5%;
padding:20px 4%;
position:relative;
top:0;
left:0;
}
a.reg_choice:hover {
opacity:0.6;
}
a.reg_choice > span {
display:block;
text-align:left;
}
a.reg_choice > span.reg_buttongo {
text-align:right;
padding-right:25px;
background:url(/custom/library/chevron-right.png) no-repeat right rgba(0, 0, 0, 0);
}
.spouser {
display:inline-block;
width:calc(48% - 2px);
margin:0;
padding:0;
border-width:0;
}
.spouser.spartner {
margin-left:4%;
}
/*//////////////////////////////////////////////////////////////////////////////////// LOGIN ///////////*/
#loginstuff h2, #page_login h2 {
margin-bottom:10px;
}
#loginstuff a:link, #loginstuff a:visited {
}
/*//////////////////////////////////////////////////////////////////////////////////// PRINT-ONLY ///////////*/
.printonly,.printonlyblock {
display:none;
}
.screenonly {
display:inline;
}
.screenonlyblock {
display:block;
}
/*//////////////////////////////////////////////////////////////////////////////////// SIMPLY SCROLL ///////////*/
.simply-scroll-container { /* Container DIV - automatically generated */
position: relative;
}
.simply-scroll-clip { /* Clip DIV - automatically generated */
position: relative;
overflow: hidden;
}
.simply-scroll-list { /* UL/OL/DIV - the element that simplyScroll is inited on */
overflow: hidden;
margin: 0;
padding: 0;
list-style: none;
}
.simply-scroll-list li {
padding: 0;
margin: 0;
list-style: none;
}
.simply-scroll-list li img {
border: none;
display: block;
}
.simply-scroll-btn {
position: absolute;
background-image: url(/js/buttons.png);
width: 42px;
height: 44px;
z-index:3;
cursor: pointer;
}
.simply-scroll-btn-left {
left: 6px;
bottom: 6px;
background-position: 0 -44px;
}
.simply-scroll-btn-left.disabled {
background-position: 0 0 !important;
}
.simply-scroll-btn-left:hover, .simply-scroll-btn-left:focus {
background-position: 0 -88px;
}
.simply-scroll-btn-right {
right: 6px;
bottom: 6px;
background-position: -84px -44px;
}
.simply-scroll-btn-right.disabled {
background-position: -84px 0 !important;
}
.simply-scroll-btn-right:hover, .simply-scroll-btn-right:focus {
background-position: -84px -88px;
}
.simply-scroll-btn-up {
right: 6px;
top: 6px;
background-position: -126px -44px;
}
.simply-scroll-btn-up.disabled {
background-position: -126px 0 !important;
}
.simply-scroll-btn-up:hover, .simply-scroll-btn-up:focus {
background-position: -126px -88px;
}
.simply-scroll-btn-down {
right: 6px;
bottom: 6px;
background-position: -42px -44px;
}
.simply-scroll-btn-down.disabled {
background-position: -42px 0 !important;
}
.simply-scroll-btn-down:hover, .simply-scroll-btn-down:focus {
background-position: -42px -88px;
}
.simply-scroll-btn-pause {
right: 6px;
bottom: 6px;
background-position: -168px -44px;
}
.simply-scroll-btn-pause:hover, .simply-scroll-btn-pause:focus {
background-position: -168px -88px;
}
.simply-scroll-btn-pause.active {
background-position: -84px -44px;
}
.simply-scroll-btn-pause.active:hover, .simply-scroll-btn-pause.active:focus {
background-position: -84px -88px;
}
/* Customisable base class for styles override DIV */
.simply-scroll {
width: 100%;
height: 60px;
}
.simply-scroll .simply-scroll-clip {
width: 100%;
height: 60px;
}
.simply-scroll .simply-scroll-list {}
.simply-scroll .simply-scroll-list li {
float: left;
width: auto;
height: 60px;
}
/*---------------------------------------- LINKS VIEW */
a.linksview_item {
display:inline-block;
margin:0;
}
.linksview_item img {
display:block;
}
.flip-container {
display:inline-block;
margin:0;
perspective: 500px;
transform-style: preserve-3d;
position: relative;
}
.flipper {
transition: 0.6s;
transform-style: preserve-3d;
position: relative;
display:inline-block;
}
.front, .back {
backface-visibility: hidden;
transition: 0.6s;
transform-style: preserve-3d;
position: absolute;
top: 0;
left: 0;
display:inline-block;
text-align:center;
overflow:hidden;
}
.front {
z-index: 2;
}
.horizontal.flip-container:hover .front {
transform: rotateY(180deg);
}
.horizontal.flip-container:hover .back {
transform: rotateY(0deg);
}
.horizontal .front {
transform: rotateY(0deg);
}
.horizontal .back {
transform: rotateY(-180deg);
}
.vertical .back, .vertical.flip-container:hover .front {
transform: rotateX(180deg);
}
.vertical.flip-container:hover .back {
transform: rotateX(0deg);
}
.diagonal .back, .diagonal.flip-container:hover .front {
transform: rotate3d(-90,-90,0,180deg)
}
.diagonal .front, .diagonal.flip-container:hover .back {
transform: rotate3d(90,90,0,0deg)
}
.rotate90 {
display:inline-block;
transform: rotate(90deg);
}
.rotate180 {
display:inline-block;
transform: rotate(180deg);
}
.rotate270 {
display:inline-block;
transform: rotate(270deg);
}
/*JQuery Toggle Switch*/
.ui-switch{display:inline-block;border:solid 1px #777;position:relative;cursor:pointer;font-family:Helvetica, Arial, sans-serif;-moz-border-radius:18px;-webkit-border-radius:18px;border-radius:18px}
.ui-switch:focus{-webkit-box-shadow:0 0 5px #8aade1;-moz-box-shadow:0 0 5px #8aade1;-o-box-shadow:0 0 5px #8aade1;box-shadow:0 0 5px #8aade1;outline:none;border-color:#8aade1}
.ui-switch.disabled{cursor:default;border-color:#999}
.ui-switch-middle{height:20px;width:60px;border:solid 7px #FFF;position:relative;margin-top:-34px;z-index:100;-moz-border-radius:17px;-webkit-border-radius:17px;border-radius:17px}
.ui-switch-mask{height:30px;overflow:hidden;margin:2px 4px}
.ui-switch-master{height:24px;position:relative;left:10px}
.ui-switch-upper{height:20px;width:auto;position:absolute;z-index:101;margin:5px}
.ui-switch-handle{display:block;height:30px;width:30px;position:absolute;top:-4px;left:-15px;background:url(/custom/library/boxes/switch.png);background-size:30px 30px;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px}
.ui-switch-.disabled .ui-switch-handle:after{display:block;content:' ';position:absolute;top:0;left:0;height:30px;width:30px;background-color:#FFF !important;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px}
.ui-switch-lower{height:20px;width:1000px;position:absolute;z-index:99;margin:5px}
.ui-switch-labels{clear:both}
.ui-switch-on,.ui-switch-off{display:block;float:left;line-height:18px;font-size:12px;color:#FFF !important;background-color:#000;border:solid 1px #000;text-align:center;font-weight:700;text-decoration:none;text-shadow:0 1px 1px rgba(0,0,0,0.5);-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;padding:0 10px}
.ui-switch-on{border-right:none;padding-right:20px;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;border-top-right-radius:0;border-bottom-right-radius:0;background-color:#009900;}
.ui-switch-off{border-left:none;padding-left:20px;-moz-border-radius-topleft:0;-moz-border-radius-bottomleft:0;-webkit-border-top-left-radius:0;-webkit-border-bottom-left-radius:0;border-top-left-radius:0;border-bottom-left-radius:0;background-color:#990000;border-color:#600 !important;}
.ui-switch.disabled .ui-switch-on,.ui-switch.disabled .ui-switch-off{background-color:#999;border-color:#333}
.ui-switch-on:hover,.ui-switch-off:hover{color:#FFF !important;text-decoration:none}
.ui-switch,.ui-switch *{-moz-user-select:0;-khtml-user-select:none;-webkit-user-select:none;user-select:none}
/*JPlayer CSS*/
div.jp-audio{font-size:1em;font-family:Verdana, Arial, sans-serif;color:#fff;background-color:#111;line-height:1.6;width:360px;}div.jp-interface{position:relative;width:100%;background:0 0 #3a3b3c;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.5);-moz-box-shadow:0 1px 1px rgba(0,0,0,0.5);box-shadow:0 1px 1px rgba(0,0,0,0.5);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}div.jp-audio div.jp-type-single div.jp-interface{height:30px;}div.jp-interface ul.jp-controls{list-style-type:none;margin:0;padding:0;}div.jp-interface ul.jp-controls li{display:inline;}div.jp-interface ul.jp-controls a{position:absolute;overflow:hidden;text-indent:-9999px;}a.jp-play,a.jp-pause{width:33px;height:30px;z-index:1;outline:none;}div.jp-audio div.jp-type-single a.jp-play,div.jp-audio div.jp-type-single a.jp-pause{top:0;left:0;border-right:1px solid #242526;}a.jp-play{background:url(/library/jplayer/jplayer.png) 0 0 no-repeat;}a.jp-play:hover{background:url(/library/jplayer/jplayer.png) -33px 0 no-repeat;}a.jp-pause{background:url(/library/jplayer/jplayer.png) 0 -30px no-repeat;display:none;}a.jp-pause:hover{background:url(/library/jplayer/jplayer.png) -33px -30px no-repeat;}div.jp-progress-container{position:absolute;top:0;left:34px;width:225px;height:6px;border-left:1px solid #323334;border-right:1px solid #242526;padding:12px 10px;}div.jp-progress{position:absolute;overflow:hidden;}div.jp-audio div.jp-type-single div.jp-progress{width:223px;height:7px;background:url(/library/jplayer/jplayer.png) 0 -192px repeat-x;padding:1px;}div.jp-seek-bar{width:0;height:5px;cursor:pointer;background:url(/library/jplayer/jplayer.png) 0 -163px repeat-x;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;}div.jp-play-bar{width:0;height:5px;background:url(/library/jplayer/jplayer.png) 0 -133px repeat-x;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;}div.jp-volume-bar-container{position:absolute;top:0;left:281px;width:40px;height:6px;border-left:1px solid #323334;padding:12px 10px;}div.jp-volume-bar{position:relative;overflow:hidden;background:url(/library/jplayer/jplayer.png) 0 -192px repeat-x;width:40px;height:9px;cursor:pointer;}div.jp-audio div.jp-type-single div.jp-volume-bar{top:0;left:20px;}div.jp-volume-bar-value{width:0;height:5px;background:url(/library/jplayer/jplayer.png) 0 -133px repeat-x;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;margin:1px;}a.jp-mute,a.jp-unmute{width:17px;height:13px;z-index:1;outline:none;}div.jp-audio div.jp-type-single a.jp-mute,div.jp-audio div.jp-type-single a.jp-unmute{top:9px;left:290px;}a.jp-mute{background:url(/library/jplayer/jplayer.png) -10px -68px no-repeat;}a.jp-mute:hover{background:url(/library/jplayer/jplayer.png) -43px -68px no-repeat;}a.jp-unmute{background:url(/library/jplayer/jplayer.png) -10px -98px no-repeat;display:none;}a.jp-unmute:hover{background:url(/library/jplayer/jplayer.png) -43px -98px no-repeat;}div.jp-jplayer{width:0;height:0;background-color:#000;}div.jp-time-holder{display:none;}
/* jquery.Jcrop.min.css v0.9.10 (build:20120429) */
.jcrop-holder{direction:ltr;text-align:left;background-color:#fff !important}
.jcrop-vline,.jcrop-hline{background:#FFF url(/library/Jcrop.gif) top left repeat;font-size:0;position:absolute;}
.jcrop-vline{height:100%;width:1px!important;}
.jcrop-hline{height:1px!important;width:100%;}
.jcrop-vline.right{right:0;}
.jcrop-hline.bottom{bottom:0;}
.jcrop-handle{background-color:#333;border:1px #eee solid;font-size:1px;}
.jcrop-tracker{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;height:100%;width:100%;}
.jcrop-handle.ord-n{left:50%;margin-left:-4px;margin-top:-4px;top:0;}
.jcrop-handle.ord-s{bottom:0;left:50%;margin-bottom:-4px;margin-left:-4px;}
.jcrop-handle.ord-e{margin-right:-4px;margin-top:-4px;right:0;top:50%;}
.jcrop-handle.ord-w{left:0;margin-left:-4px;margin-top:-4px;top:50%;}
.jcrop-handle.ord-nw{left:0;margin-left:-4px;margin-top:-4px;top:0;}
.jcrop-handle.ord-ne{margin-right:-4px;margin-top:-4px;right:0;top:0;}
.jcrop-handle.ord-se{bottom:0;margin-bottom:-4px;margin-right:-4px;right:0;}
.jcrop-handle.ord-sw{bottom:0;left:0;margin-bottom:-4px;margin-left:-4px;}
.jcrop-dragbar.ord-n,.jcrop-dragbar.ord-s{height:7px;width:100%;}
.jcrop-dragbar.ord-e,.jcrop-dragbar.ord-w{height:100%;width:7px;}
.jcrop-dragbar.ord-n{margin-top:-4px;}
.jcrop-dragbar.ord-s{bottom:0;margin-bottom:-4px;}
.jcrop-dragbar.ord-e{margin-right:-4px;right:0;}
.jcrop-dragbar.ord-w{margin-left:-4px;}
.jcrop-light .jcrop-vline,.jcrop-light .jcrop-hline{background:#FFF;filter:Alpha(opacity=70)!important;opacity:.70!important;}
.jcrop-light .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#000;border-color:#FFF;border-radius:3px;}
.jcrop-dark .jcrop-vline,.jcrop-dark .jcrop-hline{background:#000;filter:Alpha(opacity=70)!important;opacity:.7!important;}
.jcrop-dark .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#FFF;border-color:#000;border-radius:3px;}
.jcrop-holder img,img.jcrop-preview{max-width:none;}
/*! jQuery UI - v1.11.0 - 2014-07-02
* http://jqueryui.com
* Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, menu.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;min-height:0;font-size:100%}.ui-accordion .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:49%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-dialog{overflow:hidden;position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:none}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{position:relative;margin:0;padding:3px 1em 3px .4em;cursor:pointer;min-height:0;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("/library/jqueryui/animated-overlay.gif");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-button{display:inline-block;overflow:hidden;position:relative;text-decoration:none;cursor:pointer}.ui-selectmenu-button span.ui-icon{right:0.5em;left:auto;margin-top:-8px;position:absolute;top:50%}.ui-selectmenu-button span.ui-selectmenu-text{text-align:left;padding:0.4em 2.1em 0.4em 1em;display:block;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:22px}.ui-spinner-button{width:16px;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top:none;border-bottom:none;border-right:none}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Verdana,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Verdana,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #aaa;background:#fff url("/library/jqueryui/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;color:#222}.ui-widget-content a{color:#222}.ui-widget-header{border:1px solid #aaa;background:#ccc url("/library/jqueryui/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;color:#222;font-weight:bold}.ui-widget-header a{color:#222}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #d3d3d3;background:#e6e6e6 url("/library/jqueryui/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;font-weight:normal;color:#555}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#555;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #999;background:#dadada url("/library/jqueryui/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;font-weight:normal;color:#212121}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited{color:#212121;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #aaa;background:#fff url("/library/jqueryui/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;font-weight:normal;color:#212121}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#212121;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fcefa1;background:#fbf9ee url("/library/jqueryui/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#fef1ec url("/library/jqueryui/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;color:#cd0a0a}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#cd0a0a}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#cd0a0a}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("/library/jqueryui/ui-icons_222222_256x240.png")}.ui-widget-header .ui-icon{background-image:url("/library/jqueryui/ui-icons_222222_256x240.png")}.ui-state-default .ui-icon{background-image:url("/library/jqueryui/ui-icons_888888_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url("/library/jqueryui/ui-icons_454545_256x240.png")}.ui-state-active .ui-icon{background-image:url("/library/jqueryui/ui-icons_454545_256x240.png")}.ui-state-highlight .ui-icon{background-image:url("/library/jqueryui/ui-icons_2e83ff_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("/library/jqueryui/ui-icons_cd0a0a_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}.ui-widget-overlay{background:#aaa url("/library/jqueryui/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:#aaa url("/library/jqueryui/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30);border-radius:8px}
/*!
* FullCalendar v2.3.1 Stylesheet
* Docs & License: http://fullcalendar.io/
* (c) 2015 Adam Shaw
*/.fc{direction:ltr;text-align:left}.fc-rtl{text-align:right}body .fc{font-size:1em}.fc-unthemed .fc-divider,.fc-unthemed .fc-popover,.fc-unthemed .fc-row,.fc-unthemed tbody,.fc-unthemed td,.fc-unthemed th,.fc-unthemed thead{border-color:#ddd}.fc-unthemed .fc-popover{background-color:#fff}.fc-unthemed .fc-divider,.fc-unthemed .fc-popover .fc-header{background:#eee}.fc-unthemed .fc-popover .fc-header .fc-close{color:#666}.fc-unthemed .fc-today{background:#fcf8e3}.fc-highlight{background:#bce8f1;opacity:.3;filter:alpha(opacity=30)}.fc-bgevent{background:#8fdf82;opacity:.3;filter:alpha(opacity=30)}.fc-nonbusiness{background:#d7d7d7}.fc-icon{display:inline-block;width:1em;height:1em;line-height:1em;font-size:1em;text-align:center;overflow:hidden;font-family:"Courier New",Courier,monospace}.fc-icon:after{position:relative;margin:0 -1em}.fc-icon-left-single-arrow:after{content:"\02039";font-weight:700;font-size:200%;top:-7%;left:3%}.fc-icon-right-single-arrow:after{content:"\0203A";font-weight:700;font-size:200%;top:-7%;left:-3%}.fc-icon-left-double-arrow:after{content:"\000AB";font-size:160%;top:-7%}.fc-icon-right-double-arrow:after{content:"\000BB";font-size:160%;top:-7%}.fc-icon-left-triangle:after{content:"\25C4";font-size:125%;top:3%;left:-2%}.fc-icon-right-triangle:after{content:"\25BA";font-size:125%;top:3%;left:2%}.fc-icon-down-triangle:after{content:"\25BC";font-size:125%;top:2%}.fc-icon-x:after{content:"\000D7";font-size:200%;top:6%}.fc button{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;height:2.1em;padding:0 .6em;font-size:1em;white-space:nowrap;cursor:pointer}.fc button::-moz-focus-inner{margin:0;padding:0}.fc-state-default{border:1px solid}.fc-state-default.fc-corner-left{border-top-left-radius:4px;border-bottom-left-radius:4px}.fc-state-default.fc-corner-right{border-top-right-radius:4px;border-bottom-right-radius:4px}.fc button .fc-icon{position:relative;top:-.05em;margin:0 .2em;vertical-align:middle}.fc-state-default{background-color:#f5f5f5;background-image:-moz-linear-gradient(top,#fff,#e6e6e6);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);background-image:-o-linear-gradient(top,#fff,#e6e6e6);background-image:linear-gradient(to bottom,#fff,#e6e6e6);background-repeat:repeat-x;border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);color:#333;text-shadow:0 1px 1px rgba(255,255,255,.75);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)}.fc-state-active,.fc-state-disabled,.fc-state-down,.fc-state-hover{color:#333;background-color:#e6e6e6}.fc-state-hover{color:#333;text-decoration:none;background-position:0 -15px;-webkit-transition:background-position .1s linear;-moz-transition:background-position .1s linear;-o-transition:background-position .1s linear;transition:background-position .1s linear}.fc-state-active,.fc-state-down{background-color:#ccc;background-image:none;box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}.fc-state-disabled{cursor:default;background-image:none;opacity:.65;filter:alpha(opacity=65);box-shadow:none}.fc-button-group{display:inline-block}.fc .fc-button-group>*{float:left;margin:0 0 0 -1px}.fc .fc-button-group>:first-child{margin-left:0}.fc-popover{position:absolute;box-shadow:0 2px 6px rgba(0,0,0,.15)}.fc-popover .fc-header{padding:2px 4px}.fc-popover .fc-header .fc-title{margin:0 2px}.fc-popover .fc-header .fc-close{cursor:pointer}.fc-ltr .fc-popover .fc-header .fc-title,.fc-rtl .fc-popover .fc-header .fc-close{float:left}.fc-ltr .fc-popover .fc-header .fc-close,.fc-rtl .fc-popover .fc-header .fc-title{float:right}.fc-unthemed .fc-popover{border-width:1px;border-style:solid}.fc-unthemed .fc-popover .fc-header .fc-close{font-size:.9em;margin-top:2px}.fc-popover>.ui-widget-header+.ui-widget-content{border-top:0}.fc-divider{border-style:solid;border-width:1px}hr.fc-divider{height:0;margin:0;padding:0 0 2px;border-width:1px 0}.fc-clear{clear:both}.fc-bg,.fc-bgevent-skeleton,.fc-helper-skeleton,.fc-highlight-skeleton{position:absolute;top:0;left:0;right:0}.fc-bg{bottom:0}.fc-bg table{height:100%}.fc table{width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0;font-size:1em}.fc th{text-align:center}.fc td,.fc th{border-style:solid;border-width:1px;padding:0;vertical-align:top}.fc td.fc-today{border-style:double}.fc .fc-row{border-style:solid;border-width:0}.fc-row table{border-left:0 hidden transparent;border-right:0 hidden transparent;border-bottom:0 hidden transparent}.fc-row:first-child table{border-top:0 hidden transparent}.fc-row{position:relative}.fc-row .fc-bg{z-index:1}.fc-row .fc-bgevent-skeleton,.fc-row .fc-highlight-skeleton{bottom:0}.fc-row .fc-bgevent-skeleton table,.fc-row .fc-highlight-skeleton table{height:100%}.fc-row .fc-bgevent-skeleton td,.fc-row .fc-highlight-skeleton td{border-color:transparent}.fc-row .fc-bgevent-skeleton{z-index:2}.fc-row .fc-highlight-skeleton{z-index:3}.fc-row .fc-content-skeleton{position:relative;z-index:4;padding-bottom:2px}.fc-row .fc-helper-skeleton{z-index:5}.fc-row .fc-content-skeleton td,.fc-row .fc-helper-skeleton td{background:0 0;border-color:transparent;border-bottom:0}.fc-row .fc-content-skeleton tbody td,.fc-row .fc-helper-skeleton tbody td{border-top:0}.fc-scroller{overflow-y:scroll;overflow-x:hidden}.fc-scroller>*{position:relative;width:100%;overflow:hidden}.fc-event{position:relative;display:block;font-size:.85em;line-height:1.3;border-radius:3px;border:1px solid #3a87ad;background-color:#3a87ad;font-weight:400}.fc-event,.fc-event:hover,.ui-widget .fc-event{color:#fff;text-decoration:none}.fc-event.fc-draggable,.fc-event[href]{cursor:pointer}.fc-not-allowed,.fc-not-allowed .fc-event{cursor:not-allowed}.fc-event .fc-bg{z-index:1;background:#fff;opacity:.25;filter:alpha(opacity=25)}.fc-event .fc-content{position:relative;z-index:2}.fc-event .fc-resizer{position:absolute;z-index:3}.fc-ltr .fc-h-event.fc-not-start,.fc-rtl .fc-h-event.fc-not-end{margin-left:0;border-left-width:0;padding-left:1px;border-top-left-radius:0;border-bottom-left-radius:0}.fc-ltr .fc-h-event.fc-not-end,.fc-rtl .fc-h-event.fc-not-start{margin-right:0;border-right-width:0;padding-right:1px;border-top-right-radius:0;border-bottom-right-radius:0}.fc-h-event .fc-resizer{top:-1px;bottom:-1px;left:-1px;right:-1px;width:5px}.fc-ltr .fc-h-event .fc-start-resizer,.fc-ltr .fc-h-event .fc-start-resizer:after,.fc-ltr .fc-h-event .fc-start-resizer:before,.fc-rtl .fc-h-event .fc-end-resizer,.fc-rtl .fc-h-event .fc-end-resizer:after,.fc-rtl .fc-h-event .fc-end-resizer:before{right:auto;cursor:w-resize}.fc-ltr .fc-h-event .fc-end-resizer,.fc-ltr .fc-h-event .fc-end-resizer:after,.fc-ltr .fc-h-event .fc-end-resizer:before,.fc-rtl .fc-h-event .fc-start-resizer,.fc-rtl .fc-h-event .fc-start-resizer:after,.fc-rtl .fc-h-event .fc-start-resizer:before{left:auto;cursor:e-resize}.fc-day-grid-event{margin:1px 2px 0;padding:0 1px}.fc-day-grid-event .fc-content{white-space:nowrap;overflow:hidden}.fc-day-grid-event .fc-time{font-weight:700}.fc-day-grid-event .fc-resizer{left:-3px;right:-3px;width:7px}a.fc-more{margin:1px 3px;font-size:.85em;cursor:pointer;text-decoration:none}a.fc-more:hover{text-decoration:underline}.fc-limited{display:none}.fc-day-grid .fc-row{z-index:1}.fc-more-popover{z-index:2;width:220px}.fc-more-popover .fc-event-container{padding:10px}.fc-toolbar{text-align:center;margin-bottom:1em}.fc-toolbar .fc-left{float:left}.fc-toolbar .fc-right{float:right}.fc-toolbar .fc-center{display:inline-block}.fc .fc-toolbar>*>*{float:left;margin-left:.75em}.fc .fc-toolbar>*>:first-child{margin-left:0}.fc-toolbar h2{margin:0}.fc-toolbar button{position:relative}.fc-toolbar .fc-state-hover,.fc-toolbar .ui-state-hover{z-index:2}.fc-toolbar .fc-state-down{z-index:3}.fc-toolbar .fc-state-active,.fc-toolbar .ui-state-active{z-index:4}.fc-toolbar button:focus{z-index:5}.fc-view-container *,.fc-view-container :after,.fc-view-container :before{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.fc-view,.fc-view>table{position:relative;z-index:1}.fc-basicDay-view .fc-content-skeleton,.fc-basicWeek-view .fc-content-skeleton{padding-top:1px;padding-bottom:1em}.fc-basic-view .fc-body .fc-row{min-height:4em}.fc-row.fc-rigid{overflow:hidden}.fc-row.fc-rigid .fc-content-skeleton{position:absolute;top:0;left:0;right:0}.fc-basic-view .fc-day-number,.fc-basic-view .fc-week-number{padding:0 2px}.fc-basic-view td.fc-day-number,.fc-basic-view td.fc-week-number span{padding-top:2px;padding-bottom:2px}.fc-basic-view .fc-week-number{text-align:center}.fc-basic-view .fc-week-number span{display:inline-block;min-width:1.25em}.fc-ltr .fc-basic-view .fc-day-number{text-align:right}.fc-rtl .fc-basic-view .fc-day-number{text-align:left}.fc-day-number.fc-other-month{opacity:.3;filter:alpha(opacity=30)}.fc-agenda-view .fc-day-grid{position:relative;z-index:2}.fc-agenda-view .fc-day-grid .fc-row{min-height:3em}.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton{padding-top:1px;padding-bottom:1em}.fc .fc-axis{vertical-align:middle;padding:0 4px;white-space:nowrap}.fc-ltr .fc-axis{text-align:right}.fc-rtl .fc-axis{text-align:left}.ui-widget td.fc-axis{font-weight:400}.fc-time-grid,.fc-time-grid-container{position:relative;z-index:1}.fc-time-grid{min-height:100%}.fc-time-grid table{border:0 hidden transparent}.fc-time-grid>.fc-bg{z-index:1}.fc-time-grid .fc-slats,.fc-time-grid>hr{position:relative;z-index:2}.fc-time-grid .fc-bgevent-skeleton,.fc-time-grid .fc-content-skeleton{position:absolute;top:0;left:0;right:0}.fc-time-grid .fc-bgevent-skeleton{z-index:3}.fc-time-grid .fc-highlight-skeleton{z-index:4}.fc-time-grid .fc-content-skeleton{z-index:5}.fc-time-grid .fc-helper-skeleton{z-index:6}.fc-time-grid .fc-slats td{height:1.5em;border-bottom:0}.fc-time-grid .fc-slats .fc-minor td{border-top-style:dotted}.fc-time-grid .fc-slats .ui-widget-content{background:0 0}.fc-time-grid .fc-highlight-container{position:relative}.fc-time-grid .fc-highlight{position:absolute;left:0;right:0}.fc-time-grid .fc-bgevent-container,.fc-time-grid .fc-event-container{position:relative}.fc-ltr .fc-time-grid .fc-event-container{margin:0 2.5% 0 2px}.fc-rtl .fc-time-grid .fc-event-container{margin:0 2px 0 2.5%}.fc-time-grid .fc-bgevent,.fc-time-grid .fc-event{position:absolute;z-index:1}.fc-time-grid .fc-bgevent{left:0;right:0}.fc-v-event.fc-not-start{border-top-width:0;padding-top:1px;border-top-left-radius:0;border-top-right-radius:0}.fc-v-event.fc-not-end{border-bottom-width:0;padding-bottom:1px;border-bottom-left-radius:0;border-bottom-right-radius:0}.fc-time-grid-event{overflow:hidden}.fc-time-grid-event .fc-time,.fc-time-grid-event .fc-title{padding:0 1px}.fc-time-grid-event .fc-time{font-size:.85em;white-space:nowrap}.fc-time-grid-event.fc-short .fc-content{white-space:nowrap}.fc-time-grid-event.fc-short .fc-time,.fc-time-grid-event.fc-short .fc-title{display:inline-block;vertical-align:top}.fc-time-grid-event.fc-short .fc-time span{display:none}.fc-time-grid-event.fc-short .fc-time:before{content:attr(data-start)}.fc-time-grid-event.fc-short .fc-time:after{content:"\000A0-\000A0"}.fc-time-grid-event.fc-short .fc-title{font-size:.85em;padding:0}.fc-time-grid-event .fc-resizer{left:0;right:0;bottom:0;height:8px;overflow:hidden;line-height:8px;font-size:11px;font-family:monospace;text-align:center;cursor:s-resize}.fc-time-grid-event .fc-resizer:after{content:"="}h1 {
padding:20px;
font-size:32px;
letter-spacing: -0.05em;
background-color:#bdccea;
margin:0 0 30px 0;
}
#columns .box, #cols .box {
background-color:#bdccea;
margin:0 0 30px 0;
font-size:15px;
}
.emailer {
border:0px solid #ccc;
background-color:transparent;
padding:0;
}
#col2 {
padding:0;
}
#col3 {
margin-left:30px;
}
#col2 .box.text, #col_2 .box.text, #col2 .box.quote, #col_2 .box.quote, #col2 .box.blog_item, #col_2 .box.blog_item, #col2 .box.sitemap, #col_2 .box.sitemap {
padding:20px 20px 10px 20px;
}
.box.blog h2 {
padding:0;
color:#0000cd;
}
.blogdate {
font-weight:bold;
margin-bottom:0;
}
.blog_img, .blogwidget_img {
float:left;
display:inline-block;
margin-right:20px;
margin-bottom:20px;
}#columns .box {
background: none !important;
}
.box.images{
margin: 0 auto !important;
}
.col {
width: 94% !important;
}
}
@media only print {
#top,#bot,#col1,#col3,#loaderholder,.button,#buybar,#breadcrumb,.buttons {
display:none;
}
.printonly {
display:inline !important;
}
.printonlyblock {
display:block !important;
}
.screenonly,.screenonlyblock {
display:none !important;
}
html,body,a:link,a:visited,a:hover,a:active,h1,h2,h3,h4,h5,p,ul,li,div,img,form,label,input,textarea,select {
margin:0;
padding:0;
border:0;
}
html, body {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:13px;
}
html {
width:100%;
}
body {
margin:20px;
padding:20px;
border:1px solid #000;
}
p {
margin-bottom:10px;
}
.clear {
clear:both;
width:0;
height:0;
}
.cleardeep {
clear:both;
width:0;
height:10px;
}
h1,h2, .h2 {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight:normal;
color:#000;
}
h1{
font-size:30px;
margin-bottom:10px;
}
h2, .h2 {
font-size:18px;
}
#billing_address, #delivery_address {
position:relative;
top:0;
left:0;
width:40%;
padding:20px 4%;
border:1px solid #ccc;
background-color:#eee;
margin-bottom:10px;
}
#delivery_address {
float:right;
}
#billing_address {
float:left;
}
#delivery_method {
margin-bottom:10px;
padding:20px;
border:1px solid #ccc;
background-color:#eee;
}
#terms_and_conditions div {
text-align:center;
margin-bottom:10px;
}
#basket .row{
min-height:20px;
padding:10px;
}
/* Basket Header */
#basket .row.header{
background:#eee;
border:1px solid #ccc;
}
#basket .row:nth-child(2n){
}
#basket .row > div{
float:right;
width:100px;
overflow:hidden;
}
/* Quantity Input */
#basket input{
width:40px;
}
.plist .product_info{
display:none;
}
#col2 div#basket, #col2 div#basket div {
}
#col2 div#basket div.header {
}
#col2 #basket div.delete {
width:50px;
}
#col2 #basket div.bquantity {
width:60px;
}
#col2 #basket div.bproduct {
width:200px;
}
#col2 #basket div.bprice {
width:80px;
text-align:right;
}
#col2 #basket div.bsubtotal {
width:80px;
text-align:right;
}
#col2 #basket div.bdiscount {
width:calc(90% - 80px);
text-align:right;
}
/*timboss|600px*/
.fc{max-width:100%!important}.fc-event{background:#fff!important;color:#000!important;page-break-inside:avoid}.fc-event .fc-resizer{display:none}.fc-row,hr,tbody,td,th,thead{border-color:#ccc!important;background:#fff!important}.fc-bg,.fc-bgevent-skeleton,.fc-helper-skeleton,.fc-highlight-skeleton{display:none}.fc tbody .fc-row{height:auto!important;min-height:0!important}.fc tbody .fc-row .fc-content-skeleton{position:static;padding-bottom:0!important}.fc tbody .fc-row .fc-content-skeleton tbody tr:last-child td{padding-bottom:1em}.fc tbody .fc-row .fc-content-skeleton table{height:1em}.fc-more,.fc-more-cell{display:none!important}.fc tr.fc-limited{display:table-row!important}.fc td.fc-limited{display:table-cell!important}.fc-popover{display:none}.fc-time-grid{min-height:0!important}.fc-agenda-view .fc-axis{display:none}.fc-slats,.fc-time-grid hr{display:none!important}.fc-time-grid .fc-content-skeleton{position:static}.fc-time-grid .fc-content-skeleton table{height:4em}.fc-time-grid .fc-event-container{margin:0!important}.fc-time-grid .fc-event{position:static!important;margin:3px 2px!important}.fc-time-grid .fc-event.fc-not-end{border-bottom-width:1px!important}.fc-time-grid .fc-event.fc-not-end:after{content:"..."}.fc-time-grid .fc-event.fc-not-start{border-top-width:1px!important}.fc-time-grid .fc-event.fc-not-start:before{content:"..."}.fc-time-grid .fc-event .fc-time{white-space:normal!important}.fc-time-grid .fc-event .fc-time span{display:none}.fc-time-grid .fc-event .fc-time:after{content:attr(data-full)}.fc-day-grid-container,.fc-scroller,.fc-time-grid-container{overflow:visible!important;height:auto!important}.fc-row{border:0!important;margin:0!important}.fc button,.fc-button-group{display:none}
}