/* 

(R/G/B) (HTML HEXIDECIMAL)
Red: EF3F35
Blue: (73/108/156) (#496c9c)
Orange: (255/145/47) (#ff912f)
Green: (102/155/103) (#699b67)
Dark Grey: (73/73/73) (#494949)

We also have the light pink which is used for affilate signup link: (255/152/146) (#ff9892)


*/

html {
background:#fff url(../images/bodybg.gif) top left repeat-x;
}

body {

text-align:center;
font-size:71%;/*ie6 only */
font-family:verdana, arial, helvetica, sans-serif;

}
html>body {
font-size:11px; /*good browsers */
line-height:1.63636364em; /*give line-height of 18px; 18/11*/
}

a {
text-decoration:none;
}

a:hover, a:active, a:focus {
text-decoration:underline;
}

#wrapper {
position:relative;
width:960px;
margin:0px auto;
text-align:left;
background-color:#fff;
border:8px solid #b5b4b5;
border-top:0;
} 

/* ####################### LOGIN FORM */

form#login {
background:#494949 url(../images/login_bg.gif) top left repeat-x;
width:100%;
text-align:right;
height:4.1em;
margin-right:6px;
border-bottom:1px solid #d0d0d0;
}

form#login  legend {
/* required to validate - not nessecary for display. */
display:none;
}

form#login  label {
color:#dfebb9;
font-size:0.909em; /*down to 10px;*/
}

form#login  input {
border:1px solid #90d0ef;
background:#fff url(../images/input_bg.gif) top left repeat-x;
height:15px; /*19px - 2px border, -2px padding */
width:138px;
padding-top:2px;
color:#000;
font-size:1.1em; /*back up to 11px */
margin-top:10px;
}

form#login input:focus   {
border:1px solid #fda931;
}

form#login  input#login {
border:0px;
background-color:#000;
padding:0px;
height:20px;
width:62px;
margin-left:4px;
margin-bottom:-6px;
} 

form#login p {
float:right;
display:inline;
}
form#login p a{
color:#ccc;
font-size:0.909em;
margin:-1px 0px 72px 0px;
}

#login ul {
margin-top:-2px;
font-size:0.909em;
}

#login ul  li{
display:inline;
}

#login ul  li a {
color:#ccc;
padding:0px 4px;
}

/* ####################### END LOGIN FORM */


/* ####################### TOOLS */
ul#tools {
position:absolute;
top:0px;
right:0px;
font-size:0.909em; /* ~10px; *//*css on, images off */
padding:0px 6px 9px 24px;
z-index:2;
background:#ccc url(../images/tools_list_bg.gif) bottom left no-repeat;
}

#tools li {
list-style:none;
display:inline;
}

#tools li a {
color:#494949;
line-height:11px;
padding:5px;
border-right:1px solid #efefef;
}

#tools li a:hover, #tools li a:active, #jobs a.jobs, #contact a.contact, #sitemap a.sitemap{
color:#EF3F35;
background:transparent url(../images/toolsbg.gif) top center no-repeat;
}

#tools li a:hover strong {
color:#EF3F35;
}

#tools li a strong {
color:#ff912f;
font-weight:bold;

}

#tools li a img {
width:16px;
height:11px;
padding:0px;
}

#tools li.flags img{
border:2px solid #dfdfdf;
position:relative;
bottom:-4px;
}
#tools li.flags a {
background:none;
padding:0px 1px;
}

#tools li.on img {
border:2px solid #494949;
}

 #tools li a:hover img {
 border-color:#444;
 background-image:none;
 }
 

/* ####################### END TOOLS */
/* ####################### LOGO */


/* css */

#header {
position:relative;
top:11px;
background-color:#fff;
width:960px;
margin:0px auto;
text-align:left;
border:8px solid #b5b4b5;
border-bottom:0;
height:97px;
}
#header h1{
	width: 175px;
	height: 97px;
	position: relative;
	}
#header h1 a {
	background:transparent url(../images/buyat_logo.gif) no-repeat;

	position: absolute;
	width: 100%;
	height: 100%;
	color:#fff;
	}
/* ####################### END LOGO */



/* ####################### BRANDING  */
#branding {
width:960px;
height:120px;
background:#000 url(../images/flashplaceholder.jpg) no-repeat;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;

}


#branding h2 {
font:bold 1.63636364em "Century Gothic", Arial, Verdana, sans-serif;
color:#EF3F35;
position:relative;
top:10px; /*layout breaks if you do this with margins opera/10 */
left:38px;
}

#branding p {
font:normal 1.25em/1.6em "Century Gothic", Arial, Verdana, sans-serif;
position:relative;
top:10px; /*layout breaks if you do this with margins opera/10 */
left:38px;
margin-right:380px;
}

/* ####################### END BRANDING  */


/* ####################### CONTENT */
#content {
width:936px;
background-color:#f3f3f3;
margin:12px;
float:left; /*contain floated children */
border:1px solid #ccc;
/* moz bros */
-moz-border-radius:6px; 
/*webkit*/ 
-webkit-border-radius:6px;
/*future proofing*/ 
border-radius:6px;
text-align:center;
height:21em;
display:inline;
}




h2 {
color:#75A5C6;
color:#acb983;
font-size:1.63636364em; /*18px;*/
margin-bottom:0.1em;
}


h3, h4{
font-weight:bold;
line-height:1.63636364em;
}


#content p{
line-height:1.615em; /*ff wasnt calculating line-height:1.63636364em; correctly */
margin-bottom:1.63636364em;
margin-top:0px;
margin-right:12px;
}

#content ul{
margin:18px 36px;
line-height:1.0909em; 
}
#content li{
margin-bottom:1.0909em; 
list-style: disc outside;
}



/* ####################### END CONTENT */

/* ####################### FOOTER */
#footer {
clear:both;
margin:2px 2px 1px 2px;
position:relative;
top:36px;
text-align:right;
}

#footer ul li{
display:inline;
margin-right:12px;
}

/* ####################### END FOOTER */

#affiliate_box, #merchant_box, #agency_box , #contact, #address, #map{
width:290px;
clear:none;
display:inline;
float:left;
text-align:left;
padding:10px;
margin-top:16px;
position:relative;
left:12px;
}

#contact, #map{ 
margin-left:8px;
}

#merchant_box, #agency_box {
border-left:1px solid #ccc;

}

#affiliate_box h2, #merchant_box h2, #agency_box h2{
font:bold 2em "Century Gothic", Arial, Tahoma, Verdana, sans-serif;
margin:0px;
position:relative;

}


#featured h2 {
font:bold 1.237em "Century Gothic", Arial, Tahoma, Verdana, sans-serif;
}

#affiliate_box h2 {
color:#496c9c;

}
#merchant_box h2 {
color:#ff912f;

}
#agency_box h2 {
color:#699b67;

}


iframe {
margin-top:24px;
width:640px;
height:800px;
clear:both;
}

#pass iframe {
height:300px;
}

#signup #content {
height:820px;
}

strong {font-weight:bold;}