/*
LAYOUT.CSS
*/

/* ----------------- Structure ----------------- */
body { overflow-x: hidden; background: #fff; position: relative; }
#sign-up,
#primary-nav,
#wrapper { margin: 0 auto; position: relative; z-index:5; }
#header { width: 1600px; margin: 0 auto; position: relative; }
.mobile { display: none !important; }
.clear { clear: both; }
.clearfix:before,
.clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; display: block; }
span.customSelect { width:100%; font-size: 15px; color: #888;background: #fff url(selectDown.gif) no-repeat center right; padding: 6px 25px 5px 12px; cursor: pointer; }
span.customSelectOpen { background: #fff url(../images/selectUp.gif) no-repeat center right; }
span.customSelectDisabled { opacity: 0.6; filter: Alpha(Opacity=60); }
select.hasCustomSelect { cursor: pointer; }
option.disabled { color: #dddddd; }
/* .customSelectInner { width: 75px !important; } */
.always-hidden { display: none !important; }
.tablet-portrait-show { display: none !important; }
.phoneNo a:link { text-decoration: none !important; }

/* Fix for iPad full screen TourVista z-index issue */
#krpanoSWFObject { z-index:99999; }


/* ----------------- General ----------------- */
/* body { color: #000000; font-size: 15px; } */
h2 { font-size: 23px; color: #404040; }
/* grids  */
/* .box1 { width: 300px; margin: 0px 10px 20px; float: left; } */
.box2 { width: 620px; margin: 0px 10px 20px; float: left; }
.box3 { width: 940px; margin: 0px 10px 20px; float: left; }
.box4 { width: 1260px; margin: 0px 10px 20px; float: left; }
.box-half { width: 50%; margin: 0px; float: left; }
.box3.no-margin,
.box3.no-margin .box3 { width: 960px; }
.box4.no-margin,
.box4.no-margin .box4 { width: 1280px; }
.box3 .box3 { margin: 0px 0px 20px; float: none; }
.box3 .box3 .box3 { margin: 0px 10px 20px; float: none; width: 940px; }
.no-margin-bottom { margin-bottom: 0px; }
.box-margin { margin: 0px 10px 20px; }
.list-item-first { clear: left; }
/* classes */
.no-margin { margin: 0px !important; }
.no-margin-bottom { margin-bottom: 0px !important; }
.fluid { width: 100%; }
.clear-portrait { display: none; }
.btn-more { font-size: 38px; text-decoration: none; text-transform: uppercase; color: #464646; text-align: center; width: 200px; margin: 0 auto; display: block; background: url(../images/moreDown.gif) center bottom no-repeat; padding-bottom: 52px; }
.btn-more:hover { color: #d70004; background: url(../images/moreDown2.gif) center bottom no-repeat; }
.btn-grey-cms { margin-bottom: 10px; display: inline-block; font-size: 28px; text-align: center; padding: 2px 45px; color: #fff; background: #333333; text-transform: uppercase; text-decoration: none; }
.btn-grey-cms:hover { color: #fff; opacity: 0.7; zoom: 1; filter: Alpha(Opacity=70); }
/* custom selects */
span.customSelect { font-size: 15px; color:#888888;	background:#ffffff url(selectDown.gif) no-repeat center right; padding:5px 25px 5px 12px; }
span.customSelectOpen { background:#ffffff url(../images/selectUp.gif) no-repeat center right; }
/* .customSelectInner { width: 227px !important; -moz-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } */
.customSelectInner { -moz-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
ul.article-listing li { padding-bottom: 8px; font-size: 15px; }
ul.article-listing li a { text-decoration: none; }

/* ----------------- Breadcrumbs ----------------- */
#breadcrumbs { margin: 0 7px; padding: 33px 340px 15px 0; text-transform: uppercase; font-family: 'AptiferSansLTW01-Bold'; font-weight: normal; min-height: 38px; }
#breadcrumbs a,
#breadcrumbs span { font-size: 13px; text-decoration: none; font-weight: normal; }
#breadcrumbs a.btn-back { float: right; font-weight: normal; }
#breadcrumbs .breadcrumb-contain { background: #fff; border-radius: 3px; padding: 0 10px; display: inline-block; }


/* ----------------- Footer ----------------- */
#footer { background:#333333 url(../images/layout/footer.gif) repeat-x; min-height: 250px; margin-top: 15px; position: relative; z-index: 999; }
#footer .footer-inner { width: 1120px; margin: 0 auto; padding: 15px 0px 0px 0px; }
#footer .footer-inner .perks { height: 108px; color: #fff; font-size: 15px; text-align: center; padding: 5px 0; }
#footer .footer-inner .perks .font-bold-alt { font-size: 45px; text-transform: uppercase; }
#footer .footer-inner .perks a { color: #fff; text-decoration: none; }
#footer .footer-inner .footer-logo { margin-bottom: 20px; }
#footer .footer-inner .footer-logo .sign-up-sun-plus { float: right; }
#footer .footer-inner .footer-logo .footer-logo-sun { float: left; }
#footer .footer-inner ul { padding: 0px; margin: 0px; list-style: none; background: url(../images/footerUlBg.gif) no-repeat right 50px; height: 25px; border: 1px solid #7f7f7f; border-left: none; border-right: none; }
#footer .footer-inner ul li { list-style: none; float: left; width: 14.22%; }
#footer .footer-inner ul li.last { float: right; width: 14%; }
#footer .footer-inner ul li a { color: #fff; text-decoration: none; display: block; text-align: center; font-size: 13px; padding: 5px 0 4px; }
#footer .footer-inner ul li.first a { }
#footer .footer-inner ul li.last a { }

#footer .footer-inner ul li a:hover { text-decoration: underline; }
#footer #bottom-search { border-bottom: 2px solid #1e1e1e; border-top: 2px solid #1e1e1e; }
#footer #bottom-search #search-container { width: 1120px; margin: 0 auto; }
#footer #bottom-search #search-container form { padding: 15px 0px; }
#footer #bottom-search #search-container form label { float: right; font-style: italic; font-size: 14px; text-transform: uppercase; padding: 4px 15px 0px 0px; color: #fff; }
#footer #bottom-search #search-container form input { float: right; }
#footer #foot-copyright-wrap {}
#footer #foot-copyright-wrap #foot-copyright { width: 1120px; margin: 0 auto; font-size: 11px; color: #999999; text-align: center; padding: 20px 0px; line-height: 15px; font-weight: normal !important; font-family: Arial, Helvetica, sans-serif; }
#footer #foot-copyright-wrap #foot-copyright a { color: #999999; text-decoration: none; font-weight: normal !important; font-family: Arial, Helvetica, sans-serif; }
#__ndcc_footerPlaceholder #__ndcc_footerContainer { margin: 0 auto; opacity: 0.85; filter: Alpha(Opacity=85); }

div.addthis_toolbox.addthis_default_style span { background: none !important; }

/* Login Styles */
#sun-login { background: url(../images/loginBg.jpg) top left no-repeat; width: 608px; height: 254px; margin: 100px auto 0px; }
#sun-login h1 { color: #fff; font-weight: bold; font-size: 26px; margin: 0px 0px 20px 0px; padding: 0px; }
#sun-login label { color: #fff; font-size: 13px; width: 150px; display: block; float: left; }
#sun-login form { padding: 30px; }
#sun-login .item { margin-bottom: 10px; }
#sun-login .item input { width: 385px; height: 26px; float: right }
#sun-login .btns { margin-top: 30px;}
#sun-login .btns input { width: 98px !important; height: 33px !important; background: url(../images/btnLogin.gif) no-repeat; float: right; }

/* fix for opacity hover in firefox and chrome */
a, img {
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	transform: rotate(0);
}
