/* LAYOUT FOR LOGIN PAGE */

.tintme input {color: #999;}

#page-mynames-new 			{background: #d6d6d6 url(../images/mynames/bg.png) no-repeat center top;width: 100%;display: table;}
	#page-mynames-new h1	{padding: 50px 0 0 0; font-size: 38px; color: #333; letter-spacing: -1px}
	#page-mynames-new h2	{padding: 60px 0 10px 0; font-size: 14px; color: #333; letter-spacing: -.5px}
	#page-mynames-new p		{padding-bottom: 10px; font-size: 32px; color: #999; letter-spacing: -1px}
	#page-mynames-new ul	{list-style: none}
	#page-mynames-new ul.mynames-login li	{padding-right: 20px}	
	#page-mynames-new a:link,#page-mynames-new a:hover,#page-mynames-new a:visited	{font-size: 10px;color: #999;text-decoration: none}
	#page-mynames-new #footer	{margin-top: 50px;}
	#page-mynames-new p.small	{font-size: 12px; letter-spacing: 0; color: #d00063; }
	#page-mynames-new #divLoggedpanel	{padding: 20px 0 0 0}

/* Unordered List for portfolio piece features */
ul { list-style-type:none;margin-bottom:20px; font-size:13px; color: #666}
ul li.profile { background:url(../images/mynames/features-icons.png) no-repeat 0 0; padding-left:35px; padding-top: 7px; height:19px;margin-bottom:10px;}
ul li.billing { background:url(../images/mynames/features-icons.png) no-repeat 0 -26px; padding-left:35px; padding-top: 7px; height:19px;margin-bottom:10px;}
ul li.reports { background:url(../images/mynames/features-icons.png) no-repeat 0 -52px; padding-left:35px; padding-top: 7px; height:19px;margin-bottom:30px;}
ul li.routing { background:url(../images/mynames/features-icons.png) no-repeat 0 -78px; padding-left:35px; padding-top: 7px; height:19px;margin-bottom:10px;}
ul li.license { background:url(../images/mynames/features-icons.png) no-repeat 0 -104px; padding-left:35px; padding-top: 7px; height:19px;margin-bottom:10px;}
ul.contact { margin-top:23px; }
ul.contact li { margin-top:20px; }

/*  FORM STYLES */
	
div.question {margin: 0 50px 0 0; padding: 0 0 10px 0; background: #FFF; border: 1px solid #DDD; border-bottom: 0}
	.question ul {list-style-type: none; padding: 0;}
	.question ul li {float: left; padding-left: 30px;}

#order-billing div.question {margin: 0 50px 10px 0; padding-bottom: 10px; background: #FFF; border: 1px solid #DDD;}
#order-directdebit div.question {margin: 0 50px 10px 0; padding-bottom: 10px; background: #FFF; border: 1px solid #DDD;}

#divCompanyDetails div.question {margin: 0 50px 10px 0; padding: 0 0 5px 0; background: #FFF; border: 1px solid #DDD;}
	#divCompanyDetails ul {list-style-type: none; padding: 0;}
	#divCompanyDetails ul li {float: left; padding-left: 30px;}

	#order-continue ul {list-style-type: none; padding: 10px;}
	#order-continue ul li {float: left; padding-left: 30px;}

#step2-panel1 div.question {margin: 0 50px 10px 0; padding-bottom: 10px; background: #FFF; border: 1px solid #DDD;}
	.question ul {list-style-type: none; padding: 10px;}
	.question ul li {float: left; padding-left: 30px;}

#step2-panel2 div.question {margin: 0 50px 10px 0; padding-bottom: 10px; background: #FFF; border: 1px solid #DDD;}
	.question ul {list-style-type: none; padding: 10px;}
	.question ul li {float: left; padding-left: 30px;}
	#addtobasket div.question-nobg {margin: 0 50px 10px 0; padding-bottom: 10px;}
	.question-nobg ul {list-style-type: none; padding: 10px;}
	.question-nobg ul li {float: left; padding-left: 30px;}

.w160 {width: 160px;}
legend {font-weight: 600; font-size: 18px; padding-bottom: 10px;}
.form-hint {color: #999;}
.note {width:780px; padding-left: 40px; color: #838383;}

input:focus, textarea:focus{background-color: #D7CDD9; color: #000}
ul li label {display: block; float: left; width: 120px; padding-right: 20px;}
ul li em {display: block;width: 120px;}

/*  login panel */

.mynames-login {}
	ul.mynames-login {list-style: none;}
	ul.mynames-login li {float: left;}
	.mynames-login label {width:80px; padding: 0}
	.mynames-login img {padding-left: 0;}
	.mynames-login a {color: #666; font-size: 9px; line-height: 10px; padding-left: 10px;}
	.mynames-login a:hover {color: #333;}

/* #customerlogin2_divNotLogged td {padding: 2px;}
#customerlogin2_divNotLogged {padding-top: 5px;}
#customerlogin2_divNotLogged, #customerlogin2_divNotLogged a {font-size: 10px;}
#customerlogin2_lnkbtnSignIn img {vertical-align:sub;padding-top: 3px;} */

#divLoggedpanel {padding: 20px 0 0 30px;}
	#divLoggedpanel a {color: #666;}
	#divLoggedpanel a:hover {color: #333;}
#mynames-intro-login {padding-top: 20px; height: 200px;}
	#mynames-intro-login h1 {padding: 0 0 0 60px; font-size: 32px; color: #FFFFFF;}
	#mynames-intro-login p {padding: 0 0 0 60px; font-size: 20px; color: #C4B4C6;}
#mynames-intro {padding: 20px 0 40px 0;}
	#mynames-intro h1 {padding: 0 0 0 60px; font-size: 32px; color: #FFFFFF;}
	#mynames-intro p {padding: 0 0 0 60px; font-size: 20px; color: #C4B4C6;}
	
/*  UNIQUE TO MY NAMES  */

#desc-panel h1 {padding: 20px 0 0 0; color: #FFFFFF;}
	#desc-panel p.intro {width: 500px; padding: 0 0 30px 0;}
.texttintd {color: #987C9C;}
.navbg {background: #D7CDD9 url(../images/mynames/navbg.gif) repeat-x left bottom}
#logid {margin: 30px 0 0 30px;}
form {margin: 20px}
.flying {background: #390340 url(../images/mynames/flying-bg.gif) no-repeat right top}
.borders {border: 1px solid #666666}

/* POPUP
 ---------------------------------------------------------------------------------------------------------------------- */

.bubbleInfo {position: relative;float: left;}
.popup {position: absolute;display: none; width: 80px; height:200px; padding:10px; background: transparent; font-size: 12px; /* keeps the popup hidden if no JS available */}

/* TEXT
 ---------------------------------------------------------------------------------------------------------------------- */

p.intro {width: 280px; color: #C4B4C6; font-size: 20px; line-height: 28px; padding: 20px 0 0 0;}
h6.title {padding: 10px 0 10px 50px; color: #C4B4C6; background: url(../images/mynames/arrow-pink.gif) no-repeat 20px 10px;}
h1.profile {height:60px; padding: 20px 0 0 100px; color: #FFF; background: url(../images/mynames/icon-profile.gif) no-repeat 30px 10px;}
.notice {font-weight: 600; color: #93CC0F; text-transform: uppercase;}

/* STYLES
 ---------------------------------------------------------------------------------------------------------------------- */

#logged-in-welcome {width:350px; height: 64px; color: #390340; padding: 20px 0 0 40px;}
#login-title {width:350px; height: 64px; color: #390340; padding: 0 0 20px 40px;}
#customer-message {width:920px;background: #390340; color: #D7CDD9; padding: 10px; margin-bottom: 20px; border-left: 20px solid #93CC0F;}

 purplebg p10 mb20
 
/* BUTTONS
 ---------------------------------------------------------------------------------------------------------------------- */
#btn-link {width:50px; height:59px; text-decoration:none;display:block; background-image:url(../images/icons/profile.gif); background-position:0 0;}
#btn-link:hover,#btn-link:active	{background-position: 50px 0;}

#profile-link {width:100px; height:89px; text-decoration:none;display:block; background-image:url(../images/mynames/btn_profile.gif); background-position:0 0;}
#profile-link:hover,#profile-link:active	{background-position: 50px 0;}

/* NAVIGATION
 ---------------------------------------------------------------------------------------------------------------------- */

.bggrey {background: #D3D3D3 url(../images/mynames/nav-bg.gif) repeat-x 0 0; }

ul#mynames-menu li						{display:block; float:left;}
ul#mynames-menu li a					{display:block; outline:none; height:90px; width:100px;
background:transparent url(../images/mynames/nav.gif) no-repeat 0 0; text-indent:-9009px; margin:0 0 0 0;}

ul#mynames-menu li#mynames-userprofile a{width:100px; background-position: 0 0;}
ul#mynames-menu li#mynames-billing a	{width:100px; background-position: -100px 0;}
ul#mynames-menu li#mynames-reports a 	{width:100px; background-position: -200px 0;}
ul#mynames-menu li#mynames-routing a 	{width:100px; background-position: -300px 0;}
ul#mynames-menu li#mynames-licence a 	{width:100px; background-position: -400px 0;}

/* A:HOVER */

ul#mynames-menu li#mynames-userprofile a:hover {width:100px; background-position: 0 -90px;}
ul#mynames-menu li#mynames-billing a:hover	{width:100px; background-position: -100px -90px;}
ul#mynames-menu li#mynames-reports a:hover 	{width:100px; background-position: -200px -90px;}
ul#mynames-menu li#mynames-routing a:hover 	{width:100px; background-position: -300px -90px;}
ul#mynames-menu li#mynames-licence a:hover 	{width:100px; background-position: -400px -90px;}

/* A:SELECTED */

#mynames-menu li#mynames-userprofile-active a	{width:100px; background-position: 0 -180px;}
#mynames-menu li#mynames-billing-active a	{width:100px; background-position: -100px -180px;}
#mynames-menu li#mynames-reports-active a	{width:100px; background-position: -200px -180px;}
#mynames-menu li#mynames-routing-active a	{width:100px; background-position: -300px -180px;}
#mynames-menu li#mynames-licence-active a	{width:100px; background-position: -400px -180px;}