html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
body {
color: #333;
font: 13px/18px 'Helvetica Neue', Arial, Helvetica, sans-serif;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
}
a, a:visited {
color: #006699;
font-weight: 400;
}
a:hover {
color: #333;
font-weight: 400;
}
ul > li, ol > li {
margin: 0 0 12px 40px;
}
h1, h2, h3, h4, h5, h6, p {
margin: 0 0 12px;
}
h1 {
font-size: 26px;
}
h2 {
font-size: 24px;
}
h3 {
font-size: 20px;
}
h4 {
font-size: 18px;
}
h5 {
font-size: 16px;
}
h6 {
font-size: 14px;
}
.all, .alignleft {
text-align: left;
}
.alr, .alignright {
text-align: right;
}
.alc, .aligncenter {
text-align: center;
}
.fl {
float: left;
}
.fr {
float: right;
}
.fn {
float: none;
}
.cl {
clear: left;
}
.cr {
clear: right;
}
.cn {
clear: none;
}
.cb {
clear: both;
}
.nomar {
margin: 0;
}
.nopad {
padding: 0;
}
.mar {
margin: 0 10px 10px;
}
.pad {
padding: 0 10px 10px }
.wp {
width: 960px;
margin: 0 auto;
}
.wp.pad {
width: 940px }
.rw {
width: 100%;
float: left;
clear: both;
}
.c1 {
width: 60px;
}
.c2 {
width: 140px;
}
.c3 {
width: 220px;
}
.c4 {
width: 300px;
}
.c4a {
width: 310px;
}
.c5 {
width: 380px;
}
.c6 {
width: 460px;
}
.c7 {
width: 540px;
}
.c8 {
width: 620px;
}
.c8a {
width: 630px;
}
.c9 {
width: 700px;
}
.c10 {
width: 780px;
}
.c11 {
width: 860px;
}
.c12 {
width: 940px;
}
@mediaonly screen and (min-device-width: 320px) and (max-device-width: 480px), only screen and (min-width: 320px) and (max-width: 480px) {
.wp {
width: 95%;
}
}
@mediaonly screen and (min-width: 321px) {
.wp {
width: 95%;
}
}
@mediaonly screen and (max-width: 320px) {
.wp {
width: 95%;
}
}
@mediaonly screen and (min-device-width: 768px) and (max-device-width: 1024px), only screen and (min-width: 768px) and (max-width: 1024px) {
.wp {
width: 95%;
}
}
@mediaonly screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.wp {
width: 95%;
}
}
@mediaonly screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
.wp {
width: 95%;
}
}
@mediaonly screen and (min-width: 1024px) {
.wp {
max-width: 960px;
}
}
@mediaonly screen and (min-width: 1224px) {
.wp {
max-width: 960px;
}
}
@mediaonly screen and (min-width : 1824px) {
.wp {
max-width: 960px;
}
}
@mediaonly screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
}
@font-face {
font-family: 'Yanone Kaffeesatz';
font-style: normal;
font-weight: 400;
src: local('Yanone Kaffeesatz Regular'), local('YanoneKaffeesatz-Regular'), url(http://themes.googleusercontent.com/static/fonts/yanonekaffeesatz/v5/YDAoLskQQ5MOAgvHUQCcLRTHiN2BPBirwIkMLKUspj4.woff) format('woff');
}
@font-face {
font-family: 'Yanone Kaffeesatz';
font-style: normal;
font-weight: 700;
src: local('Yanone Kaffeesatz Bold'), local('YanoneKaffeesatz-Bold'), url(http://themes.googleusercontent.com/static/fonts/yanonekaffeesatz/v5/We_iSDqttE3etzfdfhuPRWwXwFHHZlCwprwJOQ-Se7k.woff) format('woff');
}
body {
}
h1, h2, h3 {
font-family: 'Yanone Kaffeesatz', sans-serif;
padding: 10px 0 0;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
.wp > .rw {
margin-bottom: 10px;
}
.grey-bg {
background: #efefef;
border: solid #dfdfdf;
border-width: 1px 0;
margin: 0 0 20px;
}
.grey-bg p.title {
font-size: 26px;
font-family: 'Yanone Kaffeesatz', sans-serif;
padding: 15px 10px 5px;
}
#sb ul, ul.no-bull {
list-style: none;
}
#sb ul li, ul.no-bull li {
margin: 0 0 6px 10px;
}
#hd {
height: 120px;
position: fixed;
z-index: 1000;
width: 960px;
top: 0;
left: 50%;
margin: 0 0 0 -480px;
}
#hd a {
color: #333;
}
#logo {
background: url(/images/logo-icon.png) no-repeat;
padding: 0 0 0 126px;
height: 100px;
margin: 10px 0 0;
}
#logo .company-name {
font-family: 'Yanone Kaffeesatz', sans-serif;
font-size: 40px;
text-transform: uppercase;
line-height: 34px;
margin: 21px 0 0;
display: inline-block;
overflow: hidden;
position: relative;
color: #333;
}
#logo .company-name a {
text-decoration: none;
color: #333;
}
#logo .company-tagline {
color: #333;
font-size: 12px;
padding: 5px 0;
color: #999;
}
#menu-bg {
width: 100%;
height: 120px;
background: #FFFFFF;
position: fixed;
border-bottom: 45px solid #333333;
z-index: 1000;
}
#mu {
height: 45px;
margin: 0 0 1px;
position: fixed;
top: 120px;
z-index: 1010;
left: 50%;
margin: 0 0 0 -480px;
}
#mu ul {
list-style: none;
}
#mu ul li {
float: left;
position: relative;
margin: 0;
}
#mu ul li a {
height: 20px;
margin: 14px 0 11px;
padding: 0 15px;
display: block;
color: #ffffff;
text-shadow: 1px 1px #333;
text-decoration: none;
border-right: 1px solid #666;
}
#mu ul li a:first-child {
border-left: 0;
}
#mu ul li:hover, #mu ul li a:hover, #mu ul li.current-menu-item {
color: #ffffff;
background: #cd0067;
}
#mu ul li ul {
display: none;
z-index: 100;
}
#mu ul li a:hover ul, #mu ul li:hover ul {
display: block;
position: absolute;
}
#mu ul li ul li a {
width: 200px;
display: block;
background: #cd0067;
margin: 0;
padding: 8px 15px;
border-right: 0;
}
#mu ul li ul li a:hover {
background: #333333;
}
#mu ul li a:hover ul.full-width-menu, #mu ul li:hover ul.full-width-menu {
width: 960px;
background: #cd0067;
left: 0;
}
#mu ul li ul.full-width-menu ul.sub-menu-column {
position: static;
width: 160px;
display: block;
float: left;
margin: 0;
padding: 0;
border: 0;
}
#mu ul li ul.full-width-menu li a {
background: #cd0067;
width: 150px;
display: block;
margin: 0;
padding: 6px 5px;
border: 0;
line-height: 23px;
height: 20px;
overflow: hidden;
}
#mu ul li ul.full-width-menu li a:hover {
background: #333333;
}
#sub-mu {
background: #cd0067;
position: absolute;
margin: 166px 0 0 -480px;
left: 50%;
width: 960px;
}
#sub-mu ul {
list-style: none;
}
#sub-mu ul li {
float: left;
position: relative;
margin: 0;
}
#sub-mu ul li a {
height: 20px;
margin: 10px 0 7px;
padding: 0 15px;
display: block;
color: #FFFFFF;
text-shadow: 1px 1px #333;
text-decoration: none;
border-right: 1px solid #cc2a7b;
}
#sub-mu ul li a:first-child {
border-left: 0;
}
#sub-mu ul li:hover, #sub-mu ul li a:hover, #sub-mu ul li.current-menu-item {
color: #FFFFFF;
background: #cc2a7b;
}
#c-top {
margin: 0 0 10px;
}
#c-top #slideshow {
width: 960px;
overflow: hidden;
}
#c-top #slideshow #caption {
display: none;
}
#c-top #banner {
width: 960px;
}
#contain {
margin: 203px 0 0 0;
}
#cont {
color: #333333;
}
#respond h3, h3#comments, #cont h1, #cont h2 {
border-bottom: 2px solid #cd0067;
color: #333333;
padding: 10px 5px;
line-height: 20px;
}
#cont h1 {
clear: both;
}
#cont h1 a, #cont h2 a {
color: #333333;
text-decoration: none;
display: block;
}
#cont ul {
}
#cont ul li {
}
#cont .news-meta {
position: relative;
top: -8px;
font-size: 11px;
color: #999;
}
#cont .read-more {
clear: both;
}
#sb {
color: #333333;
padding: 10px 0 0;
}
#sb section {
margin: 0 0 20px;
}
#sb p.h3 {
font-family: 'Yanone Kaffeesatz', sans-serif;
font-size: 20px;
background: #cccccc;
color: #333333;
padding: 10px;
clear: both;
}
#sb ul li span {
color: #999;
font-size: 11px;
display: block;
}
#sb .widget.widget_sp_image {
text-align: center;
}
#sb .widget.widget_sp_image h3 {
text-align: left;
}
#ft {
color: #ffffff;
border: solid #dfdfdf;
border-width: 1px 0 0;
background: #333333;
padding: 10px 0;
}
#ft h4 {
font-family: 'Yanone Kaffeesatz', sans-serif;
text-transform: uppercase;
font-size: 24px;
margin: 0 0 8px;
padding: 10px 0;
color: #ffffff;
border-bottom: 2px solid #666666;
}
#ft img {
margin: 0 0 12px;
}
#ft section.mar {
margin-bottom: 0;
margin-top: 10px;
}
#copy {
background: #333;
padding: 15px 0 0;
}
#copy {
font-size: 10px;
line-height: 14px;
color: #999999;
}
#copy a {
#006699;
}
#copy a: hover {
#999999;
}
#copy .wp .rw {
margin: 0;
}
#contain .top-story {
background: #efefef;
color: #333;
padding: 14px 14px 10px;
width: 932px;
margin: 0 0 12px;
float: left;
border: 1px solid #dfdfdf;
}
#contain .top-story h2 {
/*border-color: #666;*/
}
#contain .top-story a {
color: #333;
}
#contain .top-story a:hover {
color: #666;
}
.top-story .top-image {
width: 300px;
float: left;
margin: 0 10px 0 0;
}
.top-story .top-content {
width: 768px;
float: right;
}
.top-story .top-content.no-img {
width: 932px;
float: right;
}
body.home article.post,
body.archive article.post {
float: left;
width: 470px;
margin: 0 5px 15px;
border-bottom: 1px dashed #ccc;
padding: 0 0 15px;
}
body.home article.post.odd,
body.archive article.post.odd {
float: left;
width: 470px;
margin: 0 10px 15px 0;
}
body.home article.post.even,
body.archive article.post.even {
float: right;
width: 470px;
margin: 0 0 15px 10px;
}
body.home article.post h2,
body.archive article.post h2 {
font-size: 18px;
height: 18px;
overflow: hidden;
}
body.home article.post h2 a,
body.archive article.post h2 a {
color: #333;
}
body.home article.post img.attachment-thumbnail,
body.archive article.post img.attachment-thumbnail {
width: 100px;
height: 100px;
}
body.home article.post .post-thumb,
body.archive article.post .post-thumb {
width: 100px;
height: 100px;
overflow: hidden;
float: left;
margin: 0 10px 0 0;
}
body.home article.post .entry-content,
body.archive article.post .entry-content {
width: 360px;
height: 110px;
overflow: hidden;
float: right;
}
body.home article.post .entry-content.no-img,
body.archive article.post .entry-content.no-img {
width: 470px;
}
.collapsed h2,
.collapsed h4 {
border: 0 !important;
background: url(../images/arrow-down.png) no-repeat 595px 6px #CCCCCC;
color: #333333;
clear: both;
padding: 10px;
}
.collapsed h2.closed {
background: url(../images/arrow-left.png) no-repeat 595px 6px #CCCCCC;
}
#ft .collapsed h4 {
background: url(../images/arrow-down.png) no-repeat 275px 6px;
}
#ft .collapsed h4.closed {
background: url(../images/arrow-left.png) no-repeat 275px 6px;
}
.single .post-thumb img {
padding: 4px;
float: right;
border: 5px solid #efefef;
margin: 0 0 0 10px;
}
.single .post-links {
margin: 0 0 30px;
height: 20px;
}
.single h2.content-space {
clear: both;
margin: 30px 0 12px;
}
#ft-mu ul {
list-style: none;
}
#ft-mu ul li {
float: right;
margin: 0;
padding: 0;
}
#ft-mu ul li:after {
content: " / "}
#ft-mu ul li:first-child:after {
content: ""}
#ft-mu ul li a {
margin: 0 4px;
color: #999;
}
#ft-mu ul li a:hover {
color: #666;
}
#respond {
clear: both;
background: #efefef;
border: 1px solid #dfdfdf;
padding: 5px 15px;
width: 928px;
margin: 0 0 30px;
}
ol.commentlist {
list-style: none;
}
ol.commentlist li {
margin: 0;
padding: 0;
}
ol.commentlist {
margin: 10px 5px;
padding: 10px;
}
.commentlist .comment-body {
padding: 10px;
background: #EFEFEF ;
border: solid thin#DEDEDE ;
margin: 10px 0;
position: relative;
}
.comment-body a.comment-reply-link {
position: absolute;
top: 10px;
right: 10px;
color: #AEAEAE ;
}
ol.commentlist li {
list-style: none;
}
ol.commentlist img.avatar {
padding: 5px;
background: #DEDEDE ;
border: solid thin#CECECE ;
float: left;
display: block;
margin: 15px;
width: 32px;
height: 32px;
}
ol.commentlist .comment-author {
line-height: 25px;
}
.comment-body cite.fn {
font-size: 14px;
font-style: normal;
}
.commentmetadata a {
margin: 0;
font-size: 11px;
color: #999;
}
.comment-body p {
margin: 5px;
}
.comment-body .comment-author.vcard {
margin: 0;
}
.select-wrp {
background: #fff;
border: 1px solid #ccc;
padding: 5px;
}
.select-wrp select {
border: 0;
}
#socialise {
float: left;
width: 100%;
}
#socialise #like-wrp {
float: left;
}
#socialise #gplus-wrp {
float: left;
width: 69px;
margin: 0 0 0 10px;
}
#socialise #tweet-wrp {
float: left;
}
#colorbox, #cboxOverlay, #cboxWrapper {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
overflow: hidden;
}
#cboxOverlay {
position: fixed;
width: 100%;
height: 100%;
}
#cboxMiddleLeft, #cboxBottomLeft {
clear: left;
}
#cboxContent {
position: relative;
}
#cboxLoadedContent {
overflow: auto;
}
#cboxTitle {
margin: 0;
}
#cboxLoadingOverlay, #cboxLoadingGraphic {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
cursor: pointer;
}
.cboxPhoto {
float: left;
margin: auto;
border: 0;
display: block;
max-width: none;
}
.cboxIframe {
width: 100%;
height: 100%;
display: block;
border: 0;
}
#colorbox, #cboxContent, #cboxLoadedContent {
box-sizing: content-box;
}
#cboxOverlay {
background: url(/resources/img/colorbox/overlay.png) repeat 0 0;
}
#colorbox {
}
#cboxTopLeft {
width: 21px;
height: 21px;
background: url(/resources/img/colorbox/controls.png) no-repeat -101px 0;
}
#cboxTopRight {
width: 21px;
height: 21px;
background: url(/resources/img/colorbox/controls.png) no-repeat -130px 0;
}
#cboxBottomLeft {
width: 21px;
height: 21px;
background: url(/resources/img/colorbox/controls.png) no-repeat -101px -29px;
}
#cboxBottomRight {
width: 21px;
height: 21px;
background: url(/resources/img/colorbox/controls.png) no-repeat -130px -29px;
}
#cboxMiddleLeft {
width: 21px;
background: url(/resources/img/colorbox/controls.png) left top repeat-y;
}
#cboxMiddleRight {
width: 21px;
background: url(/resources/img/colorbox/controls.png) right top repeat-y;
}
#cboxTopCenter {
height: 21px;
background: url(/resources/img/colorbox/border.png) 0 0 repeat-x;
}
#cboxBottomCenter {
height: 21px;
background: url(/resources/img/colorbox/border.png) 0 -29px repeat-x;
}
#cboxContent {
background: #fff;
overflow: hidden;
}
.cboxIframe {
background: #fff;
}
#cboxError {
padding: 50px;
border: 1px solid #ccc;
}
#cboxLoadedContent {
margin-bottom: 28px;
}
#cboxTitle {
position: absolute;
bottom: 4px;
left: 0;
text-align: center;
width: 100%;
color: #949494;
}
#cboxCurrent {
position: absolute;
bottom: 4px;
left: 58px;
color: #949494;
}
#cboxSlideshow {
position: absolute;
bottom: 4px;
right: 30px;
color: #0092ef;
}
#cboxPrevious {
position: absolute;
bottom: 0;
left: 0;
background: url(/resources/img/colorbox/controls.png) no-repeat -75px 0;
width: 25px;
height: 25px;
text-indent: -9999px;
}
#cboxPrevious:hover {
background-position: -75px -25px;
}
#cboxNext {
position: absolute;
bottom: 0;
left: 27px;
background: url(/resources/img/colorbox/controls.png) no-repeat -50px 0;
width: 25px;
height: 25px;
text-indent: -9999px;
}
#cboxNext:hover {
background-position: -50px -25px;
}
#cboxLoadingOverlay {
background: url(/resources/img/colorbox/loading_background.png) no-repeat center center;
}
#cboxLoadingGraphic {
background: url(/resources/img/colorbox/loading.gif) no-repeat center center;
}
#cboxClose {
position: absolute;
bottom: 0;
right: 0;
background: url(/resources/img/colorbox/controls.png) no-repeat -25px 0;
width: 25px;
height: 25px;
text-indent: -9999px;
}
#cboxClose:hover {
background-position: -25px -25px;
}
.cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);
}
.cboxIE6 #cboxTopLeft {
background: url(/resources/img/colorbox/ie6/borderTopLeft.png);
}
.cboxIE6 #cboxTopCenter {
background: url(/resources/img/colorbox/ie6/borderTopCenter.png);
}
.cboxIE6 #cboxTopRight {
background: url(/resources/img/colorbox/ie6/borderTopRight.png);
}
.cboxIE6 #cboxBottomLeft {
background: url(/resources/img/colorbox/ie6/borderBottomLeft.png);
}
.cboxIE6 #cboxBottomCenter {
background: url(/resources/img/colorbox/ie6/borderBottomCenter.png);
}
.cboxIE6 #cboxBottomRight {
background: url(/resources/img/colorbox/ie6/borderBottomRight.png);
}
.cboxIE6 #cboxMiddleLeft {
background: url(/resources/img/colorbox/ie6/borderMiddleLeft.png);
}
.cboxIE6 #cboxMiddleRight {
background: url(/resources/img/colorbox/ie6/borderMiddleRight.png);
}
.cboxIE6 #cboxTopLeft, .cboxIE6 #cboxTopCenter, .cboxIE6 #cboxTopRight, .cboxIE6 #cboxBottomLeft, .cboxIE6 #cboxBottomCenter, .cboxIE6 #cboxBottomRight, .cboxIE6 #cboxMiddleLeft, .cboxIE6 #cboxMiddleRight {
_behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}
#wordpress {
}
#ft-logos {
width: 100%;
height: 47px;
clear: both;
float: left;
margin: 15px 0 25px;
}
#ft-logos ul li {
list-style: none;
}
#ft-logos ul li {
float: left;
margin: 0 0 0 20px;
}
#ft-logos ul li:first-child {
margin: 0;
}
#table-heading {
float: left;
width: 940px;
background: #ccc;
padding: 8px 10px;
position: relative;
top: -5px;
color: #333;
margin: 0 0 12px;
}
#table-heading h1, #table-heading h2 {
float: left;
width: 515px;
overflow: hidden;
padding: 0;
line-height: 28px;
margin: 0;
}
#table-heading #social-wrp {
float: right;
width: 300px;
overflow: hidden;
margin: 4px 0 0;
height: 24px;
}
#table-heading #social-wrp #like-wrp {
float: right;
}
#table-heading #social-wrp #gplus-wrp {
float: right;
width: 69px;
margin: 0 0 0 10px;
}
#table-heading #social-wrp #tweet-wrp {
float: right;
}
.page-template #contain {
padding: 20px 0 0;
}
.product {
border-bottom: 2px dotted #d4e6fc;
float: left;
clear: both;
padding: 0 0 20px;
margin: 0 0 20px;
}
.product.mar {
margin: 20px 0 10px;
}
.img-col {
float: left;
width: 193px;
min-height: 120px;
}
.img-col img {
border-radius: 12px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
box-shadow: 0 8px 6px -6px #333;
}
.info-col {
float: left;
width: 554px;
margin: 0 12px;
}
.info-col p {
padding: 10px 0 0;
text-align: center;
clear: both;
font-size: 11px;
line-height: 14px;
color: #999;
}
.info-col p.name {
padding: 0;
text-align: center;
clear: both;
font-size: 12px;
line-height: 14px;
color: #333;
font-weight: 700;
}
.info-table {
}
.table-head .cell {
background: #ccc;
font-weight: 700;
font-size: 12px;
height: 35px;
text-align: center;
overflow: hidden;
color: #333;
}
.table-head .first-cell {
border-top-left-radius: 8px;
-moz-border-radius-topleft: 8px;
-webkit-border-top-left-radius: 8px;
}
.table-head .last-cell {
border-top-right-radius: 8px;
-moz-border-radius-topright: 8px;
-webkit-border-top-right-radius: 8px;
}
.table-row {
clear: both;
}
.table-row .cell {
font-size: 13px;
height: 35px;
text-align: center;
overflow: hidden;
background: #efefef;
}
.table-row .first-cell {
border-bottom-left-radius: 8px;
-moz-border-radius-bottomleft: 8px;
-webkit-border-bottom-left-radius: 8px;
border-top-left-radius: 8px;
-moz-border-radius-topleft: 8px;
-webkit-border-top-left-radius: 8px;
}
.table-row .last-cell {
border-bottom-right-radius: 8px;
-moz-border-radius-bottomright: 8px;
-webkit-border-bottom-right-radius: 8px;
border-top-right-radius: 8px;
-moz-border-radius-topright: 8px;
-webkit-border-top-right-radius: 8px;
}
.cell {
width: 98px;
float: left;
border: 1px solid #bdcad8;
padding: 5px 2px;
margin: 0 1px 2px;
}
.first-cell {
width: 110px;
margin: 0 1px 2px 0;
}
.last-cell {
width: 110px;
margin: 0 0 2px 1px;
}
.button-col {
float: left;
width: 159px;
}
.button-col p {
margin: 0 0 2px;
}
#more-products-link {
float: right;
border: 0;
font-family: 'Yanone Kaffeesatz', sans-serif;
font-size: 18px;
width: 200px;
text-align: center;
color: #fff;
background: #cd0067;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 8px;
margin: 0 12px 0 0;
cursor: pointer;
}
#more-products-link:hover {
background: #333;
}
#copy {
margin: 0 0 30px;
}
#contain .fixed {
position: fixed;
z-index: 1000;
top: 165px;
}
#send-money-form {
background: #333333;
width: 290px;
padding: 0 10px;
height: 120px;
overflow: hidden;
color: #ffffff;
position: fixed;
top: 0;
z-index: 1000;
left: 50%;
margin: 0 0 0 170px;
}
#send-money-form h3 {
border-bottom: 1px dotted #999999;
padding: 8px 0 7px;
}
#send-money-form label {
width: 50px;
display: inline-block;
}
#send-money-form p.select {
width: 240px;
float: left;
}
#send-money-form select {
width: 170px;
}
#send-money-form #send-button {
float: right;
position: relative;
top: -25px;
}
#send-money-form #send-button input {
border: 0;
font-family: 'Yanone Kaffeesatz', sans-serif;
font-size: 24px;
width: 45px;
color: #fff;
text-align: center;
background: #cd0067;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
cursor: pointer;
}
.compare-button {
float: left;
margin: 10px 0 0 49px;
}
.compare-button input {
border: 0;
font-family: 'Yanone Kaffeesatz', sans-serif;
font-size: 18px;
width: 112px;
text-align: center;
color: #fff;
background: #cd0067;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 3px;
margin: 0 12px 0 0;
cursor: pointer;
}
.compare-button input:hover {
background: #333;
}
.checkbox {
width: 22px;
float: left;
margin: 46px 8px 0 0;
}
#currency-calc {
width: 628px;
border: 1px solid #dfdfdf;
background: #efefef;
float: left;
margin: 0 166px 20px;
}
#currency-calc.c2a, body.home #currency-calc {
margin: 9px 0 20px;
}
section.c-from, section.c-to {
width: 294px;
text-align: center;
padding: 10px;
margin: 0;
height: 85px;
overflow: hidden;
}
section.c-from {
float: left;
}
section.c-to {
float: right;
background: #333;
color: #fff;
}
section.c-from span, section.c-to span {
display: block;
}
p.rate {
font-size: 11px;
clear: both;
margin: 0;
float: left;
width: 100%;
}
p.flag {
width: 80px;
height: 53px;
margin: 0 10px 0 0;
float: left;
}
#cont p.calc-inputs {
width: 204px;
float: right;
position: relative;
}
#cont p.calc-inputs label {
position: absolute;
top: 23px;
right: 12px;
}
input#from {
height: 40px;
padding: 5px 45px 5px 5px;
font-size: 30px;
width: 149px;
line-height: 30px;
}
input#to {
border: 0;
background: transparent;
color: #fff;
height: 42px;
padding: 5px 45px 5px 5px;
font-size: 30px;
width: 149px;
line-height: 30px;
}
p a.button-switch {
border: 0;
font-family: 'Yanone Kaffeesatz', sans-serif;
font-size: 20px;
width: 130px;
text-align: center;
background: #dfdfdf;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
cursor: pointer;
color: #666;
text-decoration: none;
display: block;
height: 19px;
padding: 4px 0;
margin: 0 10px 12px 0;
}
p a.button-providers {
border: 0;
font-family: 'Yanone Kaffeesatz', sans-serif;
font-size: 20px;
width: 115px;
text-align: center;
background: #cd0067;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
cursor: pointer;
color: #fff;
text-decoration: none;
display: block;
height: 19px;
padding: 4px 0;
}
.calc-result {
}
.calc-result strong {
font-weight: 700;
}
.calc-result ul {
clear: both;
}
.calc-result li {
float: left;
list-style: none;
padding: 0;
margin: 0;
}
.calc-result li.company-name {
width: 200px;
}
.calc-result li.margin-rate {
width: 75px;
text-align: center;
}
.calc-result li.min-transfer {
width: 75px;
text-align: center;
}
.calc-result li.regulation {
width: 75px;
text-align: center;
}
.calc-result li.apply {
width: 75px;
text-align: center;
}
.faded {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60);
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
opacity: 0.6;
}
#page-content strong, #page-content b {
font-weight: 700;
}
ul#flag-list, ul#text-list {
list-style: none;
margin: 0;
padding: 0;
}
ul#flag-list li {
list-style: none;
float: left;
width: 137px;
height: 150px;
overflow: hidden;
text-align: center;
margin: 0;
padding: 0;
}
ul#text-list li {
list-style: none;
float: left;
width: 160px;
height: 50px;
overflow: hidden;
text-align: center;
margin: 0;
padding: 0;
}
.heading-bg {
float: left;
width: 940px;
background: #ccc;
padding: 8px 10px;
position: relative;
color: #333;
margin: 0 0 12px;
}
#contactform {
width: 280px;
margin: 0 auto;
-moz-border-radius: 5px;
}
#contactform form {
font: normal 11px/18px Verdana;
margin: 0 0;
padding: 0;
margin-top: 10px;
width: 100%;
}
#contactform fieldset {
padding: 5px 0;
margin: 0 0 5px 0;
background: #fff;
border: 1px solid #ddd;
-moz-border-radius: 5px;
}
#important-stamp {
width: 100%;
height: 45px;
background: url(../images/important.jpg) no-repeat 0 0;
}
#contactform form p#newsletter-wrp input {
float: right;
height: 16px;
margin: 10px 8px 8px 0;
width: 16px;
}
#contactform form p#btn-wrap {
clear: both;
}
#contactform form p#btn-wrap input.btn {
background: url(../images/submit.gif) no-repeat;
width: 60px;
height: 30px;
text-indent: -5000px;
cursor: pointer;
}
#contactform fieldset legend {
font: normal bold 18px/26px "Trebuchet MS", Verdana, Tahoma;
padding: 3px 25px;
margin-left: 7px;
text-transform: uppercase;
border: 0px solid #ddd;
}
#contactform fieldset legend span {
font: normal 10px/18px Verdana;
text-transform: uppercase;
display: block;
}
#contactform form label {
display: block;
float: left;
width: 110px;
padding: 10px 10px 0 0;
margin: 0px;
text-align: right;
}
#contactform input.inpt, #contactform textarea, #contactform select {
width: 140px;
font: normal 11px/18px Verdana;
padding: 4px;
margin: 5px 0 5px 0;
background: #f5f5f5;
border: 1px solid #ddd;
}
form br {
clear: left;
}
#contactform input.required {
background: #f5f5f5 url('../images/required.gif') center right no-repeat;
}
#contactform .select select:focus {
border-color: #9b9b9b;
}
#contactform form input.btn {
background: none;
border: none;
}
form.c1 input:hover, textarea:hover {
border: 1px solid #d8d8d8;
}
.notes {
background: #f0f0f0;
border: 2px solid #ffffff;
}
.success {
background: #ccfcd1;
border: 2px solid #ffffff;
}
.error {
background: #ffffff;
border: 2px solid #ffffff;
}
.notice {
background: #fcf0cc;
border: 2px solid #ffffff;
}
.notes, .notice, .success, .error {
padding: 10px;
font-size: 10px;
color: #000;
}
.notes span, .notice span, .success span, .error span {
font-weight: bold;
font-size: 1.2em;
}
.notes p, .success p, .error p, .notice p {
margin: 0px;
padding: 0px;
}
#note {
width: 96%;
margin: 0 auto;
}
#ind-bus {
padding: 30px 0 18px;
}
#ind-bus p {
color: #666;
}
#ind-bus p.title {
color: #333333;
font-size: 24px;
font-family: 'Yanone Kaffeesatz', sans-serif;
}
#ind-bus p a {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
float: right;
background: #333333;
color: #ffffff;
font-family: 'Yanone Kaffeesatz', sans-serif;
padding: 4px 8px;
text-decoration: none;
font-size: 16px;
}
#currency-calc {
width: 100%;
background: #efefef;
float: left;
margin: 0 0 20px;
}
#cont #currency-calc section.c-from, #cont #currency-calc section.c-to {
width: 295px;
}
#currency-calc section.c-from, #currency-calc section.c-to {
width: 460px;
text-align: center;
padding: 10px;
margin: 0;
height: 85px;
overflow: hidden;
}
#currency-calc section.c-from {
float: left;
}
#currency-calc section.c-to {
float: right;
background: #333;
color: #fff;
}
#currency-calc section.c-from span, #currency-calc section.c-to span {
display: block;
}
#currency-calc p.rate {
font-size: 11px;
clear: both;
margin: 0;
float: left;
width: 100%;
}
#currency-calc p.flag {
width: 80px;
height: 53px;
margin: 0 10px 0 0;
float: left;
}
#cont #currency-calc p.calc-inputs {
width: 205px;
}
#currency-calc p.calc-inputs {
width: 370px;
float: right;
position: relative;
}
#currency-calc p.calc-inputs label {
position: absolute;
top: 23px;
right: 12px;
}
#cont #currency-calc input#from {
width: 150px;
}
#currency-calc input#from {
height: 40px;
padding: 5px 45px 5px 5px;
font-size: 30px;
width: 310px;
line-height: 30px;
}
#currency-calc input#to {
border: 0;
background: transparent;
color: #fff;
height: 42px;
padding: 5px 45px 5px 5px;
font-size: 30px;
width: 149px;
line-height: 30px;
}
#currency-calc p a.button-switch {
border: 0;
font-family: 'Yanone Kaffeesatz', sans-serif;
font-size: 20px;
width: 130px;
text-align: center;
background: #dfdfdf;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
cursor: pointer;
color: #666;
text-decoration: none;
display: block;
height: 19px;
padding: 4px 0;
margin: 0 10px 12px 0;
}
#currency-calc p a.button-providers {
border: 0;
font-family: 'Yanone Kaffeesatz', sans-serif;
font-size: 20px;
width: 115px;
text-align: center;
background: #cd0067;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
cursor: pointer;
color: #fff;
text-decoration: none;
display: block;
height: 19px;
padding: 4px 0;
}
#currency-calc-widget {
width: 100%;
background: #efefef;
float: left;
margin: 0 0 20px;
}
#currency-calc-widget section.c-from, #currency-calc-widget section.c-to {
width: 290px;
text-align: center;
padding: 10px;
margin: 0;
height: 85px;
overflow: hidden;
}
#currency-calc-widget section.c-from {
float: left;
}
#currency-calc-widget section.c-to {
float: right;
background: #333;
color: #fff;
}
#currency-calc-widget section.c-from span, #currency-calc-widget section.c-to span {
display: block;
}
#currency-calc-widget p.rate {
font-size: 11px;
clear: both;
margin: 0;
float: left;
width: 100%;
}
#currency-calc-widget p.flag {
width: 80px;
height: 53px;
margin: 0 10px 0 0;
float: left;
}
#currency-calc-widget p.calc-inputs {
width: 200px;
float: right;
position: relative;
}
#currency-calc-widget p.calc-inputs label {
position: absolute;
top: 23px;
right: 12px;
}
#currency-calc-widget input#from {
height: 40px;
padding: 5px 45px 5px 5px;
font-size: 30px;
width: 145px;
line-height: 30px;
}
#currency-calc-widget input#to {
border: 0;
background: transparent;
color: #fff;
height: 42px;
padding: 5px 45px 5px 5px;
font-size: 30px;
width: 145px;
line-height: 30px;
}
#currency-calc-widget-wrp p span.button-switch {
border: 0;
font-family: 'Yanone Kaffeesatz', sans-serif;
font-size: 20px;
width: 130px;
text-align: center;
background: #dfdfdf;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
cursor: pointer;
color: #666;
text-decoration: none;
display: block;
height: 19px;
padding: 4px 0;
margin: 0 10px 12px 0;
float: right;
}
#currency-calc-widget-wrp p a.button-providers {
border: 0;
font-family: 'Yanone Kaffeesatz', sans-serif;
font-size: 20px;
width: 115px;
text-align: center;
background: #cd0067;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
cursor: pointer;
color: #fff;
text-decoration: none;
display: block;
height: 19px;
padding: 4px 0;
float: right;
}
#currency-calc-widget-wrp p span#widget-change-cancel, #currency-calc-widget-wrp p span#widget-change-save, #currency-calc-widget-wrp p span#widget-reset {
border: 0;
font-family: 'Yanone Kaffeesatz', sans-serif;
font-size: 20px;
width: 115px;
text-align: center;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
cursor: pointer;
text-decoration: none;
display: block;
height: 19px;
padding: 4px 0;
float: right;
display: block;
}
#currency-calc-widget-wrp p span#widget-change-cancel, #currency-calc-widget-wrp p span#widget-reset {
color: #D8000C;
background-color: #FFBABA;
margin: 0 0 12px 0;
}
#currency-calc-widget-wrp p span#widget-change-save {
color: #4F8A10;
background-color: #DFF2BF;
margin: 0 0 12px 0;
}
#currency-calc-widget-wrp p span#widget-change-cancel {
margin: 0 10px 12px 0;
}
#currency-calc-widget-wrp p span#widget-reset {
margin: 0 0 12px 0;
}
#currency-calc-widget p.select .select-wrp {
padding: 5px 0 4px;
border-color: #ccc;
}
#currency-calc-widget p.select {
}
#currency-calc-widget p.select select {
width: 100%;
padding: 10px;
}
#currency-calc-widget p#widget-loading {
height: 32px;
padding: 89px 0;
text-align: center;
margin: 0;
}
@media print {
#cont {
width: 100%;
}
#logo {
width: 100%;
text-align: center;
}
#currency-calc, #cookie-law-info-bar, #cookie-law-info-again, #send-money-form, #menu-bg, #mu, #sub-mu, #sb, #ft-mu, #gsn-floating, #currency-calc-widget-wrp {
display: none;
}
}
#gsn-floating {
position: fixed;
top: 50px;
right: 0;
border: 1px solid #ccc;
background: #fff;
width: 32px;
padding: 5px;
z-index: 5000;
-moz-box-shadow: -1px 1px 10px #888;
-webkit-box-shadow: -1px 1px 10px #888;
box-shadow: -1px 1px 10px #888;
}
#gsn-floating p {
margin: 0;
}
#feature-testimonial {
background: url(/images/quotes.png) no-repeat 10px 0;
padding: 38px 0 28px;
margin: 25px 10px 0;
}
#feature-testimonial p {
color: #666;
}
#feature-testimonial p.testimonial {
font-family: 'Yanone Kaffeesatz',sans-serif;
font-size: 54px;
color: #333;
line-height: 64px;
background: url(/images/quotes.png) no-repeat 888px bottom;
padding: 0 58px;
}
#feature-testimonial p span {
font-weight: 700;
}
.home #contain {
margin: 0;
}
#featured-wrap {
background: #efefef;
border: solid #dfdfdf;
border-width: 1px 0;
margin: 154px 0 20px;
padding: 49px 0 0;
}
#featured {
width: 100%;
float: left;
}
#featured .feature {
border: 1px solid #cccccc;
background: #ffffff;
width: 188px;
float: left;
margin: 32px 1px;
position: relative;
-webkit-transition: 0.6s ease-in-out;
-moz-transition: 0.6s ease-in-out;
-o-transition: 0.6s ease-in-out;
transition: 0.6s ease-in-out;
}
#featured .feature p {
font-weight: 700;
padding: 0 10px;
font-size: 11px;
}
#featured .feature p.title {
background: #cccccc;
padding: 10px;
margin: 0;
font-family: 'Yanone Kaffeesatz', sans-serif;
color: #ffffff;
/*text-shadow: 1px 1px 1px #333333;*/
font-size: 24px;
line-height: 28px;
text-transform: uppercase;
text-align: center;
-webkit-transition: 0.6s ease-in-out;
-moz-transition: 0.6s ease-in-out;
-o-transition: 0.6s ease-in-out;
transition: 0.6s ease-in-out;
}
#featured #feature-1 p.title {
background: #cd0067;
}
#featured #feature-2 p.title,
#featured #feature-3 p.title {
background: #999;
}
#featured .feature p.img {
padding: 12px 10px 0;
}
#featured .feature p span{
display: block;
float: right;
}
#featured .feature p.img {
}
#featured #feature-1 {
z-index: 100;
}
#featured #feature-2 {
-ms-transform: scale(0.92) translate(14px,0px); /* IE 9 */
-webkit-transform: scale(0.92) translate(14px,0px); /* Chrome, Safari, Opera */
transform: scale(0.92) translate(14px,0px);
z-index: 90;
}
#featured #feature-3 {
-ms-transform: scale(0.92) translate(-14px,0px); /* IE 9 */
-webkit-transform: scale(0.92) translate(-14px,0px); /* Chrome, Safari, Opera */
transform: scale(0.92) translate(-14px,0px);
z-index: 90;
}
#featured #feature-4 {
-ms-transform: scale(0.85) translate(45px,0px); /* IE 9 */
-webkit-transform: scale(0.85) translate(45px,0px); /* Chrome, Safari, Opera */
transform: scale(0.85) translate(45px,0px);
z-index: 80;
}
#featured #feature-5 {
-ms-transform: scale(0.85) translate(-45px,0px); /* IE 9 */
-webkit-transform: scale(0.85) translate(-45px,0px); /* Chrome, Safari, Opera */
transform: scale(0.85) translate(-45px,0px);
z-index: 80;
}
#featured-wrap #featured .feature:hover {
-ms-transform: scale(1.1); /* IE 9 */
-webkit-transform: scale(1.1); /* Chrome, Safari, Opera */
transform: scale(1.1);
z-index: 110;
border: 1px solid #333333;
-webkit-transition: 0.6s ease-in-out;
-moz-transition: 0.6s ease-in-out;
-o-transition: 0.6s ease-in-out;
transition: 0.6s ease-in-out;
}
#featured-wrap #featured .feature:hover p.title {
background: #333333;
-webkit-transition: 0.6s ease-in-out;
-moz-transition: 0.6s ease-in-out;
-o-transition: 0.6s ease-in-out;
transition: 0.6s ease-in-out;
}
#featured-wrap #featured #feature-4:hover {
-ms-transform: scale(1.1) translate(15px,0px); /* IE 9 */
-webkit-transform: scale(1.1) translate(15px,0px); /* Chrome, Safari, Opera */
transform: scale(1.1) translate(15px,0px);
}
#featured-wrap #featured #feature-5:hover {
-ms-transform: scale(1.1) translate(-15px,0px); /* IE 9 */
-webkit-transform: scale(1.1) translate(-15px,0px); /* Chrome, Safari, Opera */
transform: scale(1.1) translate(-15px,0px);
}
.single-money-transfers h1,
.single-travel-money-product h1 {
border-bottom: 2px dotted #d4e6fc;
padding: 20px 10px 22px;
}
.single-travel-money-product .product-info {
clear: both;
border-bottom: 2px dotted #d4e6fc;
margin: 0 0 16px;
padding: 0 0 16px;
}
.single-money-transfers h3,
.single-travel-money-product h3 {
font-size: 26px;
}
.single-money-transfers table,
.single-travel-money-product table {
margin: 0 auto 12px;
}
.single-money-transfers table tr:nth-child(odd),
.single-travel-money-product table tr:nth-child(odd) {
background: #efefef;
}
.single-money-transfers table tr td,
.single-travel-money-product table tr td {
padding: 5px;
}
#table-sub-heading {
margin: 0 0 12px;
padding: 0 10px;
clear: both;
}
ul#table-labels {
list-style: none;
margin: 0 0 0 217px;
}
ul#table-labels li {
text-align: center;
width: 106px;
float: left;
padding: 5px 2px;
margin: 0;
font-size: 12px;
font-weight: 700;
color: #333;
}
.bor-top {
border-top: 1px dashed #ccc;
padding: 10px 0;
}
/* Alphabet list
-------------------------------------------------*/
#alpha-list {
height: 18px;
border: 5px solid #dfdfdf;
padding: 10px;
margin: 20px 0;
}
#alpha-list ul {
list-style: none;
}
#alpha-list ul li.all {
width: 55px;
}
#alpha-list ul li {
float: left;
width: 23px;
height: 20px;
margin: 0 5px;
text-align: center;
}
#alpha-list ul li span {
display: block;
}
#alpha-list ul li span:hover {
cursor: pointer;
color: #0066cc;
background: #efefef;
}
#page{ display:none;}