/*
    Gateway specific additions to nems styling
*/

/* Homepage only styles ------------------------------------------------------------------------------------------------------------- */

#homepageColumnContainer {
    width: 100%;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
}

#homepageLoginContainer {
    float: left;
    width: 33%;
    margin: 0 0 0 5% !important;
    padding: 0 !important;
}

#homepageLoginContainer h3{
    font-size: 1em;
    color: #666;
    margin-top: 1em; 

}

#homepageSignupContainer {
    margin-top: 1em;
    margin-bottom: 1em;
    border: 1px solid #3C6387;
    background-color: #E7ECF0;
    text-align: center;
}

#introContainer {
    width: 100%;
    padding: 0em 0 0em 2%;
    font-weight: bold;
    margin: -0.5em 0 0 0; 
    padding: 0 0 0.7em 0;
    color: #3B6386;
}

#homePageLoginHintContainer {
    text-align: center;
}


#homepageTextContainer {
    float: left;
    width: 59%;
    margin: 0 !important;
    padding: 0 !important;
}

#homepageTextContainer h2 {
padding-left: 0 !important;
font-size: 1.4em;
}

#homepageTextContainer div.displayTagContainer {
overflow: hidden;
}


#homepageTextContainer p,
#homepageTextContainer ul {
    line-height: 1.5em;
}

#homepageTextContainer ul {
    padding: 0 0 0 15px;
    margin: 0;
}

#homepageTextContainer li {
    padding: 0.5em 0 0.5em 0;
    margin: 0;
}

#homepageSignupContainer h3{
    font-size: 1em;
    color: #666;
    margin-top: 1em; 
}

#homepageSignupContainer h2#link_to{
    color: #666;
    padding: 0 0 1em 0;
    text-align: center;
    font-size: 1.3em;
}

#homepageSignupContainer {
    padding: 0;
}

#homepageSignupContainer ul{
    padding: 0;
    margin-left: 0 !important;
    list-style-type: none;
    overflow: hidden;
}


#homepageSignupContainer li{
    width: 100%;
    text-align: center;
    margin-bottom: 2em;
}

#homepageSignupContainer li a:link,
#homepageSignupContainer li a:visited,
#homepageSignupContainer li a:hover,
#homepageSignupContainer li a:active{
    display: block;
    width: 150px;
    margin: auto;
    font-size: 1em;
    font-weight: bold;
    padding-top: 125px;
    background-image: url(/images/icons/homepage_seller.gif);
    background-repeat: no-repeat;
    background-position: 50% 0;
}

#homepageImageContainer img {
   margin-left: auto;
   margin-right: auto;
   display: block;
   width: 100%; height: auto;max-width: 469px;
}


#homepageSignupContainer li.buyerLink a:link,
#homepageSignupContainer li.buyerLink a:visited,
#homepageSignupContainer li.buyerLink a:hover,
#homepageSignupContainer li.buyerLink a:active{
    background-image: url(/images/icons/homepage_buyer.gif);
}

#homepageSignupContainer li.agencyLink a:link,
#homepageSignupContainer li.agencyLink a:visited,
#homepageSignupContainer li.agencyLink a:hover,
#homepageSignupContainer li.agencyLink a:active{
    background-image: url(/images/icons/homepage_agency.gif);
}

#signupImageContainer img {
   margin-left: auto;
   margin-right: auto;
   display: block;
   width: 100%; height: auto;max-width: 300px;
}


#login form#loginForm {
padding-left: 60px !important;
padding-bottom: 1em !important;
}




/* email friend ------------------------------------------------------------------------------------------------------------- */

#email_friend_container {
    margin: 0;
    text-align: right;
}

#email_friend_container a:link, 
#email_friend_container a:visited, 
#email_friend_container a:hover, 
#email_friend_container a:active {
	border: 1px solid #EEEEF5;
	background-color: white;
    padding: 3px 5px 3px 23px;	
    background-image: url(/images/icons/icon_email_16.gif);
    background-repeat: no-repeat;
    background-position: 3px 50%;
}


/* terms and conditions ------------------------------------------------------------------------------------------------------------- */

#agencyTermsConditions li,
#agencyTermsConditions dt {
    padding: 0.5em 0 0 0;
}
#agencyTermsConditions ol.alpha {
    list-style-type: lower-alpha;
}


/* Links which carry out actions rather than navigation ---------------------------------------------------------------------- */

ul.process_link {
	list-style-type:	none;
}
a.process_link:link,
a.process_link:visited,
a.process_link:hover,
a.process_link:active,
ul.process_link a {
	text-decoration: none;
	color: #000066;
	background-color: inherit;
	margin-left: 0;
	padding-left: 0.7em;
	background-image: url(/images/icons/navArrowGrey_10.png);
	background-repeat: no-repeat;
	background-position: 0 3px;
}

a.process_link:hover,
ul.process_link a:hover {
	text-decoration: underline;
}

form input.confirm {
    width: 6em;
}

form div#saveContainer input.search {
    width: 8em;
}

form div input.goButton {
    width: 3em;
    padding-bottom: 0em;
    margin-bottom: 0em;
}

/* section boxes ------------------------------------------------------------------------------------------------------------- */
/* causes probs in ie*/
div.sectionBox {
	border: 1px solid #EEEEF5;
	padding: 0 1em;
	margin-bottom: 1em;
	background-color: #F5F5F9;
	width: 90%
}
/*
div.sectionPageBox {
	padding: 1em;
}*/