/* CSS Document */

/* =references
	mid blue: 	#0099ce
	light blue:	#d1ecf7
*/

/* ----ARGOS CHANGE---- changed all image ref to /wcsstore/argos/buyersguide/images/... or  /wcsstore/argos/buyersguide/images/tv_landing_page/...  */

/* =general */
#tvbg .co {font-family: Arial, Helvetica, sans-serif; color: #434343; font-size: 10pt;}
#tvbg .co2 {font-family: Arial, Helvetica, sans-serif; color: #434343; font-size: 8pt; font-weight:bold;}
#tvbg a.co:link {color: #434343; text-decoration:underline;}
#tvbg a.co:visited {color: #434343; text-decoration:underline;}
#tvbg a.co:hover {color: #f87903; text-decoration:underline;}
#tvbg a.co:active {color: #434343; text-decoration:underline;}
#tvbg .colink {font-family: Arial, Helvetica, sans-serif; color: #333; font-size: 10pt;}
#tvbg a.colink:link {color: #000000;}
#tvbg a.colink:visited {color: #000000;}
#tvbg a.colink:hover {color: #0099ce;}
#tvbg a.colink:active {color: #000000;}

#tvbg .coback { margin-top:30px; font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 10pt;}
#tvbg a.coback:link {color: #fff;}
#tvbg a.coback:visited {color: #fff;}
#tvbg a.coback:hover {color: #f87903;}
#tvbg a.coback:active {color: #fff;}


/* =lists */
#tvbg 
 ul.co, #tvbg
 ol.co, #tvbg
 li.co {margin: 0; padding: 0;}
#tvbg li.co {list-style-type: none; }
#tvbg ul.co li {padding: 1px 0 1px 15px; background:    url(/wcsstore/argos/buyersguide/images/tvchevron.gif) left center no-repeat;}
#tvbg ul#push li {margin: 0px -10px; padding: 1px 0 1px 15px; background:    url(/wcsstore/argos/buyersguide/images/tvchevron.gif) left center no-repeat;}

#tvbg ol.co {margin: 0; width: 400px;}
#tvbg ol.co li {padding: 3px 0 1px 25px; margin: 5px 0; background-position: left center; background-repeat: no-repeat;vertical-align: middle;}

#tvbg ol.co li.c1 {background-image:    url(/wcsstore/argos/buyersguide/images/tv1.gif); list-style-type: none;}
#tvbg ol.co li.c1-on {background-image:    url(/wcsstore/argos/buyersguide/images/tv1faded.gif); list-style-type: none;}
#tvbg ol.co li.c2 {background-image:    url(/wcsstore/argos/buyersguide/images/tv2.gif);list-style-type: none;}
#tvbg ol.co li.c2-on {background-image:    url(/wcsstore/argos/buyersguide/images/tv2faded.gif);list-style-type: none;}
#tvbg ol.co li.c3 {background-image:    url(/wcsstore/argos/buyersguide/images/tv3.gif);list-style-type: none;}
#tvbg ol.co li.c3-on {background-image:    url(/wcsstore/argos/buyersguide/images/tv3faded.gif);list-style-type: none;}
#tvbg ol.co li.c4 {background-image:    url(/wcsstore/argos/buyersguide/images/tv4.gif);list-style-type: none;}
#tvbg ol.co li.c4-on {background-image:    url(/wcsstore/argos/buyersguide/images/tv4faded.gif);list-style-type: none;}
#tvbg ol.co li.c5 {background-image:   url(/wcsstore/argos/buyersguide/images/tv5.gif);list-style-type: none;}
#tvbg ol.co li.c5-on {background-image:  url(/wcsstore/argos/buyersguide/images/tv5faded.gif);list-style-type: none;}
#tvbg ol.co li.c6 {background-image:   url(/wcsstore/argos/buyersguide/images/tv6.gif);list-style-type: none;}
#tvbg ol.co li.c6-on {background-image:   url(/wcsstore/argos/buyersguide/images/tv6faded.gif);list-style-type: none;}
#tvbg ol.co li.c7 {background-image:   url(/wcsstore/argos/buyersguide/images/tv7.gif);list-style-type: none;}

/* =blue border */
#tvbg #wrapper {width: 548px; background:    url(/wcsstore/argos/buyersguide/images/tvborder-stripe.gif) left repeat-y; margin: 0px auto 14px auto; padding: 0;}
#tvbg #wrapper .in {background:    url(/wcsstore/argos/buyersguide/images/tvborder-stripe.gif) right repeat-y;  margin: 0; padding: 0;}
#tvbg #wrapper .in .in {background:    url(/wcsstore/argos/buyersguide/images/tvborder-tl.gif) left top no-repeat;}
#tvbg #wrapper .in .in .in {background:    url(/wcsstore/argos/buyersguide/images/tvborder-br.gif) right bottom no-repeat;}
#tvbg #wrapper .in .in .in .in {background:    url(/wcsstore/argos/buyersguide/images/tvborder-bl.gif) left bottom no-repeat;}
#tvbg #wrapper .in .in .in .in .in {background:    url(/wcsstore/argos/buyersguide/images/tvborder-tr.gif) right top no-repeat; padding: 0px 3px 0px 3px;}
#tvbg #wrapper .in .in .in .in .inplus {background:    url(/wcsstore/argos/buyersguide/images/tvborder-tr.gif) right top no-repeat; padding: 3px 3px 0px 3px;}


/* =header */
#tvbg #co_pageheader{width: 548px; margin: 14px auto 0px auto; padding: 0; height:124px;}
#tvbg #co_introheader{width: 548px; margin: 14px auto 0px auto; padding: 0; height:219px;}
#tvbg h1.step1 {text-indent: -9000px; background-repeat: x-repeat; height:106px; margin: 0px;}
#tvbg .upperlink{text-indent: 0px; text-align:right; font-family: Arial, Helvetica, sans-serif; color: #333; font-size: 10pt;margin-top:0px;margin-right:10px; line-height: 18px;}
#tvbg .upperlink2{text-indent: 0px; text-align:right; font-family: Arial, Helvetica, sans-serif; color: #333; font-size: 10pt;margin-top:22px;margin-right:12px;}
#tvbg .upperlink3{text-indent: 0px; text-align:right; font-family: Arial, Helvetica, sans-serif; color: #333; font-size: 10pt;margin-top:185px;margin-right:12px;}
#tvbg h1.step1large {text-indent: -9000px; background-repeat: no-repeat; height: 248px; margin: 0; padding: 0px;}

/* ----ARGOS CHANGE---- height to 149px - from 170px - to reduce white space */
#tvbg h1.step1intro {text-indent: -9000px; background-repeat: no-repeat; height: 149px; margin: 0;}

#tvbg h1.co {text-indent: -9000px; background-repeat: no-repeat; height: 62px; margin: 0; border:1px red solid;}


/* =subheader (the blue bar) */
/*h2 {width: 490px; min-height: 35px; _height: 35px; margin: 0; padding: 6px 2px 0 30px; background:  url(/wcsstore/argos/buyersguide/images/subheading-corner.gif) right top no-repeat #0099ce; color: #fff;}*/
#tvbg h2.image {text-indent: -9000px; width: 490px; min-height: 31px; height: 31px; margin: 0px !important; padding: 0px 2px 0 30px; color: #fff; border: none !important;}
#tvbg h2.mainimage {text-indent: -9000px; width: 542px; min-height: 35px; height: 44px; margin: 0px; padding: 0px; color: #fff; background-color:#000; border: none;}
#tvbg h2.introimage {text-indent: -9000px; width: 548px; height: 49px; margin: 0px; padding: 0px; color: #fff; background-color:#000; border: none;}
#tvbg .explained{text-indent: 0px; text-align:left; font-family: Arial, Helvetica, sans-serif; font-weight:normal; color: #fff; font-size: 10pt;margin-top:30px;margin-left:30px;}

/* =Intro pages 

The intro navigation bar uses the CSS sprites technique
For more info see: http://alistapart.com/articles/sprites

*/
#tvbg #intro-nav {margin-top: -7px; }
#tvbg #intro-nav li {padding: 0; background-image: none; width: 118px; float: left; list-style-type:none;}
#tvbg #intro-nav li.first {padding: 0; background-image: none; width: 118px; float: left;}
#tvbg #intro-nav a {display: block; width: 118px; height: 157px; text-indent: -9000px; background-image:    url(/wcsstore/argos/buyersguide/images/tv_landing_page/tv_button_sprites.gif); background-repeat: no-repeat;}

#tvbg a#intro-DigitalTV {background-position: 0 0;}
#tvbg a#intro-HighDefinition {background-position: -118px 0;}
#tvbg a#intro-DigitalSwitchover {background-position: -236px 0;}
#tvbg a#intro-DigitalRecording {background-position: -354px 0;}

#tvbg a#intro-DigitalTV:hover {background-position: 0 -160px;}
#tvbg a#intro-HighDefinition:hover {background-position: -118px -160px;}
#tvbg a#intro-DigitalSwitchover:hover{background-position: -236px -160px;}
#tvbg a#intro-DigitalRecording:hover{background-position: -354px -160px;}

#tvbg .after-nav-para {clear: left;}

#tvbg .line {border-top: 3px solid #0099ce; padding-top: 10px;}


/* =content */
#tvbg #content {width: 521px; padding: 0px; margin: 0px; border-right: 1px solid #f87903;}
#tvbg #content2 {width: 521px; padding: 6px 0px 0px 0px; border-right: 1px solid #f87903; background:    url(/wcsstore/argos/buyersguide/images/tvcontent-bottom.gif) right bottom no-repeat;}
#tvbg .intro #content {background:    url(/wcsstore/argos/buyersguide/images/tvcontent-bottom-intro.gif) right bottom no-repeat;}
#tvbg .no-top-padding {padding: 0 !important;}
#tvbg #content p {margin-right:10px; font-size: 10pt; margin-bottom: 30px;}
#tvbg p .co {margin-bottom: 30px;}
#tvbg p .theline {padding-bottom: 50px; font-weight:normal; font-size:10pt;}
#tvbg .push {padding-left: 30px; padding-top:5px; font-family: Arial, Helvetica, sans-serif; color: #333; font-size: 10pt;}
#tvbg .push2 {padding-left: 30px; padding-top: 15px; font-family: Arial, Helvetica, sans-serif; color: #333; font-size: 10pt;}
#tvbg .push3 {padding-left: 30px; font-family: Arial, Helvetica, sans-serif; color: #333; font-size: 10pt;}

#tvbg .copara{font-family: Arial, Helvetica, sans-serif; color: #333; font-size: 10pt; margin-bottom: 10px;}
#tvbg .co3 {color: #666; font-size: large; _font-size: medium; line-height:10px; font-weight:bold;}
#tvbg h3.co {color: #666; font-size: large; _font-size: medium; margin: 0px 0 20px 0; clear: both;}
#tvbg h4.co {color: #666; font-size: medium; _font-size: 10pt;  margin: 15px 0 20px 0; clear: both;}
#tvbg h3.alt5-h3 {text-indent: -9000px; background-position: left top; background-repeat: no-repeat; background-color: #a9a9a9; height: 27px; width: 521px; clear: both; margin: 30px 0px 0px 0px;}
#tvbg h3.alt4-h3 {text-indent: -9000px; background-position: left top; background-repeat: no-repeat; background-color: #F87903; height: 33px; width: 521px; clear: both; margin: 10px 0px 18px 0px;}
#tvbg h3.alt-h3 {text-indent: -9000px; background-position: left top; background-repeat: no-repeat; background-color: #a9a9a9; height: 27px; width: 521px; clear: both; margin: 10px 0px 0px 0px;}
#tvbg h3.alt3-h3 {text-indent: -9000px; background-position: left top; background-repeat: no-repeat; background-color: #a9a9a9; height: 41px; width: 521px; clear: both; margin: 10px 0px 20px 0px;}
#tvbg h3.alt2-h3 {text-indent: -9000px; background-position: left top; background-repeat: no-repeat; background-color: #a9a9a9; height: 31px; width: 521px; clear: both; margin: 0;}
#tvbg h3.alt-h3-v2 {text-indent: -9000px; background-position: left top; background-repeat: no-repeat; background-color: #fff; height: 49px; width: 521px; clear: both; margin: 0;}
#tvbg h3.alt-h3-v3 {color: #fff; background-color: #09c; padding: 8px 10px; margin: 0; font-size: 10pt;}
#tvbg .squeeze-last-h3 {color: #666; font-size: large; _font-size: medium; margin: 5px 0 0px 0; clear: both;}

#tvbg .page-number {float: right; margin-top: 5px;}
#tvbg .alt-bg { background-color: #e8e8e8; min-height: 105px; _height: 105px; width: 481px; padding: 10px 10px 15px 30px; background-repeat: no-repeat; background-position: right bottom; border-bottom: 2px solid #f87903;} 
#tvbg .alt-bg-2 { background-color: #b2e0f0; min-height: 105px; _height: 105px; width: 301px; padding: 10px 180px 5px 10px; background-repeat: no-repeat; background-position: right top; margin-bottom: 25px;} 
#tvbg .alt-bg-3 { background-color: #b2e0f0; min-height: 105px; _height: 105px; width: 291px; padding: 10px 190px 5px 10px; background-repeat: no-repeat; background-position: right top; margin-bottom: 25px;} 
#tvbg .image-inline {float: right; margin: 0 0 0 10px;}
#tvbg .image-inline-2 {float: right; margin: -30px 0 10px 10px;}
#tvbg .squeeze {width: 330px; min-height: 62px; _height: 62px;}
#tvbg .squeeze2 {width: 310px; min-height: 62px; _height: 62px;}
#tvbg .squeeze3 {width: 310px; min-height: 102px; _height: 102px;}


/* =tables */
#tvbg tr.alt td {background-color: #e4e4e4}

#tvbg #content table {border-collapse: collapse; border: none;}

/* ----ARGOS CHANGE---- added padding - to add cell spacing */
#tvbg #content tr, #tvbg
      #content th, #tvbg
      #content td {border: none; padding: 6px 6px 6px 6px;}


#tvbg #content table td {text-align:left;}
#tvbg #content th {	background-color: #999;}

#tvbg #content table.table-type-1 {width: 491px; border: 1px solid #f87903 !important; border-right: none !important; margin: 20px 0px 10px 0px; font-family: Arial, Helvetica, sans-serif; color: #333; font-size: 10pt;}
#tvbg .table-type-1 .row {width: 160px; font-weight: bold; vertical-align: top;}
#tvbg #content table.table-type-1a {width: 491px; border: 1px solid #f87903 !important; border-right: none !important; margin: 30px 0px; font-family: Arial, Helvetica, sans-serif; color: #333; font-size: 10pt;}
#tvbg .table-type-1a .row {width: 180px; font-weight: bold; vertical-align: top;}
#tvbg #content table.table-type-1b {width: 491px; border: 1px solid #f87903 !important; border-right: none !important; margin: 10px 0px; font-family: Arial, Helvetica, sans-serif; color: #333; font-size: 10pt;}
#tvbg .table-type-1b .row2 {width: 180px; font-weight: normal; vertical-align: top;}
#tvbg #content table.table-type-1c {width: 491px; border: 1px solid #f87903 !important;	border-right: none !important; margin: 0px 0px 20px 0px; font-family: Arial, Helvetica, sans-serif; color: #333; font-size: 10pt;}
#tvbg .table-type-1c .row3 { width: 180px; font-weight: normal; vertical-align: top;}
#tvbg .table-type-1c .row2 { width:110px; font-weight: normal; vertical-align: top;}
#tvbg .table-type-1c .row {font-weight: normal; vertical-align: top;}
#tvbg #content table.table-type-2 {width: 491px; border: 1px solid #f87903 !important; border-right: none !important; margin: 30px 0;font-family: Arial, Helvetica, sans-serif; color: #333; font-size: 10pt;}
#tvbg .table-type-2 .row {width: 145px; font-weight: bold; vertical-align: top;}
#tvbg .table-type-2 td {width: 173px; vertical-align: top; padding-bottom: 1px;}

#tvbg .table-header {background-color: #999; color: #fff; font-weight: bold; text-align: left; vertical-align: top;}
#tvbg .intro .table-header {background-color: #999; color: #000; font-weight: bold; text-align: left; vertical-align: top; font-size: 10pt;}

#tvbg ul.general-table {margin: 0;}
#tvbg ul li.general-table {padding: 0 0 5px 7px; background:    url(/wcsstore/argos/buyersguide/images/tvdot.gif) left 7px no-repeat;}

#tvbg .co_square_table{ width:460px; border:2px solid #f87903; padding:15px 10px 0px 10px; margin-left:18px;}
#tvbg .clear-both {
	clear: both;
}

.corightimage{
	float:right;
}

.corightimage2{
	float:right;
	margin: 0px -10px 0px 30px;
}

.corightimage3{
	float:right;
	margin: 0px 0px 0px 25px;
}

.conewtable{
	margin:5px 0px 5px 0px;
}


.corighttext{
  float:right;
  width:230px;
  margin:-10px 10px 20px 0px;
  font-family: Arial, Helvetica, sans-serif; color: #434343; font-size: 10pt;
}

#tvbg #content ul.bullets {
 margin:0 0 15px 20px;
 list-style-type:disc;
}
