/**** re-style to wide template  ****/
#doc {background: transparent url(http://www.virginmobileusa.com//common/images/bg_main_bottom-wide.gif) no-repeat center bottom;padding-bottom: 87px;}
 
#head,#mainBody {width: 886px;}
 

body {
  font: 62.5%/1.3 'Helvetica', 'Arial', Sans-Serif; /*81.25%*/
  text-align: center;
  background: #cc0000 url(http://www.virginmobileusa.com/common/images/body-bg-wide.gif) repeat-y top center;
}
 
.copyright {width: 875px;}



/* Reset All Styles
-------------------------------------------------------------------- */

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
a { outline: none; }

div#contentContainer {
	background: url(/files/bg_content-gif) repeat-x;
	width: 886px;
	margin: 0 auto;
	padding-top: 40px;
	position: relative;
}

div#sidebar {
	width: 258px;
	float: left;
	background: url(/files/vertical_line-gif) no-repeat left;
}

a.learn {
	background: url(/files/plans/button_learnmore-gif) no-repeat;
	display: block;
	width: 86px;
	height: 28px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	line-height: 2.6em;
	text-transform: uppercase;
	font-size: .9em;
}

/* Tool Tips */

.tooltip div {
	display: none;
	background: #fff;
	position: absolute;
	left: 345px;
	z-index: 1000;
}

.tooltipL div {
	display: none;
	background: #fff;
	position: absolute;
	left: 20px;
	z-index: 1000;
}


/* Structure
-------------------------------------------------------------------- */

.pageContent {
	float: left;
	display: inline;
	margin: 0 20px;
	/* Bottom padding accounts for absolutely positioned phone picker */
	padding-bottom: 80px;
}


div#col1,
div#col2,
div.col1,
div.col2 {
	width: 273px;
	float: left;
	display: inline;
}

div#col1 {
	background: url(/files/hairline-gif) no-repeat right top;
}

div#col1,
div.col1 {
	padding-right: 20px;
}

div#col2,
div.col2 {
	padding-left: 20px;
}

.crossColumnBar {
	padding-top: 30px;
	clear: both;
}

/* Forms 
-------------------------------------------------------------------- */

input {
	border: 1px solid #ccc;
	background: url(bg_content-gif) repeat-x;
}

/* Self clearing floats
--------------------------------------------------------- */

div#header:after,
div#footer:after,
div#utilityNav:after,
div#mainNav:after,
div#main:after,
div#contentContainer:after,
ul#footerNav:after,
div.crossColumnBar:after,
ul#siteMapNav:after,
dl.vCard:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}




/* Module Area nav
----------------------------------------------------- */

ul.moduleNav {
	list-style: none;
	margin: 5px 0 20px;
}

ul.moduleNav li {
	background: url(/files/dots-gif) left bottom no-repeat;
	padding: 5px 0;
	margin: 0 0 0 2px;
}

ul.moduleNav li.last {
	
}

ul.moduleNav li a {
	text-decoration: none;
	display: block;
	background: url(/files/arrow_right-gif) no-repeat left;
	padding: 0 0 0 7px;
	text-transform: uppercase;
	color: #666;
	font-size: .9em;
	font-weight: bold;
}

ul.moduleNav li a:hover {
	color: #cc0000;
}



/* Blocks and Widgets
-------------------------------------------------------------------- */

#sidebar .block {
	padding: 0 20px 0 10px;
}

.block.inner_shadow {
	background: url(/files/plans/line_shadow-gif) repeat-x top;
	margin: 12px 0 0 0; 
}

.block h3 {
	font-size: 3.2em;
	text-transform: uppercase;
	font-family: impact;
	font-weight: bold;
	color: #ff0000;
}

.block h4 {
	text-transform: uppercase;
	font-family: irving;
	font-weight: bold;
	font-size: 2.2em;
}

.block h5 {
	text-transform: uppercase;
	font-family: irving;
	font-weight: bold;
	font-size: 1.5em;
}

.block p {
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	word-spacing: .1em;
}

.block ul {
	list-style: none;
	padding: 0; 
	margin: 0;
}

.block ul li {
	margin: 0; 
}

#plans.block ul li {
	background-image: url(/files/underscore_bullet-gif);
	background-position: 0 1em;
	background-repeat: no-repeat; 
	padding: 0 0 10px 10px;
}


/* Specific Blocks and Widgets
-------------------------------------------------------------------- */

/* Structure */

.block_plan_compare,
.block_coverage,
.block_rates,
.block_print_brochure {
	padding: 10px 0 20px;
}


.block_rates,
.block_print_brochure {
	padding: 40px 0;
}

/* Coverage */

.block_coverage {
	background: url(/files/plans/bg_coverage-gif) no-repeat;
	width: 208px;
	height: 98px;
	padding: 30px 10px 10px;
}

.block_coverage input {
	width: 70px;
	background: #fff;
	color: #cc0000;
	font-size: 0.8em;
	text-transform: uppercase;
	padding: 1px;
}

.block_coverage input.go {
	background: url(/files/plans/arrow_go-gif) no-repeat right;
	padding: 0px;
	border: none;
	color: #cc0000;
	text-transform: uppercase;
	font-weight: bold;
	cursor: pointer;
	width: auto;
}

/* Rates */

.block_rates {
	background: url(/files/plans/icon_international-gif) 22px 49px no-repeat;
}

.block_rates h5 {
	margin-left: 60px;
}

.block_rates p {
	margin: 0 0 0 60px;
}

/* Brochure */

.block_print_brochure {
	background: url(/files/product_brochure-jpg) 0 20px no-repeat;
}

.block_print_brochure h5 {
	margin-left: 65px;
	font-size: 14px;
}

.block_print_brochure a {
	margin: 0 0 0 65px;
	text-decoration: none;
	font-weight: normal;
	text-transform: none;
}

.block_print_brochure a:hover {
	text-decoration: underline;
}	

/* Phone Chooser */

div#phoneChooser {
	margin-top: 10px;
	width: 575px;
	height: 145px;
}


/* Styles for rates Tables 
-------------------------------------------------------------------- */

.paygo_rates table {
	font-size: 1em;
	margin: 15px 0;
	width: 100%;
}

.paygo_rates th {
	text-transform: uppercase;
	font-size: .9em;
	color: #666;
	padding: 5px 5px 1px;
	text-align: center;
}

.paygo_rates td {
	padding: 20px;
	border: solid #c3c3c3;
	border-width: 0 1px 1px 1px;
	text-transform: uppercase;
	color: #666;
	font-weight: bold;
	text-align: center;
}

.paygo_rates td.last {
	text-align: left;
}

.paygo_rates tr.first td {
	border: solid #c3c3c3;
	border-width: 1px 1px 1px 1px;
	background: url(/files/plans/bg_chart-gif) repeat-x top;
}

/* Table Headers: Text Messaging */

.txtMsg {
	font-size: 1em;
	margin-top: 20px;
	width: 588px;	
}

.txtMsg th {
	text-transform: uppercase;
	font-size: .9em;
	color: #666;
	text-align: left;
	padding: 0 0 3px 5px;
	margin: 0;
	vertical-align: bottom;
}

.txtMsg td {
	padding: 8px;
	border: solid #c3c3c3;
	border-width: 0 1px 1px 1px;
	text-transform: uppercase;
	color: #666;
	font-weight: bold;
	text-align: center;
}

.txtMsg th.first {
	width: 158px;
	overflow: hidden;
	padding: 0 0 0 36px;
	background: url(/files/plans/icon_envelope-gif) no-repeat 3px 0px;
}

.txtMsg tr.first td {
	border: solid #c3c3c3;
	border-width: 1px 1px 1px 1px;
	background: url(/files/plans/bg_chart-gif) repeat-x top;
}

.txtMsg th.first h5 {
	position: relative;
	top: 2px;
}

/* Table Headers: Data Packs */

.data {
	font-size: 1em;
	margin-top: 20px;
	width: 588px;	
}

.data th {
	text-transform: uppercase;
	font-size: .9em;
	color: #666;
	text-align: left;
	padding: 0 0 3px 5px;
	margin: 0;
	vertical-align: bottom;
}

.data td {
	padding: 8px;
	border: solid #c3c3c3;
	border-width: 0 1px 1px 1px;
	text-transform: uppercase;
	color: #666;
	font-weight: bold;
	text-align: center;
}

.data th.first {
	width: 158px;
	overflow: hidden;
	padding: 0 0 0 36px;
	background: url(/files/plans/icon_data-gif) no-repeat 3px 0px;
}

.data tr.first td {
	border: solid #c3c3c3;
	border-width: 1px 1px 1px 1px;
	background: url(/files/plans/bg_chart-gif) repeat-x top;
}

.data th.first h5 {
	position: relative;
	top: 2px;
}


/* Table Links: General */

.paygo_rates td a:link,
.paygo_rates td a:visited {
	text-transform: uppercase;
	color: #cc0000;
	text-align: left;
	font-size: 0.9em;
	text-decoration: none;
	background: url(/files/plans/plus_compare-gif) no-repeat;
	padding-left: 18px;
	display: block;
}

/* Table Links: Text Messaging */

.txtMsg td.last {
}

.txtMsg td.last a {
	background: none;
	text-align: left;
}

.txtMsg td.last div h5 {
	
}

/* More Information Link */

div.moreInfoBar {
	text-align: left;
	padding-right: 24px;
}