﻿body
{
    color: #333333;
    font-family: verdana;
    font-size: 11px;
    line-height: 130%;
}

.defaultheader
{
    background-image: url('/projects/geeksquad/Assets/header.jpg');
    background-repeat: no-repeat;
    width: 670px;
    height: 224px;
    margin: 0;
}

.aboutheader
{
    width: 510px;
}

/*****************main page links*************/
.mainpagelinks a
{
    text-decoration: underline !important;
    padding-bottom: 1px;
}
.mainpagelinks a:hover
{ 
    text-decoration: none !important;
}

/********************online- support**************/
.copy
{
    width: 490px;
}

.img
{
    float: left;
    width: 70px;
    padding: 5px;
}





.headliner
{
    font-family: Verdana;
    font-size: 14px;
    font-weight: 700;
    line-height: 30px;
    text-indent: 15px;
    color: #FFFFFF;
    background-image: url('/projects/geeksquad/Assets/rs_header_bkg.gif');
    width: 490px;
    height: 43px;
    margin: 10px 0 0 -3px;
}

.border1px
{
    border-top-width: 1px;
    border-top-color: #666666;
    border-top-style: solid;
    margin: 10px 0;
}

.border1px a, .border1px a:active, .border1px a:visited, .border1px a:link
{
    text-decoration: none;
    color: #BB4F0A !important;
    font-size: 11px;
}

.border1px a:hover
{
    font-size: 11px;
    text-decoration: none !important;
    color: #BB4F0A !important;
}


/**************************************about ***********/
.aboutheader .blurb
{
    padding-top: 10px;
    padding-bottom: 10px;
}

.aboutheader .subheader
{
    font-weight: 700;
    line-height: 25px;
    background-color: #FEFEFE;
  
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 12px;
}
.aboutheader .orderedlist
{
    padding-left: 10px;
    line-height: 18px;
    display: Block;
}

.aboutheader img
{
    margin: 0 0 20px 0;
}


.aboutheader a
{
    color: #CC6600 !important;
    text-decoration: none !important;
}

.aboutheader a:hover
{
    text-decoration:underline !important;
    
}

.spacer
{
    padding-top: 10px;
    padding-bottom: 10px;
}
strong
{
    color: #333333;
    font-family: verdana;
    font-size: 13px;
    font-weight: 600;
}

#pagecontentmain2 a.arrowTextLink  
{
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    font-family: verdana;
    font-size: 11px;
    font-weight: 500;
    padding-right: 10px;
    text-decoration: none;
    color: #BB4F0A !important;
}
#pagecontentmain2 a.arrowTextLink:hover
{
    text-decoration: underline;
}
.aboutgrid
{
    width: 495px;
    margin: 20px auto;
    display: block;
}

/********************************************/


.listHolderHeader
{
    background-color: #999999;
    height: 31px;
    padding-left: 15px;
    padding-top: 2px;
}

.listHolderHeader strong
{
    color: #fff;
    line-height: 31px;
}

.listHolder, .listHolderAddService
{
    width: 510px;
}

.oddRow
{
    background-color: #EFEEEC;
}

.evenRow
{
    background-color: transparent;
    padding: 10px;
}

.listRow
{
    clear: both;
    color: #330033;
    font-family: Verdana;
    padding: 10px;
    width: 490px;
}

.mainCopy
{
    margin: 10;
    width: 480px;
    line-height: 130%;
}

.mainCopy p
{
    margin: 0 0 10px;
    line-height: 170% !important;
}

.listHolder .listHolderHeader a
{
    text-decoration: none !important;
    color: #fff !important;
}
.mainCopy p a
{
    text-decoration: none !important;
    color: #BB4F0A !important;
}

.mainCopy a
{
    text-decoration: none !important;
    color: #BB4F0A !important;
}
.related-links a
{
    text-decoration: none !important;
    color: #BB4F0A !important;
}

.divider
{
    width: 520px;
    border-top-style: dotted;
    border-top-width: 1px;
    border-color: #CC6600;
    margin-top: 20px;
    margin-bottom: 20px;
}

ul li
{
    padding: 0;
}
/***********************************************/

#geeksquadcontent #pagecontentmain2 .aboutgrid ul li, #geeksquadcontent #pagecontentmain2 .aboutgrid ol li , #geeksquadcontent #pagecontentmain2 .aboutheader ul li
{ 
	display: list-item;
    line-height: 175%;
    list-style-type: disc !important;
    margin-left: 20px;
    list-style-position: outside !important;
}
.aboutgrid .leftcontent
{
    float: left;
    width: 48%;
}

.aboutgrid .rightcontent
{
    float: right;
    width: 48%;
}


#pagecontentmain1 .innerheadline
{
    margin: 2px auto 0 0;
}
#pagecontentmain1 .gridcontent
{
    width: 674px;
}

#pagecontentmain1 .gridcontent .left
{
    float: left;
    width: 333px;
    margin-top: -2px;
}

#pagecontentmain1 .gridcontent .right
{
    float: right;
    width: 330px;
    margin-top: -2px;
    margin-left: -3px;
}

.clr
{
    clear: both;
}

#pagecontentmain1 .gridcontent .right .head
{
    background-position: left top;
    background-image: url('/projects/geeksquad/Assets/upgrade_en.gif');
    background-repeat: repeat-y;
    width: 331px;
    height: 50px;
    margin-left: -3px;
}

#pagecontentmain1 .gridcontent .left .head
{
    background-position: left top;
    background-image: url('/projects/geeksquad/Assets/install_en.gif');
    background-repeat: repeat-y;
    width: 340px;
    height: 50px;
}



#pagecontentmain1 .contentarea
{
   
}

#pagecontentmain1 .contentarea
{
      
 
}

#pagecontentmain1 #upgradeblk .contentarea ul li, #pagecontentmain1 #installblck .contentarea ul li, #pagecontentmain2 #installblck .contentarea ul li,
#pagecontentmain2 #upgradeblk .contentarea ul li
{
    list-style-type: disc;
    list-style-position: outside; margin-left:10px;
    display: list-item;
    color: #666666;
    font-size: 11px;
    line-height: 20px;
}


#pagecontentmain1 #upgradeblk .contentarea ul li a:visited, 
#pagecontentmain1 #installblck .contentarea ul li a:link, 
#pagecontentmain1 #upgradeblk .contentarea ul li a, 
#pagecontentmain1 #installblck .contentarea ul li a:visited, 
#pagecontentmain1 #upgradeblk .contentarea ul li a:link, 
#pagecontentmain1 #installblck .contentarea ul li a
{
    color: #666666;
    text-decoration: none;
}

#pagecontentmain1 #installblck .contentarea ul li a:hover,
#pagecontentmain1 #upgradeblk .contentarea ul li a:hover
{
    text-decoration: underline;
}




#pagecontentmain1 .gridcontent .left .bottom
{
    background-position: right bottom;
    background-image: url('/projects/geeksquad/Assets/grey_bottom.gif');
    background-repeat: no-repeat;
    height: 20px;
    background-color: #CCCCCC;
    width: 341px;
}

#pagecontentmain1 .gridcontent .right .bottom
{
    background-position: right bottom;
    background-image: url('/projects/geeksquad/Assets/grey_bottom.gif');
    background-repeat: no-repeat;
    height: 20px;
    background-color: #CCCCCC;
    width: 331px;
    margin-left: -2px;
}


/******************5 point pledge css******************************/

#pointcontainer .top_en
{
    background-image: url('/projects/geeksquad/Assets/5point_en.gif');
    width: 160px;
    height: 38px; margin: 20px 0 0 0;
    background-repeat: no-repeat;
}
#pointcontainer .top_fr
{
    background-image: url('/projects/geeksquad/Assets/geek_squad_03.gif');
    width: 159px;
    height: 38px; margin: 20px 0 0 0;
    background-repeat: no-repeat;
}

#pointcontainer .mid
{
    background-image: url('/projects/geeksquad/Assets/geek_squad_5point_02.gif');
    width: 160px;
    height: auto;
    background-repeat: no-repeat;margin-top:-2px;
}
#pointcontainer .mid .text
{
    padding: 0 3px 0 10px;
}

#pointcontainer .mid p
{
    background-position: bottom;
    padding: 0 3px 0 10px;
    background-image: url('/projects/geeksquad/Assets/geek_squad_5pointrepeat_03.gif');
    background-repeat: repeat-y;
}
#pagecontent #pagecontentleft2 #pointcontainer .mid p a
{
    text-decoration: none;
    color: #CC6600;
}
#pagecontent #pagecontentleft2 #pointcontainer .mid p a:hover
{
    text-decoration: underline;
    color: #CC6600;
}


#pointcontainer .bottom
{
    background-image: url('/projects/geeksquad/Assets/geek_squad_5point_03.gif');
    width: 160px;
    height: 10px;
    background-repeat: no-repeat;
}

/*******************main page hp styles*****************************/


#hp_body{
	background-image: url(/projects/geeksquad/assets/hp_bg_02.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding: 0px;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 673px;
}
#hpbgheader{
	background-image: url(/projects/geeksquad/assets/hp_bg_01.gif);
	height: 110px;
	width: 673px;
}

#hp_body #installblck  , #hp_body_fr #installblck{
	
	float: left;
	width: 305px;
	margin-left: 20px;
	margin-bottom: 25px;
}
#hp_body #upgradeblk ,#hp_body_fr #upgradeblk {

	float: Right;
	width: 305px;margin-bottom: 25px;
}

#hp_body #clr ,#hp_body_fr #clr {
	clear: both;
}

#hpbgheader_fr{
	background-image: url(/projects/geeksquad/assets/hp_bg_01_fr.gif);
	height: 110px;
	width: 673px;
}

#hp_body_fr {
	background-image: url(/projects/geeksquad/assets/hp_bg_02_fr.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding: 0px;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 673px;
}

/*************article styles ***************************/

#articlewrapper{
width: 670px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;

}
#articlewrapper #articleheader {
	height: 25px;
	width: 670px;
	margin: 10px auto; 
}
#articlewrapper .articlecontent {
	width: 650px;
	padding: 5px;
	margin-bottom:10px;
}


#articlewrapper .articlecontent p
{
  font-size: 12px;
  color: #333333;
  margin-top: 10px;
  margin-bottom: 20px;
}

#articlewrapper .articlecontent ul li 
{
	background: url(/images/geeksquad/common/backgrounds/nav-expand-closed.gif) no-repeat scroll 0 2px;
	display:block;
	font-size:11px;
	margin:3px 0 !important;
	padding-left:14px;
}

#articlewrapper .articlecontent h3
{
    font-size: 12px;
    line-height: 25px;
    font-weight: 700;
    color: #333333;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #F5F5F5;
    border: solid #eee 1px;
 
    padding-left: 5px;
}

#articlewrapper .articlecontent ul li a {
	color:#BA4E09;
	font-weight:bold;
	text-decoration:none;
}


#articlewrapper .articlecontent ul li a:hover
{
    text-decoration: underline;
}


#articlewrapper .articlecontent .Videos
{
    
   
    margin-top: 5px;
    margin-bottom: 5px;
}

/*connect now content block */

.connectnow-wrapper
{
	width:140px;
	text-align:left;
}
