/* Reset */

html, body { height: 100%; }

body { margin: 0; padding: 0; color: #000; font: 12px/20px Calibri; color: #333; background: url(../images/BG.png) 0 0 repeat; }

::selection { background-color: #70193d; color: #fff; }
::-moz-selection { background-color: #70193d; color: #fff; }
::-webkit-selection { background-color: #70193d; color: #fff; }

h1, h2, h3, h4, h5, h6, span, p, form, input, ul, li, ol { margin: 0; padding: 0; }
h1 { font-size: 48px; line-height: 40px; font-family: Calibri; font-weight: 200; margin-bottom:10px; }
h2 { font-size: 46px; line-height: 38px; font-family: Calibri; font-weight: 200; }
h3 { font-size: 30px; line-height: 34px; font-family: Calibri; font-weight: 200; }
h4 { font-size: 24px; line-height: 30px; font-family: Calibri; font-weight: 200; }
h5 { font-size: 16px; line-height: 21px; font-family: Calibri; font-weight: 200; }
h6 { font-size: 12px; line-height: 18px; font-family: Calibri; font-weight: 200; }
p  { margin-bottom : 20px;	}

table, tr, td { margin: 0; padding: 0; border-collapse: collapse; }

img { border: none; }

a { color: #333; text-decoration: none; border: none; }
a:hover { color: #70193d; text-decoration: none; }
a:focus { outline: 0; }

blockquote { font-family: Calibri; font-size: 34px; line-height: 40px; font-weight: 200; color: #70193d; background: url(../images/ico-quotes-1.png) 0 0 no-repeat; margin: 34px 0 34px 75px; padding: 5px 0 0 55px; }

.caps:first-letter { margin: 9px 7px 0 0; font-size: 46px; line-height: 26px; font-weight: bold; float: left; }

.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.warning{ font-size:12px; color:#F00}

.circular--square {
  border-radius: 50%;
  width : 100px;
}


/* Three image containers (use 25% for four, and 50% for two, etc) */
.column {
  float: left;
  width: 22.33%;
  padding: 5px;
}

/* Clear floats after image containers */
.row::after {
  content: "";
  clear: both;
  display: table;
  padding-bottom:50px;
}

/* Forms */

form input[type=text], form input[type=password], form textarea { font: 12px Arial, sans-serif; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 0; padding: 7px 10px 6px 10px; box-shadow: #fff 0 1px 0; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; background: #fff url(../images/blank.png) 0 0 no-repeat; }
form input[type=text]:focus, form input[type=password]:focus, form textarea:focus { border: 1px solid rgba(0, 0, 0, 0.25); outline: 0 none; }
form label { font-weight: bold; }
form > div { margin: 0 0 10px 0; }
form > div .description { font-size: 11px; color: #999; padding: 5px 0 0 0; }
div.selector { position: relative; float: left; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; }
div.selector span { background: #fff url(../images/arrow-6.png) center right no-repeat; font: 12px/20px Arial, sans-serif; border: 1px solid rgba(0, 0, 0, 0.1); padding: 5px 10px 3px 10px; box-shadow: #fff 0 1px 0; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; display: inline-block; }
div.selector select { top: 0; left: 0; position: absolute; opacity: 0; filter: alpha(opacity:0); height: 31px; border: none; background: none; width: 100%; font: 12px/28px Arial, sans-serif; font-weight: bold; margin: 0; }
div.selector select option { padding: 5px 10px; }
.main-login .input-error-wrapper span { float: left; margin: 10px 0; text-align: center; color: #70193d; font-size: 11px; font-weight: bold; }
.main-login .input-error-wrapper input { background-color: #ffe8e8; }
/* Default elements */

.lightbox { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.35; filter:alpha(opacity=0); z-index: 700; display: none; }

button { padding: 4px 14px 5px 14px; display: inline-block; background-color: #70193d; font-family: Calibri; font-size: 14px; font-weight: 400; color: #fff; cursor: pointer; text-shadow: rgba(0, 0, 0, 0.30) 0 1px 0; border: none; opacity: 0.9; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; }
button:hover { background-color: rgba(0, 0, 0, 0.85); color: #ffffff; }
button.disabled { background-color: #c9c9c9; text-shadow: rgba(0, 0, 0, 0.30) 0 -1px 0; }
button.disabled:hover { color: #fff; }

.main-title { text-shadow: #fff 0 1px 0; padding: 0 0 20px 0; margin: 0 0 23px 0; background: url(../images/spacer-1-980px.png) bottom left no-repeat; }
.main-title p { font-family: Calibri; font-size: 24px; font-weight: 200; float: left; }
.main-title a { float: right; -moz-transition: all 0.15s linear 0s; -webkit-transition: all 0.15s linear 0s; -o-transition: all 0.15s linear 0s; }
.main-title .view { background: url(../images/ico-view-1.png) 0 5px no-repeat; padding: 0 0 0 24px; }

.item-block-1 { position: relative; margin: 0 25px 0 0; background-color: #fff; float: left; padding: 8px; box-shadow: rgba(0, 0, 0, 0.1) 0 0 8px; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; }
.item-block-1:hover { box-shadow: rgba(0, 0, 0, 0.3) 0 0 15px; }
.item-block-1 .image img { position: absolute; }
		
.item-block-1 .overlay { text-align: center; background-color: rgba(112, 25, 60, 0.6); position: absolute; z-index: 2; width: 100%; height: 100%; opacity: 0; -moz-transition: all 0.3s ease-in 0.1s; -webkit-transition: all 0.3s ease-in 0.1s; -o-transition: all 0.3s ease-in 0.1s; display: table; }
.item-block-1:hover .overlay { opacity: 1; transition-delay: 0s; }
.item-block-1 .overlay .position { display: table-cell; vertical-align: middle; }
	
.item-block-1 .overlay p { border-bottom: rgba(255, 255, 255, 0.5) 1px dotted; color: #fff; line-height: 18px; margin: 0 20px 15px 20px; padding: 0 0 13px 0; opacity: 0; -moz-transform: scale(10); -moz-transition: all 0.3s ease-in-out 0.1s; -webkit-transform: scale(10); -webkit-transition: all 0.3s ease-in-out 0.1s; -o-transform: scale(10); -o-transition: all 0.3s ease-in-out 0.1s; }
.item-block-1:hover .overlay p { opacity: 1; -moz-transform: scale(1); -moz-transition-delay: 0.1s; -webkit-transform: scale(1); -webkit-transition-delay: 0.1s; -o-transform: scale(1); -o-transition-delay: 0.1s; }
		
.item-block-1 .overlay .quickshop { background: url(../images/ico-cart-2.png) 0 3px no-repeat; padding: 0 0 0 24px; font-size: 14px; font-weight: bold; color: #fff; opacity: 0; -moz-transform: scale(10); -moz-transition: all 0.3s ease-in-out 0.1s; -webkit-transform: scale(10); -webkit-transition: all 0.3s ease-in-out 0.1s; -o-transform: scale(10); -o-transition: all 0.3s ease-in-out 0.1s; display: inline-block; }
.item-block-1:hover .overlay .quickshop { opacity: 1; -moz-transform: scale(1); -moz-transition-delay: 0.1s; -webkit-transform: scale(1); -webkit-transition-delay: 0.1s; -o-transform: scale(1); -o-transition-delay: 0.1s; }
.item-block-1 .overlay .view { background: url(../images/ico-view-2.png) 0 5px no-repeat; padding: 0 0 0 22px; font-size: 14px; font-weight: bold; color: #fff; opacity: 0; -moz-transform: scale(10); -moz-transition: all 0.3s ease-in-out 0.1s; -webkit-transform: scale(10); -webkit-transition: all 0.3s ease-in-out 0.1s; -o-transform: scale(10); -o-transition: all 0.3s ease-in-out 0.1s; display: inline-block; }
.item-block-1:hover .overlay .view { opacity: 1; -moz-transform: scale(1); -moz-transition-delay: 0.1s; -webkit-transform: scale(1); -webkit-transition-delay: 0.1s; -o-transform: scale(1); -o-transition-delay: 0.1s; }	
.item-block-1 .tag-sale { width: 70px; height: 70px;  display: block; position: absolute; z-index: 10; top: -4px; left: -4px; }
.title-details { text-shadow: #fff 0 1px 0; margin: 0 0 10px 0; line-height: 20px; font-size: 11px; }
.title-details a:hover { color: #70193d; }
.title-details a:after { content: ""; background: url(../images/border-1.png) 16px 3px no-repeat; padding: 0 0 0 32px; }
.title-details a:last-child:after { content: ""; background: none; padding: 0; }
.title-details .time { background: url(../images/ico-time-1.png) 0 0 no-repeat; padding: 0 0 0 22px; font-size: 11px; color: #747474; }
.title-details .comments { background: url(../images/ico-comments-1.png) 0 0 no-repeat; padding: 0 0 0 22px; font-size: 11px; color: #747474; }
.more-link { font-size: 14px; font-weight: bold; color: #70193d; display: inline-block; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; }
.more-link:hover { color: #333; }

.message-404 { font-size: 16px; font-weight: bold;  padding: 200px 0; text-align: center; }
.message-404 span { background: url(../images/ico-nodoc-1.png) center left no-repeat; padding: 45px 0 45px 45px; }

/* Layout structure */
.main-body-wrapper { width: 100%; float: left; position: relative; min-height: 100%; }
.main-content-wrapper { width: 980px; margin: 0 auto; position: relative; z-index: 500; }
.main-content-left { width: 680px; float: left; margin: 0 50px 0 0; padding: 10px 0 0 0; }
.main-sidebar { width: 250px; float: left; padding: 15px 0 0 0; }
.main-sidebar .main-title { background: url(../images/spacer-1-250px.png) bottom left no-repeat; }
.main-header {padding: 23px 0 0 0; width:/* 980px*/100%; padding:0px 
!important; margin: 0 auto -1px auto; }
.main-header .row { padding: 0 0 25px 0 !important; background: url(../images/spacer-1-980px.png) bottom left no-repeat; }
.main-header .row .search { display: none; }
.main-header .row._user_auth { display: none; }
.main-header .logo { font-family: Montserrat Subrayada, sans-serif; font-size: 25px; font-weight: 700; color: #70193d; margin: 0 15px 0 0; }
.main-header .slogan { font-family: Calibri; font-size: 30px; font-weight: 200; color: #70193d;  padding: 20px 0 0 0; display:inline;position:absolute;}
.main-header .menu { float: right; }
.main-header .menu a { float: left; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; }

.main-header .menu .cart { padding: 0 0 0 25px; background: url(../images/ico-cart-1.png) 0 2px no-repeat; }
.main-header .menu .account { background: url("../images/ico-login.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #FFFFFF;
    font-size: 14px;
    padding: 3px 10px 10px 42px; }
.main-header .menu .account:after { content: "";  padding: 0 0 0 15px; }
.main-header .search { float: right; padding: 16px 0 0 0; }
.main-header .search input { background: #fff url(../images/ico-search-1.png) 9px 7px no-repeat; width: 125px; padding: 7px 10px 6px 34px; }
.main-header .login { display: table; margin: 0 auto; padding: 12px 0 0 0; }
.main-header .login p { float: left; }
.main-header .login label { float: left; padding: 6px 12px 0 0; }
.main-header .login input { float: left; margin: 0 12px 0 0; width: 146px; }
.main-header .login button { float: left; margin: 0 12px 0 0; }
.main-header .login .password { color: #70193d; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; margin: 6px 0 0 -64px; position: absolute; }
.main-header .login .password:hover { color: #333; }


.main-header .menu .social{ clear: both;
    float: right;
    margin: 0 auto;
    width: 100%}
.main-header .menu .social a { width: 23px; height: 21px; margin: 0 6px 0 0; float: right; -moz-transition: all 0.15s linear 0s; -webkit-transition: all 0.15s linear 0s; -o-transition: all 0.15s linear 0s; }
.main-header .menu .social a:hover { background-position: 0 -19px; }
.main-header .menu .social .facebook { background: url(../images/ico-facebook-1.png) 0 2px no-repeat; }
.main-header .menu .social .twitter { background: url(../images/ico-twitter-1.png) 0 2px no-repeat; min-height: 0; }
.main-header .menu .social .linkedin{background: url(../images/ico-linkedin-1.png) 0 2px no-repeat; }
.main-header .menu .social .last{ margin:0px}


.main-footer-wrapper { width: 100%; position: absolute; bottom: 0; z-index: 600; background: #333 url(../images/main-footer-bg-1.png) top left repeat-x; border-top: 1px solid #fff; color: #e2e2e2; }
.main-footer { width: 980px; margin: 0 auto 11px auto; padding: 20px 0 25px 0; background: url(../images/border-3.png) bottom center no-repeat; }
	.main-footer a { color: #e2e2e2; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; }
.main-footer a:hover { color: #ffffff; }
.main-footer .navigation { width: 100%; margin: 0 35px 0 0; color: #ffffff; font-weight: bold; font-size: 14px; float: left; }
.main-footer .navigation a { font-weight: normal; font-size: 12px; }
.main-footer .navigation ul {
    display: block;
    height: 20px;
    line-height: 22px;
    margin: 0 auto;
    width:65%;
}
.main-footer .navigation  ul li{ float:left; list-style: none; margin:0px 10px}
.main-footer .navigation .main-title { text-shadow: rgba(0, 0, 0, 0.30) 0 1px 0; color: #e2e2e2; margin: 0 0 17px 0; background: url(../images/spacer-1-136px.png) bottom left no-repeat; }
.
.main-footer {
    background: url("../images/border-3.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
    margin: 0 auto 11px;
    padding:20px 0 12px;
    width: 980px;
}
.main-footer .social{ width:10%; margin:0 auto}
.main-footer .social a { width: 23px; height: 21px; margin: 0 6px 0 0; display: block; float: left; -moz-transition: all 0.15s linear 0s; -webkit-transition: all 0.15s linear 0s; -o-transition: all 0.15s linear 0s; }
.main-footer .social a:hover { background-position: 0 -21px; }

.main-footer .social .facebook { background: url(../images/ico-facebook-1.png) 0 0 no-repeat; }
.main-footer .social .twitter { background: url(../images/ico-twitter-1.png) 0 0 no-repeat; min-height: 0; }
.main-footer .social .linkedin{background: url(../images/ico-linkedin-1.png) 0 0 no-repeat; }
/*menu*/
.main-navigation { background: url(../images/navigation-bg-1.jpg) 0 0 repeat; height: 127px; margin: 0 0 28px 0; }
.main-navigation nav { background: url(../images/navigation-bg-2.png) top center no-repeat; height: 104px; padding: 23px 0 0 0; }
.main-navigation .navigation { width: 980px; margin: 0 auto 17px auto; font-family: Calibri; font-size: 14px; font-weight: 200; text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0; }
.main-navigation .navigation a { -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; }
.main-navigation .navigation a:after { content: ""; background: url(../images/arrow-5.png) 14px 7px no-repeat; padding: 0 0 0 26px; }
.main-navigation .navigation a:last-child:after { background: none; padding: 0; }
.main-navigation .title { width: 980px; margin: 0 auto; font-family: Calibri; font-size: 46px; line-height: 46px; font-weight: 200; text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0; }

.copyright { color: #909090; font-size: 11px; text-align: center; padding: 0 0 32px 0; }
.copyright .planetshine { width: 74px; height: 31px; margin: 0 0 -8px 8px; background: url(../images/logo-planetshine-1.png) 0 0 no-repeat; display: inline-block; -moz-transition: all 0.15s linear 0s; -webkit-transition: all 0.15s linear 0s; -o-transition: all 0.15s linear 0s; }
.copyright .planetshine:hover { background-position: 0 -31px; }
.copyright .shopify { width: 61px; height: 18px; margin: 0 0 -4px 8px; background: url(../images/logo-shopify-1.png) 0 0 no-repeat; display: inline-block; -moz-transition: all 0.15s linear 0s; -webkit-transition: all 0.15s linear 0s; -o-transition: all 0.15s linear 0s; }
.copyright .shopify:hover { background-position: 0 -18px; }
.copyright span { width: 1px; height: 7px; background: url(../images/border-4.png) 0 0 no-repeat; display: inline-block; margin: 0 13px; }

.pages { font-family: Calibri; font-size: 24px; font-weight: 200; text-shadow: rgba(255, 255, 255, 1) 0 1px 0; border-top: #e5e5e5 1px solid; padding: 38px 0 38px 0; }
.pages a { width: 40px; height: 30px; color: #70193d; float: left; text-align: center; padding: 10px 0 0 0; margin: 0 1px; }
.pages a:hover { background-color: rgba(204, 0, 62, 0.1); }
.pages .active { background-color: #70193d; color: #fff; text-shadow: none; }
.pages .active:hover { background-color: #70193d; color: #fff; text-shadow: none; }
.pages .previous { float: right; }
.pages .previous span { margin: 2px 0 0 0; background: url(../images/arrow-10.png) 0 0 no-repeat; width: 9px; height: 18px; display: inline-block; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; }
.pages .previous:hover span { background-position: -9px 0; }
.pages .next { float: right; }
.pages .next span { margin: 2px 0 0 0; background: url(../images/arrow-11.png) -9px 0 no-repeat; width: 9px; height: 18px; display: inline-block; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; }
.pages .next:hover span { background-position: 0 0; }

.full-size-switcher { background-color: #70193d; display: block; text-align: center; color: #fff; font-family: Calibri; font-size: 18px; font-weight: 200; float: left; width: 100%; padding: 18px 0; display: none; }
.full-size-switcher:hover { color: #fff; }
.single-full-width { padding: 20px 0 40px 0; }
.single-full-width p { margin: 0 0 17px 0; font-size: 14px; line-height: 22px; }
.single-full-width .two-columns-left { width: 465px; float: left; margin: 0 40px 0 0; }
.single-full-width .two-columns-right { width: 465px; float: left; }

/* Main menu */
.menu-mob{ display:none}
.main-menu { height:50px; margin: -7px 0 -1px 0; font-family: Calibri; font-weight: 200; position: relative; z-index: 600; background:url(../images/nav.jpg) repeat-x}
.main-menu .selector { display: none; }
.main-menu ul { width:980px; margin:auto }
.main-menu ul li { float: left; list-style: none; position: relative; }
.main-menu ul li a { font-size: 20px; text-decoration: none; display: block; color: #fff; padding: 15px 15px 15px 15px; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; }
.main-menu ul li a span { background: url(../images/arrow-2.png) right 11px no-repeat; padding: 0 16px 0 0; }
.main-menu ul li:hover > a span { background: url(../images/arrow-2.png) right -182px no-repeat; }
.main-menu li:hover > a { color: #ffffff; text-shadow: rgba(0, 0, 0, 0.30) 0 1px 0; background-color: #7d2f4f; }
.main-menu li > a:hover { color: #ffffff; text-shadow: rgba(0, 0, 0, 0.30) 0 1px 0; }
.main-menu ul ul { width: 186px; padding: 5px 20px; position: absolute; top: 50px; left: 0; background-color: rgba(125, 47, 79, 0.85); float: left; display: none; z-index: 200; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; }
.main-menu ul li:hover > ul { font-style: normal !important; display: block; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; }
.main-menu ul ul li { height: auto; margin: 0; padding: 0; background: url(../images/border-2.png) top left repeat-x; float: none; }
.main-menu ul ul li:first-child { background: none; }
.main-menu ul ul li a { height: auto; padding: 16px 0 14px 0; margin: 0; color: #fff; font-size: 17px; text-align: left; text-shadow: rgba(0, 0, 0, 0.30) 0 1px 0; text-decoration: none; display: block; background: none; }
.main-menu ul ul li:hover > a { background: none; color: #000; }
.main-menu ul ul li a span { width: 178px; background: url(../images/ico-arrow-2.png) right 6px no-repeat; padding: 0 15px 0 0; display: block; }
.main-menu ul ul li:hover > a span { background: url(../images/ico-arrow-5.png) right 6px no-repeat; padding: 0 15px 0 0; }
.main-menu ul ul ul { width: 245px; position: absolute; top: 0; left: 243px; float: left; display: none; z-index: 103; }
.main-menu ul ul ul li a { width: 189px; height: auto; padding: 10px 27px 11px 27px; text-align: left; text-decoration: none; display: block; }

/* Main slider */

.main-slider { position: relative; z-index: 10; height: 516px; margin: 0 0 35px 0; }
.main-slider .item { height: 460px; width: 100%; background-position: center center; background-repeat: no-repeat; }
.main-slider .item img { position: absolute; width: 100%; height: 502px; display: block; background: url(../images/main-slider-bg-1.png) 0 0 repeat-x; }
.main-slider nav { position: absolute; bottom: 0; left: 50%; z-index: 20; }
.main-slider nav a { padding: 3px 0 0 0; margin: 0 0 0 3px; background-color: #fff; font-family: Calibri; font-size: 14px; font-weight: 900; color: #70193d; width: 26px; height: 23px; float: left; text-align: center; border-radius: 100px; box-shadow: #70193d 0 3px 0 inset, #70193d 0 -3px 0 inset, #70193d 3px 0 0 inset, #70193d -3px 0 0 inset; border: 2px solid #fff; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; }
.main-slider nav a:hover { background-color: #70193d; color: #fff; box-shadow: none; }
.main-slider nav .active { background-color: #70193d; color: #fff; box-shadow: none; }
.main-slider .title-wrapper { width: 100%; position: absolute; z-index: 70; bottom: 100px; }
.main-slider .title { margin: 0 auto; width: 980px; opacity: 0.9; }
.main-slider .title p:first-child { margin: 0 0 3px 0; }
.main-slider .title .headline { color: #fff; z-index: 30; padding: 14px 25px; font-family: Calibri; font-size: 40px; line-height: 46px; font-weight: 200; background-color: #70193d; float: left; }
.main-slider .title .intro { color: #fff; z-index: 30; padding: 14px 25px; background-color: #70193d; float: left; max-width: 520px; }
.main-slider .title a { -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; }
.main-slider .title a:hover { background-color: rgba(0, 0, 0, 0.85); color: #fff; }
.main-slider .paging { position: absolute; z-index: 70;  opacity: 0; width: 100%; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; }
.main-slider:hover  .paging{ opacity: 1; }
.main-slider .paging a { -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; }
.main-slider .paging .previous { width:55px; height: 86px; background: url(../images/arrow-3.png) 0 0 no-repeat; display: block; top: 207px; left:235px; position: absolute; }
.main-slider .paging .next { width:55px; height: 86px; background: url(../images/arrow-4.png) 0px 0 no-repeat; display: block; top: 207px; right:235px; position: absolute; }


.slider{  border: 5px solid #FFFFFF;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);}
.slider img{ width:240px}
/* Page items */

.welcome-message-1 { min-height: 170px; padding:5px 0 15px 445px; margin: 0 0 35px 0; background: url(../images/msg-1.png) 0 0 no-repeat; text-align: left; text-shadow: #fff 0 1px 0; }
.welcome-message-1 h2 { color: #70193d; font-family: Calibri; font-size: 20px; font-weight: 200; }
.welcome-message-1 h2 span { font-family: Montserrat Subrayada, sans-serif; font-weight: 700; }
.welcome-message-1 p { margin: 0 0 8px 0; }

.services-list article { border-top: #e5e5e5 1px solid; padding: 26px 0 14px 0; }
.services-list article:first-child { padding: 0 0 14px 0; border: none; }
.services-list article .title { font-family: Calibri; font-size: 30px; line-height: 36px; font-weight: 200; margin: 0 0 6px 0; }
.services-list article .title a { color: #70193d; }
.services-list article .title a:hover { color: #333; }
.services-list article img { margin: 0 0 17px 0; max-width: 680px; }
.services-list article p { margin: 0 0 17px 0; }
.services-list article .title-details { margin: 0 0 16px 0; }
		

.main-sidebar .sidebar-block { width: 250px; margin-bottom:20px  }
.main-sidebar .sidebar-block .items { width: 250px; margin: 0 0 -19px 0; float: left; }
.main-sidebar .sidebar-block .item-block-1 { width: 99px; margin: 0 19px 19px 0; }
.main-sidebar .sidebar-block .item-block-1 .image-wrapper { width: 99px; height: 99px; overflow: hidden; position: relative; margin: 0 0 11px 0; }
.main-sidebar .sidebar-block .item-block-1 .image img { width: 99px; }
.main-sidebar .sidebar-block .price { padding: 0 0 2px 0; font-family: Calibri; font-size: 19px; line-height: 20px; font-weight: 400; text-align: center; color: #70193d; }
.main-sidebar .sidebar-block .price s { color: #9f9f9f; font-size: 16px; margin: 0 0 0 10px; }

/* Catalog */

.catalog { padding: 0 0 52px 0; }
.catalog .item-block-1 { width: 295px; margin: 0 25px 25px 0; }
.catalog .item-block-1 .image-wrapper { width: 295px; height: 210px; overflow: hidden; position: relative; margin: 0 0 8px 0; }
.catalog .item-block-1 .image img { width: 295px; }
.catalog .item-block-1 h2 { padding: 2px 15px 8px 15px; font-family: Calibri; font-size: 15px; line-height: 20px; font-weight: 200; text-align: center; }
.catalog .item-block-1 .price { padding: 0 0 6px 0; font-family: Calibri; font-size: 22px; line-height: 20px; font-weight: 400; text-align: center; color: #70193d; }
.catalog .item-block-1 .price s { color: #9f9f9f; font-size: 16px; line-height: 16px; margin: 0 0 0 10px; }

/*main side bar block*/
.indicative-rates{}
.indicative-rates table{ width:100%; border:5px #fff solid;  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1) }
.indicative-rates table thead{ background:#70193c; height:30px}
.indicative-rates table th{ border:1px solid #ccc; padding:1px; color:#ffffff; background:#70193c;}
.indicative-rates table td{ border:1px solid #ccc;padding:1px }
.indicative-rates table .even{ background:#f1f1f1}
.indicative-rates table .odd{ background:#fff}
.currency-converter  table{ width:100%}
.currency-converter input[type="text"]{ width:90%}
.currency-converter div.selector span {
    width: 208px;
}
.result-of-conversion{font-family: Calibri;
    font-size: 20px;
    font-weight: 200; padding:3px; color:#588928}
.item-block-3 {
    background: url("../images/main-bg-1.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #FFFFFF;
}
.spacer{ background: url("../images/spacer-1-980px.png") no-repeat scroll left bottom rgba(0, 0, 0, 0);
    padding: 0 0 25px !important;
}
.currency-converter{ border: 5px solid #FFFFFF;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);}
  
  .currency-converter td{ padding:5px}
.latest-tweets{ position:relative; height:30px;margin-bottom:10px}
.latest-tweets .latest-tweets-icon  { position:absolute; background:url("../images/ico-twitter-2.png") no-repeat scroll 4px 6px #FFFFFF;padding:5px 29px; color:#24adda;  }
 .latest-tweets  marquee { line-height:30px }


/**** Choco-Slider ****/
#slider {
height: 200px;
width:240px;
}
.chocoslider {
position: relative;
margin-bottom: 50px;
}
.chocoslider img {
position: absolute;
top: 0px;
left: 0px;
}
.chocoslider a.choco-imageLink {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
border: 0;
padding: 0;
margin: 0;
z-index: 60;
display: none;
}
.choco-slice {
display: block;
position: absolute;
z-index: 50;
height: 100%;
}
.choco-title {
position: absolute;
left: 0px;
bottom: 0px;
background: #000;
color: #fff;
opacity: 0.8;
width: 100%;
z-index: 89;
}
.choco-title p {
padding: 5px;
margin: 0;
}
.choco-title a {
display: inline !important;
}
.choco-html-title {
display: none;
}
.choco-controlNavigation {
position: absolute;
right: 0%;
bottom: -30px;
}
.choco-controlNavigation a {
text-indent: -999999px;
text-transform: uppercase;
text-decoration: none;
height: 20px;
width: 18px;
display: block;
cursor: pointer;
background: transparent url(../images/controlls.png) center bottom no-repeat;
float: left;
outline: none;
}
.choco-controlNavigation a.active {
background: transparent url(../images/controlls.png) center top no-repeat;
}


  
/*  Twitter widget overrides */   
	.twtr-hd, .twtr-ft, .twtr-tweet-text em, .twtr-user { display: none !important; }      
	.twtr-tweet { border: none !important; }      
	#twtr-widget-1 .twtr-tweet-wrap .twtr-tweet-text p { padding: 0 0 0 31px !important; background: url({{ 'ico-twitter-2.png' | asset_url }}) 0 5px no-repeat; font-family: Arial, sans-serif !important; font-size: 12px !important; line-height: 20px !important; }



/* iPad layout */

@media only screen and (min-width: 768px) and (max-width: 959px) {


/* Reset */

blockquote { margin: 34px 0 34px 25px; }

/* Default elements */

.item-block-1 { margin: 0 20px 0 0; }
.item-block-1 .overlay { display: none; }

.main-title { background: url(../images/spacer-1-718px.png) bottom left no-repeat; }

/* Layout structure */

.main-content-wrapper { width: 718px; }
.main-content-left { width: 418px; }
.main-header {/* width: 718px; */ width:100%;}
.main-header .row { background: url(../images/spacer-1-718px.png) bottom left no-repeat; position: relative; }
.main-header .row .search { display: block; position: absolute; top: -22px; right: 0; }
.main-header .menu { width: 510px; padding: 17px 0 17px 208px; margin: 17px 0 0 0; background: url(../images/spacer-1-718px.png) top left no-repeat; float: none; text-align: center; }
.main-header .search { display: none; }

.main-footer { width: 718px; margin: 0 auto 11px auto; padding: 44px 0 61px 0; background: url(../images/border-5.png) bottom center no-repeat; }
.main-footer .navigation { display: none; }

.main-navigation .navigation { width: 718px; }
.main-navigation .title { width: 718px; }

/* Main menu */

.main-menu { margin: -7px 0 0 0; }
.main-menu ul { float: none; display: table; margin: 0 auto 1px auto; width:100% }
.main-menu ul li a {padding:21px 6px}
/* Main slider */

.main-slider { height: 387px; }
.main-slider .item { height: 373px; }
.main-slider .item img { height: 373px; background: url(../images/main-slider-bg-2.png) 0 0 repeat-x; }
.main-slider .title-wrapper { bottom: 58px; }
.main-slider .title { width: 718px; }
.main-slider .title .headline { font-size: 40px; line-height: 46px; }
.main-slider .paging { display: none; }

/* Page items */

.welcome-message-1 { min-height: 170px; padding: 17px 0 0 470px; }
.welcome-message-1 h2 { line-height: 25px; margin: 0 0 7px 0; }

.services { margin: 0 58px 0 0; }

/* Catalog */
	.catalog .items { width: 738px; margin: 0 0 -20px 0; }
	.catalog .item-block-1 { width: 210px; margin: 0 20px 20px 0; }


}


/* iPhone layout */

@media only screen and (max-width: 767px) {

/* Reset */

blockquote { margin: 34px 0 34px 25px; }

/* Default elements */

.item-block-1 { margin: 0 20px 0 0; }
.item-block-1 .overlay { display: none; }

.main-title { margin: 0 0 23px 0; background: url(../images/spacer-1-300px.png) bottom left no-repeat; }

/* Layout structure */

.main-content-wrapper { width: 300px; }
.main-content-left { width: 300px; }
.main-sidebar { width: 300px; }
.main-sidebar .main-title { background: url(../images/spacer-1-300px.png) bottom left no-repeat; }

.main-header { width: 300px; }
.main-header .logo { margin: 0; }
.main-header .slogan { display: block; text-align: center; }
.main-header .row { background: url(../images/spacer-1-300px.png) bottom left no-repeat; position: relative; text-align: center; }
.main-header .menu { width: 300px; padding: 17px 0 17px 0; margin: 17px 0 0 0; background: url(../images/spacer-1-300px.png) top left no-repeat; float: none; text-align: center; }
.main-header .search { display: block; padding: 19px 0 0 0; }
.main-header .search input { width: 99px; }
.main-header .selector { float: left; margin: 19px 0 0 0; display: block; }
.main-header .selector span { width: 103px; padding: 5px 10px 3px 30px;  }
.main-header .selector span:before { content: ""; background: url(../images/ico-menu-1.png) 0 0 no-repeat; width: 12px; height: 12px; position: absolute; left: 10px; top: 9px; }

.main-header .menu { text-align: center; padding: 17px 0 0 0; margin: 17px 0 -3px 0; }
.main-header .menu a { float: none; }
.main-header .menu a:after { content: ""; background: url(../images/border-1.png) 11px 3px no-repeat; padding: 0 0 0 18px; }
.main-header .menu .cart { padding: 0; background: none; }
.main-header .menu .account { padding: 0; background: none; }
.main-header .menu .account:after { content: ""; padding: 0 0 0 15px; }

.main-header .login label { padding: 6px 10px 0 0; }
.main-header .login input { margin: 0 6px 0 0; width: 87px; }
.main-header .login input[type=password] { margin: 0; width: 112px; }
.main-header .login button { margin: 8px 9px 0 48px; }
.main-header .login .guest { margin: 8px 0 0 0; }
.main-header .login .password { margin: 6px 0 0 -52px; }

.main-footer { width: 300px; margin: 0 auto 11px auto; padding: 44px 0 61px 0; background: url(../images/border-6.png) bottom center no-repeat; }
.main-footer .navigation { display: none; }
.main-navigation { background: url(../images/navigation-bg-1.jpg) 0 0 repeat; height: 100px; margin: 0 0 12px 0; }
.main-navigation nav { background: url(../images/navigation-bg-3.png) top center no-repeat; height: 81px; padding: 19px 0 0 0; }
.main-navigation .navigation { height: 20px; overflow: hidden; }
.main-navigation .navigation a:after { content: ""; background: url(../images/arrow-5.png) 10px 7px no-repeat; padding: 0 0 0 19px; }
.main-navigation .navigation { width: 300px; margin: 0 auto 5px auto; }
.main-navigation .title { width: 300px; margin: 0 auto; font-size: 30px; }

.copyright { width: 250px; margin: 0 auto; padding: 0 0 27px 0; line-height: 35px; }
.copyright span { display: none; }

.full-size-switcher { display: block; }

.pages { padding: 30px 0 30px 0; }


/* Main menu */

.main-menu { margin: -7px 0 0 0; height: 74px; }
.menu-mob { display:block !important; font-size: 20px; text-decoration: none;color: #fff; padding: 11px 15px 11px 15px; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s;}
.main-menu ul { display: none; }
.menu-mob:hover .navigationSelector{ display:block; position:absolute; background:#00441f; height:auto !important}
	
.menu-mob .navigationSelector { width:90% !important; margin:auto }
.menu-mob .navigationSelector li { float: left; list-style: none; position: relative;width:100%;  }
.menu-mob .navigationSelector li a { font-size: 20px; text-decoration: none; display: block; color: #fff; padding: 5px 15px 5px 15px; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; }
.menu-mob .navigationSelector li a span { background: url(../images/arrow-2.png) right 11px no-repeat; padding: 0 16px 0 0; }
.menu-mob .navigationSelector li:hover > a span { background: url(../images/arrow-2.png) right -182px no-repeat; }
.menu-mob .navigationSelector li:hover > a { color: #ffffff; text-shadow: rgba(0, 0, 0, 0.30) 0 1px 0; background-color: rgba(0, 0, 0, 0.85); }
.menu-mob .navigationSelector li > a:hover { color: #ffffff; text-shadow: rgba(0, 0, 0, 0.30) 0 1px 0; }
.menu-mob .navigationSelector ul { width:85% !important; padding: 5px 20px; position: relative; background-color: rgba(0, 0, 0, 0.85); float: left; display: none; z-index: 200; -moz-transition: all 0.2s linear 0s; top:0px !important; -webkit-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; }
.menu-mob	.navigationSelector li:hover > ul { font-style: normal !important; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; }
.menu-mob	.navigationSelector ul li { height: auto; margin: 0; padding: 0; background: url(../images/border-2.png) top left repeat-x; float: none; }
.menu-mob	.navigationSelector  ul li:first-child { background: none; }
.menu-mob	.navigationSelector ul li a { height: auto; padding: 16px 0 14px 0; margin: 0; color: #fff; font-size: 17px; text-align: left; text-shadow: rgba(0, 0, 0, 0.30) 0 1px 0; text-decoration: none; display: block; background: none; }
/* Main slider */

.main-slider { height: 173px; margin: 0 0 35px 0; }
.main-slider .item { height: 159px; background-size: 600px; }
.main-slider .item img { height: 159px; background: url(../images/main-slider-bg-3.png) 0 0 repeat-x; }
.main-slider .title-wrapper { bottom: 50px; }
.main-slider .title { width: 300px; }
.main-slider .title p:first-child { margin: 0 0 0 0; }
.main-slider .title p:last-child { display: none; }
.main-slider .title .headline { padding: 5px 10px; font-size: 15px; line-height: 20px; }
.main-slider .paging { display: none; }
.main-slider nav { bottom: -10px; left: 56%; z-index: 20; }
.main-slider nav a { width: 10px; height: 10px; background: rgba(101, 101, 102, 0.2); border: none; padding: 0; margin: 0 3px; text-indent: -5000px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35) inset; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; }
.main-slider nav a:hover { background-color: #70193d; color: #fff; box-shadow: none; }
.main-slider nav .active { background-color: #70193d; color: #fff; box-shadow: none; }

/* Page items */

.welcome-message-1 { display: none; }


.services { width: 300px; margin: 0 0 25px 0; }
.services .main-title { background: url(../images/spacer-1-300px.png) bottom left no-repeat; }
.services .items .item { border-top: #e5e5e5 1px solid; padding: 18px 0 0 0; margin: 20px 0 0 0; }

.main-sidebar .sidebar-block { width: 300px; }
.main-sidebar .sidebar-block.items { width: 310px; margin: 0 0 -10px 0; }
.main-sidebar .sidebar-block .item-block-1 { width: 129px; margin: 0 10px 10px 0; }
.main-sidebar .sidebar-block .item-block-1 .image-wrapper { width: 129px; height: 129px; }
.main-sidebar .sidebar-block .item-block-1 .image img { width: 129px; }
.main-sidebar .sidebar-block .price { padding: 0 0 4px 0; font-size: 15px; }
.main-sidebar .sidebar-block .price s { font-size: 15px; }	


/* Catalog */

.catalog .items { width: 310px; margin: 0 0 -20px 0; }
.catalog .item-block-1 { width: 295px; margin: 0 10px 10px 0; }
.catalog .item-block-1 .image-wrapper { width: 295px; height: 167px; }
.catalog .item-block-1 .image img { width: 295px; }
.catalog .item-block-1 h2 { padding: 2px 15px 6px 15px; }
.catalog .item-block-1 .price { padding: 0 0 4px 0; font-size: 15px; }
.catalog .item-block-1 .price s { font-size: 15px; }


.currency-converter div.selector span {
    width: 270px;
}


}

/* Branch Network */

.js #main .accordion {visibility:hidden}

.js #side .accordion {display:none}

.accordion {margin:0; padding:0 10px}

.accordion li {list-style-type:none}

.accordion li.last-child {margin-left:19px; list-style-type:none;}
.accordion li.last-child h5{font-size:24px;	margin-bottom: 0.5em;}
.accordion li.last-child span {padding-left:300px; margin-top: 0.5em;}

#side ul.accordion ul {margin:0; padding:0 0 0 20px;}

.accordion .outer {border:1px solid #dadada; border-width:0 1px 1px; background: #fff}

.accordion .inner {margin-bottom:0; padding:.5em 20px 1em; position:relative; overflow:hidden}

.accordion .inner .inner {padding-bottom:0}

.accordion .h {padding-top:.3em} /* vertical padding instead of vertical margin (ie8) */

.accordion p {margin:.5em 1px 1em}
  

a.trigger {padding-left:20px; background-image: url(../images/plus.gif); background-repeat: no-repeat; background-position: 1px 50%;  font-weight:700}

a.trigger.open {background-image: url(../images/minus.gif)}

.last-child a.trigger{padding-left:1px; background-image:none; font-weight:normal}

#main a.trigger {background-color:#f0f0f0}

#main a.trigger.open {border-color:#dadada; background-color:#e7e7e7}

#main a:hover.trigger.open, #main a:focus.trigger.open, #main a:active.trigger.open {border-color:#bcd}

#side a.active{font-weight:700; color:#f72; text-decoration:none}

.callout {
	width:252px;
	height:300px;
	background-image:url(../images/bucket3.png);
	background-repeat: no-repeat;
	background-position: left top;
	position:relative;
	margin-left:0px;
}
.callout-inner {
	width:240px;
	margin-left: 8px;
	top: 12px;
	position:absolute;
	height: 114px;
}
.callout-header{
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	color: #3E5AB3;
}
.callout-text{
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
	color: #000;
	margin-top: 18px;
}
.callout-text a:link {
	color: #009258;
	text-decoration: none;
}
.callout-text a:hover {
	color: #009258;
	text-decoration: underline;
}

.callout-map {
	font-size: 13px;
	font-weight: normal;
	margin-left:260px;
	margin-top: 0px;
}
.callout-map a:link {
	color: #009258;
	text-decoration: none;
}
.callout-map a:hover {
	color: #009258;
	text-decoration: underline;
}


/* Contact Us */

/*******************  contact us **********************************************/
#box-address {	
	float: right;
	width: 300px;
	/*padding-left:400px;*/
	
}
#box-map {	
	float: right;
	/*width: 300px;
	padding-left:400px;*/
}

/* dialog */
/* 
  -- Even more rounded corners with CSS: Base stylesheet --
*/

.dialog {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:760px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#fff;
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
 background:transparent url(../images/dialog2-blue-800x1600.png) no-repeat top right;
 _background-image:url(../images/dialog2-blue.gif);
}

.dialog .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
}

.dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog .b,
.dialog .b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog .b {
 background-position:bottom right;
}

.dialog .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
 position:relative;
}

.dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog h1,
.dialog h3,
.dialog p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.dialog h1 {
 padding-bottom:0px;
 color:#FFFFFF;
}

.dialog h3{
 padding-bottom:0px;
 color:#000000;
 font: normal 13px/30px 'ropa_sansregular';
 border-bottom: 1px solid #060; 
}

.dialog.type2 .content,
.dialog.type2 .t,
.dialog.type2 .b,
.dialog.type2 .b div {
 background-image:url(../images/dialog2-dark-800x1200-alpha-drip.png);
 _background-image:url(../images/dialog2-dark-alpha-drip.gif);
}

/* "drip" variant */

.dialog.drip .b,
.dialog.drip .b div {
 height:75px;
}

.dialog.drip {
 margin-left:0px;
}

.dialog.drip .t,
.dialog.drip .b div,
.dialog.drip .hd,
.dialog.drip .bd,
.dialog.drip .ft,
.dialog.drip .wrapper {
 margin-left:10px;
 width:0px;
}

.dialog.drip .wrapper {
 width:auto;
}

.dialog .wrapper .hd,
.dialog .wrapper .bd,
.dialog .wrapper .ft {
 margin-left:0px;
}

.dialog.drip .hd,
.dialog.drip .bd,
.dialog.drip .ft {
 zoom:1;
 width:auto;
 padding:0px 2px 0px 12px;
}


#contact_form {
    font-family: Verdana, Arial, "Times New Roman";
    font-size: 12px;
    color: #666;
	float:left;
	width:350px;
	clear:right;
}
/** FORM STYLES GENERAL **/
#contact_form input, select, textarea {
    font-size: 11px;
    color:#999999;
    width: 200px;
    height: 28px;
    border: #CCC solid 1px;
/** BORDER RADIUS HACKS **/
    border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#contact_form input:hover, select:hover, textarea:hover {
    border: 1px solid #999;
}

#contact_form input:focus, select:focus, textarea:focus {
    border: 1px solid #999;
}

/** FORM STYLE: select **/
#contact_form select {
    padding: 5px 5px 3px 5px;
}
#contact_form select option {
    cursor: pointer;
    padding: 5px;
}
/** FORM STYLE: textarea **/
#contact_form textarea {
    height: 80px;
    padding: 4px 2px 2px 4px;
    font-family: Verdana, Arial, "Times New Roman";
}
/** FORM STYLE: input **/
#contact_form input {
    padding: 0 5px 0px 30px;
    background-position: 7px 5px;
    background-repeat: no-repeat;
}

input.send {
    padding:0;
    cursor:pointer;
    width:135px;
    height: 23px;
   /* background: url(../images/send_button.png);*/
   background: #70193c;
   color:White !important;
}

input.send:hover {
    border: 1px solid #999;
    color: #666;
}

#contact_form label {
    display:inline-block;
    width: 100px;
    vertical-align:top;
    margin-top: 6px;
}
#contact_form #signup {
    display:inline-block;
    width: 300px;
    vertical-align:top;
    margin-top: 6px;
}
#contact_form #reset {
    display:inline-block;
    width: 300px;
    vertical-align:top;
    margin-top: 6px;
}
#contact_form #signup a{ color: #70193d; text-decoration:underline; }
#contact_form #signup a:hover {background-color: rgba(204, 0, 62, 0.1);}
/** CONTAINER OF INPUTS **/
#contact_form span {
    border:0;
    padding:0;
    margin:0;
    display: block;
    margin-bottom: 10px;
}

#name {
    background-image: url(../images/user_suit.png);
}

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

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

#ajax_loader {
    display:none;
}

.success {
    border: 1px solid #00CC00 ;
    color:#4F8A10;
    background: #F2FFF2;
    display:none;
    margin-top: 3px;
    font-size: 11px;
    padding: 5px;
    text-align: center;
    margin-bottom: 5px;
/** BORDER RADIUS HACKS **/
    border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.error {
    display:none;
    margin-top: 3px;
    font-size: 11px;
    border: 1px solid #FF4F4F;
    color:#D6000E;
    background: #FFF2F2;
    padding: 5px;
    text-align: center;
    margin-bottom: 5px;
/** BORDER RADIUS HACKS **/
    border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.warning {
    /*display:none;*/
    margin-top: 3px;
    font-size: 11px;
    /*color: #9F6000;*/
	color : ##FF0000;
    background: #FFF9D5;
    border: 1px solid #FFD324;
    padding: 5px;
    text-align: center;
/** BORDER RADIUS HACKS **/
    border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#contact_form .noicon {
    padding: 0px 7px 0 7px;
    text-align:center;
}





/* dock - top */
.dock {
	position: relative; 
	height: 50px; 
	text-align: center;
}
.dock-container {
	position: absolute;
	height: 50px;
	background: url(../images/dock-bg2.gif);
	padding-left: 20px;
}
a.dock-item {
	display: block;
	width: 40px;
	color: #000;
	position: absolute;
	top: 0px;
	text-align: center;
	text-decoration: none;
	font: bold 12px Arial, Helvetica, sans-serif;
}
.dock-item img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}
.dock-item span {
	display: none; 
	padding-left: 20px;
}

/*basket*/

.showCart {visibility: visible; position: relative;}
.hideCart {visibility: hidden !important; position: absolute; left: -9999px;}



.currency-cart 
{
    /*visibility: hidden !important;*/
    /*top: -2000px;*/
    /*position: absolute;*/
    
    display: block;
    width: 680px;
    border: 1px solid #f8d02c;
    margin: 0 0 10px 0;
    padding: 10px 10px 10px 10px;
    min-height: 22px;
    min-width: 50px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #FCF8E3;
    overflow:hidden;
    }
    
.currency-cart h2 { margin: 3px 0 0 0; font-size:21px; font-weight:bold; line-height: 20px; float:	left; }
.currency-cart h2.currency-cart-icon { background:transparent url(../images/icon_cart.png) no-repeat scroll left top; float: left; display: block; padding: 0 0 0 35px; margin-top:2px }
#currency-cartSum { line-height: 22px; }
#currency-cartNav { float: right; display: block; }
#currency-cartNav .order { margin: 0 15px 0 0; position: relative; }

#currency-cart-table { width: 100%; border-collapse: collapse; text-align: left; margin: 35px 0 14px 0; font-size: 13px;}

#currency-cart-table thead th { padding: 12px 8px 3px; border-bottom: 1px solid #333;}
#currency-cart-table thead th.first {padding-left: 2px; white-space: pre; text-align: left;}

#currency-cart-table tfoot th { padding: 12px 8px 3px; border-top: 1px solid #333;}

#currency-cart-table thead tr th {padding-bottom: 12px;}


#currency-cart-table thead tr th.spaceRow { border: none; height: 2px; } /* space toppen */
#currency-cart-table tfoot tr th.spaceRow { border: none; height: 2px; } /* space foten */

#currency-cart-table td { display: table-cell; padding: 7px 8px 7px 8px; }
#currency-cart-table tbody tr:hover td { background-color: #ebebeb; cursor: default; }
#currency-cart-table .tdAlCenter { text-align:center; }
#currency-cart-table .tdAlRight { text-align:left; }
/* Inköpslistan END MB */

#currency-cart .changeAmountTB { display: none; }
#currency-cart .changeAmountTB, #currency-cart .changeQuantityTB { width: 55px; color: gray; text-align: right; }
#currency-cart .priveAmountEditLbl { display: none; }
#currency-cart .totalAmountPart { display: none; margin-top: 6px; font-weight: bold; }
#currency-cart .orderButton { /*font-weight: normal; margin-top: -4px; margin-bottom: 10px;*/ display: none;}
#currency-cart .basketFooter { margin-top: 12px; }
#currency-cart .topTotalAmountPart { display: none; float: left; margin-top: 4px; margin-left: 5px;}
#currency-cart .currency-cart-icon { display: inline-block; }

#currency-cart .minimizeBtn
{
    float: right;
    font-size: 12px;
    }

#currency-cart .orderBtnPlacedAbsolute 
{
    display: none;
    position: absolute;
    right: 11px;
    bottom: 21px;
    }


#currency-cart .topTotalAmountLbl, #currency-cart .topTotalAmountCurrencyLbl { font-weight: bold; }
#currency-cart .flagCell { width: 17px; }
#currency-cart thead tr th { border-top: none; }
#currency-cart .amountAndOrderArea { margin-top: 12px; }
#currency-cart .minimizedBasket { padding: 10px 10px 0 !important; }
/* basket END */

/* Currency Order */
#CurrencyOrder
{
	margin-bottom: 30px;
	width: 690px;
	background:#fcf8e3;
	border: 1px solid #f8d02c;
	padding: 10px;
min-height: 10px;
min-width: 50px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;

	}


.borderBox
{
	margin:0 0 10px 0;
	padding:10px;
	min-height:10px;
	min-width:50px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	behavior:url(PIE.htc)}
.box_wide {
    padding-top: 15px;
}

.buySellDateArea { background: #FFFDF5; -moz-border-radius: 4px; border-radius: 4px; padding: 7px 0px 7px 9px; width: 660px; }

.buySellDateArea #radio { padding-top: 3px;display:inline; }
.buySellDateArea .radio_txt { font-weight: bold; }
.buySellDateArea #region { padding-top: 3px;display:inline; }
.buySellDateArea #region .currencyDropdown{background:url("../images/sprite-formelement.png") no-repeat 0 -255px ;width:138px;height:37px; display:inline-block;}	
.buySellDateArea .region_txt { font-weight: bold; }

.buySellDateArea #branch { padding-top: 3px;display:inline; }
.buySellDateArea #branch .currencyDropdown{background:url("../images/sprite-formelement.png") no-repeat 0 -255px ;width:138px;height:37px; display:inline-block;}	
.buySellDateArea .branch_txt { font-weight: bold; }
 .buySellDateArea .date_picker { float: right; margin-right: 5px; }
 .buySellDateArea .date_picker .radio_txt { display: inline; }
 .buySellDateArea .date {
    background: url("../images/sprite-formelement.png") no-repeat 0px -190px;
    border: 0px;
    height: 28px;
    padding: 0px 0px 0px 0px;
    clear: both;
    float: left;
    text-align: center;
    line-height: 24px;
    font-family: Arial, Verdana;
    width: 85px !important; /* Telerik fix */
    margin-top: 3px; /*	Telerik fix */
}
.buySellDateArea .imag{
	border-width:0px;
	margin-top:6px;
	}

#buySellArea
{
 width: 300px; margin-top: 12px;	
	display:inline-block;
	
	/*border:solid 3px;*/
	float:left;
	
	}
	#buySellArea  .currency-dropdown{background:url("../images/sprite-formelement.png") no-repeat 0 -255px;width:138px;height:37px; display:inline-block;float:left;}
#buySellArea .AmountForeignCurrency 
{
	background: url(../images/sprite-formelement.png) no-repeat right -297px;
border: 0;
height: 39px;
font: 18px arial;
line-height: 33px;
text-align: right;
padding-right: 10px;
display:inline-block;
width:80px;
}
#buySellArea span.heading {
    font-weight: bold;
    display: block;
    margin-bottom: 6px;
}


#resultArea{
	width: 300px;  margin-top: 12px;
	display:inline-block;
	/*border:solid 3px;*/
	
	}	
#resultArea span.heading {
    font-weight: bold;
    display: block;
    margin-bottom: 6px;
}	
#resultArea span.i-pay {

background: url(../images/sprite-formelement.png) no-repeat 0 -343px;
display: block;
height: 32px;
width: 53px;
float: left;
font-size: 11px;
padding: 4px 0 0 10px;
}

#resultArea .AmountForeignCurrency 
{
	background: url(../images/sprite-formelement.png) no-repeat right -299px;
border: 0;
height: 35px;
font: 18px arial;
line-height: 33px;
text-align: right;
padding-right: 10px;
display:inline-block;
width:80px;
}
#resultArea .btn-fbStandard {
color: #fff;
text-shadow: none;
text-transform: uppercase;
font-size: 12px;
background: #fab233;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,#fab233 0%,#ab5100 48%,#944200 51%,#bc5300 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fab233),color-stop(48%,#ab5100),color-stop(51%,#944200),color-stop(100%,#bc5300));
background: -webkit-linear-gradient(top,#fab233 0%,#ab5100 48%,#944200 51%,#bc5300 100%);
background: -o-linear-gradient(top,#fab233 0%,#ab5100 48%,#944200 51%,#bc5300 100%);
background: -ms-linear-gradient(top,#fab233 0%,#ab5100 48%,#944200 51%,#bc5300 100%);
background: linear-gradient(to bottom,#fab233 0%,#ab5100 48%,#944200 51%,#bc5300 100%);
padding:10px 10px 10px 10px;

}

/* Currency Order Ends */