@charset "utf-8";
/* CSS Document */
body{background:url(../images/bg_pattern.jpg) 0 0 repeat; padding:0; margin:0; font:normal 13px/18px 'Open Sans', sans-serif; color:#252525;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.spacer{clear:both; display:block; line-height:0; font-size:0;}

h1{ font-size: 2em; color: #491559; line-height: 30px; }

@font-face {
    font-family: 'DINProMedium';
    src: url('../fonts/dinpro-medium.eot');
    src: url('../fonts/dinpro-medium.eot') format('embedded-opentype'),
         url('../fonts/dinpro-medium.woff') format('woff'),
         url('../fonts/dinpro-medium.ttf') format('truetype'),
         url('../fonts/dinpro-medium.svg#DINProMedium') format('svg');
}

@font-face {
    font-family: 'gotham_htfbold';
    src: url('../fonts/gothamhtf-bold_2-webfont.eot');
    src: url('../fonts/gothamhtf-bold_2-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gothamhtf-bold_2-webfont.woff') format('woff'),
         url('../fonts/gothamhtf-bold_2-webfont.ttf') format('truetype'),
         url('../fonts/gothamhtf-bold_2-webfont.svg#gotham_htfbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gotham_htfmedium';
    src: url('../fonts/gothamhtf-medium_2-webfont.eot');
    src: url('../fonts/gothamhtf-medium_2-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gothamhtf-medium_2-webfont.woff') format('woff'),
         url('../fonts/gothamhtf-medium_2-webfont.ttf') format('truetype'),
         url('../fonts/gothamhtf-medium_2-webfont.svg#gotham_htfmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'league_gothicregular';
    src: url('../fonts/leaguegothic-webfont.eot');
    src: url('../fonts/leaguegothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/leaguegothic-webfont.woff') format('woff'),
         url('../fonts/leaguegothic-webfont.ttf') format('truetype'),
         url('../fonts/leaguegothic-webfont.svg#league_gothicregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

#wrapper{width:100%; padding:0; margin:0;}
.content{width:960px; margin:0 auto;}

/* ---------------- header --------------- */
#header{background:url(../images/topline.gif) 0 0 repeat-x #cecece; width:100%; clear:both; overflow:hidden;}
#header .content{background:url(../images/bg_header.jpg) 50% 0 no-repeat;}
#header .logo{background:url(../images/logo.png) 0 0 no-repeat; width:373px; height:94px; padding:0; margin:63px 0 5px 8px; float:left;}
#header .logo a{display:block; text-decoration:none; height:0; padding:94px 0 0 0 ; overflow:hidden; line-height:normal; font-size:0;}
#header .rtpanel{float:right; width:500px;}
#header .topButton{clear:both; overflow:hidden; float:right;}
#header .topButton a{display:block; text-decoration:none; background:url(../images/half_circle.png) 0 0 no-repeat; width:149px; color:#FFF; font:normal 24px/26px 'DINProMedium'; padding:34px 0 39px; text-transform:uppercase; text-shadow:1px 1px 2px #64340c; text-align:center; -webkit-transition: all 1s linear;
-o-transition: all 1s linear;
-moz-transition: all 1s linear;
-ms-transition: all 1s linear;
-kthtml-transition: all 1s linear;
transition: all 1s linear;}
#header .topButton a:hover{text-shadow:1px 2px 2px #000; -webkit-transition: all 1s linear;
-o-transition: all 1s linear;
-moz-transition: all 1s linear;
-ms-transition: all 1s linear;
-kthtml-transition: all 1s linear;
transition: all 1s linear;}
#header .newsletter-block{width:314px; margin-bottom:10px; float:right;}
#header .newsletter-block input[type=text]{background:#fff; border:1px solid #c3c3c3;}
#header .newsletter-block p{color:#67267a; letter-spacing:-1px; font:normal 16px/28px 'gotham_htfmedium'; padding:0; margin:0 0 4px; text-transform:uppercase;}
#header .newsletter-block p span{color:#d86d18;}
#header .searchbox input[type="text"]{width:167px; padding:6px 0 6px 9px; border:0; outline:none; float:left; background:none; color:#252525; font:normal 14px/16px 'Open Sans', sans-serif;}
#header .searchbox input[type="submit"]{background:url(../images/search_btn.gif) 0 0 no-repeat; width:19px; height:0; padding:18px 0 0 0; overflow:hidden; line-height:normal; font-size:0; !height:19px; text-indent:-9999em; float:right; border:0; margin:7px 8px 0 0; cursor:pointer; -webkit-transition: opacity 200ms linear;
-moz-transition: opacity 200ms linear;
-o-transition: opacity 200ms linear;
-ms-transition: opacity 200ms linear;
transition: opacity 200ms linear; opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);}
#header .searchbox input[type="submit"]:hover{opacity:.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50);}

#header .rtpanel .share-icons{float:right; margin-bottom:8px; position:relative;}
#header .rtpanel .share-icons .icon{display:inline-block; margin-left:5px;}
#header .rtpanel .share-icons .icon.twitter{position:relative; top:-2px;}
#header .rtpanel .share-icons .icon.twitter iframe{width:85px!important; height:10px;}
#header .rtpanel .share-icons .icon.facebook{position:relative; top:-6px;}
#header .rtpanel .share-icons .icon.google-plus{position:relative; top:-2px;}
#header .rtpanel .share-icons .icon.google-plus > div{width:60px!important;}
#header .rtpanel .share-icons .icon.youtube{}

/* -------------- navigation -----------------  */   
#navigation{background:#f47c01; border-bottom:#f47c01 1px solid; height:51px; clear:both; width:100%;}
#navigation .content{position:relative; background:url(../images/navbg.gif) 0 0 repeat-x; height:52px;}
#navigation .content .ltarrow{background:url(../images/navlt.gif) 0 0 no-repeat; width:17px; height:52px; display:block; position:absolute; left:0; top:0;}
#navigation .content .rtarrow{background:url(../images/navrt.gif) 0 0 no-repeat; width:17px; height:52px; display:block; position:absolute; right:0; top:0;}

/* ---------------- slider area ---------------- */
#slider-block{margin:0 auto 7px; width:960px; clear:both;}
.slider{clear:both; border-bottom:#e2d8e5 1px solid; clear:both; overflow:hidden; position:relative; /*height: 321px;*/}
.slider img{display:block;}
.slider .pagination{position:absolute; right:12px; top:12px; z-index:100;}
.slider .pagination a{display:inline-block; width:26px; height:26px; background:#6a297c; font-size:14px; line-height:26px; margin:0 0 0 4px;
 -webkit-transition: background 0.20s ease;
  -moz-transition: background 0.20s ease;
  -o-transition: background 0.20s ease;
  transition: background 0.20s ease;
 text-align:center; color:#FFF; text-decoration:none; border-radius:4px;}
.slider .pagination a:hover, .slider .pagination li.rslides_here a{background:#89429d;}
.slider .desc{background:url(../images/slider_box.png) 0 0 no-repeat; width:330px; height:197px; position:absolute; right:0; top:51px; padding:0 0 0 26px; text-align:center; z-index:2;}
.slider .desc h2{margin:43px 0 6px; padding:0; color:#d86d18; font:normal 59px/56px 'league_gothicregular'; text-transform:uppercase; text-shadow:0px 2px 1px #FFF;}
.slider .desc h2 a{color:#D86D18;}
.slider .desc p{color:#521c64; font:normal 23px/26px 'gotham_htfmedium'; padding:0 12px; margin:0; text-transform:uppercase;}
.slider .next{background:url(../images/next_btn.png) 0 0 no-repeat; display:block; text-decoration:none; width:52px; height:0; padding:52px 0 0 0; overflow:hidden; line-height:normal; font-size:0; position:absolute; right:12px; bottom:12px; -webkit-transition: opacity 200ms ease;
  -moz-transition: opacity 200ms ease;
  -o-transition: opacity 200ms ease; opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); z-index:100;}
.slider .next:hover{opacity:.6;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60);}
.slider .prev{background:url(../images/prev_btn.png) 0 0 no-repeat; display:block; text-decoration:none; width:52px; height:0; padding:52px 0 0 0; overflow:hidden; line-height:normal; font-size:0; position:absolute; left:12px; bottom:12px; -webkit-transition: opacity 200ms ease;
  -moz-transition: opacity 200ms ease;
  -o-transition: opacity 200ms ease; opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); z-index:100;}
.slider .prev:hover{opacity:.6;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60);}

#slider-block .slider-bottomBox{background:url(../images/bg_purplebox.png) 0 100% repeat-x #6c297f; clear:both; text-align:center; overflow:hidden; border-radius:0 0 12px 12px;}
#slider-block .slider-bottomBox .box-content{padding:36px 40px 40px; clear:both; overflow:hidden; text-align:center;}
#slider-block a{text-decoration:none;}
#slider-block .slider-bottomBox .box{background:url(../images/purple_shadowbg.png) 0 0 repeat; border-radius:5px; display:inline-block; margin:0 0 0 19px; width:268px; height:85px; float:left;}
#slider-block .slider-bottomBox .box a{padding:8px 10px; display:block;}
#slider-block .slider-bottomBox .box h2{color:#fff; font:normal 24px/65px 'gotham_htfmedium'; text-transform:uppercase; padding:0; margin:0;}
#slider-block .slider-bottomBox .box a h2{color:#fff;}
#slider-block .slider-bottomBox .box img{float:left;}
#slider-block .slider-bottomBox .box.two-lines h2{line-height:30px;}

/* ----------------- home content ---------------------- */
#main {clear:both; overflow:hidden; padding:0; margin:0 0;}
.ltPanel{width:590px; float:left; margin:0 22px 0 0;}
.rtPanel{width:314px; float:left;}

#main .video-container{margin-bottom:20px;}

.pageTitle{padding:0 11px 13px; clear:both; overflow:hidden;}
.pageTitle h2{color:#67267a; letter-spacing:-1px; font:normal 34px/35px 'gotham_htfmedium'; padding:0; margin:0; text-transform:uppercase;}
.pageTitle h2 span{color:#d86d18;}
.pageTitle a.more{color:#67267a; font-size:14px; line-height:16px; text-decoration:none; font-weight:800; margin:8px 0 0; display:inline-block; float:right; letter-spacing:-1px;}
.pageTitle a.more:hover{text-decoration:underline;}
.pageTitle .rss{display:block; float:left; padding:9px 5px 0 20px;}

.newsBlock{margin:0 0 9px; background: #e5e5e5; /* Old browsers */background: -moz-linear-gradient(left,  #e5e5e5 1%, #ffffff 50%, #e5e5e5 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, right top, color-stop(1%,#e5e5e5), color-stop(50%,#ffffff), color-stop(100%,#e5e5e5)); /*Chrome,Safari4+*/background: -webkit-linear-gradient(left,  #e5e5e5 1%,#ffffff 50%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(left,  #e5e5e5 1%,#ffffff 50%,#e5e5e5 100%); /* Opera 11.10+ */background: -ms-linear-gradient(left,  #e5e5e5 1%,#ffffff 50%,#e5e5e5 100%); /* IE10+ */background: linear-gradient(to right,  #e5e5e5 1%,#ffffff 50%,#e5e5e5 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#e5e5e5',GradientType=1 ); /* IE6-9 */ border:#c3c1c1 1px solid; border-radius:7px; clear:both; overflow:hidden; padding:13px 20px 13px 11px; min-height:221px;}
.newsBlock figure{display:block; float:left; margin:0 14px 0 0;}
.newsBlock figure img{display:block; width:100%;}
.newsBlock  .desc{overflow:hidden;}
.newsBlock .date{color:#252525; font-size:12px; line-height:13px; display:block; margin:0 0 12px;}
.newsBlock h3{color:#782f8b; font:700 15px/17px 'Open Sans', sans-serif; padding:0; margin:0 0 11px;}
.newsBlock h3 a{color:#782f8b; text-decoration:none;}
.newsBlock h3 a:hover{color:#782f8b; text-decoration:underline;}
.newsBlock p{font-size:13px; line-height:17px; margin:0 0 14px; padding:0;}

.readmore-btn{background:#ff7e17; height:25px; color:#FFF; font-size:13px; line-height:25px; border-radius:3px; display:inline-block; text-decoration:none; padding:0 7px;
-webkit-transition: background 0.3s ease;
-moz-transition: background 0.3s ease;
-o-transition: background 0.3s ease;
transition: background 0.3s ease;}
.readmore-btn:hover{background:#ff9845;}

.rtPanel h3{color:#67267a; letter-spacing:-1px; font:normal 26px/28px 'gotham_htfmedium'; padding:0; margin:0 0 14px; text-transform:uppercase;}
.rtPanel h3 span{color:#d86d18;}
.newsletter-block{margin:0 0 20px; clear:both; overflow:hidden;}
.newsletter-block p{color:#363636; font-size:14px; line-height:18px; padding:0; margin:0 0 12px;}
.newsletter-block p a{color:#662d91; text-decoration:underline;}
.newsletter-block p a:hover{color:#662d91; text-decoration:none;}
.newsletter-block .form{margin-bottom:12px;}
.newsletter-block input[type="text"]{width:219px; padding:9px 10px; border:0; background:#c6c6c6; font:400 15px/16px 'Open Sans', sans-serif; border-radius:3px; float:left; outline:none;}
.newsletter-block input[type="submit"]{margin-bottom:10px; background:#743a86; padding-bottom:2px; color:#FFF; width:70px; text-align:center; height:34px; cursor:pointer; font:600 15px/16px 'Open Sans', sans-serif; border-radius:3px; float:right; border:0;
-webkit-transition: background 0.3s ease;
-moz-transition: background 0.3s ease;
-o-transition: background 0.3s ease;
transition: background 0.3s ease;}
.newsletter-block input[type="submit"]:hover{background:#9859aa;}
.newslettermessage { font-weight:700; }

.link-btn{margin:0 auto 36px; clear:both; background:#FFF; border-radius:6px; overflow:hidden; text-decoration:none; display:block;}
.link-btn span{display:block; padding:34px 10px; color:#FFF; font:normal 31px/32px 'gotham_htfmedium'; text-align:center; text-shadow:0px 2px 1px #52251a; text-transform:uppercase; border-radius:6px;
-webkit-transition: opacity 200ms linear;
-moz-transition: opacity 200ms linear;
-o-transition: opacity 200ms linear;
-ms-transition: opacity 200ms linear;
transition: opacity 200ms linear; opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);}
.link-btn:hover span{opacity:.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80);}
.link-btn span.btn1{background:url(../images/orng_btn1.png) 50% 50% no-repeat;}
.link-btn span.btn2{background:url(../images/orng_btn2.png) 0 0 no-repeat;}
.link-btn span.btn3{background:url(../images/orng_btn3.png) 0 0 no-repeat;}

.quotes-block{min-height:190px; border-top:1px solid #3d3d3d; border-bottom:1px solid #3d3d3d; padding:32px; margin:30px 0; position:relative;}
.quotes-block h2{color:#363636; font:normal 32px/40px 'Open Sans', sans-serif; font-weight:600; font-style:italic; text-transform:none; padding:0; margin:0 0 10px;}
.quotes-block h3{color:#363636; font:normal 15px/23px 'Open Sans', sans-serif; font-weight:600; font-style:italic; text-align:right; text-transform:none; padding:0; margin:0;}
.quotes-block .prev{background:url(../images/quotes_prev.png) 0 0 no-repeat; display:block; width:11px; height:14px; text-indent:-9999px; position:absolute; top:10px; right:20px;}
.quotes-block .next{background:url(../images/quotes_next.png) 0 0 no-repeat; display:block; width:11px; height:14px; text-indent:-9999px; position:absolute; top:10px; right:0;}

/* ---------------- footer --------------------- */
#footer {background:url(../images/footer_bg.gif) 0 0 repeat-x #571d67; width:100%; padding:0; margin:20px 0 0; position:relative;}
#footer .halfCircle{background:url(../images/footer_curve.png) 0 0 no-repeat; width:134px; height:82px; left:50%; margin-left:-75px; top:0; display:block; position:absolute;}

#footer .content{padding-top:46px; overflow:hidden;}
#footer h3{color:#FFF; font:700 15px/18px 'Open Sans', sans-serif; padding:0; margin:0 0 10px; text-transform:uppercase;}
#footer h3 a{color:#FFF; text-decoration:none;}
#footer h3 a:hover{text-decoration:underline;}
#footer ul{list-style-type:none; padding:0; margin:0;}
#footer ul li{list-style-type:none; padding:0; margin:0 0 9px; font-size:11px; line-height:13px;}
#footer ul li a{color:#f6d3ff; text-decoration:none; -webkit-transition:color 0.2s linear;
-moz-transition:color 0.2s linear;
-o-transition:color 0.2s linear;
transition:color 0.2s linear;}
#footer ul li a:hover{color:#FFF;}
#footer aside{display:table-cell; float:left; margin:0 0 0 1%; width:13%;}
#footer aside:first-child{margin-left:0;}
#footer aside.gap{ margin-left:17%;}

#footer address{clear:both; float:right; width:318px; font-style:normal;}
#footer address a{color:#f6d3ff; text-decoration:none;}
#footer address a:hover{color:#fff; text-decoration:none;}
#footer address img{display:block; float:left; margin:0 0 10px 10px;}
#footer p{color:#FFF; font-size:13px; line-height:22px; text-align:right; padding:0; margin:0 0 20px;}
#footer p span{color:#b146cc;}
#footer .img-etf{width:73px; float:right;}


/* ----------------- inner pages --------------- */
.innerpages{background:#FFF; overflow:hidden;}
.innerpages .banner-block{background:#ee7b20; border-top:#FFF 1px solid; border-top:#FFF 1px solid; clear:both; overflow:hidden;}
.innerpages .banner-block .left{padding:15px 0 0 27px; float:left;}
.innerpages .banner-block figure{display:block; float:right; padding:0; margin:0; border-left:#FFF 1px solid;}
.innerpages .banner-block img{display:block;}
.innerpages .banner-block .breadcrumb{margin:0 0 15px; clear:both; overflow:hidden; font-size:13px; line-height:16px; color:#FFF;}
.innerpages .banner-block .breadcrumb a{color:#FFF; text-decoration:none;}
.innerpages .banner-block .breadcrumb a:hover{text-decoration:underline;}
.innerpages .banner-block h2{color:#FFF; font:700 44px/44px 'Open Sans', sans-serif; padding:0; margin:0;}

.inner-content{border-top:#b8b8b8 16px solid; /*border-bottom:#ee7b20 64px solid;*/ clear:both; overflow:hidden; padding:36px 7px 30px 16px;}

.inner-content img{max-width:100%;}

.inner-content .sidebar{width:164px; float:left; margin:0 14px 0 0;}
.inner-content .sidebar .ltmenu{clear:both; overflow:hidden; margin:0 0 18px;}
.inner-content .contentBlock{overflow:hidden; padding-left:10px; border-left:#3b3b3b 1px solid;}
.inner-content .sidebar h2{color:#491559; font:700 19px/21px 'Open Sans', sans-serif; padding:0; margin:0 0 25px;}
.inner-content .sidebar ul{list-style-type:none; padding:0; margin:0;}
.inner-content .sidebar ul li{list-style-type:none; font-size:13px; line-height:17px; padding:0; margin:0 0 15px;}
.inner-content .sidebar ul li a{color:#636363; text-decoration:none; -webkit-transition:color 0.2s linear;
  -moz-transition:color 0.2s linear;
  -o-transition:color 0.2s linear;
  transition:color 0.2s linear;}
.inner-content .sidebar ul li a:after{content:" >>";}
.inner-content .sidebar ul li li a:before{content:"-- ";}
.inner-content .sidebar ul li a:hover{color:#111;} 
.inner-content .sidebar .sml-banner{clear:both; overflow:hidden; margin:0 0 34px;}
.inner-content .sidebar .sml-banner img{display:block;}
.inner-content .product-list{}
.inner-content .product-list ul{list-style-type:none; padding:0; margin:0;}
.inner-content .product-list ul li{list-style-type:none; padding:0; margin:0 2% 90px 0; width:32%; float:left;}
.inner-content .product-list ul li.last{margin-right:0;}
.inner-content .product-list ul li figure{ padding:0; margin:0;}
.inner-content .product-list ul li figure img{display:block; padding:5px; background:#FFF; margin:5px 5px 16px; -webkit-box-shadow: 0px 0px 4px rgba(50, 50, 50, 0.86);
-moz-box-shadow:    0px 0px 4px rgba(50, 50, 50, 0.86);
box-shadow:         0px 0px 4px rgba(50, 50, 50, 0.86); box-shadow:         0px 0px 10px rgba(50, 50, 50, 0.86)\0/;}
.inner-content .product-list ul li .desc{clear:both; overflow:hidden; padding:0 0 0 5px;}
.inner-content .product-list ul li h2{color:#491559; font:700 19px/21px 'Open Sans', sans-serif; padding:0; margin:0 0 24px;}
.inner-content .product-list ul li p{font-size:13px; line-height:18px; padding:0; margin:0 0 12px;}

.inner-content.no-line{background-image:none;}

/* misc */

#siteMap div ul li{ padding: 5px 0; }
#siteMap div ul li span.AspNet-TreeView-Expand:after{ content: " - "; color: #ffffff; padding: 2px 6px 2px 5px;  background: #491559; font-weight: bold; text-align:center; border-radius: 3px;}
#siteMap div ul li span.AspNet-TreeView-Collapse:after{ content: " + "; color: #ffffff; padding: 2px 4px;  background: #491559; font-weight: bold; text-align:center; border-radius: 3px;}
#siteMap div ul li span.AspNet-TreeView-Collapse:hover:after, #siteMap div ul li span.AspNet-TreeView-Expand:hover:after{ background: #de70ff; }
#siteMap div ul li a{ font-weight: bold; color: #491559; margin-left: 10px; font-size: 16px;  text-decoration:none;}
#siteMap div ul li a:hover{ color: #de70ff; }
#siteMap div ul li ul{ padding-bottom: 6px; }
#siteMap div ul li ul li a{ font-weight: normal; margin-left: 30px; font-size: 16px;}
#siteMap div ul li ul li.AspNet-TreeView-Parent span{ margin-left: 30px; }
#siteMap div ul li ul li.AspNet-TreeView-Parent a{ margin-left: 10px; font-weight:bold;}
#siteMap div ul li ul li.AspNet-TreeView-Parent ul li a{ font-weight: normal; margin-left: 60px;}
.purpleLabel{ font-weight: bold; color: #491559; }

.searchPage{ font-weight: bold; }
.searchPage a{ font-weight: bold; color: #491559; text-decoration: none;}
.searchPage a:hover{ color: #de70ff; }

.addImageBorder{ padding: 3px; background:#ffffff; box-shadow: 0 0 3px 1px #727272; }

#formDetails{ padding: 10px; }
#formDetails div div{ padding: 10px;}
#formDetails div div label,
#formDetails .question_label{ font-weight: bold; color: #491559; }

.singleContentBlock{ width: 29%; padding: 2%; float: left; }
.singleContentBlock h2{ color: #491559; }
.singleContentBlock img{ width: 98%; }

.leftColumn{ float: left; width: 60%; padding: 2%; }
.leftColumn h2{ color: #491559; }
.rightColumn{ float: left; width: 29%; padding: 2%; }
.rightColumn img{ width: 98%; }
.rightColumn p{ font-weight: bold; color: #491559; }

#news div{ }
#news div h1{ color: #491559; line-height: 30px;}
#news div h3{ }
#news a{ font-weight: bold; color: #491559; text-decoration:none;}
#news a:hover{ color: #de70ff; }

.sidebar .sideCallout{ background: #ffffff; width: 90%; margin: 20px auto; padding: 0;}
.sidebar a{ text-decoration: none; }
.sidebar .sideCallout h2{ color: #ffffff; text-shadow: 1px 1px 2px #000000; margin:0;}
.sidebar .sideCallout h2 a{ display: block; -webkit-transition: opacity 200ms linear; -moz-transition: opacity 200ms linear; -o-transition: opacity 200ms linear; -ms-transition: opacity 200ms linear; transition: opacity 200ms linear; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); background-size: cover; padding-top: 32px; padding-bottom:32px; background:url("../images/orng_btn1.png"); border-radius:5px; -webkit-backface-visibility:hidden; -moz-backface-visibility: hidden; backface-visibility:hidden;}
.sidebar .sideCallout h2 a span{ color: #ffffff; text-shadow: 1px 1px 2px #000000;}
.sidebar figure:nth-of-type(2) .sideCallout h2 a{ background:url("../images/orng_btn2.png");}
.sidebar figure:nth-of-type(3) .sideCallout h2 a{ background:url("../images/orng_btn3.png");}
.sidebar .sideCallout h2 a:hover{opacity:.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -webkit-backface-visibility:hidden; -moz-backface-visibility: hidden; backface-visibility:hidden;}

.FBTab{ border: #939394 1px solid; padding: 0;}
.FBTab h3{ color: #244195; background: #EDEEF3; text-transform:capitalize; font-size: 14px; padding-left:6px; margin-bottom:0;}
.FBTab div{ padding: 10px; }
.FBTab .likeTab{ border-bottom: #939394 1px solid; width: 271px; height:50px;}
.FBTab .likeTab img{ float: left; height: 50px; width: 50px; margin-right: 10px; }
.FBTab .likeTab a{ text-decoration:none; }
.FBTab .likeTab h3{ float: left; color: #244195; text-transform:capitalize; font-size: 14px; margin-bottom:0; background: none;}
.FBTab .likeTab .likeButton{ float: left; margin-top: 0; padding: 0 0 0 10px; width: 184px;}
.FBTab .likeTab .likeButton div{padding: 0; }
.FBTab .feedTab{ width: 286px; height: 100px; padding-bottom:0; overflow-y:scroll; overflow-x:hidden; }
.FBTab .feedTab div{ padding: 0; }
.FBTab.ui-tabs-panel.ui-widget-content.ui-corner-bottom{padding: 0;}
#TTab{ padding: 0;}

#news{ padding: 10px; }
.news .newsBlock{ background-size:cover; }


.newsPicture{ float: left; margin: 1px;}
.newsPicture img{ width: 251px; margin-right: 10px;}
.newsInfo{ width: auto; margin-left: 10px;}
.newsInfo p, .newsInfo h2 { width: 100%; }
.newsBlockLong {margin: 0 0 9px;background: #e5e5e5; /* Old browsers */background: -moz-linear-gradient(left,  #e5e5e5 1%, #ffffff 50%, #e5e5e5 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, right top, color-stop(1%,#e5e5e5), color-stop(50%,#ffffff), color-stop(100%,#e5e5e5)); /*Chrome,Safari4+*/background: -webkit-linear-gradient(left,  #e5e5e5 1%,#ffffff 50%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(left,  #e5e5e5 1%,#ffffff 50%,#e5e5e5 100%); /* Opera 11.10+ */background: -ms-linear-gradient(left,  #e5e5e5 1%,#ffffff 50%,#e5e5e5 100%); /* IE10+ */background: linear-gradient(to right,  #e5e5e5 1%,#ffffff 50%,#e5e5e5 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#e5e5e5',GradientType=1 ); /* IE6-9 */border: #c3c1c1 1px solid;border-radius: 7px;clear: both;overflow: hidden;padding: 13px 20px 13px 11px;}

.dividerLine{ float: left;}

#photoImages{ height: 320px; }
/* End the css of life */

.tagline{background:#EE7B20; height:64px; color: #ffffff; font:700 40px/64px 'Open Sans', sans-serif; text-shadow: 1px 1px 2px #000000; text-align:center; text-transform:uppercase;}


/************************************************************************************
MOBILE
*************************************************************************************/
@media only screen and (orientation:landscape) {
body { -webkit-text-size-adjust:none; }
}
@media only screen and (orientation:portrait) {
body { -webkit-text-size-adjust:none; }
}
@media screen and (max-width: 800px) {
	.content{width:99%; margin:0 auto;}
	#slider-block{width:99%; margin:0 auto 33px;}
	.slider img{width:100%;}
	
	.slider .desc{background:url(../images/slider_box_pad.png) 0 0 no-repeat; width:231px; height:140px; position:absolute; right:0; top:51px; padding:0 0 0 22px; text-align:center;}
	.slider .desc h2{margin:20px 0 6px; padding:0; color:#d86d18; font:normal 42px/44px 'league_gothicregular'; text-transform:uppercase; text-shadow:0px 2px 1px #FFF;}
	.slider .desc p{color:#521c64; font:normal 16px/20px 'gotham_htfmedium'; padding:0 12px; margin:0; text-transform:uppercase;}
	
	#slider-block .slider-bottomBox .box {min-width:26%; margin:0 1%; padding:12px 1%;}
	
	.ltPanel{width:60%; margin:0;}
	.rtPanel{width:38%; float:right;}
	.newsletter-block input[type="text"]{width:196px;}
	.tabSection ul li a{min-width:20px; padding-right:30px;}
	.tabSection .tab-content .img{width:100%;}
	.newsBlock figure{width:200px;}
	#footer aside{width:11%; margin-left:1%;}
	#footer aside.gap{margin-left:23%;}
	#footer address{margin:0;}
	
	.inner-content .product-list ul li figure img{width:100%;}
	.inner-content .product-list ul li h2{font-size:17px;}
}

@media screen and (max-width: 768px) {
	#header .rtpanel {width:370px;}
}

@media screen and (max-width: 600px) {
	#header{background:url(../images/bg_header.jpg) 50% 0 no-repeat;}
	#header .content{background:none;}
	#header .logo{margin:20px auto; float:none;}
	#header .rtpanel{margin:0 auto; float:none; clear:both;width:inherit;}
	#header .topButton{float:none; width:300px; margin:0 auto;}
	#header .newsletter-block{float:none; margin:0 auto 20px;}
	#header .newsletter-block p{text-align:center;}
	#header .rtpanel .share-icons{text-align:center; float:none;}
	#navigation .content .ltarrow, #navigation .content .rtarrow{display:none;}
	
	#navigation{height:auto;}
	#navigation .content{height:auto; background:#612372; border-radius:5px;}
	#navigation ul li ul{display:none;}
	
	.ltPanel{width:100%; float:none; margin:0 0 20px; overflow:hidden;}
	.rtPanel{width:96%; padding:0 2%; float:none; clear:both; margin:0;}
	.newsBlock figure{width:236px;}
	.newsletter-block input[type="text"]{margin:0 5px 0 0;}
	.newsletter-block input[type="submit"]{float:left;}
	.link-btn{width:313px; margin-left:0;}
	.tabSection .tab-content .img{width:auto; max-width:100%;}
	
	#footer .halfCircle{display:none;}
	#footer aside.gap{margin-left:1%;}
	#footer aside{width:31%; min-height:230px;}
	#footer address{float:left;}
	#footer address img{margin-right:9px; margin-left:0;}
	#footer address p{text-align:left;}
	#footer .content{width:98%;}
	#footer .img-etf{width:73px; float:right; margin:0 0 0 10px;}
	
	.innerpages .banner-block .left{width:47%; padding-left:3%;}
	.innerpages .banner-block figure{width:49%;}
	.innerpages .banner-block figure img{width:100%;}
	.innerpages .banner-block .breadcrumb{ margin-bottom:7px;}
	.innerpages .banner-block h2{font-size:30px; line-height:32px;}
}

@media screen and (max-width: 480px) {
	.slider .desc{display:none;}
	#slider-block .slider-bottomBox .box-content{padding:20px;}
	#slider-block .slider-bottomBox .box{width:95%; margin-bottom:10px;}
	
	.inner-content .sidebar{float:none; width:100%; margin:0 0 15px; clear:both; overflow:hidden;}
	.inner-content .sidebar ul li{border-bottom:#e8e8e8 1px solid; padding-bottom:12px;} 
	.inner-content .contentBlock{border:0; border-top:#e8e8e8 5px solid; padding:25px 0 0 0; margin-top:30px;}
	.inner-content .sidebar .sml-banner{width:48%; margin:0 1% 10px 0; float:left; clear:none;}
	.inner-content .product-list ul li{width:100%; float:none; margin:0 0 15px; border-top:#e8e8e8 1px solid; padding-top:30px;}
	.inner-content .product-list ul li:first-child{border:0; padding-top:12px;}
	.inner-content .product-list ul li figure img{width:auto;}
	.inner-content{border-bottom-width:15px;}
	.innerpages .banner-block .left{width:90%; float:none; clear:both; overflow:hidden; padding:5%;}
	.innerpages .banner-block figure{width:100%; float:none; clear:both; overflow:hidden; border:0; border-top:#FFF 1px solid;}
}

@media screen and (max-width: 380px) {
	#header .logo{background:url(../images/logo_iphone.png) 0 0 no-repeat; width:310px; height:78px;}
	#header .logo a{padding:78px 0 0 0 ;}
	.newsBlock figure{width:40%;}
	.newsBlock .desc{overflow:visible;}
	.link-btn{width:100%; max-width:313px;}
	#footer aside{width:100%; min-height:10px; clear:both; overflow:hidden; margin:0 0 15px;}
}