/*
		
-------------------------------------------------------------------------------------------------------
	SECTION NUMBER & NAME     | CODE   | NOTES
-------------------------------------------------------------------------------------------------------
	1.0) Global Structure     | BB100  | Including global form styles
	1.1) Type & Anchor styles | BB110  | Global styles only
	1.2) Header               | BB120  | Logo, Navigation etc and structure
-------------------------------------------------------------------------------------------------------
	2.0) Homepage Content     | BB200  |
	2.1) Centre Boxes         | BB210  |
	2.2) Homepage Left        | BB220  | Welcome text & image rotator
	2.3) Homepage Right       | BB230  | "Find byBox" & "recommend friend"
-------------------------------------------------------------------------------------------------------
	3.0) My Account Tabs      | BB300  | Tab styles and right hand info box
	3.1) Accnt & Box details  | BB310  |
	3.2) Tracking Page        | BB320  |
	3.3) Payment Details      | BB330  |
-------------------------------------------------------------------------------------------------------
	4.0) Generic Content      | BB400  | Styles for pages like FAQs etc
-------------------------------------------------------------------------------------------------------
	5.0) Register Process     | BB500  | 
-------------------------------------------------------------------------------------------------------
	6.0) Footer               | BB600  |
-------------------------------------------------------------------------------------------------------

/*===================================================================================================*\

	0.0) Robin's amendments

\*===================================================================================================*/

/* Remove Google Chrome input highlighting */
*:focus {outline: none;}
	
/*===================================================================================================*\

	1.0) Global Structure - BB100

\*===================================================================================================*/

body{
	margin:0;
	color:#333333;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	background:#fff;
}

	#page{
		width:903px;
		overflow:hidden;
		margin:0 auto;
		position:relative;
		}
		
		#content {
			width:100%;
			margin:100px 0 0 20px;
			position:relative;
			padding:220px 0 5px 0;} 

       
	#page.homepage #content {
			margin:0 0 0 20px;
			top:100px;} 
		
img {
	border-style:none;}

input, textarea, select {
	font:100% arial,sans-serif;
	vertical-align:middle;
}
	
form, fieldset {
	margin:0;
	padding:0;
	border-style:none;}
	
	fieldset label {
		float:left;}
		
#tooltip {
	position: absolute;
	z-index: 3000;
	color:#262e6f;
	border: 1px solid #ccc;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
	}
	#tooltip h3, #tooltip div { margin: 0; }
		
/*===================================================================================================*\

	1.1) Type & Anchor styles - BB110

\*===================================================================================================*/

a {
	text-decoration:none;
	color:#333333;}
	
	a:hover {
		text-decoration:underline;}
		
.BB-Blue {
	color:#282f72;}
	
/*===================================================================================================*\

	1.2) Header - BB120

\*===================================================================================================*/

#header{
	width:100%;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
}
#header strong{
	width:auto;
	float:left;
	margin:30px 0 0 20px;
}
 .inner #header h1.logo{
	width:318px;
	float:left;
	margin:35px 0 0 0;
 }
#header span{
	overflow:hidden;
	text-indent:-9999px;
	display:none;
}
/* left image of background*/
#header .navigation{
	/*background:#fbfbfd url(../../Images/myByBox/nav-bg-left.gif) no-repeat 0 0;*/
	background:#fbfbfd url(../../Images/myByBox/nav-bg-full.gif) no-repeat 0 0;
	float:right;
	width:600px;
	/*overflow:hidden;*/
	height:67px;
}
/* right image of background
#header .navigation .left-nav{
	background:url(../../Images/myByBox/nav-bg-right.gif) no-repeat 100% 0;
	overflow:hidden;
	padding-right:25px;
	height:67px;
	float:left;
	width:auto;
}*/
#header .navigation .left-nav strong{
	float:left;
	width:auto;
	color:#23418c;
	padding-left:5px;
	margin:25px 0 0 0;}
	
#header .navigation .left-nav a{
	background:0;
	padding-right:0;
	color:#23418c;
}

#header .navigation .left-nav strong {
	padding-left:20px;
}
#header .navigation .left-nav strong .login{
	background:url(../../Images/myByBox/marck-left.gif) no-repeat 100% 4px;
	padding-right:11px;
}
/* navigation*/
#header .navigation ul{
	margin:25px 0 0 0;
	padding:0 0 0 47px;
	list-style:none;
	float:left;
	width:auto;
}
#header .navigation ul li{
	display:inline;
	font-size:11px;
	line-height:13px;
	padding:0 12px;
}
#header .navigation ul li a{
	color:#23408a;
}

/*===================================================================================================*\

	2.0) Homepage Content - BB200

\*===================================================================================================*/

#banner-overlay{
	position:absolute;
	left:0px;
	top:60px;
	z-index:50;
	}

#promo-tag{
	display:none;
	left:80px;
	position:absolute;
	top:600px;
	z-index:50;
	}

.content-post{
	background:url(../../Images/myByBox/bg-main-image.jpg) no-repeat 0 0;
	width:839px;
	height:400px;
	position:relative;
	z-index:10;
	margin-top:-120px;
	padding-bottom:70px;}
	
	.content-post .post{
		float:right;
		margin:87px 15px 0 0;
		display:inline;
		width:529px;}
			
/*===================================================================================================*\

	2.1) Centre Boxes - BB210

\*===================================================================================================*/
			
#content .boxes{
	width:100%;
	overflow:hidden;
	position:relative;
	z-index:30;
	position:absolute;
	top:0;
	left:7px;}
	
	#content .boxes h3 {
		padding:0;
		margin:0;}

#content .boxes .first, #content .boxes .second, #content .boxes .third, #content .boxes .fourth {
	position:relative;
	line-height:16px;}
	
	#content .boxes .first{
	line-height:16px;
		padding:40px 40px 0px 35px;
		z-index:100;
		width:168px;
		float:left;
		background:url(../../Images/myByBox/first-box.png) no-repeat; 
		height:183px;}
		
		#content .boxes .first:hover {
			background-position:0 -223px;
			z-index:100;}
			
		#content .boxes .first .txt a {
			color:#75735c;}

		#content .boxes .first .txt p {
			margin-bottom: 6px}

		#content .boxes .first .txt p#nmad {
			margin-top: 6px}

	#content .boxes .second{
		line-height:16px;
		padding:10px 40px 0px 50px;
		z-index:90;
		margin:0 -23px 0 -29px;
		width:137px;
		float:left;
		background:url(../../Images/myByBox/second-box.png) no-repeat 0 0; 
		height:213px;}
	
		#content .boxes .second:hover {
			background-position:0 -223px;
			z-index:100;}
			
		#content .boxes .second .txt a {
			color:#fff;}

	#content .boxes .third{
		line-height:16px;
		padding:45px 30px 0px 50px;
		z-index:80;
		margin:0px -30px 0 0;
		width:139px;
		float:left;
		background:url(../../Images/myByBox/third-box.png) no-repeat; 
		height:178px;}
	
		#content .boxes .third:hover {
				background-position:0 -223px;
				z-index:100;}
			
		#content .boxes .third .txt a {
			color:#333;}

	#content .boxes .fourth{
		line-height:16px;
		padding:20px 35px 0px 59px;
		margin-top:0px;
		width:138px;
		float:left;
		background:url(../../Images/myByBox/fourth-box.png) no-repeat; 
		height:203px;}
		
		#content .boxes .fourth:hover {
			background-position:0 -223px;
			z-index:100;}
	
		#content .boxes .fourth .txt a {
			color:#333;}

#content .boxes  .txt h3 {
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:50px;}
	
/*===================================================================================================*\

	2.2) Homepage Left - BB220

\*===================================================================================================*/	

.content-post .left{
	width:265px;
	overflow:hidden;
	float:left;
	position:absolute;
	margin-right:30px;}
	
	.content-post .left h1{
		font-size:11px;
		margin:40px 0 0 0;}
		
	.content-post .left p{
		text-align:left;	
		line-height:18px;
		color:#666766;
		margin:0;}
		
	.content-post .left .more{
		width:auto;
		float:left;
		background:url(../../Images/myByBox/marck-left.gif) no-repeat 100% 4px;
		padding-right:10px;
		color:#234087;
		font-size:11px;
		margin:0px 0 10px 0;}
		
.rotator-holder { 
	width:250px; 
	clear:left;
	height:190px; 
	margin: 0 auto 20px auto; 
	position: relative; 
	overflow: hidden; 
	text-decoration:none; 
	padding:0px; }
	
	#rotatorNav { 
		visibility:hidden;}

/*===================================================================================================*\

	2.3) Homepage Right - BB230

\*===================================================================================================*/

.content-post .right{
	height:auto;
	left:265px;
	position:relative;
	float:left;}

	.content-post .right .right-boxes {
		width:293px; 
		height:366px; 
		position:absolute; 
		margin-top:36px; 
		background:url(../../Images/myByBox/right-background.png) no-repeat;}
		
		.find-bybox-holder {
			padding:43px 0 0 27px; 
			width:266px;
			height:auto;
			float:left;}
			
			.find-bybox-holder .find-bybox-field {
				border:0;
				width:238px; 
				height:14px; 
				padding:8px; 
				margin:0 0 9px 0; 
				font-size:11px; 
				color:#a2a1a1;}
			
			.find-bybox-holder .find-bybox-field.searchHint {
					font-size: 7pt;
				}
			
			.find-bybox-holder .find-bybox-btn {
				float:right;
				margin-right:21px;}
				
			.find-bybox-holder .find-bybox-results {
				color:#fff; 
				float:left; 
				margin:3px 0 0 5px;}
				
				.find-bybox-holder .find-bybox-results img {
					float:left;}
						
				.find-bybox-holder .find-bybox-results .text-results {
					float:left; 
					font-size:13px;
					margin-left:5px; 
					height:14px; 
					padding-top:2px;
					}

.recommend-friend-holder {
	padding:20px 0 0 20px;
	float:left;}
	
	.recommend-friend-holder .recommend-friend-btn {
		height:20px; 
		width:190px; 
		background:url(../../Images/myByBox/recommend-friend-background.png) no-repeat;
		background-position:0 -20px;}
		
		.recommend-friend-holder .recommend-friend-btn:hover {
			background-position:0 0px;}
			
/*===================================================================================================*\

	3.0) My Account Tabs - BB300

\*===================================================================================================*/

.content-tab{
	line-height:18px;
	background:url(../../Images/myByBox/tabBG.jpg) no-repeat 0 0;	
	width:845px;
	height:550px;
	position:relative;
	z-index:10;
	margin-top:-230px;
	padding:50px 0 70px 0;}
	
	.content-tab .tab-holder {
		width:565px;
		top:-10px;
		left:0;
		height:69px;
		position:absolute;}
		
		.content-tab .tab-holder .tab-1 a {
			width:140px;
			background:url(../../Images/myByBox/tab1-bg.png)}
			
		.content-tab .tab-holder .tab-2 a {
			width:135px;
			background:url(../../Images/myByBox/tab2-bg.png)}
			
		.content-tab .tab-holder .tab-3 a {
			width:135px;
			background:url(../../Images/myByBox/tab3-bg.png)}
			
		.content-tab .tab-holder .tab-4 a {
			width:155px;
			background:url(../../Images/myByBox/tab4-bg.png)}
			
		.content-tab .tab-holder .tab-1 a, .content-tab .tab-holder .tab-2 a, .content-tab .tab-holder .tab-3 a, .content-tab .tab-holder .tab-4 a {
			height:44px;
			padding-top:25px;
			float:left;
			display:block;
			background-position:0 0;
			color:#757675;
			text-align:center;}
		
		.content-tab .tab-holder div .selected, .content-tab .tab-holder .tab-1 a:hover, .content-tab .tab-holder .tab-2 a:hover, .content-tab .tab-holder .tab-3 a:hover, .content-tab .tab-holder .tab-4 a:hover {
			background-position:0 -69px;
			text-decoration:none;
			color:#fff;}
			
.account-details-global-details {
	width:160px;
	height:374px;
	position:absolute;
	right:-40px;
	z-index:250;
	background:url(../../Images/myByBox/details-box.png) no-repeat;}
	
	.account-details-global-details .magic-code {
		padding:55px 20px 0 20px;
		font-size:14px;
		font-weight:bold;
		color:#666766;
		text-align:left;
		width:120px;
		float:left;
		height:35px;}
		
	.account-details-global-details .magic-code-info {
		padding:5px 20px 10px 20px;
		color:#666766;
		text-align:left;
		width:120px;
		float:left;
		height:94px;
		font-size:10px;
		line-height:12px;
		}
		
	.account-details-global-details .delivery-address {
		padding:35px 20px 10px 20px;
		color:#666766;
		text-align:left;
		width:120px;
		float:left;
		font-size:10px;
		line-height:12px;
		height:94px;}
		
.account-details-column-1, .account-details-column-2, .account-details-column-3, .account-details-column-full-width {
		line-height:14px;
		margin-top:30px;}
			
	.account-details-column-full-width {
		width:690px;
		padding-left:25px;
		height:auto;
		float:left;}
		
	.account-details-column-1 {
		width:175px;
		padding-left:25px;
		padding-right:10px;
		height:auto;
		border-right:1px dashed #bbbcbd;
		float:left;}
		
	.account-details-column-2 {
		width:174px;
		padding-left:10px;
		padding-right:10px;
		height:auto;
		border-right:1px dashed #bbbcbd;
		float:left;}
		
	.account-details-column-3 {
		width:292px;
		padding-left:10px;
		padding-right:10px;
		height:auto;
		float:left;}
		
.account-details-column-1 h3, .account-details-column-2 h3, .account-details-column-3 h3, .account-details-column-full-width h3 {
	font-size:12px;
	padding:0;
	margin:0 0 20px 0;
	font-weight:bold;
	color:#282f72;}
	
	.no-border {
		border:0;}
		
/*===================================================================================================*\

	3.1) Accnt & Box details - BB310

\*===================================================================================================*/

.account-details-column-1 .form-result, .account-details-column-3 .form-result {
	margin-bottom:10px;
	display:block;
	width:100%;
	color:#666766;}	
		
	.account-details-column-2 .form-result {
		display:block;
		width:100%;
		color:#666766;}
		
.form-holder {
	width:100%;
	clear:both;
	margin-bottom:5px;
	float:left;}
	
	.form-holder .form-title {
		width:165px;
		padding-top:4px;
		float:left;}
	
	.form-holder .form-input {
		width:auto;
		float:left;}
		
		.form-holder .form-input input {
			width:115px;
			border:1px solid #ccc;
			height:13px;
			padding:4px;}
			
.button-holder {
	height:24px;
	background:url(../../Images/myByBox/button-bg-right.png) no-repeat right;
	width:100%;
	clear:both;
	margin-top:10px;
	margin-bottom:20px;
	float:left;}
		
		.button-name a {
			color:#fff;
			text-decoration:none;
			float:left;
			background:url(../../Images/myByBox/button-bg-left.png) no-repeat left;
			width:100%;
			color:#fff;
			text-align:center;
			height:19px;
			padding-top:5px;
			display:block;
			text-transform:lowercase;}
			
			.button-name a:hover {
				text-decoration:underline;}
				
.box-nickname a {
	color:#7ec242;}

.box-address {
	color:#676767;
	font-size:10px;}
	
.make-bybox-link {
	font-size:10px;
	padding-right:10px;
	color:#282f72;
	background:url(../../Images/myByBox/marck-list.gif) no-repeat;
	background-position:right 4px;}
	
.form-holder-favourites, .form-holder-newbox {
	width:100%;
	clear:both;
	margin-bottom:5px;
	float:left;
	background:url(../../Images/myByBox/form-bg-right.png) no-repeat right;}
	
	.form-holder-favourites .form-title, .form-holder-newbox .form-title {
		width:auto;
		padding-top:4px;
		margin-right:5px;
		float:left;}
	
	.form-holder-favourites .form-input, .form-holder-newbox .form-input {
		padding-left:3px;
		padding-right:3px;
		float:right;
		background:url(../../Images/myByBox/form-bg-left.png) no-repeat left;
		}
		
		.form-holder-newbox .form-input {
		width:168px;
		}
		
		.form-holder-favourites .form-input input, .form-holder-newbox .form-input input {
			border-top:3px solid #ccc;
			border-bottom:3px solid #ccc;
			border-left:0;
			border-right:0;
			height:12px;
			margin:0;
			padding:3px;}
			
			.form-holder-newbox .form-input input {
				width:162px;}
				
.google-map-holder {
	width:305px;
	height:305px;
	margin-top:30px;}

/*===================================================================================================*\

	3.2) Tracking Page - BB320

\*===================================================================================================*/



.inner #header .navigation ul,.first-step #header .navigation ul{
	/*padding:0 50px 0 47px;*/}
	
.inner #header .navigation .left-nav strong a,.first-step #header .navigation  .left-nav strong a{
	/*background:url(../../Images/myByBox/marck-left.gif) no-repeat 100% 4px;
	padding-right:11px;*/}

.inner #content{
	width:695px;
	overflow:hidden;
	margin:114px 0 0 50px;
	padding: 0 0 0;}
	
.inner #content .top-content{
	width:695px;
	overflow:hidden;}
	
.inner #content .top{
	width:553px;
	float:left;
	margin-top:30px;}
	
.inner #content .top p{
	margin:0;
	font-size:11px;
	line-height:18px;
	color:#666766;}
	
.inner #content .top p a{
	color:#666766;}

.inner #content .top span{
	width:auto;
	float:left;}

.inner #content .view span{
	width:auto;
	float:left;}

/* pagerl*/
.inner #content  .view{
	margin-top:24px;
	width:100%;
	overflow:hidden;}

.inner #content  .top .view{
	margin-top:20px;}

/*pager list*/
.inner #content  .view ul{
	float:left;
	width:auto;
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;}

.inner #content  .view ul li{
	display:inline;
	font-size:11px;
	line-height:13px;
	padding:0 7px;
	margin-left:-1px;
	background:url(../../Images/myByBox/selector.gif) no-repeat 0 2px;}

.inner #content  .view ul li a{
	display:inline;
	color:#676767;}

.inner #content  .view ul li .active{
	font-weight:bold;}

/* conten image*/
.inner #content img{
	float:right;}
	
/* table*/
.tabl{
	width:695px;
	overflow:hidden;
	margin:0 0 0 0;
	padding:0;
	list-style:none;
}
.tabl li{
	width:100%;
	overflow:hidden;
	background:url(../../Images/myByBox/bottom-line-table.gif) repeat-x 0 100%;
}
.tabl li.header-bottom{display:none;}
.tabl li.active .header-bottom{display:block;}
.tabl .title{
	width:695px;
	overflow:hidden;
	background:url(../../Images/myByBox/tittle-table.gif) repeat-x 0 0;
	height:38px;
}
.tabl .title span{
	float:left;
	text-transform:uppercase;
	color:#999;
	text-align:left;
	font-size:11px;
	line-height:38px;
}
.tabl  .header{
	width:695px;
	overflow:hidden;
}
.tabl  .header span{
	float:left;
	color:#333;
	font-size:11px;
	line-height:19px;
	padding:9px 0 12px 0;
	margin:0;
}
.tabl  .header span em{
	color:#999;
	font-style:normal;
}
.tabl  .header-bottom{
	display:none;
}
.tabl  .date{
	width:166px;
}
.tabl  .id{
	width:141px;
}
.tabl  .status{
	width:230px;
}
.tabl  .location{
	width:155px;
}
.tabl  .destin{
	width:140px;
}
.inner #content{
	padding-bottom:33px;
	overflow:hidden;
}

/* drop table*/
.inner #content .header-bottom {
	position: relative;
	width: 100%;
}
.inner .drop{
	background:#848282 url(../../Images/myByBox/drop-tabl-top.gif) repeat-x 0 0;
	width:100%;
}
/* drop table bottom part*/
.inner .drop .bottom{
	background:url(../../Images/myByBox/drop-tabl-bottom.gif) repeat-x 0 100%;
	width:670px;
	padding:15px 0 15px 25px;
}
/* drop table line*/
.inner .drop td{
	background:url(../../Images/myByBox/drop-tabl-line.gif) repeat-x 0 0 !important;
	width:auto;
	vertical-align:top;
	text-align:left;
}
.inner .drop .top-line td{
	background:none !important;
}
.inner  .drop table {
	width:650px;
	position:relative;
}
.inner .header:hover {
	background-color:#f9f8f8;
		}

.inner .drop table td{
	color:#fff;
	padding:7px 0 5px 0;
	font-size:11px;
	line-height:19px;
}
.inner .drop .btn a{
	position:absolute;
	margin-top:-20px;
	left:355px;
	text-indent:-9999px;
	width:24px;
	height:14px;
	overflow:hidden;
	background:url(../../Images/myByBox/drop-tabl-btn.gif) no-repeat 0 3px;
}

.main-table {
	padding:0;
	width:695px;
	margin:0;
	border-collapse:collapse;
}
	
.drop td {
	padding:0;
	margin:0;}
	
.inner #footer h4 {
	margin-top:0;}

	/*.extend-btn a {
	position:absolute;
	left:650px;
	padding:5px;
	margin-top:-49px;
	width:60px;
	height:20px;
	display:block;
	color:#282f72;
	z-index:250px;
	}*/
	
.bottom-options {
	width:650px; 
	height:30px;}
	
	.desination-text {
		height:20px; 
		width:550px; 
		padding-top:10px; 
		color:#fff; 
		font-weight:bold; 
		font-size:12px; 
		float:left;}
		
	.extend-btn {
		float:left;
		border:0;}


/*===================================================================================================*\

	3.3) Payment Details - BB330

\*===================================================================================================*/

.option-box-holder {
	width:695px;
	position:relative;
	float:left;
	height:170px;
	margin:40px 0 40px 0;}
	
	.option-box-holder .option-box1 a, .option-box-holder .option-box2 a, .option-box-holder .option-box3 a, .option-box-holder .option-box4 a {
		text-indent:-9999px;
		display:block;
		background-color:#6F0;
		position:absolute;
		display:block;
		float:left;}
	
	.option-box-holder .option-box1 a {
		width:171px;
		height:170px;
		top:0px;
		left:34px;
		z-index:50;
		background:url(../../Images/myByBox/option-box1.png) no-repeat;}
		
		.option-box-holder .option-box1 a:hover {
			background-position:0 -170px;}

	.option-box-holder .option-box2 a {
		width:160px;
		height:170px;
		top:0px;
		left:184px;
		z-index:40;
		background:url(../../Images/myByBox/option-box2.png) no-repeat;}

		.option-box-holder .option-box2 a:hover {
			background-position:0 -170px;
			z-index:60;}

	.option-box-holder .option-box3 a {
		width:194px;
		height:170px;
		left:319px;
		top:0px;
		z-index:50;
		background:url(../../Images/myByBox/option-box3.png) no-repeat;}
		
		.option-box-holder .option-box3 a:hover {
			background-position:0 -170px;}

	.option-box-holder .option-box4 a {
		width:163px;
		height:170px;
		left:495px;
		top:0px;
		z-index:40;
		background:url(../../Images/myByBox/option-box4.png) no-repeat;}
		
		.option-box-holder .option-box4 a:hover {
			background-position:0 -170px;
			z-index:60;}
			
	
		
.payment-history-table {
	width:100%;}
	
	.payment-history-table td {
		padding:5px;
		border-bottom:dashed 1px #ccc;}

.account-details-column-full-width #payment-notes 
{
	padding-top: 120px;	
}

/*===================================================================================================*\

	4.0) Generic Content - BB400

\*===================================================================================================*/

.content-gen{
	line-height:18px;
	/*background:url(http://www.mybybox.com/Content/Etail/Images/myByBox/generalBG.jpg) no-repeat 0 0; NW*/
	/*background:url(../../Images/myByBox/generalBG.jpg) no-repeat 0 0;*/
	background:url(../../Images/myByBox/tabBG.jpg) no-repeat -10px 0;
	width:839px;
	height:550px;
	overflow:hidden;
	position:relative;
	z-index:10;
	margin-top:-220px;
	padding:50px 0 70px 0;}

/*left column*/
.content-gen .left{
	width:500px;
	overflow:hidden;
	float:left;
	padding-left:48px;
	margin-right:30px;}
/*left column title*/
.content-gen .left h1, .content-gen h1{
font-family:flux-regular, trebuchet, Verdana, Arial, Helvetica, sans-serif;
color:#003399;
font-size:20px;
}

.content-gen .left h2{
font-size:11px;
font-weight:bold;
color:#999999;
margin-bottom:0;
}

.content-gen .left p{
	font-size:11px;
	line-height:18px;
	color:#666766;
	margin:0;
}
.content-gen .more{
	width:auto;
	background:url(../../Images/myByBox/marck-left.gif) no-repeat 100% 4px;
	padding-right:10px;
	color:#234087;
	margin:12px 0 26px 0;
}
.content-gen .left img{

}
/*right column*/
.content-gen .right{
	width:240px;
	overflow:hidden;
	float:left;
}
/*right column title*/
.content-gen .right h3{
font-family:flux-regular, trebuchet, Verdana, Arial, Helvetica, sans-serif;
color:#666666;
font-size:20px;
}

/*===================================================================================================*\

	5.0) Register Process - BB500

\*===================================================================================================*/
	
.text-input-step .bottom-part{
	padding:0 0 91px 97px !important;
}

input.button {
	color: #FFFFFF !important;
	cursor:pointer;
	background-image:url(/Content/Etail/Images/myByBox/select-btn.gif) !important;
	background-repeat:no-repeat;
	width:155px;
	height:26px;
	border:0;
	text-transform: lowercase;
	float: left;}
	
/*  first step*/
.first-step{
	position:relative;
	overflow:hidden;
	width:100%;
}
/* content of first-step.html*/
.first-step #content{
	width:837px;
	overflow:hidden;
	padding:166px 0 25px 0;
	margin-top:0;
}
.first-step #content .main-content{
	background:url(../../Images/myByBox/step-bg-repeat.jpg) repeat-y 0 0;
	width:100%;
	overflow:hidden;
}
.first-step #content .top-part{
	background:url(../../Images/myByBox/step-bg-top.jpg) no-repeat 0 0;
	width:837px;
	overflow:hidden;
	padding:96px 0 0 0;
}
.first-step #content .bottom-part{
	background:url(../../Images/myByBox/step-bg-bottom.jpg) no-repeat 0 100%;
	width:837px;
	width:760px;
	overflow:hidden;
	position:relative;
	padding:0 0 42px 97px;
}
.second-step .bottom-part{
	padding:0 0 91px 97px !important;
}
.first-step .top{
	width:837px;
	overflow:hidden;
	margin-top:0;
	position:absolute;
	top:139px;
	left:118px;
	z-index:100;
}
.first-step .top h1{
	margin:0;
	overflow:hidden;
	text-indent:-9999px;
	width:74px;
	height:23px;
	background:url(../../Images/myByBox/h1-step-first.gif) no-repeat 0 0;
	float:left;
	margin:75px 20px 0 0;
}
.first-step .top .steps{
	width:650px;
	overflow:hidden;
	float:left;
}
.first-step .top .steps .step a{
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	position:relative;
	cursor:pointer;
}
.first-step .top .steps .step{
	float:left;
	width:auto;
}

/*first step box*/
.first-step .top .steps .first a{
	background:url(../../Images/myByBox/first-step-active.png) no-repeat 0 0;
	width:104px;
	height:85px;
	z-index:50;
	margin-top:11px;
}
.second-step .top .steps .first a{
	background:url(../../Images/myByBox/first-step.png) no-repeat 0 0;
}
.third-step .top .steps .first a{
	background:url(../../Images/myByBox/first-step.png) no-repeat 0 0;
}
.fourth-step .top .steps .first a{
	background:url(../../Images/myByBox/first-step.png) no-repeat 0 0;
}

/*second step box*/
.first-step .top .steps .second a{
	background:url(../../Images/myByBox/second-step.png) no-repeat 0 0;
	width:96px;
	height:83px;
	z-index:40;
	margin:0 -10px 0 -10px;
}
.second-step .top .steps .second a{
	background:url(../../Images/myByBox/second-step-active.png) no-repeat 0 0;
}

/*third step box*/
.first-step .top .steps .third a{
	background:url(../../Images/myByBox/third-step.png) no-repeat 0 0;
	width:93px;
	height:79px;
	z-index:30;
	margin:14px -10px 0 0;
}
.third-step .top .steps .third a{
	background:url(../../Images/myByBox/third-step-active.png) no-repeat 0 0;
}

/*fourth step box*/
.first-step .top .steps .fourth a{
	background:url(../../Images/myByBox/fourth-step.png) no-repeat 0 0;
	width:99px;
	height:82px;
	z-index:20;
	margin-top:4px;
}
.fourth-step .top .steps .fourth a{
	background:url(../../Images/myByBox/fourth-step-active.png) no-repeat 0 0;
}



/*left column*/
.first-step .left{
	width:400px;
	float:left;
	margin:0 5px 0 0;
}
/*box with form*/
.first-step .left .find{
	width:335px;
	overflow:hidden;
}
.first-step .left .find label{
	font-size:11px;
	line-height:16px;
	color:#666766;
}
.first-step .left .find fieldset{
	overflow:hidden;
	width:100%;
}
.first-step .left .find  .input{
	width:323px;
	overflow:hidden;
	margin-top:12px;
	float:left;
	position:relative;
}
.first-step .left .find  .input span{
	float:left;
	overflow:hidden;
	width:140px;
	height:26px;
	background:url(../../Images/myByBox/step-first-input.gif) no-repeat 0 0;
	margin:0;
	padding:0 7px 0 7px;
}
.first-step .left .find #field{
	border:0;
	float:left;
	background:none;
	width:143px;
	padding:6px 0 7px 0;
	font-size:11px;
	line-height:13px;
	color:#666766;
}
.first-step .left .find #searchLocation{
	border:0;
	float:left;
	background:none;
	width:143px;
	padding:6px 0 7px 0;
	font-size:11px;
	line-height:13px;
	color:#666766;
}

/*box's form btn*/
.first-step .left .find .search{
	/*float:left;
	width:155px;
	height:26px;
	margin-left:10px;
	display:inline;NW*/
	float:none;
margin-left:10px;
}
/*list of left column*/

.first-step .left ul{
	list-style:none;
	padding:0;
	margin:7px 0 0 0;
	height: 393px;
}
.first-step .left .list-step{
	width:362px;
	overflow:hidden;
}
.first-step .left .list-step li{
	background:url(../../Images/myByBox/step-line.gif) repeat-x 0 100%;
	padding:9px 0 11px 0;
}
.first-step .left .list-step li ul{
	margin-left:51px;
	height: auto;

}
.first-step .left ul li{
	font-size:11px;
	line-height:18px;
	color:#666766;
}
.first-step .left .list-step li ul li{
	background:none;
	margin:0;
	padding:0;
	font-size:11px;
	line-height:18px;
}
/*btn*/
.first-step .left .list-step li .select{
	width:155px;
	height:26px;
	background:url(../../Images/myByBox/select-btn.gif) no-repeat 0 0;
	display:block;
	margin:8px 0 0 50px;
	text-transform: lowercase;
}
.first-step .left .list-step li .select:hover{
	text-decoration:none;
}
.first-step .left .list-step li .select span{
	background:url(../../Images/myByBox/step-marck-list.gif) no-repeat 100% 4px;
	padding:0 13px 0 49px;
	font-size:11px;
	line-height:26px;
	color:#fff;
}
/*box with map*/
.first-step .map{
	width:330px;
	float:left;
	position:relative;
}
/*border of map*/
.map .border{
	position:absolute;
	top:0;
	left:0;
}

/* second-step page*/

.second-step .left{
	width:585px;
	margin-top:5px;
	overflow:hidden;
}

.third-step .left{
	width:595px;
	margin-top:5px;
	overflow:hidden;
}

.second-step .left .register{
	width:100%;
	overflow:hidden;
	position:relative;
	z-index:55;
}
.second-step .left .register p{
	margin:0;
	color:#23408a;
	font-size:11px;
	line-height:16px;
}
.second-step .left .register{
	overflow:hidden;
	width:100%;
}
.second-step .left .register fieldset{
margin:0 0 0 58px;
}
.second-step .left .register ul{
	margin:19px 0 0;
	padding:8px 0 0;
	list-style:none;
	overflow:hidden;
	width:100%;
}
.second-step .left .register ul li{
	float:left;
	width:100%;
	padding:0 0 8px;
}
.second-step .left .register ul li label{
	width:117px;
	font-size:11px;
	line-height:13px;
	color:#333;
	float:left;
	margin-top:5px;
}
.second-step .left .register ul li .none{
	text-indent:-9999px;
	overflow:hidden;
}
.second-step .left .register ul li .input-text{
	width:155px;
	float:left;
	background:url(../../Images/myByBox/second-step-input.gif) no-repeat 0 0;
	height:26px;
}
.second-step .left .register ul li input{
	border:0;
	float:left;
	width:139px;
	padding:6px 8px;
	margin:0;
	font-size:11px;
	line-height:14px;
	color:#666766;
	background:none;
}
.second-step .left .register .continue{
	background:none;
	padding:0;
	margin:18px 0 0 117px;
	width:155px;
	float:left;
	display:inline;
}
.second-step .image{
	width:286px;
	position:relative;
	position:absolute;
	bottom:12px;
	right:0;
	z-index:22;
}
.second-step .image .border{
	position:absolute;
	top:0;
	left:0;
}
.second-step .left .register ul li .active, .third-step .left .register ul li .active{
	display:block;
	background:url(../../Images/myByBox/drop-from-input.gif) no-repeat 0 0 !important;
	width:410px !important;
	height:26px !important;
	z-index:501;
}
.second-step .left .register ul li .active span{
	color:#fff;
	font-size:11px;
	line-height:25px;
	margin-left:10px;
	height:26px;
	
	position:absolute;	
	width:600px;
}
.second-step .main-content{
	margin-bottom:27px;
}

#menu li {
	cursor: pointer;
}

.accountlogin {
margin:80px 0 0 45px;
}

.accountlogin legend {
position:absolute;
margin-left:-9999px;
}

.accountlogin label{
display:block;
	width:117px;
	font-size:11px;
	line-height:13px;
	color:#333;
	float:left;
	margin-top:5px;
}

.accountlogin .input-text{

	margin-left:125px;
	background:url(../../Images/myByBox/second-step-input.gif) no-repeat 0 0;
	height:26px;
}
.accountlogin input {
width:117px;
	border:0;
	width:139px;
	padding:6px 8px;
	margin:0;
	*margin-left:-120px;
	font-size:11px;
	line-height:14px;
	color:#666766;
	background:none;
}

.accountlogin .checkbox {
float:left;
width:50px;
margin-left:110px}

.accountlogin .button {
clear:both;
	color: #FFFFFF;
	margin-left: 120px;
	margin-top: 10px;
	margin-bottom: 2px;
	cursor:pointer;
	background-image:url(../../Images/myByBox/select-btn.gif);
	background-repeat:no-repeat;
	width:155px;
	height:26px;
}

/*===================================================================================================*\

	6.0) Footer - BB600

\*===================================================================================================*/

#footer {
	width:700px;
	overflow:hidden;
	margin:0 0 0 120px;
	padding:0 0 100px 0;}

#page.homepage #footer{
	margin:100px 0 0 120px;}
		
/*title of footer*/
#footer h4{
	overflow:hidden;
	text-indent:-9999px;
	width:359px;
	height:24px;
	margin:0 auto;
	margin-top:13px;
	background:url(../../Images/myByBox/footer-h.gif) no-repeat 0 0;
}
#footer p{
	margin:0;
	text-align:center;
	color:#ccc;
	font-size:11px;
	line-height:18px;
}
/*navigation of footer*/
.list{
	width:700px;
	overflow:hidden;
	position:relative;
}
.list div{

    text-align:center;
}
.list ul{
	margin:21px 0 6px 0;
	padding:0;
	list-style:none;
	overflow:hidden;
	text-align:center;
}
#footer ul li{
	font-size:11px;
	line-height:13px;
	margin:0 0 0 -1px;
	background:url(../../Images/myByBox/selector-footer.gif) no-repeat 0 2px;
	padding:0 8px 0 8px;
	display:inline;
}
#footer ul li:first-child { 
	background:none;
}
#footer ul li a{
	color:#23408a;
}




.fourth-step .left ul
{
	height:auto;
	padding-left: 20px;
}
.fourth-step .left .register fieldset{
	margin:10px 0 0 0px;
}
.fourth-step .left .register fieldset ul{
	margin:0 0 0 20px;
	width: auto;
}
.fourth-step .left .register fieldset ul li{
	padding: 0;
}
.fourth-step .left .register fieldset{
	margin:5px 0 10px 38px;
}
.fourth-step .commonform {
margin:20px 0 0 38px;
}
.fourth-step .commonform label {
	height: auto;
}
.fourth-step .commonform .button {
	margin-left: 0px;
}

/* COMMON FORM STYLES */

.commonform a{
	font-weight: bold;
}
a:hover{text-decoration:underline;}
a#termsLink{
	text-decoration:underline;
	padding-right: 4px;
	cursor: pointer;	
}


.commonform {
margin:30px 0 0 45px;
}

.commonform legend {
position:absolute;
margin-left:-9999px;
}

/*.commonform label{
display:block;
	width:117px;
	font-size:11px;
	line-height:13px;
	color:#333;
	float:left;
	margin-top:5px;
}

.commonform .input-text{
	float:left;
	background:url(../../Images/myByBox/second-step-input1.gif) no-repeat 0 0 red;
	height:26px;
	width:155px;
	clear:both;
}

/*.commonform label {
	width:140px;
	background-color:#6F0;
	height:26px;
	clear:left;
	float:left;}*/

/*.commonform input {
	border:0;
	width:139px;
	padding:6px 8px 6px 8px;
	margin:0;
	*margin-left:-165px;
	font-size:11px;
	line-height:14px;
	color:#666766;
	background:none;
	background-color:#FC0;
}

.commonform .checkbox {
	width: 20px;
	margin-left: 125px;
	margin-top: 5px;
}

.commonform .button {
	margin-left: 125px;
	margin-top: 10px;
	margin-bottom: 2px;
	height:26px;
	width:155px;
	background-color:blue;}
	
#forgotLink
{
	clear: both;
	margin-left: 125px;
}
*/
.commonform .input-text {
	float:left;
	clear:right;
	padding:4px;
	width:650px;
	height:26px;
	background:url(../../Images/myByBox/second-step-input.gif) no-repeat 0 0;}
	
	.commonform .input-text input {
		float:left;
		margin:0;
		width:146px;
		background:none;
		color:#000;
		z-index:500;
		border:0;}
		
.commonform .checkbox {
	margin-left:125px;
	clear:left;
	float:left;}

.commonform label {
	float:left;
	height:26px;
	width:125px;}
	
.commonform .button {
	float:left;
	clear:both;
	margin-left:125px;
	margin-top:10px;}
	
#forgotLink {
	float:left;
	clear:both;
	margin-left: 125px;}
	
/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/

.commonform .active{
	background:url(../../Images/myByBox/drop-from-input.gif) no-repeat 0 0;
	width:650px;
	height:26px;}
	
.commonform .active span{
	color:#fff;
	font-size:11px;
	line-height:20px;
	margin-left:10px;}
	
.commonform ul {
	list-style: none;
	padding:0;
	margin:0;}
	
.commonform li {
	padding:0 0 10px 0;
	margin:0;}



.submit-btn input
{
	background: transparent;
	font-size:11px;
	color:#fff;
	width:151px;
	height:22px;
	position: relative;
	top: 2px;
	left: 2px;
}
.submit-btn:hover{
	text-decoration:none;
}



.text-input-step .left .register{
	width:100%;
	overflow:hidden;
	position:relative;
	z-index:55;
}
.text-input-step .left .register p{
	margin:0;
	color:#23408a;
	font-size:11px;
	line-height:16px;
}
.text-input-step .left .register fieldset{
	margin:0 0 0 38px;
}
.text-input-step .left .register ul{
	margin:19px 0 0;
	padding:8px 0 0;
	list-style:none;
	overflow:hidden;
	width:100%;
}
.text-input-step .left .register ul li{
	float:left;
	width:100%;
	padding:0 0 8px;
}
.text-input-step .left .register ul li label{
	width:120px;
	font-size:11px;
	line-height:13px;
	color:#333;
	float:left;
	margin-top:5px;
}
.third-step .left .register ul li label{
	width:130px;
}

.text-input-step .left .register ul li .none{
	text-indent:-9999px;
	overflow:hidden;
}
.text-input-step .left .register ul li .input-text{
	width:155px;
	float:left;
	background:url(/Content/Etail/Images/myByBox/second-step-input.gif) no-repeat 0 0;
	height:26px;
}
.text-input-step .left .register ul li .input-text input{
	border:0;
	float:left;
	width:139px;
	padding:6px 8px;
	margin:0;
	font-size:11px;
	line-height:14px;
	color:#666766;
	background:none;}
	
.text-input-step .left .register ul li .input-checkbox{
	width:220px;
	float:left;
	height:26px;
	margin-left: 120px;}

.text-input-step .left .register ul li .input-checkbox label{
	padding: 2px 0px 4px 0px;
	/*background: white;*/
	width:45px;
	float: left;
}
.text-input-step .left .register ul li .input-checkbox a{
	margin: 4px 0px 0px 0px;
	padding-bottom:1px;
	background: white;
	width:auto;
	float: left;
}

.text-input-step .left .register ul li .input-checkbox #Step2_TermsAccepted {
	float:left;
	width:15px;
	margin-top:7px;}
	
.text-input-step .left .register ul li .input-checkbox input{
	border:0;
	float:left;
	margin: 0px 4px 3px 6px;
	font-size:11px;
	line-height:14px;
	color:#666766;
	background:none;
}
.text-input-step .left .register .button{
	margin-left: 120px;
	margin-top: 10px;
	clear:both;
	color: #FFFFFF;
	cursor:pointer;
	background-image:url(/Content/Etail/Images/myByBox/select-btn.gif);
	background-repeat:no-repeat;
	width:155px;
	height:26px;
	border:0;
	text-transform: lowercase;
	float: left;
}
.third-step .left .register .button{
	margin-left: 130px;
	margin-top: 10px;
}
.text-input-step .image{
	width:286px;
	position:relative;
	position:absolute;
	bottom:12px;
	right:0;
	z-index:22;
}
.text-input-step .image .border{
	position:absolute;
	top:0;
	left:0;
}
/* NEW
.text-input-step .left .register ul li .active{
	background:url(/Content/Etail/Images/myByBox/drop-from-input.gif) no-repeat 0 0;
	width:406px;
}*/
.text-input-step .left .register ul li .active span{
	color:#fff;
	font-size:11px;
	line-height:25px;
	margin-left:10px;
}
.text-input-step .main-content{
	margin-bottom:27px;
}

/* AJAX STYLES */
/* Remove Google Chrome input highlighting */
*:focus {outline: none;}

#password-strength
{
    display: inline;
    left: 165px;
    position: relative;
    top: -30px;
}
.password-strength-bar
{
	height: 3px;
}
#ajaxBusy
{
	position: absolute;
	display: none;
	top: 69px;
	right: 20px;
}
.TellAFriend #ajaxBusy 
{
	display: none;
	left:280px;
	position:absolute;
	top:115px;
}
#googleMapCanvas
{
	width: 326px; 
	height: 269px; 
	display: none
}
.siteDetail
{
	display: none;
}
.submit-btn{
	width:155px;
	height:26px;
	background:url(/Content/Etail/Images/myByBox/select-btn.gif) no-repeat 0 0;
	display:block;
	margin:18px 0 0 117px;
}
.submit-btn span{
	background:url(/Content/Etail/Images/myByBox/step-marck-list.gif) no-repeat 100% 4px;
	width:100px;
	height:15px;
}
.submit-btn input
{
	background: transparent;
	font-size:11px;
	color:#fff;
	width:151px;
	height:22px;
	position: relative;
	top: 2px;
	left: 2px;
}
.submit-btn:hover{
	text-decoration:none;
}
.extended-page .content-gen {
	height: auto;
}
.inline {
	display: inline;
}

#menu li {
	cursor: pointer;
}

.second-step .jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    height: 60%;
    overflow: auto;
    
    background-color: #FFF;
    border: 1px solid black;
    padding: 12px;
}
#registerTerms .content-gen{
	margin: 0px;
	padding: 0px 0px 10px 0px;
	width: 585px;
}
#registerTerms .content-gen .left{
	margin: 0px;
	padding: 0px;
	overflow: inherit;
	width: inherit;
}
#registerTerms .content-gen hr {
	clear: right;
}
#registerTerms .jqmClose {
	float: right;
}
.jqmOverlay { background-color: #000; }
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

.error
{
	font-weight: bold;
	color: Red;	
}
.message
{
	font-weight: bold;
	color: GoldenRod;	
	font-family: Verdana, Geneva, sans-serif;
	height: auto;
	line-height: 10px;
	min-height: 25px;
	padding: 10px 0 15px 20px;
}

.top-content ul
{
	list-style: none;
	padding: 5px 0 0 20px;
}


/* Pricing Page */

.content-gen .pricing-column{
	width:700px;
	overflow:hidden;
	float:left;
	padding-left:48px;
	margin-right:30px;}
	
	.pricing-box-holder {
	width:700px;
	position:relative;
	float:left;
	height:170px;
	margin:0 40px 0 40px;}
	
	.pricing-box1, .pricing-box2, .pricing-box3, .pricing-box4 {
		width:135px;
		margin:0 10px 0 10px;
		height:auto;
		font-size:11px;
		float:left;
		top:0px;}
		
/* Error Message */

.validation-summary-errors {
	font-family:Verdana, Geneva, sans-serif;
	background:url(../../Images/myByBox/error-exclamation.png) no-repeat left top;
	padding:2px 0 0 30px;
	float:left;
	height:auto;
	min-height:25px;
	color:#cc0000;
	font-size:10px;
	line-height:10px;
    list-style: none;
}

.validation-summary-errors li {
    padding:3px 0 3px 0;
    border-bottom: 1px dashed #bbbcbd;
}
	
.remove-link {
	color:#272f72;
	font-size:10px;}

input.labelHighlight { color: #bbbcbd; }

/* NEW 20th OCT */

.account-details-column-2 form, .account-details-column-2 fieldset {
	padding:0;
	margin:0;}
	
	.account-details-column-2 .form-input .required {
		/*width:145px;
		border:1px solid #ccc;
		height:13px;
		padding:4px;
		margin:0 0 5px 0;*/
		}

.link-button {
	background:0;
	color:#272f72;
	margin:-2px;
	padding:0;
	border:0;
	text-transform:lowercase;
	text-align:left;
	margin-bottom:10px;}
	
	.link-button:hover {
		text-decoration:underline;}

#NotificationViewData_NewNotificationPoint
{
	width: 100%
}

/* About page */
.about .left h1, .about .left p 
{
    padding-bottom: 10px;
}
.about .left p.padded
{
    padding-top: 20px;
}
/* Contact page */

.contact .left p 
{
    padding-bottom: 10px;
}
.contact .left p#address
{
    padding-left: 25px;
}