/* 
Website: And Beyond
Title: Lightbox style sheet for screen media
Author: Romy Moll
Updated: June 2008

Style Index
$1 - Lightbox Contents
*/

/* ------------------------------------------------------------
$1 - Lightbox - Page body
------------------------------------------------------------ */
/* Clear page body styles for Lightbox pages here */
.lightboxbody {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-size: 62.5%; 
	/* Sets base font size to 10px - 16px  62.5% = 10px - this means that 1em=10px in the rest of this sheet onwards   */
	text-align: left;
	color: #555;
	background:none;
	}	
						
.warning { font-weight:bold; color:#FF0000;}

/* ------------------------------------------------------------
$1 - Lightbox Contents
------------------------------------------------------------ */
/* Can set the width here */
.lightbox { 
	width: 600px;
}

/* Light Box Hdr - common attributes to all box hdr elements */
.lightbox .hdr {
	border: 1px solid #dadada;
	border-width: 1px 1px 0 1px;
	padding: 1px 1px 0 1px;
	background:#fff;
	overflow:hidden;
}

.lightbox .hdr .inner {
	height:29px;
	overflow:hidden;
	padding: 15px 0 0 21px;
	background: #fff url(/images/frontend/cta/cta_box/ctab_hdr_bg.jpg) repeat-x top left;
	text-align: left;
}

.lightbox .hdr .inner a:link, .lightbox .hdr .inner a:visited {
	text-decoration:none;
}

.lightbox_close {
	position: absolute;
	top: 8px;
	right: 16px;
}

/* Creates a block level link with an close X to the right*/
a:link.linkimgclose, a:visited.linkimgclose { 
	line-height: 25px;
	text-transform: uppercase;
	text-decoration: none;
	padding: 12px 28px 13px 0;
	background: url(/images/frontend/cta/cta_box/ctab_hdr_close_bg_g.gif) no-repeat scroll center right;
}

a:hover.linkimgclose {
	background: url(/images/frontend/cta/cta_box/ctab_hdr_close_bg_g.gif) no-repeat scroll center right;
}

/* Light Box Cnt - common attributes to all box cnt elements */
.lightbox .cnt {
	overflow:hidden;
	font-size:1.2em;
	border-top: 1px solid #dadada;
	padding: 0 21px;
	line-height:18px;
	background:#fff;
}

.lightbox h3, .lightbox h2 {
	color:#666;
	font-weight:normal;
	margin: 1em 0;
	text-transform:uppercase;
	font-size: 1.1em; 
}

.lightbox h3 a:link, .lightbox h3 a:visited {
	color:#666;
	text-decoration:none;
}

.lightbox h3 a:hover {
	color: #b9b299;
}

.lightbox h1, .lightbox h2 { /* Hide H1 and H2 elements */
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}

.lightbox .cnt p {
	margin: 1em 0;	
}

.lightbox ul {
	list-style: none outside;
	margin: 1em  0;
}

.lightbox ul li {
	list-style: none;
	margin: 1em 0;
	padding: 0 0 0 25px;
	line-height:18px;
	background: url(/images/frontend/sitewide/bullet3tppad.gif) no-repeat top left;
}

.lightbox ul li p, .lightbox ol li p {
	padding:0;
	line-height:18px;
	margin: 1em 0;
}

.lightbox ol {
	list-style: decimal outside;
	margin: 1em  0;
	padding: 0 21px;  /* Sets the inset */
}

.lightbox ol li {
	margin: 1em 0;
	line-height:18px;
	padding: 0 0 0 5px;
}

.lightbox a:link.linkimgr, .lightbox a:visited.linkimgr { /* Creates a block level link with an arrow to the right*/
	text-transform:uppercase;
	text-decoration:none;
	padding: 10px 42px 10px 0;
	background: #fff url(/images/frontend/cta/cta_box/ctab_ftr_bg_w.gif) no-repeat scroll center right;
}

.lightbox a:hover.linkimgr {
	background: #fff url(/images/frontend/cta/cta_box/ctab_ftr_bg_w.gif) no-repeat scroll center right;
}


/* ------------------------------------------------------------
	$3 - Form Styles
------------------------------------------------------------ */
.lightboxform {
	width: 500px;
	margin: 0 auto;
}

.lightbox .enquirecnt {
	padding: 0 0 0 0;
}

.lightbox .enquirecnt .inner {
	padding: 0 17px 17px 17px;
	color:#555555;
	font-size:0.9em;
}

.lightbox .enquireform {
	width:500px;
}

.lightbox .enquireform p {
	margin: 1em 0 0 0;
}

.lightbox .enquireform fieldset {
	margin: 1em 0 0 0;
	padding:0;
	display:block;
	border:none;
}
	
.lightbox .enquireform label {
	font-weight:bold;
	padding: 0 0 1em 0;
	width: 230px;
}

.lightbox .enquireform .first {
	font-weight:bold;
	display:block;
	padding: 0 0 5px 0;
}

.lightbox .enquireform select {
	width: 220px;
	margin: 2px 0 5px 0;
	font-size: 1em;
	color: #555;
	background-color: #fff;
}

.lightbox .enquireform input, .lightbox .enquireform textarea {
	width: 220px;
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #555;
	padding: 4px;
	margin: 2px 0 5px 0;
	border: 1px solid #dadada;
	background: #FFFFFF url(/images/frontend/sitewide/input_bckgrnd.jpg) no-repeat top left;
}

.lightbox .enquireform textarea.long {
	width: 485px;
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #555;
	padding: 4px;
	margin: 2px 0 5px 0;
	border: 1px solid #dadada;
	background: #FFFFFF url(/images/frontend/sitewide/input_bckgrnd.jpg) no-repeat top left;
}

.lightbox .enquireform .checkbox {
	padding:0;
	margin:0;
	border: none;
	width: auto;
	background:none;
}

.lightbox .enquireform label span, .error { /*  Required field style */
	font-size:0.9em;
	color:#a11414;
	font-weight:normal;
}

.error{
	display: block
}

.lightbox .enquireform label.alt {
	font-weight: normal;
}

.lightbox .enquireform .button, .lightbox .enquireform .button:active, .lightbox .enquireform .button:visited {
	width:80px;
	height:34px;
	color:#FFFFFF;
	font-size:1em;
	font-weight:bold;
	padding:0 0 3px 0;
	border:0pt none;
	background:transparent url(/images/frontend/sitewide/enquiresubmit.jpg) repeat scroll top left;
}

.lightbox .enquireform .button:hover {
	background:transparent url(/images/frontend/sitewide/enquiresubmit.jpg) repeat scroll bottom left;
}

/* Creates a block level link with an UP arrow to the right*/
a:link.linkimgrup, a:visited.linkimgrup { 
	text-transform:uppercase;
	text-decoration:none;
	padding: 10px 42px 10px 0;
	background: #fff url(/images/frontend/cta/cta_box/ctab_ftr_bg_w_up.gif) no-repeat scroll center right;
}

a:hover.linkimgrup {
	background: #fff url(/images/frontend/cta/cta_box/ctab_ftr_bg_w_up.gif) no-repeat scroll center right;
}

/* ------------------------------------------------------------
$1 - Video Lightbox 
------------------------------------------------------------ */
/* Can set the width here */
.video_lightbox { 
	width: 484px;
	margin: 0 auto;
}

/* Light Box Hdr - common attributes to all box hdr elements */
.video_lightbox .hdr {
	border: 1px solid #dadada;
	border-width: 1px 1px 0 1px;
	padding: 1px 1px 0 1px;
	background:#fff;
	overflow:hidden;
}

.video_lightbox .hdr .inner {
	height:29px;
	overflow:hidden;
	padding: 15px 0 0 21px;
	background: #fff url(/images/frontend/cta/cta_box/ctab_hdr_bg.jpg) repeat-x top left;
	text-align: left;
}

.video_lightbox .hdr .inner a:link, .video_lightbox .hdr .inner a:visited {
	text-decoration:none;
}

.video_lightbox .cnt {
	overflow:hidden;
	border:1px solid #dadada;
	padding:1px;
	background:#fff;
}

.video_lightbox .ftr {
	overflow:hidden;
	font-size:1em;
	border: 1px solid #dadada;
	border-width: 0 1px 1px 1px;
	padding: 10px 21px;
	line-height:18px;
	background:#fff;
}

.video_lightbox .ftr a:link, .video_lightbox .ftr a:visited {
	text-decoration:none;
}
	
/* ------------------------------------------------------------
$1 - Video Lightbox Long
------------------------------------------------------------ */
/* Can set the width here */
.video_lightbox_long { 
	width: 800px;
	margin: 0 auto;
}

/* Light Box Hdr - common attributes to all box hdr elements */
.video_lightbox_long .hdr {
	border: 1px solid #dadada;
	border-width: 1px 1px 0 1px;
	padding: 1px 1px 0 1px;
	background:#fff;
	overflow:hidden;
	height:41px;
	width: 793px;
}

.video_lightbox_long .hdr .inner {
	overflow:hidden;
	padding: 15px 0 15px 21px;
	background: #fff url(/images/frontend/cta/cta_box/ctab_hdr_bg.jpg) repeat-x top left;
	text-align: left;
}

.video_lightbox_long .hdr .inner a:link, .video_lightbox_long .hdr .inner a:visited {
	text-decoration:none;
}

.video_lightbox_long .player {
	overflow:hidden;
	border:1px solid #dadada;
	border-width: 1px 0 0 1px;
	background:#fff;
	width: 470px;
	height: 351px;
	padding: 1px;
}

.video_lightbox_long .cnt {
	background:#fff url(/images/frontend/sitewide/vid_linebreak.gif) no-repeat bottom center;
	width: 320px;
	height: 250px;
	overflow:hidden;
	font-size:1em;
	border:1px solid #dadada;
	border-width: 1px 1px 0 1px;
	padding:1px;
	line-height:16px;
}

.video_lightbox_long .cnt .inner {
	padding: 10px 20px;
}

.video_lightbox_long .cnt .copy {
	height: 130px;
	overflow:hidden;
}

.video_lightbox_long .cnt h3  {
	color:#555;
	font-weight:normal;
	margin: 0;
	text-transform:uppercase;
}

.video_lightbox_long .cnt h3 {font-size: 1.1em; }

.video_lightbox_long .cnt .lnk a:link, .video_lightbox_long .cnt .lnk a:visited {
	float:left;
	font-size:0.9em;
	line-height:21px;
	text-transform:uppercase;
	padding: 9px 0px 9px 25px;
	background: #fff url(/images/frontend/cta/cta_box/ctab_arw_sml.jpg) no-repeat center left;
	text-decoration: none;
	}
	
.video_lightbox_long .cnt .lnk a:hover {
	background: #fff url(/images/frontend/cta/cta_box/ctab_arw_sml.jpg) no-repeat center left;
	}


.video_enquire {
	margin: 10px 0 0 46px;
	background:#fff;
}

.video_enquire a:link, .video_enquire a:visited {
	display:block;
	width:178px;
	height:44px;
	overflow:hidden;
	text-decoration:none;
	text-indent:-9999em;
	background: #b9b299 url(/images/frontend/footer/ftr_enquire.jpg) no-repeat top left;
}
	
.video_enquire a:hover {
	background: #9f9983 url(/images/frontend/footer/ftr_enquire.jpg) no-repeat top right;
}

.video_lightbox_long .more_cnt {
	width: 322px;
	height: 200px;
	overflow:hidden;
	font-size:1em;
	border: 1px solid #dadada;
	border-width: 0 1px 1px 1px;
	line-height:18px;
}

.video_lightbox_long .more_cnt .inner {
	padding: 10px 21px 0 21px;
}

.video_lightbox_long .more_cnt a:link, .video_lightbox_long .more_cnt a:visited {
	text-decoration:underline;
}

.video_lightbox_long .more_cnt ul {
	list-style-type:none;
	margin: 0.3em 0 1em 0;
	padding:0;
}

.video_lightbox_long .more_cnt li {
	background:none;
	font-size:1em;
	line-height:16px;
	padding: 0 5px 0 0;
	margin:0;
}

.video_lightbox_long .more_cnt li a:link, .video_lightbox_long .more_cnt li a:visited {
	background: #fff url(/images/frontend/sitewide/lightbox_subarrowoff.jpg) no-repeat center left;
	font-size:1em;
	line-height:16px;
	padding: 0 5px 0 15px;
	margin:0;
}

.video_lightbox_long .more_cnt li a:hover {
	background: #fff url(/images/frontend/sitewide/lightbox_subarrowon.jpg) no-repeat center left;
	color:#000;
}

.video_lightbox_long .more_cnt li.first {
	padding: 0 7px 0 0;
}

.video_lightbox_long .more_cnt a:link, .video_lightbox_long .more_cnt a:visited {
	text-decoration: none;
}	

.video_lightbox_long .more_cnt a:hover {
}

.video_lightbox_long .ftr {
	width: 470px;
	height: 99px;
	overflow:hidden;
	font-size:1em;
	border: 1px solid #dadada;
	border-width: 1px 0 1px 1px;
	line-height:18px;
	background:#fff;
}

.video_lightbox_long .ftr .inner {
	padding: 15px 21px;
}

.video_lightbox_long .ftr a:link, .video_lightbox_long .ftr a:visited {
	text-decoration:underline;
}


/* -----   ftr icons ------*/
.video_lightbox_long .ftr .links {
	padding:0px;
	margin:3px 0;
	background: #fff;
	text-align:left;
	color: #b9b299;
}

.video_lightbox_long .ftr .links a:link, .video_lightbox_long .ftr .links a:visited {
	line-height:23px;
	padding: 1px 7px 1px 20px;
	color:#b9b299;
	text-decoration: none;
	font-size: 0.9em;
	}
	
.video_lightbox_long .ftr .links a:hover {
	color:#9c8e67;
	}

.video_lightbox_long .ftr .links a:link.desktop, .video_lightbox_long .ftr .links a:visited.desktop {
	background: url(/images/frontend/sitewide/desktop_icon.gif) no-repeat top left;
}

.video_lightbox_long .ftr .links a:hover.desktop {
	background: url(/images/frontend/sitewide/desktop_icon.gif) no-repeat bottom left;
} 

.video_lightbox_long .ftr .links a:link.itunes, .video_lightbox_long .ftr .links a:visited.itunes {
	background: url(/images/frontend/sitewide/itunes_icon.gif) no-repeat top left;
}

.video_lightbox_long .ftr .links a:hover.itunes {
	background: url(/images/frontend/sitewide/itunes_icon.gif) no-repeat bottom left;
}


.video_lightbox_long .ftr .links a:link.email, .video_lightbox_long .ftr .links a:visited.email {
	background: url(/images/frontend/sitewide/send_icon.gif) no-repeat top left;
}

.video_lightbox_long .ftr .links a:hover.email {
	background: url(/images/frontend/sitewide/send_icon.gif) no-repeat bottom left;
}

.video_lightbox_long .ftr .links a:link.post, .video_lightbox_long .ftr .links a:visited.post {
	background: url(/images/frontend/sitewide/share_icon.gif) no-repeat top left;
}

.video_lightbox_long .ftr .links a:hover.post {
	background: url(/images/frontend/sitewide/share_icon.gif) no-repeat bottom left;
}

/* ------------------------------------------------------------
	$4 - alertWindow
------------------------------------------------------------ */
#alertwindow{
	width: 200px;
	height:100px;
	position:fixed;
	top:0;	
	font-weight: bolder;
	text-align:center;
	border: 1px solid #7C7C7C;
	background: #F5F5F5;
	padding : 60px 10px 10px 10px;
	
}

/* ------------------------------------------------------------
	$5 - Subscribe
------------------------------------------------------------ */


.lightbox .subscribeform {
	width:500px;
	/*background: #ff0000;*/
}

.lightbox .subscribeform p {
	margin: 1em 0 0 0;
}

.lightbox .subscribeform fieldset {
	margin: 1em 0 0 0;
	padding:0;
	display:block;
	border:none;
}
	
.lightbox .subscribeform label {
	font-weight:bold;
	padding: 0 0 1em 0;
	width: 230px;
}

.lightbox .subscribeform .first {
	font-weight:bold;
	display:block;
	padding: 0 0 5px 0;
}

.lightbox .subscribeform select {
	width: 220px;
	margin: 2px 0 5px 0;
	font-size: 1em;
	color: #555;
	background-color: #fff;
}

.lightbox .subscribeform input, .lightbox .subscribeform textarea {
	width: 220px;
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #555;
	padding: 4px;
	margin: 2px 0 5px 0;
	border: 1px solid #dadada;
	background: #FFFFFF url(/images/frontend/sitewide/input_bckgrnd.jpg) no-repeat top left;
}

.lightbox .subscribeform textarea.long {
	width: 485px;
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #555;
	padding: 4px;
	margin: 2px 0 5px 0;
	border: 1px solid #dadada;
	background: #FFFFFF url(/images/frontend/sitewide/input_bckgrnd.jpg) no-repeat top left;
}

.lightbox .subscribeform .checkbox {
	padding:0;
	margin:0;
	border: none;
	width: auto;
	background:none;
}

.lightbox .subscribeform label span, .error { /*  Required field style */
	font-size:0.9em;
	color:#a11414;
	font-weight:normal;
}

.lightbox .subscribeform label.alt {
	font-weight: normal;
}

.lightbox .subscribeform .button, .lightbox .subscribeform .button:active, .lightbox .subscribeform .button:visited {
	width:80px;
	height:34px;
	color:#FFFFFF;
	font-size:1em;
	font-weight:bold;
	padding:0 0 3px 0;
	border:0pt none;
	background:transparent url(/images/frontend/sitewide/enquiresubmit.jpg) repeat scroll top left;
}

.lightbox .subscribeform .button:hover {
	background:transparent url(/images/frontend/sitewide/enquiresubmit.jpg) repeat scroll bottom left;
}