/*
		
-------------------------------------------------------------------------------------------------------
	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  |
-------------------------------------------------------------------------------------------------------
	7.0) Purchase Content     | BB700  |
    7.1) Pay As You Go        | BB710  |
    7.2) Subscription         | BB720  |
    7.3) Summary              | BB730  |
-------------------------------------------------------------------------------------------------------

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

	0.0) Robin's amendments

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

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

	1.0) Global Structure - BB100

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

html, body
{
	height: 100%;
	margin:0px;
	padding: 0px;
}

body
{
	color:#333333;
	font:.7em Verdana, Arial, Helvetica, sans-serif;
	background:#fff;
}

#page
{
	width:90%;
	min-width: 950px;
	min-height: 100%;
	overflow:hidden;
	margin:0 auto;
	position:relative; 
	padding: 0;
}
		
#content 
{
	width:60%;
	min-width: 900px;
	margin-left: auto;
	margin-right: auto;	
	padding:5px 0 139px 0;
	height: 100%;
} 

       
#page.homepage #content 
{
} 
		
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; }

/*
h1, .button
{
    font-family: "League Gothic",  Verdana, Arial, Helvetica, sans-serif;
}
*/
h2, h3, h4
{
    Font-family: Arial, Helvetica, sans-serif;
}

.button
{
    text-decoration: none;
    background-color: #ecfddd;
    color: #084301;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;  
    border: 2px solid #89d349;       
    width: 150px;   
    height: 26px; 
    vertical-align: middle;    
    text-align:center; 
    display: block;
    cursor: pointer;   
    font-weight: bold;
    font: .7em;
}

A.button
{
    line-height: 22px;
    height: 22px;
}

.button:active, .button:hover, .button-hover
{
    background-color: #e8eef4;
    text-decoration: none;  
    box-shadow: 2px 2px 5px #aaa;
    -moz-box-shadow: 2px 2px 5px #aaa;
    -webkit-box-shadow: 2px 2px 5px #aaa;
}

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

	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: 75%;
    min-width: 950px;
	margin: 50px auto 30px auto;
	overflow:hidden;
	vertical-align: middle;
	height: 50px;	
	white-space: nowrap;
}

#header .logo
{	
	float:left;	
	vertical-align: middle;	
 }
 
/* left image of background*/
#header .navigation
{
	float:right;
	vertical-align: middle;
	margin: 0px;    
}
	
#header .navigation .left-nav a{
	background:0;
	padding-right:0;
	text-align: right;
}

/* navigation*/
#header .navigation ul
{		
	margin: 0px;
	list-style:none;
	float:left;
	width:auto;
}

#header .navigation ul li
{
    float: left;	
	font-size: 11px;	
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	vertical-align: middle;
	padding:0px 0px 0px 20px;
	margin: 0px;	
	color: #79B8E3;
	height: 50px;
	line-height: 50px;
}

#header a
{
    color: #79B8E3;
}

#header .navigation ul li.telephone
{
    padding: 0px 20px 0px 30px;
    background-image: url(../../Images/myByBox/mybybox_Telephone_Icon_Header.png);
    background-repeat: no-repeat;
    background-position: left center;    
}

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

	2.0) Homepage Content - BB200

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

.banner-overlay-wrapper
{
    position:absolute;
	top:80px;	
	left: 0px;
	z-index:50;	
	min-width: 1000px;		
	width: 100%;	
	overflow:visible;
}

#banner-overlay
{
    position: static;
    width: 60%;
    min-width: 900px;
    margin-left: auto;
    margin-right: auto;
/*	position:absolute;
	top:100px;
	left: 25%;
	z-index:50;	
	width: 50%;
	display: inline;
*/
}

#promo-tag
{
    display:none;
    left:30%;
    position:absolute;
    top:650px;
    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;	
	padding-bottom:70px;
	margin-top: 120px;
	/*padding-top: 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;	
	top:-585px;
	left:8px;	
}
	
#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;
	font-family: Arial, Helvetica, Sans-Serif;
}
		
.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;
	min-width: 700px;
	min-height:550px;
	position:relative;
	z-index:10;
	padding:0px 0 10px 0;
}

.account-tabs-banner
{
    width: 80%;
    min-width: 1000px;
    margin: 10px auto 10px auto;
	background-image: url(../../images/mybybox/mybybox_Grey_Strip_Menu.png);	 
	background-repeat: repeat-x;   	
	height: 120px;
	overflow: visible;
}

.account-tabs-wrapper
{    
    width: 80%;
    min-width: 1000px;
    margin: 10px auto 10px auto;
}
	
	
.account-tabs
{
	height: 120px;
	display: block;
	width: 100%;
	min-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	white-space: nowrap;
	overflow: visible;
}
	
.account-tabs div.tab, .account-tabs div.tab-seperator
{
	display: inline;
	float: left;
	height: 120px;
	background-position: left center;
}

.account-tabs div.tab
{
	background-repeat: no-repeat;
}
	
.account-tabs .tab-header
{
	width: 170px;
	background-image: url(../../images/mybybox/mybybox_Your_Account.png);
	background-position: right center;	    
}
	
.account-tabs .tab-seperator
{
	width: 20px;
	background-image: url(../../images/mybybox/mybybox_Account_Tab_Seperator.png);
	background-repeat: repeat-x;
}
	
.account-tabs a
{
	background-repeat: no-repeat;
	background-position: left center;
	width: 119px;
	height: 100%;
	display: block;
	text-indent: -9999;
	line-height: 0px;
	font-size: 0px;
}
	
.account-tabs a.selected, .account-tabs a:hover
{
	width: 119px;
}
	
.account-tabs .tab-box-details a
{
	background-image: url(../../images/mybybox/mybybox_BoxDetails_inactive_Button.png);
}
	
.account-tabs .tab-box-details a.selected, .account-tabs .tab-box-details a:hover
{
	background-image: url(../../images/mybybox/mybybox_BoxDetails_active_Button.png);	    
}
	
.account-tabs .tab-deliveries a
{
	background-image: url(../../images/mybybox/mybybox_tracking_inactive_Button.png);	    
}
	
.account-tabs .tab-deliveries a.selected, .account-tabs .tab-deliveries a:hover
{
	background-image: url(../../images/mybybox/mybybox_tracking_active_Button.png);	    
}	
	
.account-tabs .tab-account-details a
{
	background-image: url(../../images/mybybox/mybybox_Account_inactive_Button.png);	    
}
	
.account-tabs .tab-account-details a.selected, .account-tabs .tab-account-details a:hover
{
	background-image: url(../../images/mybybox/mybybox_Account_active_Button.png);	    
}	
	
.account-tabs .tab-payment a
{
	background-image: url(../../images/mybybox/mybybox_Payment_inactive_Button.png);	    
}
	
.account-tabs .tab-payment a.selected, .account-tabs .tab-payment a:hover
{
	background-image: url(../../images/mybybox/mybybox_Payment_active_Button.png);	    
}		

	
	.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-global-details 
{
	width:230px;
	height:374px;
	position:relative;
	float: right;
	z-index:250;
	top: 25%;
	margin-right: 20px;
	white-space: normal;
}

.account-global-details-top, .account-global-details-bottom
{
    height: 16px;
    margin: 0px;
    padding: 0px; 
    background-repeat: no-repeat;
    
}

.account-global-details-top 
{
    background-image: url(../../Images/myByBox/mybybox_Magic_Code_top.png);
}

.account-global-details-middle 
{
    margin: 0px;
    padding: 0px;
    height: 342px;    
    background-image: url(../../Images/myByBox/mybybox_Magic_Code_middle.png);
    background-repeat: repeat-y;
}	

.account-global-details-bottom 
{
    margin: 0px;
    padding: 0px;
    background-image: url(../../Images/myByBox/mybybox_Magic_Code_bottom.png);
}

.account-global-details-middle-content
{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.account-global-details .magic-code span
{		
	font-weight:bold;
	color:#666766;
	text-align:left;					
	font-size: 1.1em;	
	margin-top: 10px;
	line-height: 1.2em;
	display: block;
}

.account-global-details h3
{
    margin: 20px 0 0 0;
}

.account-global-details h2, .account-global-details h4 
{
    color: #89d349;    
    font-weight: normal;
}

.account-global-details h2
{
    margin: 0px;
    font-size: 12pt;
}

.account-global-details h4
{
    margin: 20px 0 5px 0;
    font-size: 9pt;
}
		
.account-global-details .magic-code-info, .account-global-details .delivery-address 
{
	color:#666766;
	text-align:left;
	font-size: 1em;
	line-height:1.1em;
}
		
.account-details-column-1, .account-details-column-2, .account-details-column-3, .account-details-column-full-width 	
{   	
    /*margin-top: 90px; */
}
			
.account-details-column-full-width 
{
	width:670px;
	padding-left:10px;
	height:auto;
}
		
.account-details-column-1, .account-details-column-2 {
	width:185px;
	padding-left:10px;
	padding-right:10px;
	height:auto;
/*	border-right:1px dashed #bbbcbd;*/
	float:left;
	background-image: url(../../images/mybybox/mybybox_vertical_dots.png);
	background-position:right;
	background-repeat: repeat-y;
}

.account-details-column-2 
{
	width: 210px;
}
		
.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:#89d349;
}
	
.no-border 
{
	border:0;
}
		
/*===================================================================================================*\

	3.1) Accnt & Box details - BB310

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


#page.account-details h1, #page.account-details h2, #page.account-details h3, #page.account-details h4
{
    color:#89d349;
    font-weight:normal;
}
	
#page.account-details h2, #page.box-details h2
{	
	padding:0;
	color: #89d349;
	font-weight: normal;
    font-size: 12pt;
}	

#page.account-details .input-text
{
	width:155px;
	background:url(../../Images/myByBox/mybybox_text_box.png) no-repeat 0 0;
	height:28px;
	float: left;
	margin: 10px 5px 0px 0px;	
}

#page.account-details .input-text input
{
	border:0;
	width:135px;
	padding:6px 8px;	
	font-size:11px;
	line-height:14px;
	color:#666766;
	background:none;
    float: left;
}

.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;
}
	
#page.account-details .form-title
{
	width:100%;
	padding-top:4px;
	color: #89d349;
}

#page.account-details p 
{
	/*color: #89d349;*/
}		
		

	.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;
	width:100%;
	clear:both;
	margin-top:10px;
	margin-bottom:20px;}
		
.button-name a 
{
    color: #084301;
	cursor:pointer;
	background-color: transparent;
	background-image:url(/Content/Etail/Images/myByBox/mybybox_green_selection_button.png);
	background-repeat:no-repeat;
	width:155px;
	height:28px;
	line-height: 28px;
	vertical-align: middle;
	border:0;
	text-transform: capitalize;
	padding-left: Auto;
	padding-right: auto;
	border: none;
	font-weight: bold;
	text-align: center;
	font-size:normal;
	display: block;
}
			
.button-name a:hover 
{
	background-image:url(/Content/Etail/Images/myByBox/mybybox_text_box.png);	
	text-decoration: none;
}
				
.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:665px;
	overflow:hidden;
	margin:0 0 0 0;
	padding:0;
	list-style:none;
}

.tabl li
{
	width:100%;
	overflow:hidden;	
}

.tabl li.data-row
{
    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;
	height:40px;
}

.tabl .title span{	
	text-transform:uppercase;
	text-align:left;
	height: 38px;
	line-height:38px;
	vertical-align: middle;
	margin: 0px;
	float: left;	
    background-color: #ecfddd;
    color: #89d349;
    border-top: 1px solid #89d349;
    border-bottom: 1px solid #89d349;    
}
.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:0px;
	background-color: transparent;
}
.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 .merchant{
    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
{
    width:100%;
}
	
.payment-history div
{
	padding:5px;
	border-bottom:dashed 1px #89d349;
}

.payment-history div.header
{
    text-align: left;
    color: #89d349;
    background-color: #ecfddd;
    padding: 2px;
    font-size: 1.1em;
    font-weight: bold;
    height: 2em;
    line-height: 2em;
    vertical-align: middle;
}

/*
.payment-history div:nth-child(odd)    { background-color:#eee; }
.payment-history div:nth-child(even)    { background-color:#fff; }
*/

.payment-history div span
{
    float: left;
    display: block;
    padding-left: 4px;
    padding-right: 4px;
}		

.payment-history .purchase-date
{
    width: 150px;
}

.payment-history .purchase-name
{
    width: 150px;
}

.payment-history .purchase-cost
{
    width: 100px;
}

.payment-history .purchase-quantity
{
    width: 70px;
}

.payment-history .purchase-status
{
    width: 150px;
}

		

.payment-history .purchase-cost, .payment-history .purchase-quantity
{
    text-align: right;
}

.payment-history .purchase-not-completed
{
    color: Red;
}

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

.account-details-column-full-width h2
{
    margin-top: 10px;
    color: #89d349; 
    font-weight: normal;
    font-size: 12pt;
}

.account-types .account-type-container
{    
    display: block;
    float: left;    
    margin-right: 40px;
    vertical-align: top;
    width: 200px;
    text-align: center;
}

.account-types a.account-type
{
    width: 175px;
    height: 88px;
    display: inline-block;
    margin-bottom: 20px;
    background-repeat: no-repeat;
}

.account-types a.account-type:hover
{
    background-color: transparent;
    text-decoration: none;    
}

.account-types a.pay-as-you-go
{
    background-image: url(../../Images/mybybox/mybybox_payAsYouGo_text_button.png);
}

.account-types a.pay-as-you-go:active, .account-types a.pay-as-you-go:hover
{
    background-image: url(../../Images/mybybox/mybybox_PayAsYouGo_button_hover.png);
}

.account-types a.subscription
{
    background-image: url(../../Images/mybybox/mybybox_subscription_text_button.png);
}

.account-types a.subscription:active, .account-types a.subscription:hover
{
    background-image: url(../../Images/mybybox/mybybox_subscription_button_hover.png);
}

.price-plans
{
    background-color: transparent;
    margin-left: 0px;
    margin-bottom: 20px;
}

.delivery-price-plans, .subscription-price-plans
{
    display: none;
}

.price-plans
{
    padding: 0px;            
    margin: 0px;
}

ul.price-plans li
{    
    list-style: none; 
    margin-left: 0px;
    margin-bottom: 10px;
}

ul.price-plans li a
{
    width: 180px;
    text-align:center;
    margin-left: 10px;
}

ul.price-plans li a:active, .account-types a:active
{    
    text-decoration: none;
}

ul.price-plans .price-plan-name
{
    font-size: 1.1em;    
    text-align: left;    
    font-weight:normal;
    text-align:left;
    line-height: 100%;    
    padding-left: 4px;
}

ul.price-plans .price-plan-cost
{
    color: #084301;
    font-size: 1.1em;        
    text-align: right;    
    line-height:100%; 
    margin-left: 4px;
    font-weight: bold;
}


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

	4.0) Generic Content - BB400

\*===================================================================================================*/
.clear-fix
{
    zoom: 1;
    display: inline-block;
}

.clear-fix:after 
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.content-gen{
	line-height:18px;
	background:url(../../Images/myByBox/tabBG.jpg) no-repeat -10px 0;
	width:839px;
	margin-left: auto;
	margin-right: auto;	
	height:550px;
	overflow:hidden;
	position:relative;
	z-index:10;
	padding:50px 0 70px 0;
}

#page.login .content-gen
{
    padding:50px 0 0px 0;
    height: 400px;
}

/*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:
}

.pricing-payment-options
{
    margin: 50px;
}

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

	5.0) Register Process - BB500

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

/*
input.button {
    color: #084301;
	cursor:pointer;
	background-color: transparent;
	background-image:url(/Content/Etail/Images/myByBox/mybybox_green_selection_button.png);
	background-repeat:no-repeat;
	width:155px;
	height:28px;
	line-height: 28px;
	vertical-align: middle;
	border:0;
	text-transform: capitalize;
	padding-left: Auto;
	padding-right: auto;
	border: none;
	font-weight: bold;
	text-align: center;
	font-size:normal;
	display: block;
}
			
input.button:hover 
{
	background-image:url(/Content/Etail/Images/myByBox/mybybox_text_box.png);	
	text-decoration: none;
}
	
*/
/*  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;
*/
padding-top: 40px;
}
.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;
    width: 100%;
    position: absolute;
}

.first-step .top .steps-container
{
    width: 60%;    
    min-width: 900px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 40px;
}

.first-step .top h1
{
	
	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 77px;
}

.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:355px;
	overflow:hidden;
}
.first-step .left .find label{
	font-size:11px;
	line-height:16px;
	color:#666766;
	margin-bottom: 10px;
}

.first-step .left .find fieldset
{
	overflow:hidden;
	width:100%;
}

.first-step .left .find  .input
{
	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 10px 0px 0px;
	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:left;
    clear: none;
}

.first-step .left .find .ajaxBusy
{
    width: 16px; 
    height: 16px;
	display: none;	
	clear: none;	
	right: 55px;
	top: 63px;
	position: absolute;
	background-image: url('../../Images/mybybox/myByBox_Register_AjaxLoading.gif');
	background-repeat: no-repeat;
}

.first-step .left .find .search:hover + .ajaxBusy
{
    background-image: url('../../Images/mybybox/myByBox_Register_AjaxLoading_hover.gif');
}

/*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;
	margin-left:  50px;
/*	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;
	padding-right: 15px;
	/*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;
	margin-left: 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 
{
    font-family: Verdana, Arial, Helvetica, sans-serif;    
	width:100%;	
	position: absolute;
	bottom: 0px;
	left: 0px;
	color: #343589;	
	height: 139px;
}

#footer .footer-content
{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
	min-width: 950px;
}

#footer .center-wrapper
{
    float: left;
    width: 100%;  
    min-width: 920px;  
}

#footer .center
{
    background-image: url(../../images/mybybox/mybybox_footer_middle.png);
    margin-left: 17px;
    margin-right: 17px;
    height: 139px;    
}

#footer .left, #footer .right
{
    height: 139px;    
    width: 17px;
    background-repeat: no-repeat;
    float: left;
}

#footer .left
{
    margin-left: -100%;
    background-image: url(../../images/mybybox/mybybox_footer_left.png);
}

#footer .right
{
    margin-left: -17px;
    background-image: url(../../images/mybybox/mybybox_footer_right.png);
}

#footer .center-content
{
    width: 100%;
    min-width: 900px;
}

#footer ul 
{
    display: block;
    margin-top: 20px;
    padding: 15px 0px 0px 0px;   
    min-width: 900px; 
}

#footer ul li
{
    list-style: none;
    display: block;
    float: left;
    line-height: 24px;
    height: 24px;
    vertical-align: middle;
    text-align: left;
    margin-right: 30px;
}

#footer ul.worldpay
{
    padding-top: 25px;
    
}

#footer ul li.social, #footer ul.worldpay li
{
    float: right;
    margin-right: 10px;
}

#footer ul li a
{
	color: #343589;
    font-size: 1.3em;    
    font-weight: bold;
}

#footer ul.worldpay li.worldpay-logo
{
    float: left;
}

#footer p.bybox-company-details
{
    width: 80%;
	min-width: 800px;
	margin: 20px auto 20px auto;
	text-align: center;
    clear: both;
    padding-top: 10px;
}

/*title of footer*/

/*navigation of footer*/
.list{	
	height: 100%;
	overflow:hidden;
	/*position:relative;*/
}

.list div{

    text-align:center;
}

.list ul
{
    height: 100%;
 	margin:21px 0 6px 0;
	list-style:none;
	overflow:hidden;
	text-align:left;
	display: inline;
	padding: 0px 0px 0px 10px;
}

.list ul.social
{
    margin:0 0 0 100px;   
}


.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;	
	background-color: transparent;
	margin-top: 5px;
    margin-left: -2px;
}


.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
{
	display: none;	
	clear: none;	
	right: 95px;
	top: 65px;
	position: absolute;
}

.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;
}

.field-validation-error
{
    color: #ff0000;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}
	
.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;}

/* 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;
}

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

	7.0) Purchase Content - BB700

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


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

	7.1) Pay As You Go - BB710

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

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

	7.2) Subscription - BB720

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

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

	7.3) Summary - BB730

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


#page.purchase-summary-page #content
{
    background-image: url(../../images/mybybox/mybybox_purchase_summary_bg.png);
    background-repeat: no-repeat;
    background-position: right center;
}

#page.purchase-summary-page #content
{
    padding-top: 0px;
}

.purchase-summary
{
    width: 100%;
    height: 100%;
}

.purchase-summary-column-1, .purchase-summary-column-2
{
		line-height:14px;
		margin-top:30px;
}

.purchase-summary-column-2 {
	width:450px;
	padding-left:25px;
	height:auto;
	float:left;
	display: inline;
	}
		
.purchase-summary-column-1 {
	width:220px;	
	padding-right:10px;
	height:auto;	
	float:left;
	background-image: url(../../images/mybybox/mybybox_vertical_dots.png);
	background-position:right;
	background-repeat: repeat-y;
}

.purchase-summary-column-1 p a
{
    color:#89d349;
}

.purchase-summary p, .purchase-summary .input-wrapper
{
    margin-top: 4px;
    padding-top: 0px;
}

.purchase-summary p
{
    white-space: normal;
}

.purchase-summary h1
{
    
}

.purchase-summary h1
{
    font-family: "Bebas Neue", "League Gothic", Verdana, Arial, Helvetica, Sans-Serif;
}

.purchase-summary h1, .purchase-summary h2, .purchase-summary h3, .purchase-summary h4
{
    color:#89d349;
    font-weight:bold; 
}
	
.purchase-summary h3 {
	font-size:12px;
	padding:0;
	margin: 0px;
}		
	
.purchase-summary .form-result {
	margin-bottom:10px;
	display:block;
	width:100%;
	color:#666766;
}	
	
.purchase-summary h3.total-cost
{
    font-weight: bold;
    color: #084301;
    margin-bottom: 10px;
}

.vat-box
{
    text-align:left;
    margin-bottom: 10px;
}

/*
input.update-button {
    color: #084301;
	cursor:pointer;
	background-color: transparent;
	background-image:url(/Content/Etail/Images/myByBox/mybybox_green_selection_button.png) !important;
	background-repeat:no-repeat;
	width:155px;
	height:28px;
	vertical-align: middle;
	border:0;
	text-transform: capitalize;
	padding-left: Auto;
	padding-right: auto;
	border: none;
	font-weight: bold;
	text-align: center;
	font-size:larger;
}


input.update-button:hover
{
	background-image:url(/Content/Etail/Images/myByBox/mybybox_text_box.png) !important;
}
*/

input.purchase
{
    /*margin-left: 160px;*/
    margin-top: 10px;
}

.purchase-summary ul, .purchase-summary li
{
    list-style-type: none;
    list-style: none;
}

.purchase-summary .payment-notes
{
    display: block;
    float: left;    
    margin-top: 50px;
    text-align: left;
    width: 550px;
}

.purchase-summary .validation-summary-errors
{
    display: block;
    clear: both;
    float:none;
    font-size: 1.2em;    
}

.purchase-summary .validation-summary-errors li
{
    border-bottom: none;
}

.purchase-summary ul
{
    margin-left: 0px;
    padding: 0px;
}

.purchase-summary .purchase-details .purchase-detail-label
{
    line-height: 100%;
    vertical-align: top;
}

.purchase-summary .purchase-details .price-plan-detail
{
    line-height: 100%;
    vertical-align: top;
}

.purchase-summary .price-plan-description
{    
    max-width: 300px;    
    line-height: 14px;
    vertical-align: top;
    white-space:pre-wrap;        
}

.purchase-summary .input-text
{
	width:155px;
	background:url(../../Images/myByBox/mybybox_text_box.png) no-repeat 0 0;
	height:33px;
	float: left;
	margin-right: 5px;	
}

.purchase-summary .input-text input
{
	border:0;
	width:139px;
	padding:6px 8px;
	margin:0;
	font-size:11px;
	line-height:14px;
	color:#666766;
	background:none;
    float: left;
}

.purchase-summary .purchase-details li
{
    margin-bottom: 5px;
}

.purchase-summary .purchase-details label
{
    float: left;
    vertical-align: middle;    
    margin-right: 5px;
    padding-top: 5px;
}

.purchase-summary a.show-discount
{
    text-decoration: underline;
    color: #89d349;
}

.purchase-summary a.show-discount:hover
{
    text-decoration: none;
    
}

.purchase-summary .discount-code-box
{
    margin-top: 20px;
    margin-bottom: 20px;
    display: none;
}

.purchase-summary .discount-code-box label
{
    float: left; 
    margin-right: 5px;
    padding-top: 5px;
}