
/**************** General Styles ****************/ 
body{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	color: #111111;
	background:url(/images/store/main_bg.gif) repeat-x top #ffffff;
	text-align: center;
	font-size: 62.5%; /*Sets all fonts to 10px*/
}


h1, h2, h3, h4, h5{
	margin: 0px;
}

p{
	font-size: 1.2em;
	margin: 0px;
	padding: 5px 0px;
}
p.indent{
	margin-left:20px;
}
h2{
	font-size: 2.6em;
	line-height: 30px;
	padding: 7px 0px 10px 0px;
}

h3{
	font-size: 1.4em;
	line-height: 1.7em;
	color: #CC0000;
	font-weight: bold;
	padding-right: 0px;
	padding-left: 0px;
}

.clear{
	clear: both;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
}


/**************** Layout ****************/
#wrapper
{
    MARGIN: auto;
    WIDTH: 780px;
    TEXT-ALIGN: left
}
#wrapperLarge
{
    MARGIN: auto;
    WIDTH: 900px;
    TEXT-ALIGN: left
}
#contentWrapper
{
    PADDING-RIGHT: 50px;
    PADDING-LEFT: 0px;
    BACKGROUND: url(/images/store/box1.gif) no-repeat center top;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 10px
}
#contentLargeWrapper
{
    PADDING-RIGHT: 50px;
    PADDING-LEFT: 0px;
    BACKGROUND: url(/images/store/box900.gif) no-repeat center top;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 10px
}
#header
{
    BACKGROUND: url(/images/store/header.jpg) no-repeat center top;
    MARGIN: 7px 0px 0px 0px;
    HEIGHT: 110px
}

#headerbillp
{
    BACKGROUND: url(/images/store/billpheader.jpg) no-repeat center top;
    MARGIN: 7px 0px 0px 0px;
    HEIGHT: 110px
}
#headercharter
{
    BACKGROUND: url(/images/store/charterheader.jpg) no-repeat center top;
    MARGIN: 7px 0px 0px 0px;
    HEIGHT: 110px
}
#headerchris
{
    BACKGROUND: url(/images/store/chrisheader.jpg) no-repeat center top;
    MARGIN: 7px 0px 0px 0px;
    HEIGHT: 110px
}
#headercms
{
    BACKGROUND: url(/images/store/headercms.jpg) no-repeat center top;
    MARGIN: 7px 0px 0px 0px;
    HEIGHT: 110px
}

#headerkim
{
    BACKGROUND: url(/images/store/headerkim.jpg) no-repeat center top;
    MARGIN: 7px 0px 0px 0px;
    HEIGHT: 110px
}
#headerlarge
{
    BACKGROUND: url(/images/store/headerlarge.jpg) no-repeat center top;
    MARGIN: 7px 0px 0px 0px;
    HEIGHT: 110px
}
#headertech
{
    BACKGROUND: url(/images/store/headertechbite.jpg) no-repeat center top;
    MARGIN: 7px 0px 0px 0px;
    HEIGHT: 110px
}

#headerpcmatic
{
    BACKGROUND: url(/images/store/headerpcmatic.jpg) no-repeat center top;
    MARGIN: 7px 0px 0px 0px;
    HEIGHT: 110px
}
#headermicrosoft
{
    BACKGROUND: url(/images/store/headermicrosoft.jpg) no-repeat center top;
    MARGIN: 7px 0px 0px 0px;
    HEIGHT: 110px
}
#headerschiff
{
    BACKGROUND: url(/images/store/headerschiff.jpg) no-repeat center top;
    MARGIN: 7px 0px 0px 0px;
    HEIGHT: 110px
}
#headertv
{
    BACKGROUND: url(/images/store/headertv.jpg) no-repeat center top;
    MARGIN: 7px 0px 0px 0px;
    HEIGHT: 110px
}

#headerpcworld
{
    BACKGROUND: url(/images/store/pcworldheader.jpg) no-repeat center top;
    MARGIN: 7px 0px 0px 0px;
    HEIGHT: 110px
}
#headerred
{
    BACKGROUND: url(/images/store/headerplain.jpg) no-repeat center top;
    MARGIN: 7px 0px 0px 0px;
    HEIGHT: 110px
}
#headertekzilla
{
    BACKGROUND: url(/images/store/headertekzilla.jpg) no-repeat center top;
    MARGIN: 7px 0px 0px 0px;
    HEIGHT: 110px
}
#headerwhy
{
    BACKGROUND: url(/images/store/headerwhy.jpg) no-repeat center top;
    MARGIN: 7px 0px 0px 0px;
    HEIGHT: 110px
}
#header h1.header
{
    width:300px; 
    height:100px 
}
#mainContent
{
    FLOAT: right;
    MARGIN: 0px 0px 0px 52px;
    WIDTH: 440px
}
#mainContentPCMatic
{
    FLOAT: right;
    MARGIN: 0px 0px 0px 52px;
    WIDTH: 455px
}
#mainContentPCMaticVideo
{
    FLOAT: right;
    MARGIN: 0px 0px 0px 22px;
    WIDTH: 400px
}
#mainContentDriverAlert
{
    FLOAT: right;
    MARGIN: 0px 0px 0px 40px;
    WIDTH: 450px
}
#mainContentSmart
{
    FLOAT: right;
    MARGIN: 0px 0px 0px 52px;
    WIDTH: 310px
}
P.button
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 15px;
    PADDING-TOP: 15px
}
P.button A
{
    DISPLAY: block;
    FONT-SIZE: 1.8em;
    BACKGROUND: url(/images/store/button_bg_top.png) #da0000 no-repeat center top;
    WIDTH: 309px;
    COLOR: #ffffff;
    LINE-HEIGHT: 24px;
    FONT-FAMILY: Helvetica, Arial, Verdana, sans-serif;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none
}
P.button A:hover
{
    TEXT-DECORATION: underline
}
P.button A SPAN
{
    PADDING-RIGHT: 0px;
    DISPLAY: block;
    PADDING-LEFT: 0px;
    BACKGROUND: url(/images/store/button_bg_bot.png) no-repeat center bottom;
    PADDING-BOTTOM: 11px;
    PADDING-TOP: 2px
}
#leftSide
{ 
width: 210px; 
float: right; 
background:url(/images/store/product.jpg) no-repeat center top; 
padding: 0px 0px 0px 0px; 
}
#leftSideOpt3
{ 
width: 210px; 
float: right; 
padding: 0px 0px 0px 0px; 
}  

#leftSideSmart
{ 
width: 310px; 
float: right; 
padding: 0px 0px 0px 0px; 
}  
#leftSidePCMatic
{ 
width: 210px; 
float: right; 
padding: 0px 0px 0px 0px; 
}  
#leftSidePCMaticVideo
{ 
width: 300px; 
float: right; 
padding: 0px 0px 0px 0px; 
}  
#leftSide h1.boxes{ 
width: 210px; 
height:440px; 
background:url(/images/store/product.jpg) no-repeat center top; 
}
#leftSide P
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 16px;
    FONT-SIZE: 1.1em;
    PADDING-BOTTOM: 5px;
    COLOR: #000000;
    LINE-HEIGHT: 17px;
    PADDING-TOP: 5px;
    FONT-STYLE: italic
}
#leftSide P SPAN
{
    PADDING-RIGHT: 7px;
    DISPLAY: block;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    TEXT-ALIGN: right
}
#footer
{
    PADDING-RIGHT: 40px;
    PADDING-LEFT: 290px;
    PADDING-BOTTOM: 15px;
    PADDING-TOP: 10px
}
#footer P
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-SIZE: 1em;
    PADDING-BOTTOM: 5px;
    COLOR: #666666;
    PADDING-TOP: 5px
}
/**************** New Styles ****************/
body.newstyle{
	background-color:#181617;
	background-image:url('/images/redesign2009/bg.jpg');
	background-repeat:no-repeat;
	background-position:center top;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
}
#MainWrapper #Content {
	background-color:#b3b4b4;
	overflow:hidden;
	clear:both;
	width:950px;
	padding-left:7px;
	padding-right:8px;
	padding-bottom:8px;
}
#MainWrapper #Content .column {
	float:left;
	background-color:#ffffff;
	padding:10px 10px 20px 10px;
	overflow:hidden;
}
#MainWrapper #Content #StoreColumn1 {
	width:930px;
	margin-right:6px;
	overflow:visible;
}

#MainWrapper #Content #StoreColumn1 h1 {
	color: #213140;
	font-size:20px;
	font-weight:bold;
	padding-bottom:8px;
	
}

#MainWrapper #Content #StoreColumn1 p.intro{
	font-size:.9em;
	line-height:1.5em;
	padding: 0 20px 0 10px;
}
#MainWrapper #Content #StoreColumn1 p.blurb{
	font-size:12px;
	font-style:italic;
	color:#333333;
	font-weight:500;
	padding:0px 0 10px 0;
}
#MainWrapper #Content #StoreColumn1 h2.recommended {
	color: #0179a6;
	font-weight:bold;
	font-size:1em;
	line-height:1.5em;
}
#MainWrapper #Content #StoreColumn1 h3 {
	width:300px;height:20px;
}
#MainWrapper #Content #StoreColumn1 table.snow {
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    width: 130px;
}
#MainWrapper #Content #StoreColumn1 td.navtitle {
    /*border: #360b04 double 3px;*/
    background: url(/images/betapit/headerbgred.gif) repeat-x; 
    color:#ffffff;
    height:30px; 
    font-family: sans-seri, Verdana, Arial, Helvetica;
    font-weight:bold; 
    font-size:12pt;
    text-align:center;
}

/* footer styles */
#MainWrapper #Footer {
	background-image:url('/images/redesign2009/footerBg.jpg');
	background-repeat:repeat-x;
	height:250px;
	overflow:hidden;
	clear:both;
}
#MainWrapper #Footer #Links {
	float:left;
	width:638px;
	border-right:1px solid #333333;
}
#MainWrapper #Footer #Links ul#LinkSections {
	overflow:hidden;
	clear:both;
	margin-left:18px;
	margin-top:14px;
	padding-bottom:5px;
}
#MainWrapper #Footer #Links ul#LinkSections li {
	float:left;
	width:140px;
	margin-right:12px;
}
#MainWrapper #Footer #Links ul#LinkSections li.last {
	margin-right:0;
}
#MainWrapper #Footer #Links ul#LinkSections li h3 {
	color:#ffffff;
	font-weight:bold;
	font-size:14px;
	border-bottom:3px solid #a8191d;
	margin-bottom:5px;
}
#MainWrapper #Footer #Links ul#LinkSections li h3 a {
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}
#MainWrapper #Footer #Links ul#LinkSections li ul.sectionLinks {
	overflow:hidden;
	clear:both;
}
#MainWrapper #Footer #Links ul#LinkSections li ul.sectionLinks li {
	border-bottom:1px dotted #666666;
	margin-bottom:5px;
}
#MainWrapper #Footer #Links ul#LinkSections li ul.sectionLinks li a {
	font-size:11px;
	color:#ffffff;
	text-decoration:none;
}
#MainWrapper #Footer #CompanyDetails {
	float:left;
	line-height:.8em;
	width:296px;
	margin-top:18px;
	margin-left:30px;
}
#MainWrapper #Footer #CompanyDetails h2.logo {
	overflow:hidden;
	width:144px;
	height:55px;
}
#MainWrapper #Footer #CompanyDetails h2.logo a {
	display:block;
	height:0;
	overflow:hidden;
	padding-top:55px;
	background-image:url('/images/redesign2009/logoFooter.png');
	background-repeat:no-repeat;
	position:relative;
}
#MainWrapper #Footer #CompanyDetails h2.logo a:hover {
	background-image:url('/images/redesign2009/logoFooter_active.png');
}
#MainWrapper #Footer #CompanyDetails .copyright {
	font-size:11px;
	color:#999999;
	margin-top:5px;
}
#MainWrapper #Footer #CompanyDetails ul.links {
	overflow:hidden;
	clear:both;
	margin-top:5px;
}
#MainWrapper #Footer #CompanyDetails ul.links li {
	float:left;
}
#MainWrapper #Footer #CompanyDetails ul.links li.first {
	margin-left:0;
}
#MainWrapper #Footer #CompanyDetails ul.links li.last {
	margin-right:0;
}
#MainWrapper #Footer #CompanyDetails ul.links li a {
	color:#ffffff;
	font-size:11px;
	text-decoration:none;
	display:block;
	border-right:1px solid #ffffff;
	padding-left:5px;
	padding-right:5px;
}
#MainWrapper #Footer #CompanyDetails ul.links li.last a {
	border-right:none;
}
#MainWrapper #Footer #CompanyDetails ul.socialMedia {
	overflow:hidden;
	clear:both;
	padding-top:20px;
}
#MainWrapper #Footer #CompanyDetails ul.socialMedia li {
	float:left;
	width:50px;
	padding-right:8px;
	padding-left:8px;
	text-align:center;
	background-image:url('/images/redesign2009/socialSeparator.jpg');
	background-repeat:no-repeat;
	background-position:right 15px;
	height:58px;
}
#MainWrapper #Footer #CompanyDetails ul.socialMedia li.first {
	padding-left:0;
}
#MainWrapper #Footer #CompanyDetails ul.socialMedia li.last {
	padding-right:0;
	background-image:none;
}
#MainWrapper #Footer #CompanyDetails ul.socialMedia li a {
	color:#ffffff;
	font-size:11px;
	font-style:italic;
	text-decoration:none;
	display:block;
	width:50px;
	height:54px;
	background-repeat:no-repeat;
	background-position:7px 16px;
}
#MainWrapper #Footer #CompanyDetails ul.socialMedia li.techtalk a {
	background-image:url('/images/redesign2009/techtalkFooter.jpg');
}
#MainWrapper #Footer #CompanyDetails ul.socialMedia li.techtalk a:hover {
	background-image:url('/images/redesign2009/techtalkFooter_active.jpg');
}
#MainWrapper #Footer #CompanyDetails ul.socialMedia li.facebook a {
	background-image:url('/images/redesign2009/facebook.jpg');
}
#MainWrapper #Footer #CompanyDetails ul.socialMedia li.facebook a:hover {
	background-image:url('/images/redesign2009/facebook_active.jpg');
}
#MainWrapper #Footer #CompanyDetails ul.socialMedia li.twitter a {
	background-image:url('/images/redesign2009/twitter.jpg');
}
#MainWrapper #Footer #CompanyDetails ul.socialMedia li.twitter a:hover {
	background-image:url('/images/redesign2009/twitter_active.jpg');
}
#MainWrapper #Footer #CompanyDetails ul.socialMedia li.youtube a {
	background-image:url('/images/redesign2009/youtube.jpg');
}
#MainWrapper #Footer #CompanyDetails ul.socialMedia li.youtube a:hover {
	background-image:url('/images/redesign2009/youtube_active.jpg');
}
#MainWrapper #Footer #CompanyDetails ul.socialMedia li.techtalk a {
	background-image:url('/images/redesign2009/rssFooter.jpg');
}
#MainWrapper #Footer #CompanyDetails ul.socialMedia li.techtalk a:hover {
	background-image:url('/images/redesign2009/rssFooter_active.jpg');
}
/*    End footer styles   */
