@charset "utf-8";


/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/

@import url('../fonts/swisscb.css');


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

}



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

}



img,
object,
embed,
video {
	
	max-width: 100%;
	

}



/* IE 6 does not support max-width so default to width 100% */




button {
	
	cursor: pointer;
	
	cursor: hand;
	

}



.ie6 img,
.login-btm-sec {
	
	width: 100%;
	

}



html,
body,
div,
ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
fieldset,
input,
hr {
	
	margin: 0;
	
	padding: 0;
	

}



h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
address,
caption,
cite,
code,
em,
th {
	
	font-size: 12px;
	
	font-weight: normal;
	
	font-style: normal;
	

}



ul,
ol {
	
	list-style: none;
	

}



fieldset,
img,
hr {
	
	border: none;
	

}



caption,
th {
	
	text-align: left;
	

}



li {
	
	list-style: none

}



ul {
	
	list-style: none

}



a,
.btn-r,
.srch-box button {
	
	opacity: 0.95;
	

}



a:hover,
.btn-r:hover,
.srch-box button:hover {
	
	opacity: 1;
	

}



a,
a:hover,
a:focus {
	
	color: inherit;
	

}



a,
a:focus {
	
	text-decoration: none;
	

}



/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;

	dw-num-cols-tablet:		8;

	dw-num-cols-desktop:	10;

	dw-gutter-percentage:	25;

	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 768px and below. */

h2,
h4 {
	
	font-family: 'rock';
	
	font-weight: bold;
	

}



h2 {
	
	font-size: 25px;
	

}



h4 {
	
	font-size: 15px;
	
	display: inline-block;
	

}



body {
	
	background: #000;
	
	overflow-x: hidden;
	

}



body > .container {
	
	background: #F5F4F3;
	

}



.tp-w {
	
	position: relative;
	
	overflow:visible;
	

}



.tp-w > a {
	
	font-family: 'rock';
	
	font-size: 11px;
	
	color: #040200;
	
	float: right;
	
	margin-bottom: -10px;
	
	padding-left: 10px;
	
	padding-top: 5px;
	
	padding-bottom: 10px;
	

}


.login-box {
	
	visibility: hidden;
	
	background: #FFF;
	
	width: 307px;
	
	position: absolute;
	
	right: 0;
	
	top: 30px;
	
	z-index: 999;
	
	font-size: 12px;
	
	font-family: 'rock';
	

}



.login-box form {
	
	padding: 29px 29px 0 29px;
	

}



.login-box p {
	
	margin-bottom: 10px;
	

}



.login-box > a:first-child {
	
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	
	font-size: 13px;
	
	color: #00303F;
	

}



.login-box input {
	
	border: 1px solid #C7C7C7;
	
	border-radius: 0;
	
	margin-bottom: 10px;
	
	font-family:'myriad';
	
	font-size:14px;
	
	color: #3A3A3A;
	

}



.login-box .btn-r {
	
	width: 100%;
	
	margin: 10px 0;
	

}



.login-btm-sec {
	
	text-align: center;
	
	font: 14px 'rock' !important;
	
	padding: 15px 0;
	
	background: #F1F1F1;
	
	display: block;
	
	margin-top: 15px;
	

}



.login-btm-sec > strong,
.login-box p {
	
	color: #DE4A4A;
	

}


#popup-login:hover + div,.login-box:hover{
	visibility: visible;
}


.sec-tp {
	
	display: none;
	

}



.srch-box {
	
	/*	width: 419px;
	*/
	width: 36.3715%;
	
	padding: 6px;
	
	background: -moz-linear-gradient(#FAFAFA, #EEE);
	
	background: -webkit-linear-gradient(#EEE, #FAFAFA);
	
	background: -webkit-gradient(linear, 0 100%, 0 0, from(#FAFAFA), to(#EEE));
	
	background: -o-linear-gradient(#FAFAFA, #EEE);
	
	background: linear-gradient(#FAFAFA, #EEE);
	
	border: 1px solid #DDD;
	
	box-shadow: 1px #000;
	
	border-radius: 3px;
	
	margin-top: 23px;
	
	position: relative;
	

}



.srch-wp {
	
	background: #A4261C;
	

}



.srch-wp .srch-box {
	
	margin-top: 10px;
	
	margin-bottom: 10px;
	
	width: 100%;
	

}



.icon {
	
	width: 23px;
	
	height: 19px;
	
	display: inline-block;
	

}



.icon-search {
	
	background: url(../images/icon-search.jpg) no-repeat;
	
	position: absolute;
	
	left: 14px;
	
	top: 18px;
	

}



.srch-box input {
	
	border: 1px solid #E4E4E4;
	
	box-shadow: inset 3px 3px 3px #ECECEC;
	
	/*	width: 310px;
	*/
	width: 65%;
	
	height: 43px;
	
	margin-right: 6px;
	
	padding-left: 34px;
	
	font-family: Georgia, "Times New Roman", Times, serif;
	
	font-size: 14px;
	
	color: #595965;
	
	font-style: italic;
	

}



.srch-box button {
	
	/*width: 89px;
	*/
	width: 21.2410%;
	
	height: 42px;
	
	border: 1px solid #A7392E;
	
	background: -moz-linear-gradient(#CA4638, #AE3C2F);
	
	background: -webkit-linear-gradient(#AE3C2F, #CA4638);
	
	background: -webkit-gradient(linear, 0 100%, 0 0, from(#AE3C2F), to(#CA4638));
	
	background: -o-linear-gradient(#CA4638, #AE3C2F);
	
	background: linear-gradient(#CA4638, #AE3C2F);
	
	font-family: 'rock';
	
	font-size: 15px;
	
	color: #FFF;
	

}



.navbar-brand {
	
	display: table !important;
	
	margin-left: auto;
	
	margin-right: auto;
	

}



.menu-wp {
	
	border-radius: 0;
	
	border: 0;
	
	background: url(../images/menu-mb-bg.jpg) repeat-x, url(../images/menu-mb-bg2.jpg);
	
	position: relative;
	
	margin: 0;
	

}



.pointed {
	
	position: absolute;
	
	display: none;
	

}



.pointed.left {
	
	left: -25px;
	
	top: -14px;
	

}



.pointed.right {
	
	right: -27px;
	
	top: -13px;
	

}



.menu-wp .nav > li > a {
	
	font-family: 'rock';
	
	color: #F99;
	
	font-size: 13px;
	

}



.menu-wp .navbar-nav > .active > a,
.menu-wp .navbar-nav > .active > a:focus {
	
	background: -moz-linear-gradient(#631D18, #400000);
	
	background: -webkit-linear-gradient(#631D18, #400000);
	
	background: -webkit-gradient(linear, 0 100%, 0 0, from(#631D18), to(#400000));
	
	background: -o-linear-gradient(#631D18, #400000);
	
	background: linear-gradient(#631D18, #400000);
	
	color: #FF9999;
	
	font-family: 'rock';
	

}



.menu-wp .navbar-nav > li > a:hover,
.menu-wp .navbar-nav > .active > a:hover,
.srch-box button:hover {
	
	color: #FFF;
	

}



.item {
	
	padding-top: 21px;
	
	padding-bottom: 21px;
	
	border-radius: 3px;
	
	border: 1px solid #DDDDDD;
	
	background: #FFF;
	
	margin: 29px 0 0 0;
	

}



.item h2 {
	
	padding-bottom: 18px;
	
	border-bottom: 3px double #F0F0F0;
	
	text-shadow: 1px 1px #DFDFDF;
	
	color: #000;
	

}



.item-desc {
	
	padding: 20px 0;
	
	color: #999;
	
	font-family: 'myriad';
	
	font-size: 14px;
	

}



.item-desc > div:last-child {
	
	margin-left: 15px;
	
	padding: 0;
	

}



.rating-bg {
	
	width: 84px;
	
	height: 15px;
	
	position: relative;
	
	background: url(../images/icon-star-bw.png) repeat-x;
	
	display: inline-block;
	

}



.rating {
	
	width: 20%;
	
	position: absolute;
	
	left: 0;
	
	top: 0;
	
	background: url(../images/icon-star-c.png) repeat-x;
	
	z-index: 99;
	
	height: 15px;
	

}



.item-scl {
	
	margin-top: 15px;
	
	font-size: 12px;
	
	color: #333;
	
	font-family: 'myriad';
	

}



.share {
	
	background-image: url(../images/share.jpg);
	
	background-repeat: no-repeat;
	
	height: 22px;
	
	display: inline-block;
	

}



.share.fb {
	
	width: 101px;
	
	background-position: 0 0;
	

}



.share.twit {
	
	width: 102px;
	
	background-position: -102px 0;
	

}



.share.gplus {
	
	width: 102px;
	
	background-position: -204px 0;
	

}



.share.pinit {
	
	width: 100px;
	
	background-position: -308px 0;
	

}



.pagination {
	
	display: table;
	
	margin-top: 20px;
	
	margin-bottom: 0;
	
	margin-left: auto;
	
	margin-right: auto;
	
	font-family: 'rock';
	
	font-weight: bold;
	

}



.pagination li {
	
	margin-bottom: 10px;
	
	display: inline-block;
	

}



.aside > div {
	
	padding: 18px 11px;
	
	background: #FFF;
	
	border-radius: 3px;
	
	margin-bottom: 23px;
	

}



.aside-head {
	
	position: relative;
	
	margin-bottom: 15px;
	

}



.aside-left,
.aside-right {
	
	position: absolute;
	
	top: 0;
	

}



.aside-left {
	
	left: -15px;
	
	top: 0;
	

}



.aside-right {
	
	right: -35px;
	
	top: -9px;
	

}



.aside-head {
	
	background-color: -moz-linear-gradient(#9A2627, #7D1717);
	
	background-color: -webkit-linear-gradient(#9A2627, #7D1717);
	
	background-color: -webkit-gradient(linear, 0 100%, 0 0, from(#9A2627), to(#7D1717));
	
	background-color: -o-linear-gradient(#9A2627, #7D1717);
	
	background-color: linear-gradient(#9A2627, #7D1717);
	
	background-image: url(../images/bg-tab-hd.jpg);
	
	background-repeat: repeat-x;
	
	display: block;
	
	color: #FFF;
	
	text-indent: 20px;
	
	padding-top: 12px;
	
	height: 47px;
	

}



div.aside-head h2 {
	
	font-size: 14px;
	
	z-index: 99;
	
	position: absolute;
	
	font-family: 'swis721_cn_btbold';
	
    margin-top: 4px;
}



.aside-tabs h2 {
	
	font-size: 29px;
	

}



.aside-tabs .tab-content li {
	
	padding: 17px 0;
	
	background: url(../images/sep-aside-tab.jpg) repeat-x center bottom;
	

}



.aside-tabs .tab-content li:last-child {
	
	background: none;
	

}



.aside-tabs h4 {
	
	color: #2D2D20;
	

}



.aside-tabs img {
	
	padding-left: 0;
	

}



.aside-tabs span {
	
	padding: 0;
	

}



.aside-tabs p {
	
	font-family: Arial, Helvetica, sans-serif;
	
	font-size: 11px;
	
	color: rgba(60,68,70,0.69);
	
	display: inline-block;
	
	font-weight: bold;
	

}



.aside-tab .nav-tab {
	
	border-bottom: 1px solid #F4F0EC;
	

}



.aside-tab li {
	
	margin-bottom: -2px;
	

}



.aside-tab > .active > a {
	
	background: url(../images/bg-nav-tabs.jpg) repeat;
	
	border: none !important;
	
	color: #FFF !important;
	

}



.aside-tab > li > a {
	
	margin-right: 0;
	
	border-right: 1px solid #CCC;
	

}



.aside-tab > li > a:last-child {
	
	border-right: none;
	

}



.aside-tab > .active > a,
.aside-tab > li > a {
	
	padding: 0;
	
	border-radius: 0;
	
	font-family: 'rock';
	
	font-size: 13px;
	
	padding: 15px 15px;
	
	color: #000;
	

}



.fb-like h2 {
	
	font-size: 22px;
	
	position: absolute;
	
	left: -15px;
	
	z-index: 99;
	
	margin-top: 4px;
	

}



.fb-like span {
	
	position: absolute;
	
	right: -17px;
	
	z-index: 99;
	

}



.footer {
	
	font-family: 'myriad';
	
	font-size: 12px;
	
	padding: 26px 0 17px 0;
	
	color: #FFF;
	

}



.scl {
	
	background-image: url(../images/scl.png);
	
	background-repeat: no-repeat;
	
	width: 30px;
	
	height: 28px;
	
	display: inline-block;
	
	margin-right: 1px;
	

}



.fb-like .scl {
	
	margin-right: 0;
	

}



.scl.pinit:hover,
.fb-like .scl.pinit {
	
	background-position: 0 0;
	

}



.scl.pinit {
	
	background-position: 0 -29px;
	

}



.scl.fb:hover,
.fb-like .scl.fb {
	
	background-position: -31px 0;
	

}



.scl.fb {
	
	background-position: -31px -29px;
	

}



.scl.linkedin:hover,
.fb-like .scl.linkedin {
	
	background-position: -62px 0;
	

}



.scl.linkedin {
	
	background-position: -62px -29px;
	

}



.scl.gplus:hover,
.fb-like .scl.gplus {
	
	background-position: -93px 0;
	

}



.scl.gplus {
	
	background-position: -93px -29px;
	

}



/* INNER PAGES */





.btn-r,
.btn-w {
	
	border-radius: 0 !important;
	
	margin-right: 10px;
	

}



.btn-r,
.btn-r:hover {
	
	background: #DE4A4A;
	
	font-family: 'rock';
	
	border: none;
	
	color: #FFF;
	
	font-weight: bold;
	

}



.btn-w {
	
	border-radius: 2px !important;
	
	border: 1px solid #C2C2C2;
	
	background: -moz-linear-gradient(#FFF, #F3F3F3);
	
	background: -webkit-linear-gradient(#FFF, #F3F3F3);
	
	background: -webkit-gradient(linear, 0 100%, 0 0, from(#FFF), to(#F3F3F3));
	
	background: -o-linear-gradient(#FFF, #F3F3F3);
	
	background: linear-gradient(#FFF, #F3F3F3);
	
	font-family: 'rock';
	
	font-size: 13px;
	
	color: #000 !important;
	
	text-shadow: 1px 1px #FFF;
	

}



.ctrl-btns {
	
	padding-bottom: 14px;
	
	margin-bottom: 20px;
	
	border-bottom: 3px double #F0F0F0;
	

}



.page h2 {
	
	border-bottom: none;
	
	padding-bottom: 0;
	

}



.page {
	
	font-family: 'myriad';
	
	font-size: 13px;
	
	color: #333;
	

}



.page hr {
	
	background: #F0F0F0;
	
	height: 1px;
	
	border: none;
	
	margin: 15px 0;
	

}



.page .item p,
.page .item p {
	
	margin-bottom: 26px;
	

}



.othr-images.row {
	
	margin-left: -5px;
	
	margin-right: -5px;
	
	display: inline-block;
	
	margin-top: 20px;
	

}



.othr-images > div {
	
	margin-bottom: 20px;
	
	padding: 0 5px;
	

}



.othr-images > div img {
	
	padding: 4px;
	
	background: #FFF;
	
	border: 1px solid #DDDDDD;
	
	border-radius: 2px;
	

}



/* for sidebar facebook likebox*/
#fb-root {
	
	display: none;
	

}



/* To fill the container and nothing else */

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
	
	width: 100% !important;
	

}