/*********************************************** POPUP STYLES ********************************************/

* {margin:0px; padding:0px;}
html {margin:0px; padding:0px; height:100%;}
body {margin:0px; padding:0px; height:100%; font-size:11px; font-family: Tahoma, Arial, Verdana; background-color: #fff;}

img {border:0px;}
ul, li {margin:0px; padding:0px;}
p {margin:0px; padding:0px; font-family: Tahoma, Arial, Verdana; font-size:11px;}
a {margin:0px; padding:0px; font-family: Tahoma, Arial, Verdana; font-size:11px;}
fieldset {border:0px; margin:0px; padding:0px;}
input, select, textarea {font-family: Tahoma, Arial, Verdana; font-size: 11px; }

.clear {clear:both;} 
.clear0 {height:0px; line-height:0px; clear:both;}
.clear5 {height:5px; line-height:5px; clear:both;}
.clear10 {height:10px; line-height:10px; clear:both;}
.clear15 {height:15px; line-height:15px; clear:both;}
.clear20 {height:20px; line-height:20px; clear:both;}

.marginRight40 {margin-right: 40px;}
.indent14 {text-indent: 14px;} 

h1.headerBar520 {position:relative; width:520px; height:25px; margin:0px; padding:0px; background: url(../img/popups/headerBar520.gif) no-repeat; color: #fff; font-size: 11px; font-weight: bold; line-height: 21px;} 
h1.headerBar494 {position:relative; width:494px; height:25px; margin:0px; padding:0px; background: url(../img/popups/headerBar494.gif) no-repeat; color: #fff; font-size: 11px; font-weight: bold; line-height: 21px;} 
h1.headerBar406 {position:relative; width:406px; height:25px; margin:0px; padding:0px; background: url(../img/popups/headerBar406.gif) no-repeat; color: #fff; font-size: 11px; font-weight: bold; line-height: 21px;}

.shadow520 {position:relative; width:520px; margin:0px; padding:0px; background: url(../img/popups/shadow520.gif) no-repeat top;}
.shadow494 {position:relative; width:494px; margin:0px; padding:0px; background: url(../img/popups/shadow494.gif) no-repeat top;}
.shadow406 {position:relative; width:406px; margin:0px; padding:0px; background: url(../img/popups/shadow406.gif) no-repeat top;}

.shadowReverse520 {position:relative; width:520px; margin:0px; padding:0px; background: url(../img/popups/shadowReverse520.gif) no-repeat bottom;}
.shadowReverse406 {position:relative; width:406px; margin:0px; padding:0px; background: url(../img/popups/shadowReverse406.gif) no-repeat bottom;}

.dots494 {position:relative; width:494px; height:1px; margin:0px; padding:0px; background: url(../img/popups/dots494.gif) no-repeat;}

 /************************ BUTTONS ********************************/

.buttonText {display:block;color:#fff; font-weight:bold; text-indent:10px; font-size:11px; text-decoration: none;}

/** EXPANDABLE BUTTON TYPES **/
.buttonOrange {display:block; position:relative;background:url(../img/buttons/buttonLeft.gif) no-repeat left 0px;}
.buttonOrange:hover {background-position: left bottom;}
.buttonOrange a {display:block; position:relative; background:url(../img/buttons/buttonRight.gif) no-repeat right 0px; font-size:11px; font-weight: bold; color: #fff; text-decoration:none; padding:5px 29px 7px 10px;}
.buttonOrange:hover a {background-position: right bottom;}

.buttonRed {display:block; position:relative;background:url(../img/buttons/buttonLeftRed.gif) no-repeat left 0px;}
.buttonRed:hover {background-position: left bottom;}
.buttonRed a {display:block; position:relative; background:url(../img/buttons/buttonRightRed.gif) no-repeat right 0px; font-size:11px; font-weight: bold; color: #fff; text-decoration:none; padding:5px 29px 7px 10px;}
.buttonRed:hover a {background-position: right bottom;}

/** BUTTON POSITIONS **/
div.closeWindowButton {position: absolute; top:20px; right:20px;}
div.productInfoButton {width:200px; margin: 0px auto 10px auto;}
div.forgotPassButton {float: left; display: inline; margin-left: 15px; margin-top: -3px;} 
div.emailFriendButton {float: right; display: inline; margin: 10px 64px 0 0;}  
div.priceMatchButton {float: right; display: inline; margin: 10px 140px 0 0;} 

 
.closeWindowButtonGrey {position: absolute; top:22px; right:20px; width: 114px;}
.closeWindowButtonGrey a {line-height:23px; font-weight:bold; font-size:11px; text-decoration:none; color:#fff; display:block; text-indent:10px; width:114px; height:25px; background:url(../img/buttons/closeWindowButtonGrey.gif) no-repeat top;}
.closeWindowButtonGrey a:hover {background:url(../img/buttons/closeWindowButtonGrey.gif) no-repeat bottom; color:#fff; text-decoration:none;}

 /***************************************/
 
#popContainer {width:540px; height:100%; margin:0px; padding:0px;}
#popContainer2 {width:453px; height:100%; margin:0px; padding:0px;}
#popContainer3 {width:560px; height:100%; margin:0px; padding:0px;}
#popHeader {position:relative; width:100%px; height:131px; margin:0px; padding:0px; background: url(../img/popups/headerBg.gif) repeat-x;}
#popHeader .logoPlaceholder {position:absolute; top: 2px; left: 23px; width:124px; height:124px; margin:0; padding:0; z-index: 10;}
#popHeader2, #popHeader3 {position:relative; width:100%px; height:93px; margin:0px; padding:0px; background: url(../img/popups/header2Bg.gif) repeat-x;}
#popHeader2 .logoPlaceholder, #popHeader3 .logoPlaceholder  {position:absolute; top: 5px; left: 17px; width:89px; height:89px; margin:0; padding:0; z-index: 10;}

#popContent {width:494px; margin: 13px 0 15px 23px; padding:0px;}
#popContent2 {width:406px; margin: 13px 0 15px 23px; padding:0px;}
#popContent3 {width:520px; margin: 13px 0 15px 20px; padding:0px;}
.productPopContainer {position: relative; width:494px; margin: 0px; padding:25px 0 0 0;}
.imagePlaceholder1 {width:292px; height:45px; margin-bottom: 5px; padding:0px; float: right; display: inline;}
.imagePlaceholder2 {width:400px; height:265px; margin: 0 auto 25px auto; padding:0px;}

.pageDescription {position: relative;width: 494px;margin: 10px 0 0px 0;}
.pageDescription h2 {color: #4f4f4f;font-size: 11px;font-weight: bold;margin: 0 0 5px 0;}
.pageDescription p {color: #666666;font-size: 11px;font-weight: normal;line-height: 14px;margin: 0 0 10px 0;}

#footer {position: relative; width:100%; height:90px; margin:0px; padding:0px; background: url(../img/footer/footerBg.gif) repeat-x;}
.footerNav {position: relative; top: 28px; left: 0px; margin:0 auto; padding:0px; width: 405px; height:15px;}
.footerNav ul {margin:0 0 0 0; padding:0px; width: 405px; height:15px; }
.footerNav ul li {float:left; display:inline; /*margin:0px;*/ padding:0 0 0 10px; line-height:15px; height:15px; background: url(../img/footer/footerBullet.gif) no-repeat left center;}
.footerNav ul li a {float:left; display:inline; padding:0; margin: 0; text-decoration:none; color:#fff; font-size: 11px; font-weight: normal; line-height:15px; height:15px; font-family: Tahoma, Arial, Verdana;}
.footerNav ul li a:hover {text-decoration: underline;}
#footer p {width: 100%; text-align: center; margin: 0; padding: 0; color: #747577; position: relative; top: 43px;}
#footer p a {color: #747577; text-decoration: underline;}
#footer p a:hover {text-decoration: none;}

.catLinksTop {position:relative; width:494px; height:5px; margin:0px; padding:0px; background: url(../img/popups/catLinksTop.gif) no-repeat;}
.catLinksBg {position:relative; width:494px; margin:0px; padding:0px; background: url(../img/popups/catLinksBg.gif) repeat-x; background-color: #344965; text-align: center;}
.catLinksBottom {position:relative; width:494px; height:5px; margin:0px; padding:0px; background: url(../img/popups/catLinksBottom.gif) no-repeat;}
.catLinksBg .topRow {position: relative; margin:0; padding:0px; width:494px; height:17px; line-height: 10px; background: url(../img/popups/mixedDots494.gif) no-repeat bottom;} 
.catLinksBg .row {position: relative; margin:0; padding:0px; width:494px; height:22px; line-height: 19px; background: url(../img/popups/mixedDots494.gif) no-repeat bottom;} 
.catLinksBg .bottomRow {position: relative; margin:0; padding:0px; width:494px; height:15px; line-height: 18px;} 
.catLinksBg a {margin: 0 4px; padding:0; text-decoration:none; color:#fff; font-size: 11px;}
.catLinksBg a:hover {text-decoration: underline; color: #fff; /*background: url(../img/popups/catLinksRollover.gif) repeat-x;*/}

.forgotPassContainer {position: relative; width:406px; margin: 0px; padding:25px 0 0 0;}
.forgotPassContent {position:relative; width:406px; height: 50px; margin:0; padding:0px 0 25px 0;}
.forgotPassContent p {margin-left: 10px; padding:0px; color: #4f4f4f; font-size: 11px; font-weight: normal;}
.forgotPassContent fieldset {margin-top: 15px; padding:0px; position: relative;}
.forgotPassContent label {margin: 3px 10px 0 10px; padding:0px; color: #333333; font-size: 11px; font-weight: bold; float: left; display: inline;} 
.forgotPassContent input {color: #4f4f4f; border: 1px solid #969696; width: 195px; margin: 0; padding: 2px 0 2px 4px; font-size: 11px; font-weight: normal; float: left; display: inline;}

.forgotPassThanks {position:relative; width:406px; height: 50px; margin:0; padding:0px 0 25px 0; text-align: center;}
.forgotPassThanks img {margin: 5px 0 10px 0;}
.forgotPassThanks p {margin: 0px; padding:0px; color: #4f4f4f; font-size: 11px; font-weight: bold;}

.emailFriendContainer {position: relative; width:406px; margin: 0px; padding:25px 0 0 0;}
.emailFriendContent {position:relative; width:406px; margin:0; padding:0px 0 25px 0;}
.emailFriendContent p {margin: 0 35px; padding:0px; color: #4f4f4f; font-size: 11px; font-weight: normal;}
.emailFriendContent fieldset {margin-top: 15px; padding:0px; position: relative;}
.emailFriendField label {margin: 3px 10px 0 0; padding:0px; color: #333333; font-size: 11px; font-weight: bold; float: left; display: inline; width: 131px; text-align: right;} 
.emailFriendField input {color: #4f4f4f; border: 1px solid #969696; width: 195px; margin-bottom: 15px; padding: 2px 0 2px 4px; font-size: 11px; font-weight: normal; float: left; display: inline;}
.emailFriendContent textarea {color: #4f4f4f; border: 1px solid #969696; width: 191px; height: 75px; margin: 0; padding: 2px 4px; font-size: 11px; font-weight: normal; float: left; display: inline;}
.emailFriendContent span.star {color: #ff0000;}
.emailFriendContent p.required {float: left; display: inline; margin: 15px 0 0 51px;}

.emailFriendContent .fieldError label {color: #ff0000;}
.emailFriendContent .fieldError input {border: 1px solid #ff0000;}
.requiredField {background: url(../img/icons/iconErrorTrans.gif) no-repeat left center; color:#ff0000; font-weight: normal; margin: -8px 0 15px 141px; float: left; display: inline; width: 200px; text-indent: 20px; padding: 0;}

.emailFriendResponse {position:relative; width:406px; height: 293px; margin:0; padding:0px 0 25px 0; text-align: center;}
.emailFriendResponse img {position: relative; margin: 100px 0 20px 0;}
.emailFriendResponse p {position: relative; margin: 0; color: #000; font-size: 11px; font-weight: bold; width: 406px; text-align: center;}

.securityCodeContainer {position: relative; width:406px; margin: 0px; padding:25px 0 0 0;}
.securityCodeContent {position:relative; width:406px; margin:0; padding:0px 0 25px 0;}
.securityCodeContent p {color: #000; font-size: 11px; font-weight: normal; margin: 0 10px 20px 10px; line-height: 14px;}
.securityCodeContent img {position: relative; margin: 0 0 10px 10px; padding:0;}
.securityCodeContent p.securityCodeNum {position: absolute; top: 96px; left: 222px; color: #4f4f4f; font-weight: bold;}

.priceMatchContainer {position: relative; width:520px; margin: 0px; padding:25px 0 10px 0;}
.priceMatchContent {position:relative; width:520px; margin:0; padding:0px 0 25px 0;}
.priceMatchContent img {position: absolute; top: 10px; right: 0px;}
.priceMatchContent p {margin: 0 0 10px 14px; padding:0px; color: #7d7f80; font-size: 11px; font-weight: normal; width: 335px; line-height: 14px;}
.priceMatchContent fieldset {margin: 20px 0 0 14px; padding:0px; position: relative;}
.priceMatchContent h2 {margin-bottom: 10px; color: #333; font-size: 11px; font-weight: bold;}
.priceMatchField label, .priceMatchField2 label {margin: 3px 10px 0 0; padding:0px; color: #333333; font-size: 11px; font-weight: normal; float: left; display: inline; width: 155px;} 
.priceMatchField input {color: #4f4f4f; border: 1px solid #7f9db9; width: 195px; margin-bottom: 5px; padding: 2px 0 2px 4px; font-size: 11px; font-weight: normal; float: left; display: inline;}
.priceMatchField2 input {color: #4f4f4f; border: 1px solid #7f9db9; width: 195px; margin: 5px 0; padding: 2px 0 2px 4px; font-size: 11px; font-weight: normal; float: left; display: inline;}
.priceMatchField select {color: #4f4f4f; border: 1px solid #7f9db9; width: 201px; margin-bottom: 5px; padding: 2px 0 2px 4px; font-size: 11px; font-weight: normal; float: left; display: inline;}
.priceMatchField textarea {color: #4f4f4f; border: 1px solid #969696; width: 191px; margin-bottom: 5px; height: 75px; margin: 0; padding: 2px 4px; font-size: 11px; font-weight: normal; float: left; display: inline;}
.priceMatchContent span.star {color: #ff0000;}
.priceMatchContent p.required {margin: 0 0 20px 0; color: #333; font-size: 11px; font-weight: normal;}
.priceMatchContent .responseContent {position:relative; width:361px; height: 295px; margin:0; padding:0; text-align: center;}
.priceMatchContent .responseContent img {position: relative; margin: 90px 0 30px 0;}
.priceMatchContent .responseContent p {position: relative; margin: 0 auto; color: #000; font-size: 11px; font-weight: bold; line-height: 14px; width: 341px; text-align: center;}

/************************************************* BUYING GUIDES COMPARISON TABLES *************************************************/

#comparisonPopContainer {width:1180px; height:auto; margin:0px; padding:0px;}
#comparisonPopContainer2 {width:1620px; height:auto; margin:0px; padding:0px;}

#comparisonPopContent {margin: 0px 20px 0px 20px; padding: 10px 0 20px 0; width: 1140px;}
#comparisonPopContent2 {margin: 0px 20px 0px 20px; padding: 10px 0 20px 0; width: 1580px;}

.comparisonChartKey {position: relative; margin: 0 0 15px 10px; padding: 0;}
.comparisonChartKey h2 {margin: 0 0 10px 0; color: #000; font-size: 11px; font-weight: bold;}
.comparisonChartKey p {float: left; display: inline; margin: 0 35px 0 0; color: #000; font-size: 11px; font-weight: normal; padding-left: 20px;}
.comparisonChartKey p.yes {background: url(../img/buyingGuides/iconYesWhite.gif) no-repeat left center; height: 24px;}
.comparisonChartKey p.partly {background: url(../img/buyingGuides/iconPartlyWhite.gif) no-repeat left center; height: 22px;}
.comparisonChartKey p.no {background: url(../img/buyingGuides/iconNoWhite.gif) no-repeat left center; height: 23px;}
.comparisonChartKey p.optional {background: url(../img/buyingGuides/iconOptionalWhite.gif) no-repeat left center; height: 22px;}

table.comparisonChart {font-size: 11px; border-collapse: collapse; padding: 0; margin: 0 auto;}
table.comparisonChart a, table.comparisonChart a:link, table.comparisonChart a:active, table.comparisonChart a:visited {color: #3399cc; text-decoration: underline;}
table.comparisonChart a:hover {text-decoration: none;}

table.comparisonChart th {padding: 0; text-align: center; color: #fff; height: 30px;}

table.comparisonChart tr.headerTopRow th {background: url(../img/buyingGuides/tableHeaderSliceT.gif) repeat-x left top;}
table.comparisonChart tr.headerBottomRow th {background: url(../img/buyingGuides/tableHeaderSliceB.gif) repeat-x left bottom;}

table.comparisonChart tr.headerTopRow th.headerLeft {background: url(../img/buyingGuides/tableHeaderLT.gif) no-repeat left top; text-align: left; padding: 0 12px;}
table.comparisonChart tr.headerTopRow th.headerRight {background: url(../img/buyingGuides/tableHeaderRT.gif) no-repeat right top;}
table.comparisonChart tr.headerBottomRow th.headerLeft {background: url(../img/buyingGuides/tableHeaderLB.gif) no-repeat left bottom; text-align: left; padding: 0 12px;}
table.comparisonChart tr.headerBottomRow th.headerRight {background: url(../img/buyingGuides/tableHeaderRB.gif) no-repeat right bottom;}

table.comparisonChart th .headerSep {background: url(../img/buyingGuides/tableHeaderSep.gif) no-repeat left center; height: 30px; line-height: 29px; padding: 0 12px;}
table.comparisonChart th .headerSep.double {line-height: 13px; padding-top: 0px;}

table.comparisonChart th .headerSep.embeddedTech {line-height: 13px; padding-top: 4px; height: 26px;}
table.comparisonChart th .headerSep.techDrivenSols {line-height: 13px; padding-top: 4px; width: 100px; height: 26px;}
table.comparisonChart th .headerSep.rdAngelCompact {line-height: 13px; padding-top: 0px; width: 65px;}
table.comparisonChart th .headerSep.rdAngel2 {line-height: 13px; padding-top: 0px; width: 60px;}
table.comparisonChart th .headerSep.rdAngelPlus {line-height: 13px; padding-top: 0px; width: 60px;}
table.comparisonChart th .headerSep.rdAngelNav {line-height: 13px; padding-top: 0px; width: 65px;}

table.comparisonChart td.cellLeft {border-left: none; background: url(../img/buyingGuides/borderBg.gif) repeat-y left; text-align: left; width: 90px; font-weight: bold; padding: 5px 12px;}
table.comparisonChart td.cellRight {background: url(../img/buyingGuides/borderBg.gif) repeat-y right;}

table.comparisonChart td.cellRightBlue {background: #d8effb url(../img/buyingGuides/borderBg.gif) repeat-y right; border-left: none;}
table.comparisonChart td.cellLeftBlue {border-left: none; background: #d8effb url(../img/buyingGuides/borderBg.gif) repeat-y left; text-align: left; text-transform: uppercase; font-weight: bold; color: #000;}

table.comparisonChart td {padding: 5px; text-align: center; border-left: 1px solid #b9b9ba; border-bottom: 1px solid #b9b9ba; color: #000;}

table.comparisonChart tr.firstContentRow td {background: url(../img/buyingGuides/shadowBg.gif) repeat-x left top;}
table.comparisonChart tr.firstContentRow td.cellLeft {background: url(../img/buyingGuides/shadowBgLeft.gif) no-repeat left top;}
table.comparisonChart tr.firstContentRow td.cellRight {background: url(../img/buyingGuides/shadowBgRight.gif) no-repeat right top;}

table.comparisonChart tr.greyBg td {background-color: #f3f3f4;}