/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	background-image: url('../images/main/bg.gif');
	background-repeat: repeat-x;
	background-color: #ffffff;
	width: 100%;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*begin custom styles*/

h2 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
}

h3 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

h4 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #808080;
}

#white_burst {
	position: relative; 
	width: 958px; 
	margin: 0 auto;
}

#white_burst .top {
	position: absolute; 
	top: -206px; 
	left: -229px;
}

#white_burst .left {
	position: absolute; 
	top: 12px; 
	left: -249px;
}

#feedback {
	position: fixed; 
	top: 300px;
}

.top {
	display: block;
}

#container {
	margin: 30px auto;
	width: 958px;
	height: 213px;
}

#top_content {
	background-color: #fff;
	margin: 0;
	padding: 0;
}

#content {
	background-color: #fff;
	padding: 0 23px;
}

#help_bar {
	background-image: url('../images/main/bluebar_bg.gif');
	background-repeat: no-repeat;
	width: 235px;
	height: 55px;
	float: left;
}

#help_bar li {
	float: left;
	margin: 0;
	padding: 0;
}

#help_bar li img {
	float: left;
	display: block;
	margin: 19px -5px 0 10px;
	padding: 0;
}

#account_bar {
	background-image: url('../images/main/myaccount_bg.gif');
	background-repeat: no-repeat;
	width: 112px;
	height: 55px;
	float: left;
}

#basket_bar {
	background-image: url('../images/main/basket_bg.gif');
	background-repeat: no-repeat;
	width: 83px;
	height: 55px;
	float: left;
}

#basket_end {
	background-image: url('../images/main/basket_end.png');
	background-repeat: no-repeat;
	width: 7px;
	height: 55px;
	float: left;
}

#nav1 {
	margin: 0 0 0 528px;
	height: 55px;
	width: 440px;
	display: block;	
}


#nav1 a {
	font-family: arial;
	font-size: 10px;
	float: left;
	color: #fff;
	text-decoration: none;
	margin: 20px 0 0 9px;
}

#nav1 a:hover {
	font-family: arial;
	font-size: 10px;
	float: left;
	color: #fff;
	text-decoration: underline;
	margin: 20px 0 0 9px;
}

.ilogo {
	position: absolute;
	z-index: 100;
	margin: 5px 0 0 17px;
}

.iwireless {
	position: absolute;
	z-index: 11;
	margin: 30px 0 0 75px;
}

/*lava lamp styling*/

.top_lava {
    position: relative;
    height: 29px;
    width: 958px;
    background-image: url('../images/main/nav2_bg.gif');
    background-repeat: repeat-x;
    margin: 15px 0 0 0;
    overflow: hidden;
}
.top_lava li {
    float: left;
    list-style: none;
}
.top_lava li.back {
	border-top: 6px solid #bdc016;
	width: 9px;
	height: 30px;
	z-index: 8;
	position: absolute;
}
.top_lava li a {
	font: bold 16px arial;
	text-decoration: none;
	color: #000;
	outline: none;
	text-align: center;
	top: 7px;
	letter-spacing: 0;
	z-index: 10;
	display: block;
	float: left;
	height: 30px;
	position: relative;
	overflow: hidden;
	margin: 0 13.5px;
}

.top_lava li a:visited {
	color: #000;
}

#nav2spacer {
	font: bold 16px arial;
	text-decoration: none;
	color: #000;
	outline: none;
	text-align: center;
	top: 7px;
	letter-spacing: 0;
	z-index: 10;
	display: block;
	float: left;
	height: 30px;
	position: relative;
	overflow: hidden;
	width: 80px; 
	margin-top: -7px;
}

/* Outage */

.outage 
{
    position: absolute; 
    margin: 337px 0 0 35px; 
    z-index: 1000;
}

/* Main Flash Player */

.flash_contain {
	padding: 20px 0 11px 0;
	background-color: #fff;
}

hr {
	border-style: dotted none none none;
}

/*Home page feature spots*/

#feature1, #feature2, #feature3, #feature4 {
	font-size: 11px;
	color: #9a9694;
}

#feature1 h1, #feature2 h1, #feature3 h1, #feature4 h1 {
	font-size: 18px;
	color: #fff;
}

#feature1 h2, #feature2 h2 {
	font-size: 14px;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #9a9694;
	font-weight: bold;
	margin: 20px 0 0 0;
}

#feature3 h3, #feature4 h3 {
	font-size: 11px;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #9a9694;
	font-weight: bold;
	margin: 15px 0 5px 0;
}

#feature1 {
	background-image: url('../images/elements/feature1_bg.jpg');
	background-repeat: no-repeat;
	width: 246px;
	height: 248px;
	float: left;
	margin: 0;
	padding: 7px 20px;
}

#feature1 .main_link {
	position: absolute;
	z-index: 2;
	margin: 227px 0 0 -10px;
}

#feature1 li {
	margin: 0 0 15px 0;
}

#feature1 p {
	margin: 0 0 15px 0;
}

#feature1 a {
	font-weight: bold;
	color: #00a4e4;
	text-decoration: none;
}

#feature1 a:hover {
	font-weight: bold;
	color: #00a4e4;
	text-decoration: underline;
}

#feature2 {
	background-image: url('../images/elements/feature2_bg.jpg');
	background-repeat: no-repeat;
	width: 246px;
	height: 248px;
	float: left;
	margin: 0 23px 0 23px;
	padding: 7px 20px;
}

#feature2 .main_link {
	position: absolute;
	z-index: 2;
	margin: 227px 0 0 -10px;
}

#feature2 p {
	margin: 15px 0 0 0;
}

#feature2 a {
	font-weight: bold;
	color: #bdc016;
	text-decoration: none;
}

#feature2 a:hover {
	font-weight: bold;
	color: #bdc016;
	text-decoration: underline;
}

#small_features {
	float: left;
	width: 294px;
	height: 259px;
	margin: 0;
}

#feature3 {
	background-image: url('../images/elements/feature3_bg.gif');
	background-repeat: no-repeat;
	width: 254px;
	height: 107px;
	margin: 0 0 18px 0;
	padding: 7px 20px;
}

#feature3 .main_link {
	position: absolute;
	z-index: 2;
	margin: 91px 0 0 -10px;
}

#feature3 a {
	font-weight: bold;
	color: #f78f1e;
	text-decoration: none;
}

#feature3 a:hover {
	font-weight: bold;
	color: #f78f1e;
	text-decoration: underline;
}

#feature4 {
	background-image: url('../images/elements/feature4_bg.gif');
	background-repeat: no-repeat;
	width: 254px;
	height: 107px;
	margin: 0 0 18px 0;
	padding: 7px 20px;
}

#feature4 .main_link {
	position: absolute;
	z-index: 2;
	margin: 91px 0 0 -10px;
}

#feature4 a {
	font-weight: bold;
	color: #9d3293;
	text-decoration: none;
}

#feature4 a:hover {
	font-weight: bold;
	color: #9d3293;
	text-decoration: underline;
}

/*Footer*/
#footer {
	color: #000;
	font-family: arial;
	font-size: 11px;
	padding: 25px 0 0 25px;
	background-color: #fff;
}

#footer a {
	color: #000;
	font-family: arial;
	font-size: 11px;
	text-decoration: underline;
}

#footer a:hover {
	color: #000;
	font-family: arial;
	font-size: 11px;
	text-decoration: none;
}

/*Basket & Checkout*/

.basketEmpty {
    margin: 20px 0 0 30px;
}

.basketEmpty h2 {
    font-size: 12px;
    font-weight: bold;
    color: #000;    
}

.cartheading {
    font-size: 12px;
    font-weight: bold;
    font-family: verdana, arial, helvetica, sans-serif;
}

.item_detail {
    text-align: center;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 18px;
    vertical-align: middle;
}

.basket_subtotal {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
}

.checkout_right {
    width:600px; 
    line-height: 1.2;   
    float: left;
}

.checkout_left {
    width:215px; 
    line-height: 1.2;
    margin: 0 50px 0 0;
    float: left;
}

.checkout_left li.active {
    font-size:13px;
    font-weight: bold;
    color: #fff;
    background: url('/images/basket/leftprogress.gif') no-repeat 0 0;
    width: 212px;
    height: 29px;
    padding: 10px 0 0 10px;
}

.checkout_left li {
    font-size:13px;
    font-weight: bold;
    color: #9d3293;
    background: url('/images/basket/leftprogress.gif') no-repeat 0 -39px;
    width: 212px;
    height: 29px;
    padding: 10px 0 0 10px;
}

.checkout_left a, .checkout_left a:hover, .checkout_left a:visited {
    color: #9d3293;
    text-decoration: none;
}

.checkout_left li.active a {
    color: #fff;
    text-decoration: none;
}

.checkout_left li.active a:hover {
    color: #fff;
    text-decoration: none;
}

.checkout_left li.active a:vistited {
    color: #fff;
    text-decoration: none;
}

.more_faqs {    
    background: url('/images/elements/faqs_side.gif') no-repeat;
    width: 202px;
    height: 387px;
    padding: 5px 15px 0 15px;  
}
    
.more_faqs li {
   background: none;
   font-size: 11px;
   font-weight: normal;
   margin: 0;
   padding: 0;
}

.more_faqs ul {
   background: none;
   font-size: 11px;
   font-weight: normal;
   margin: 0;
   padding: 0;
}

.faqs_right {
    width:645px; 
    line-height: 1.2;   
    float: left;
}

/*standard links*/
a {
    color:#00a4e4;  
}

a:hover {
    color:#0089bf;  
}

a:visited {
    color:#00a4e4;  
}

a.green {
    color:#bdc016;  
}

a:hover.green {
    color:#a4a714;  
}

a:visited.green {
    color:#bdc016;  
}

a.orange {
    color:#f78f1e;  
}

a:hover.orange {
    color:#da7e1a;  
}

a:visited.orange {
    color:#f78f1e;  
}

a.pink {
    color:#e500a7;  
}

a:hover.pink {
    color:#d6009c;  
}

a:visited.pink {
    color:#e500a7;  
}

a.purple {
    color:#9d3293;  
}

a:hover.purple {
    color:#912e88;  
}

a:visited.purple {
    color:#9d3293;  
}

a.return {
    float: right; 
    font-size: 14px; 
    display: inline; 
    margin: 5px 0 0 0; 
    text-decoration: none;
}

a:hover.return {
    float: right; 
    font-size: 14px; 
    display: inline; 
    margin: 5px 0 0 0; 
    text-decoration: none;
}

a:visited.return {
    float: right; 
    font-size: 14px; 
    display: inline; 
    margin: 5px 0 0 0; 
    text-decoration: none;
}

.learn_arrow {
    background: url('/images/elements/help_arrow.gif') no-repeat left 0; 
    padding: 0 0 10px 20px; 
    display: inline-block;
}

.selfcare_topbox {
	background: url('../images/elements/top_bottom_selfcare.gif') no-repeat 0 0; 
	width: 575px; 
	height: 10px; 
	display: block;
}

.selfcare_botbox {
	background: url('../images/elements/top_bottom_selfcare.gif') no-repeat 0 -10px; 
	width: 575px; 
	height: 10px; 
	display: block;
}

.selfcare_box {
	padding: 25px 0 25px 150px; 
	border-right: 1px solid #dbdbdb; 
	border-left: 1px solid #dbdbdb; 
	width: 424px;
}

