@charset "utf-8";
/* CSS Document */


/* ---------------------------------------------------------------------- */
/* Theme Information
/* ----------------------------------------------------------------------
Name: Finesse
Description: Responsive Business Theme
Version: 2.2.1
Author: Ixtendo
Author URI: http://www.ixtendo.com
------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------- */
/* Imported Stylesheets (Their order is important.)
/* ---------------------------------------------------------------------- */
@import url(https://fonts.googleapis.com/css?family=Metrophobic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,300italic,400italic,600italic,700italic,300,600,800,800italic);
@import url(https://fonts.googleapis.com/css?family=Tinos:400,700,400italic,700italic);

@import url('html5-reset.css');

@import url('polyglot-language-switcher.css');
@import url('flexslider.css');
@import url('jquery.fancybox.css');
@import url('mediaelementplayer.css');

@import url('shortcodes.css');


/* ---------------------------------------------------------------------- */
/* Finesse Styles
/* ----------------------------------------------------------------------
TABLE OF CONTENTS

-Generic
-Containers
-Headings
-Links
-Text & Content Blocks
-Header
	-Logo & Tagline
	-Contact Info
-Navigation Bar
-Forms
-Homepage
-Icon Boxes
-Carousel
-Portfolio & Blog
-Portfolio
-Blog
-Columns
-Footer
-Widgets
-Scroll to Top
-Error Page
-Search Results
-Pagination
-Tables
-About Us
-Clients
-Media Queries
------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------- */
/* Generic
/* ---------------------------------------------------------------------- */
* { margin: 0; padding: 0; outline: none; }

body { font-family: 'Open Sans', sans-serif; font-size: 12px; line-height: 1.5em; /* 18px */ color: #383838; background-color: #fff; background-image: none; background-repeat: repeat; background-position: left top; /* Fix for webkit rendering */ -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; }

iframe, img, video, audio { display: block; }

/*img,*/ embed, object, video { /* Note: keeping IMG here will cause problems if you're using foreground images as sprites. */ max-width: 100%; }

video { width: 100%; height: auto; }

ul { list-style: none; }

/* Clearfix */

.clear { clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; width: 0; }
.hide {display:none;}
.message {line-height: 150%;margin: 0 0 20px;padding: 10px;}

/* ---------------------------------------------------------------------- */
/* Containers
/* ---------------------------------------------------------------------- */
#wrapTop { border-top: 5px solid #383838; padding-top: 30px; overflow: hidden; }

.container { width: 940px; margin: 0 auto; }

/* ---------------------------------------------------------------------- */
/* Headings
/* ---------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin-bottom: 15px; }

h1#page-title { padding: 25px 0; border-bottom: 1px solid #e5e5e5; }

h1 { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 1.5em; /* 18px */ line-height: 1.333em; /* 24px/18px */ }

h2 { font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 1.333em; /* 16px */ line-height: 1.375em; /* 22px/16px */ }

h3 { font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 1.166em; /* 14px */ line-height: 1.428em; /* 20px/14px */ }

h4 { font-family: 'Open Sans', sans-serif; font-weight: normal; font-size: 1.083em; /* 13px */ line-height: 1.461em; /* 19px/13px */ }

h5 { font-family: 'Open Sans', sans-serif; font-weight: bold; font-size: 1em; /* 12px */ line-height: 1.5em; /* 18px */ }

/* ---------------------------------------------------------------------- */
/* Links
/* ---------------------------------------------------------------------- */
a, a > * { text-decoration: none; }

a, a > *,
.button,
.jcarousel-prev, .jcarousel-next { -webkit-transition: color 0.2s ease, background-color 0.2s ease, border 0.2s ease, opacity 0.2s ease-in-out; -moz-transition: color 0.2s ease, background-color 0.2s ease, border 0.2s ease, opacity 0.2s ease-in-out; -ms-transition: color 0.2s ease, background-color 0.2s ease, border 0.2s ease, opacity 0.2s ease-in-out; -o-transition: color 0.2s ease, background-color 0.2s ease, border 0.2s ease, opacity 0.2s ease-in-out; transition: color 0.2s ease, background-color 0.2s ease, border 0.2s ease, opacity 0.2s ease-in-out; }

a:hover, a > * { color: #383838; }

/* ---------------------------------------------------------------------- */
/* Text & Content Blocks
/* ---------------------------------------------------------------------- */
p { margin-bottom: 20px; }

section,
#page-header,
#sidebar { margin-bottom: 40px; }

.float-left { float: left; }

.float-right { float: right; }

.tip, caption, .caption { color: #999; font-size: 0.916em; /* 11px */ font-style: italic; }

.grey-text { color: #999; }

.invisible { display: none !important; }

hr { background-color: #e5e5e5; color: #e5e5e5; border: none; height: 1px; clear: both; margin: 40px 0; }

mark { font-style: normal; font-weight: normal; }

.intro { font-weight: 600; font-size: 1.083em; /* 13px */ }

.note { color: #f25824; }

/* ---------------------------------------------------------------------- */
/* Header
/* ---------------------------------------------------------------------- */
#header-top { margin-bottom: 30px; }

#header-top .one-half.column-last { float: right; }

/* Logo & Tagline */

#logo { font: 2.666em/1em 'Metrophobic', sans-serif; /* 32px */ float: left; text-transform: lowercase; margin-right: 15px; margin-bottom: 0; }

#logo a { display: block; color: #383838; }

#tagline { float: left; margin-top: 11px; margin-bottom: 0; color: #888; }

/* Contact Info */

#header .contact-info { float: right; margin-top: 11px; }

#header .contact-info p { float: right; background-repeat: no-repeat; background-position: left center; margin-left: 20px; margin-bottom: 0; }

#header .contact-info .email { background-image: url(../images/contact/mail.png); padding-left: 21px; }

#header .contact-info .phone { background-image: url(../images/contact/phone.png); padding-left: 22px; }

/* ---------------------------------------------------------------------- */
/* Navigation Bar
/* ---------------------------------------------------------------------- */
#navbar { border: 1px solid #e5e5e5; margin-bottom: 15px; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* IE10+ */ background: linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */ }

/* Navigation */

#nav { float: left; height: 3.166em; /* 38px */ position: relative; top: -1px; left: -1px; }

/* Navigation List */

ul.navlist li { float: left; min-width: 8.666em; }
ul.navlist li a { display: block; font-weight: bold; padding: 10px 20px; text-align: center; color: #383838; border: 1px solid #e5e5e5; border-left: none; box-shadow: 1px 0 rgba(255,255,255,0.75); }
ul.navlist li:first-child a { border-left: 1px solid #e5e5e5; }
ul.navlist li.current a, .no-touch ul.navlist li a:hover, ul.navlist li a.selected { color: #fff; }
.no-touch ul.navlist > li > a:hover, ul.navlist > li > a.selected { background-color: #383838 !important; border-color: #383838 !important; }

/* Drop-Down Menus */
.ddsubmenustyle, .ddsubmenustyle div { position: absolute; left: 0; top: 0; visibility: hidden; z-index: 100; }
.ddsubmenustyle > ul { top: -1px !important; }
.ddsubmenustyle ul { position: absolute; left: 0; top: 0; width: 200px; }
.ddsubmenustyle li a { display: block; color: #fff; background-color: #383838; padding: 8px 15px; border-top: 1px solid #4d4d4d; border-bottom: 1px solid #262626; }
.ddsubmenustyle > ul > li:first-child a { border-top: none; }

/* Neutral CSS */
.ddiframeshim { position: absolute; z-index: 500; background: transparent; border-width: 0; width: 0; height: 0; display: block; }

/* ---------------------------------------------------------------------- */
/* Forms
/* ---------------------------------------------------------------------- */
input, textarea, select { font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; -webkit-appearance: none; /* Fix for Mobile Safari */ }

/* Fix for Mobile Safari */
input[type="checkbox"] { -webkit-appearance: checkbox; }

input[type="radio"] { -webkit-appearance: radio; }

input { line-height: normal; }

textarea { overflow: auto; /* removes scrollbar in IE */ }

input[type="submit"] { width: auto; }

::-webkit-input-placeholder { /* Chrome, Safari */ color: #999; }

/* Firefox */
:-moz-placeholder { color: #999; }

::-moz-focus-inner { /* removes the extra padding and dotted border on buttons in Firefox */ padding: 0; border: none; }

/* Search Form */

#search-form { float: right; position: relative; margin: 5px 14px 5px 20px; }

/* Initial */

#s { position: absolute; top: 0; right: 0; width: 174px; height: 1.333em; /* 16px */ padding: 0.5em 36px 0.5em 10px; /* 6px 36px 6px 10px */ border: none; background-color: #e5e5e5; }

.small-search { width: 200px !important; padding-right: 10px !important; top: 38px !important; z-index: 10; }

#s::-webkit-input-placeholder { /* Chrome, Safari */ color: #888; }

#s:-moz-placeholder { /* Firefox */ color: #888; }

#search-submit { position: absolute; top: 0; right: 0; width: 36px; height: 2.333em; /* 28px */ background: url(../images/search.png) no-repeat center center; border: none; text-indent: -10000em; background-color: #e5e5e5; cursor: pointer; }

/* Newsletter Form */

#newsletter-wrap { padding-top: 25px; border-top: 1px solid #e5e5e5; }

#newsletter-form input#newsletter { float: left; width: 74.347%; /* 342px/460px */ margin-right: 10px; }

#newsletter-form input.button { float: right; margin-right: 0; margin-bottom: 5px; }

#newsletter-wrap .tip { margin-top: 7px; }

/* Content Form */

.content-form p { margin-bottom: 10px; }

.content-form input, .content-form textarea, .content-form select { background-color: #f7f7f7; border: 1px solid #e5e5e5; padding: 6px 10px; border-radius: 0; }

.content-form input:hover, .content-form textarea:hover, .content-form select:hover { border-color: #d9d9d9; }

.content-form input:focus, .content-form textarea:focus, .content-form select:focus { border-color: #ccc; }

.content-form input { width: 50%; }

.content-form label, .content-form input, .content-form textarea, .content-form select { margin-bottom: 5px; }

.content-form label { display: block; clear: both; }

.content-form .error { color: #f25824; }

.content-form textarea, .content-form select { width: 60%; height: 160px; }

.content-form input[type="file"] { padding: 0; border: none; }

/* Comment Form */

#comment-form p { margin-bottom: 10px; }

#comment-form input, #comment-form textarea { background-color: #f7f7f7; border: 1px solid #e5e5e5; padding: 6px 10px; border-radius: 0; }

#comment-form input:hover, #comment-form textarea:hover { border-color: #d9d9d9; }

#comment-form input:focus, #comment-form textarea:focus { border-color: #ccc; }

#comment-form input { width: 50%; }

#comment-form label, #comment-form input, #comment-form textarea { margin-bottom: 5px; }

#comment-form label { display: block; clear: both; }

#comment-form .error { color: #f25824; }

#comment-form textarea { width: 60%; height: 160px; }

/* ---------------------------------------------------------------------- */
/* Homepage
/* ---------------------------------------------------------------------- */
#slider-home { margin-bottom: 15px; }

/* ---------------------------------------------------------------------- */
/* Icon Boxes
/* ---------------------------------------------------------------------- */
.iconbox { text-align: center; margin-bottom: 20px; }

.iconbox h4 a { color: #383838; }

.iconbox-icon { display: block; height: 42px; margin: 0 auto 20px; background-repeat: no-repeat; }

.iconbox.computer .iconbox-icon { background-image: url(../images/icon-boxes/computer.png); width: 44px; }

.iconbox.mouse .iconbox-icon { background-image: url(../images/icon-boxes/mouse.png); width: 28px; }

.iconbox.applications .iconbox-icon { background-image: url(../images/icon-boxes/applications.png); width: 50px; }

.iconbox.cog .iconbox-icon { background-image: url(../images/icon-boxes/cog.png); width: 42px; }

.iconbox.globe .iconbox-icon { background-image: url(../images/icon-boxes/globe.png); width: 32px; }

.iconbox.write .iconbox-icon { background-image: url(../images/icon-boxes/write.png); width: 42px; }

.iconbox.address-book .iconbox-icon { background-image: url(../images/icon-boxes/address-book.png); width: 34px; }

.iconbox.chemical .iconbox-icon { background-image: url(../images/icon-boxes/chemical.png); width: 24px; }

/* ---------------------------------------------------------------------- */
/* Carousel
/* ---------------------------------------------------------------------- */
h2 span.more { font-weight: normal; font-size: 0.666em; /* 12px/18px */ line-height: 1.5em; /* 18px/12px */ }

h2 span.more a { font-style: italic; }

.jcarousel-container { max-width: 100%; padding-top: 25px; border-top: 1px solid #e5e5e5; }

.jcarousel-clip { overflow: hidden; width: 100%; }

.iconbox-carousel > li,
.project-carousel > li,
.post-carousel > li { float: left; width: 220px; margin-right: 20px; }

.jcarousel-prev, .jcarousel-next { position: absolute; top: -35px; width: 19px; height: 19px; cursor: pointer; background-color: #bfbfbf; background-image: url(../images/carousel-arrows.png); background-repeat: no-repeat; }

.jcarousel-prev { right: 20px; background-position: 7px 5px; }

.jcarousel-next { right: 0; background-position: -18px 5px; }

.jcarousel-prev-disabled, .jcarousel-prev-disabled:hover, .jcarousel-prev-disabled:focus,
.jcarousel-next-disabled, .jcarousel-next-disabled:hover, .jcarousel-next-disabled:focus { background-color: #d9d9d9 !important; cursor: default; }

/* ---------------------------------------------------------------------- */
/* Columns
/* ---------------------------------------------------------------------- */
.one-half, .one-third, .one-fourth, .two-thirds, .three-fourths { display: inline; float: left; margin-right: 2%; }

.one-half { width: 49%; max-width: 460px; }

.one-third { width: 32%; max-width: 300px; }

.one-fourth { width: 23.5%; max-width: 220px; }

.two-thirds { width: 66%; max-width: 620px; }

.three-fourths { width: 74.5%; max-width: 700px; }

.column-last { margin-right: 0 !important; }

/* ---------------------------------------------------------------------- */
/* Footer
/* ---------------------------------------------------------------------- */
#footer { color: #999; background-color: #383838; border-top: 5px solid #e5e5e5; margin-top: 60px; }

#footer h2,
#footer h3 { color: #e5e5e5; }

#footer h3 { padding-bottom: 10px; border-bottom: 1px solid #4c4c4c; margin-bottom: 25px; }

#footer-top { overflow: hidden; padding: 36px 0 20px; }

#footer-top a:hover { color: #e5e5e5; }

#footer-bottom { overflow: hidden; padding: 25px 0; border-top: 1px solid #4c4c4c; font-size: 0.916em; /* 11px */ }

#footer-bottom a { color: #bfbfbf; }

#footer-bottom p { margin: 0; }

#footer-nav ul { text-align: right; }

#footer-nav ul li { display: inline; }

/* ---------------------------------------------------------------------- */
/* Widgets
/* ---------------------------------------------------------------------- */
.widget { margin-bottom: 20px; }

#sidebar .widget { margin-bottom: 30px; }

/* Contact Info */

.contact-info p { background-repeat: no-repeat; padding-left: 23px; margin-bottom: 15px; }

.contact-info .address { background-image: url(../images/contact/home.png); background-position: left 0.083em; /* 1px */ }

#footer .contact-info .address { background-image: url(../images/footer/contact/home-footer.png); }

.contact-info .phone { background-image: url(../images/contact/phone.png); background-position: left 0.083em; /* 1px */ }

#footer .contact-info .phone { background-image: url(../images/footer/contact/phone-footer.png); }

.contact-info .email { background-image: url(../images/contact/mail.png); background-position: left 0.25em; /* 3px */ }

#footer .contact-info .email { background-image: url(../images/footer/contact/mail-footer.png); }

.contact-info .business-hours { background-image: url(../images/contact/clock.png); background-position: left 1px; }

.contact-info .social-links { margin-top: 20px; }

/* Social Links */

.social-links ul { overflow: hidden; margin-right: -6px; }

.social-links li { float: left; margin: 0 6px 6px 0; }

.social-links a { display: block; width: 24px; height: 24px; background-position: left top; background-repeat: no-repeat; text-indent: -10000em; }

.social-links li.twitter a { background-image: url(../images/social-media/twitter-circular.png); }

.social-links li.facebook a { background-image: url(../images/social-media/facebook-circular.png); }

.social-links li.google a { background-image: url(../images/social-media/google-circular.png); }

.social-links li.youtube a { background-image: url(../images/social-media/youtube-circular.png); }

.social-links li.skype a { background-image: url(../images/social-media/skype-circular.png); }

.social-links li.rss a { background-image: url(../images/social-media/rss-circular.png); }

/* Menu with Separators */

.widget ul.menu li { border-bottom: 1px dotted #ccc; }

.widget ul.menu li > a { display: block; color: #383838; padding: 5px 0 5px 11px; background: url(../images/bullets-and-arrows/arrow-right.png) no-repeat left 0.833em; /* 10px */ }

/* Tags */

ul.tags li { float: left; margin: 0 5px 5px 0; }

ul.tags a { display: block; background-color: #e5e5e5; color: #383838; padding: 5px 10px; }

ul.tags a:hover { color: #fff; }

/* ---------------------------------------------------------------------- */
/* Scroll to Top
/* ---------------------------------------------------------------------- */
#toTop, #toTopHover { background: no-repeat url(../images/scroll-top.png) center center; width: 30px; height: 30px; overflow: hidden; bottom: 30px; right: 20px; text-indent: -10000em; position: fixed; }

#toTop { display: none; background-color: #999; }

#toTopHover { display: block; opacity: 0; }

#toTop:active, #toTop:focus { outline: none; }

/* ---------------------------------------------------------------------- */
/* Error Page
/* ---------------------------------------------------------------------- */
.error-page #page-title { background: url(../images/alert-56.png) no-repeat left center; padding-left: 66px; }

/* ---------------------------------------------------------------------- */
/* Search Results
/* ---------------------------------------------------------------------- */
ul#search-results li { border-top: 1px dotted #ccc; padding: 20px 0; }

ul#search-results li:first-child { border: none; padding-top: 0; }

ul#search-results h2 { margin-bottom: 5px; }

ul#search-results h2 a,
ul#search-results h2 a strong { color: #383838; }

ul#search-results p { margin: 0; }

/* ---------------------------------------------------------------------- */
/* Pagination
/* ---------------------------------------------------------------------- */
.page-nav { border-top: 1px solid #e5e5e5; padding-top: 40px; margin-bottom: 40px; }

.page-nav > span { margin-right: 20px; }

.page-nav ul, .page-nav li, .page-nav > span { display: inline-block; }

.page-nav li, .page-nav > span { vertical-align: middle; }

.page-nav li { margin-right: 5px; line-height: normal; }

.page-nav a { display: block; background-color: #e5e5e5; color: #383838; }

.page-nav a, .page-nav li.current { padding: 5px 10px; }

.page-nav a:hover, .page-nav li.current { color: #fff; }

/* ---------------------------------------------------------------------- */
/* Tables
/* ---------------------------------------------------------------------- */

/* Generic Table */

.gen-table { width: 100%; margin-bottom: 20px; }

.gen-table caption { margin-bottom: 10px; }

.gen-table th { font-weight: bold; }

.gen-table th, .gen-table td { background-color: #fff; padding: 5px; text-align: center; border: 1px solid #e5e5e5; vertical-align: top; }

.gen-table .empty-left-top { background-color: transparent; border-left-color: transparent; border-top-color: transparent; }

.gen-table .empty-left-bottom { background-color: transparent; border-left-color: transparent; border-bottom-color: transparent; }

.gen-table td.top-left { text-align: left; vertical-align: top; }

.gen-table thead th { font-size: 1.166em; /* 14px */ }

.gen-table thead th,
.gen-table tfoot td { background-color: #f0f0f0; border-color: #d9d9d9; }

.gen-table tbody th,
.gen-table tr.odd th, .gen-table tr.odd td { background-color: #f7f7f7; }

.gen-table tfoot td { font-style: italic; font-size: 0.916em; /* 11px */ }

.gen-table tfoot .button { font-style: normal; font-size: 1.09em; /* 12px/11px */ margin: 5px 0; }

.gen-table span.check { display: inline-block; background: url(../images/check-green.png) no-repeat left top; width: 18px; height: 14px; }

.gen-table tfoot + tbody tr.row-last th,
.gen-table tfoot + tbody tr.row-last td { border-bottom-color: #d9d9d9; }

/* Pricing Table */

.pricing-table span.title { display: block; font-size: 1.714em; /* 24px/14px */ line-height: 1.25em; /* 30px/24px */ }

.pricing-table th, .pricing-table td { padding: 10px 15px; }

.pricing-table span.price { display: block; line-height: 2.571em; /* 36px/14px */ }

.pricing-table span.price span { font-weight: 600; font-size: 1.428em; /* 20px/14px */ color: #669900; }

.pricing-table span.price sup { font-weight: normal; }

.pricing-table tbody tr:hover td { background-color: #fff; }

.pricing-table tbody tr:hover th, .pricing-table tbody tr:hover td { background-color: #fff !important; }

.pricing-table tbody tr:hover th,
.pricing-table tr.odd:hover th, .pricing-table tr.odd:hover td { background-color: #f7f7f7 !important; }

/* Pricing Boxes */

.pricing-box { margin-bottom: 20px; text-align: center; }

.pricing-box .header,
.pricing-box .footer { background-color: #f0f0f0; border: 1px solid #d9d9d9; }

.pricing-box .footer { padding: 10px 15px; }

.pricing-box ul.features { background-color: #fff; border: 1px solid #e5e5e5; border-top: none; border-bottom: none; padding: 10px 15px; }

.pricing-box ul.features li { border-top: 1px solid #e5e5e5; padding: 5px 0; }

.pricing-box ul.features li:first-child { border: none; }

.pricing-box .button { margin: 5px 0; }

.pricing-box .title { font-weight: bold; font-size: 1.5em; /* 18px */ line-height: 1.333em; /* 24px/18px */ background-color: #d9d9d9; padding: 5px 15px; margin: 0; }

.pricing-box .price { line-height: normal; padding: 10px 15px; margin: 0; border-top: 1px solid rgba(255,255,255,0.4); }

.pricing-box .price span { font-weight: 600; font-size: 2.142em; /* 30px/14px */ color: #669900; }

.pricing-box .price sup { font-weight: normal; }

.pricing-box.featured .title,
.pricing-box.featured .price span,
.pricing-box.featured .price sup { color: #fff; }

.pricing-box.featured .price { border-top: 1px solid rgba(255,255,255,0.1); }

/* ---------------------------------------------------------------------- */
/* Bunddler
/* ---------------------------------------------------------------------- */
/* content */
#content_center {width:940px; padding-bottom:20px;}
.two-column-left #content_left {width:220px; float:left;}
.two-column-left #content_center {width:700px;float:left; margin-left:20px;}

.two-column-right #content_center {width:700px;float:left; }
.two-column-right #content_right {width:220px; float:left;margin-left:20px;}

.three-column #content_left {width:220px; float:left;}
.three-column #content_center {width:460px; float:left;margin-left:20px;}
.three-column #content_right {width:220px; float:left;margin-left:20px;}

#content_left p, #content_right p {margin:0;}
#content_left h2 {border-bottom: 1px solid #E0DCD7; color: #333333; font-size: 18px; font-weight: normal; line-height: 14px; margin-right: 0; padding: 8px 10px 10px 2px; text-transform: uppercase;}


/* shop - cateogories */
#aShoppingCart { display: block; color:transparent; float:right; height:24px; width:50px; background: url(../images/cart_24.png) no-repeat 4px 4px; margin:3px 3px 0 0; padding:4px; position:relative;}
#aShoppingCart span {position:absolute; left:34px; top:7px;}
.product-categories {margin:0; padding:0; font-family: "Calibri", Arial, sans-serif; }
.product-categories a {color:#333333; text-decoration:none;}
.product-categories ul { margin-left:10px; padding:0;}
.product-categories li {list-style-type:none;}
.product-categories li:before {content:"-"; display:inline-block; padding-right:5px;}

.product-categories > li {border-top: 1px dotted #EEEEEE; padding:10px 0 10px 0;}
.product-categories > li:first-child {border:none;}
.product-categories li.selected > a {font-weight:bold; color:#333 !important;}

.product-categories li.level-0:before {display:none;}
.product-categories li.level-0 {padding-left:16px;background: url("../images/bullets-and-arrows/arrow-right.png") no-repeat 0px 16px;}
.product-categories li.level-0 > a {font-size:14px;}
.product-categories li.level-1 > a {color: #999999;}
.product-categories li.level-1 > a:hover {color: #333333;}

/* shop - products */
.shop .browser {margin-right:-12px;}
.shop.featured .browser {margin-right:-25px;}
.shop .browser:after {content: ""; display: table; clear:both;}
.shop .browser .item {border: 1px solid #F4F4F4; float: left; font-size: 12px;margin: 0 12px 30px 0; padding: 2px 2px 5px 2px; width: 160px;}
.shop.featured .browser .item {margin-right:25px;}
.shop .browser .item:hover {border-color:#fff;}
.shop .browser .item .image {background-position: center center;background-repeat: no-repeat;height: 197px;margin: 2px auto 4px;width: 150px; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition:  all 0.2s ease-out;}
.shop .browser .item:hover .image {opacity:0.8;}
.shop .browser .item .image a {display: block;height: 197px;width: 150px;}
.shop .browser .item .name {height: 40px;margin: 0 auto;overflow: hidden;text-align: center;width: 150px;}
.shop .browser .item .name a {text-decoration: none;}
.shop .browser .item .name a:hover {text-decoration: underline;}
.shop .browser .item .price {color: #383838;font-weight: bold;margin: 0 auto;text-align: center;width: 150px;}

.shop .pager {font-size:12px; height:18px; margin:-18px 30px 10px 0;}
.shop .pager:after {content: ""; display: table; clear:both; }
.shop .pager ul {padding:0; margin:0; float:right; list-style-type:none;}
.shop .pager ul li {float:left; margin-left:5px;}
.shop .pager ul li.all {margin-left:10px;}
.shop .pager ul li a {text-decoration:none;}
.shop .pager ul li a:hover {text-decoration:underline;}
.shop .pager ul li.selected a {font-weight:bold; color:#666666; text-decoration:none;}
.shop .pager ul li.selected a:hover {color:#666666; text-decoration:none;}

.shop .product {float:left; width: 700px; margin-bottom:20px; }
.shop .product h1 {margin:0 0 3px 0;}
.shop .product .images {float:left; }
.shop .product .summary {float:left; width:400px; margin-left:20px;}

.shop .product .images .image {width:280px; min-height:100px; border:0px solid #E7E7E7; margin-bottom:10px; }
.shop .product .images .image img {width: 280px;}
.shop .product .images .thumbs {}
.shop .product .images .thumbs a {float:left; margin-right:7px;}
.shop .product .images .thumbs img {width:50px; }
.shop .product .status {font-size:11px; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #DDDDDD;}
.shop .product .status.status-0 {color:#038e00;}
.shop .product .values-set {padding-bottom:0px; margin-bottom:10px; border-bottom:1px solid #DDDDDD;}
.shop .product .values {margin-bottom:10px;}
.shop .product .values:after {display: table;line-height: 0;content: ""; clear:both;}
.shop .product .values label {float:left; width:70px;}
.shop .product .values ul {margin:0; padding:0; float:left; list-style-type:none;}
.shop .product .values ul li {float:left; background: #DDDDDD; padding:2px 7px 2px 7px; margin-right:5px; font-size:12px; -moz-border-radius: 3px;  -webkit-border-radius:3px; border-radius:3px; cursor:pointer;}
.shop .product .values ul li.selected {background: #20789E; color:#fff;}
.shop .product .order {clear:both; background:none; margin-top:20px;}
.shop .product .order:after {display: table;line-height: 0;content: ""; clear:both;}
.shop .product .order .quantity {float:left; width:70px; margin-left:5px;}
.shop .product .order .quantity label {display:block;}
.shop .product .order .quantity input {width:40px;}
.shop .product .order .price {float:left; width:100px; font-size:16px; margin:15px 0 0 0; font-weight:bold; color:#CC0000;}
.shop .product .order .old-price {text-decoration: line-through; color:#444444; padding-right:2px;}
.shop .product .order div.button {float:right; margin:5px 0px 5px 2px; background:transparent; padding:0; }
.shop .product .order div.button .loading {background: white url('../images/loading2.gif') right center no-repeat; width:16px; height:32px; float:left; margin-right:3px;}
.shop .product .order div.button a.button {padding:7px 15px 7px 15px; margin-right:0;}
.shop .product .order div.button a.button span {color:#fff;}

.shop .product .description {clear:both;}
.shop .product .description h2 {font-size:12px; font-weight:bold; margin:20px 0 5px 0;}
.cloud-zoom-lens { border: 4px solid #888; margin:-4px;	 background-color:#fff;	 cursor:move;}
.cloud-zoom-title {font-family:Arial, Helvetica, sans-serif;position:absolute !important;background-color:#000;color:#fff;padding:3px;width:100%;text-align:center;	font-weight:bold;font-size:10px;top:0px;}
.cloud-zoom-big {border:4px solid #ccc;overflow:hidden;}
.cloud-zoom-loading {color:white;background:#222;padding:3px;border:1px solid #000;}


/* forms */
input[type="text"], input[type="password"], select, textarea {padding:2px; border-color: #CCCCCC; border-style:solid; border-width:1px; width:260px; margin-bottom:2px; font-family:Arial, Sans-Serif; font-size:12px; }
input[type="text"], input[type="password"] {padding:4px 3px 4px 3px;}
select {width:268px;}
input[type="text"].shortest {width:80px;}

ul.form {margin: 0 0 0 0px;padding: 0;}
ul.form li {margin: 0 0 15px 0;padding: 0;list-style: none; clear:both; font-size:12px;}
ul.form li label {float:left; width: 160px; line-height:20px; padding-top:3px; margin-left:5px;}
ul.form li label.skype {padding-left:20px; width:140px; background:url(Images/Icons/skype.png) no-repeat 0px 5px;}
ul.form li div.value {float:left; margin-bottom:15px;}
ul.form li div.value .phone {} 
ul.form li div.value .phone span {width:32px; min-height:15px; display:inline-block;background-color: #E8EDF9; -moz-border-radius: 5px;  -webkit-border-radius:5px; border-radius:5px; padding:5px 5px 3px 0px; text-align:right;}
ul.form li div.value .phone input[type="text"] {width:220px;}
ul.form li .checkbox {display:block; margin-bottom:5px; padding-top:3px;}
ul.form li .checkbox label {float:none; width:auto; margin-right: 10px; padding-left:0px;}
ul.form li.buttons {margin:20px 0 0 165px;} 
ul.form .note {font-size:10px; color:#777; margin-top:3px;}
ul.form .action {margin:5px 0 5px 0;} 
ul.form .validators {clear:both;}
ul.form .valid {display:block; width:120px; height:24px; background:url(Images/Icons/icon-check.png) no-repeat top left; margin-left:10px; padding:2px 0 0 30px;font-size:11px;}
ul.form .invalid {display:block; width:120px; height:24px; background:url(Images/Icons/icon-no.png) no-repeat top left; margin-left:10px; padding:2px 0 0 30px;font-size:11px; color:#fff;}
ul.form span.error {color:#C40000; font-size:11px; padding-top:5px;}
ul.form input.error, input.error {border:1px solid #C40000;}
ul.form .forgotPassword {display:inline-block; padding:8px 10px 0 25px;}
ul.form.login {margin-bottom:40px;}

.watermark {color: #bbbbbb !important;}
.req {color:#D40000; font-size:15px; line-height:12px;}
.error, .errors {color:#C40000;}
.errors {margin:5px 0 10px 0;}

/*
a.button {-moz-border-radius: 4px;-webkit-border-radius: 4px;-khtml-border-radius: 4px;border-radius: 4px;-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);cursor: pointer;display: inline-block;font: 14px Arial, Helvetica, sans-serif;padding: 7px 20px 7px 20px;outline: none !important;text-align: center;text-decoration: none;-moz-box-sizing: border-box !important;line-height: 16px;}
a.button.smaller {padding: 4px 10px 4px 10px; font-size:12px;}
a.button.small {padding: 2px 4px 2px 4px; min-width:20px; display:inline-block; font-size:10px; font-family:'Lucida Grande',Verdana,Arial,'Bitstream Vera Sans',sans-serif;}
a.button.orange {color: #fff;border: 1px solid #0076a3;background: #0095cd;background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));background: -moz-linear-gradient(top,  #00adee,  #0078a5);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');text-shadow: 0 1px 1px rgba(0,0,0,0.25);}
a.button.orange:hover, a.button.orange:focus {background: #007ead;background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));background: -moz-linear-gradient(top,  #0095cc,  #00678e);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');}
a.button.orange:active, a.button.orange.active {background: #80bed6;background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));background: -moz-linear-gradient(top,  #0078a5,  #00adee);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');}

a.button.gray {color: #777;border: 1px solid #ccc;background: #f7f7f7;background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e1e1e1));background: -moz-linear-gradient(top,  #f7f7f7,  #e1e1e1);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#e1e1e1');text-shadow: 0 1px 0 #fff;}
a.button.gray:hover, a.button.gray:focus {border: 1px solid #aaa;background: #ececec;background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#ccc));background: -moz-linear-gradient(top,  #f1f1f1,  #ccc);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#cccccc');}
a.button.gray:active, a.button.gray.active {background: #ddd;background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#f1f1f1));background: -moz-linear-gradient(top,  #ccc,  #f1f1f1);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#f1f1f1');}
*/

/* web-order */
.order {background-color: #EEE; -moz-border-radius: 5px;  -webkit-border-radius:5px; border-radius:5px; padding:20px 0px 10px 0px;}
.order .container {width:auto; margin:0;}
.order .container:before, .order .container:after {content: ""; display: none; clear:none;}
.order .item {margin-bottom:20px; padding:5px 10px 10px 10px; border-bottom:2px dotted white; }
.order .item.has-substitutions {margin-bottom:0px;}
.order .item.substitution {background:#e3e3e3; padding-top:15px; margin-bottom:0px; border-left:7px solid white;}
.order .item.substitution.last {margin-bottom:20px;}
.order .item .substitution-note {display:none;}
.order .item.substitution .substitution-note {display:block; padding-left:20px;}

.order .item .number {float:left; width:12px; min-height:16px; padding-top:23px; text-align:right; padding-right:8px; }
.order .item.substitution .number {background:url(../images/subst.png) no-repeat top left;}
.order .item .image {width:80px; height:105px; background:#fff; padding:2px; margin-right:20px; float:left; overflow:hidden; }
.order .item .image img {width:80px; height:105px;}
.order .item .main {float:left; width:870px;}
.order .item .info {float:left; width:760px;}
.order .item .info .product-name {margin-bottom:10px; font-size:16px;}
.order .item .info .product-price {clear:both; }
.order .item .control {float:right; width:20px; padding:20px 0px 0 0;}
.order .item .control a.delete {background:url(../images/icon-no.png) no-repeat top left; display:block; width:22px; height:22px;}
.order .item .field {float:left; margin-right:20px; _margin-right:0px; padding-right:10px;}
.order .item .field input, .order .item .field select {margin-bottom:10px; width:100%;}
.order .item .field label {font-size:12px; display:block; position:relative; }
.order .item .field .value {padding-top:3px; }

.order .item .field.name {width:300px;}
.order .item .field.name.with-article {width:190px;}
.order .item .field.article {width:80px;}
.order .item .field.url {width:290px;}
.order .item .field.url input {width:290px;}
.order .item .field.color {width:90px;}
.order .item .field.size {width:90px; margin-right:0px;}
.order .item .field.price {width:200px; padding-right:0px; }
.order .item .field.price select {width:70px; margin-right:5px;}
.order .item .field.price input {width:110px;}
.order .item .field.price.has-delivery-price input {width:50px;}
.order .item .field.quantity {width:80px;}
.order .item .field.weight select { width:60px; margin-right:5px; }
.order .item .field.weight input { width:70px; }
.order .item .field.controls {padding-top:25px;}
.order .item .field.comment {clear:both; width:870px;}
.order .item .field.comment input {width:860px;}
.order .cart.item .field.comment {clear:both; width:760px;}
.order .cart.item .field.comment input {width:750px;}
.order .item .checkboxes {margin-top:3px; font-size:12px;}
.order .item .checkboxes input {margin-top:0px; margin-left:0px;}
.order .item .checkboxes span {margin-right:10px;}

.order .extra label {padding-left:25px; width:135px;}
.order .extra .price select {margin-right: 5px;width: 60px;}
.order .extra .price input {width: 70px;}

.order .footer {padding-bottom:10px;}
.order .footer .controls {padding-left:20px; float:left }
.order .footer .controls a {font-size:16px;}
.order .footer .totals {float:right; width:260px; font-size:16px;}
.order .footer .comments {clear:both; padding:30px 0 0 20px;}
.order .footer .comments label {font-size:12px;}
.order .footer .comments textarea {width:870px; height:70px;}

ul.form.order {background:#fff;}
ul.form.order li.buttons {margin:20px 0 0 30px; }