body
{
background-color: #eee;
text-align: center; /* Hack to center align block elements in IE */
font-family: sans-serif;
}
*
{
margin: 0;
padding: 0;
}
.skip
{
display: none;
}
div#container
{
margin: 8px auto 0;
text-align: left;
width: 47.5em;
}
div#navigation_container
{
background-color: #f00;
height: 5.62em;
width: 36.9em;
float: left;
}

ul
{
list-style: none;
}
div#navigation_container ul li
{
width: 4.8em;
float: left;
color: #eee;
}
div#navigation_container ul li a
{
color: #eee;
text-decoration: none;
}

div#navigation_container ul#nav_top
{
margin-top: 10px;
text-transform: uppercase;
font-size: 0.55em;
}
div#navigation_container ul#nav_top li
{
width: 9.5em;
}
div#navigation_container ul#nav_top li:before
{
content: "> ";
}
div#navigation_container ul#nav_top li.active a, div#navigation_container ul#nav_top li.active:before,
div#navigation_container ul li a:hover
{
color: #000;
}

div#navigation_container ul#main_nav
{
clear: left;
margin-top: 30px;
_margin-top: 40px;
}
div#navigation_container ul#main_nav li
{
border-left: 1px dashed #eee;
height: 3em;
padding-left: 5px;
}
div#navigation_container ul#main_nav li a
{
color: #fff;
font-size: 0.70em;
font-weight: 500;
}

ul li a
{
color: #000;
}

div#sub_nav_container form, div#sub_nav_container
{
height: 1.45em;
margin-top: -5px;
padding-top: 5px;
}
div#sub_nav_container
{
background-color: #ccc;
width: 100%;
clear: both;
}
div#sub_nav_container ul
{
padding-left: 10px;
float: left;
_padding-top: 3px;
}
div#sub_nav_container ul li
{
float: left;
font-size: 0.8em;
list-style-image: url(arrow000.png);
padding: 0;
margin-left: 20px;
width: 7.8em;
}
div#sub_nav_container ul li#short
{
width: 3.8em;
}
div#sub_nav_container ul li a
{
text-decoration: none;
}

div#sub_nav_container form
{
background-color: #aaa;
width: 26em;
_width: 25em;
height: 2em;
float: left;
color: #fff;
font-size: 0.70em;
padding-left: 10px;
border-left: 1px solid #fff;
}
form legend
{
display: none;
}
div#sub_nav_container form input
{
vertical-align: middle;
}
form,fieldset, div#sub_nav_container form input.submit
{
border: 0;
}
option
{
text-transform: lowercase;
padding-left: 5px;
}

h1
{
float: left;
width: 5.28em;
height: 3.03em;
color: #f00;
}
h1 img
{
width: 5.28em;
}
h2
{
font-size: 0.9em;
}

div#main_content
{
height: 27em;
background-color: #fff;
}

div#left, div#middle, div#right
{
float: left;
margin: 1.3em 0 0;
}
div#left
{
margin-left: 1em;
_margin-left: 0.3em;
margin-right: 1em;
width: 30%;
}
div#left ul li p, div#left ul li form
{
font-size: 0.78em;
padding-left: 5.8em;
}
div#left ul li form input.submit
{
margin: 0.2em 0;
}
div#left ul li p a, div#right ul li p a
{
display: block;
background: #fff url(arrow000.png) no-repeat 0 0.55em;
padding: 0.3em 1.2em;
}
div#left ul li#how
{
margin-bottom: 1em;
background: #fff url(how_do_i.gif) no-repeat 0 1em;
}
div#left ul li#offers
{
background: #fff url(motorola.gif) no-repeat 0 1em;
}
div#left ul li#plans
{
background: #fff url(online_p.gif) no-repeat 0 1em;
}

div#middle
{
border: 1px dashed #ccc;
padding: 0.2em;
width: 19.5em;
}
div#middle ul li
{
width: 44%;
float: left;
padding: 0.5em;
}
div#middle ul li p
{
padding-left: 4em;
font-size: 0.78em;
}
div#middle ul li p a
{
display: block;
background: #fff url(arrow_sm.png) no-repeat 0 1em;
padding-left: 0.85em;
padding-top: 0.5em;
float: left;
width: 100%;
}
div#middle ul li#nectar
{
background: #fff url(nectar00.png) no-repeat 0.5em 0.7em;
border-right: 1px dashed #ccc;
border-bottom: 1px dashed #ccc;
}
div#middle ul li#three_p
{
background: #fff url(texts000.png) no-repeat 0.5em 0.7em;
border-bottom: 1px dashed #ccc;
}
div#middle ul li#newsletter
{
background: #fff url(signup_n.png) no-repeat 0.5em 0.7em;
border-right: 1px dashed #ccc;
}
div#middle ul li#europe
{
background: #fff url(happy_ho.png) no-repeat 0.5em 0.7em;
}
div#middle img
{
width: 19.05em;
}

div#right
{
margin-right: 0.5em;
_margin-right: 0.3em;
width: 10em;
float: right;
}
div#right p
{
color: #f00;
}
div#right p span
{
margin-left: 3em;
display: block;
}
div#right ul li
{
font-size: 0.78em;
}
div#right ul li#games
{
background: #fff url(ringtone.gif) no-repeat 0 2em;
}
div#right ul li#pictures
{
background: #fff url(pictures.gif) no-repeat 0 2em;
}
div#right ul li#robbie
{
background: #fff url(robbie_s.gif) no-repeat 0 1.2em;
}
div#right ul li ul, div#right ul li p
{
padding: 0.5em 0 1em 4.5em;
}
div#right ul li ul a
{
background: #fff url(arrow_sm.png) no-repeat 0 0.3em;
padding-left: 1em;
}
div#right ul li p
{
color: #000;
border-bottom: 1px dashed #ccc;
padding-top: 0;
}
#right ul li h2
{
font-size: 1.1em;
border-top: 1px dashed #ccc;
}
#right ul li#robbie h2
{
padding-top: 0.5em;
padding-left: 3.5em;
}

div#footer
{
background-color: #f00;
color: #fff;
font-size: 0.7em;
padding: 3px;
height: 1.3em;
clear: left;
}
div#footer ul
{
float: right;
}
div#footer ul li
{
display: inline;
margin: 0 1em;
}
div#footer ul li a
{
color: #fff;
}