html, body {margin: 0; padding: 0; text-align: center; background: #E3E6EB url(http://action.walmartwatch.com/page/smartproxy/walmartwatch.com/img/body-bg.jpg) repeat-x;}
html {height: 100%; margin-bottom: 1px;} /* force scrollbars on short pages*/

#contentContainer {text-align: left; margin: 0 auto; padding: 0 10px; width: 740px; background: #fff url(http://action.walmartwatch.com/page/smartproxy/walmartwatch.com/img/bg.jpg) repeat-y;}
#content {width: 510px; float: left; padding: 0; margin: 0 10px 0 0; border-top: 1px solid #EBEBEB;}

* html #contentContainer   /* this selector recognized by IE only */
{
  width: 760px;   /* total width (only for IE5.x/Win) */
  w\idth: 740px;  /* content width (for other IE) */
}

#sidebar {width: 220px; float: right; padding: 0; margin: 0; border-top: 1px solid #EBEBEB;}

.whitespace {margin: 0; padding: 0; width: 740px; height: 10px; clear: both; background: #fff; z-index: 1;}
#whitespaceBottom {background: #fff url(http://action.walmartwatch.com/page/smartproxy/walmartwatch.com/img/whitespace.gif) no-repeat top center;}

body.bodyOneCol #contentContainer {background-image: url(http://action.walmartwatch.com/page/smartproxy/walmartwatch.com/img/bg-onecol.jpg);}
body.bodyOneCol #content {width: 740px; border-bottom: 1px solid #EBEBEB;}
body.bodyOneCol #sidebar {display: none;}

body.bodyHome #contentContainer {background-image: url(http://action.walmartwatch.com/page/smartproxy/walmartwatch.com/img/bg-hom.jpg);}
body.bodyHome #contentWrap {background: #fff url(http://action.walmartwatch.com/page/smartproxy/walmartwatch.com/img/bg-home.jpg) repeat-y -10px 0; border-bottom: 1px solid #EBEBEB;}
body.bodyHome #content {width: 365px; border-color: #EBEBEB}
body.bodyHome #sidebar {width: 365px; border-color: #EBEBEB}
body.bodyHome #whitespaceBottom {background: #fff url(http://action.walmartwatch.com/page/smartproxy/walmartwatch.com/img/whitespace-home.gif) no-repeat top center;}

body.bodyRightCol #contentWrap {}
body.bodyRightCol #contentContainer {background: #fff url(http://action.walmartwatch.com/page/smartproxy/walmartwatch.com/img/bg-twocol.jpg) repeat-y;}

#footerWrap {margin: 0 auto; padding: 0; width: 760px;}
#footer {padding: 10px; text-align: center;}

/* HEADER
----------------------------------------------- */
#header {text-align: left; position: relative; width: 760px; margin: 0 auto 10px auto; padding: 20px 0 0 0;}

#quickSignup {position: absolute; top: 10px; left: 350px; font-size: 10px;}
#quickSignup p {margin-bottom: 4px;}
#quickSignup form {margin: 0; padding: 0;}
#quickSignup form p {margin-bottom: 2px;}
#quickSignup input {font-size: 10px;}

/* OLD CODE
#topNav {width: 100%; text-align: center; background: #6C8BB3; padding: 5px 0; margin: 0 0 0px 0; position: relative; }
#topNav ul { padding: 0; }
#topNav ul li { display: inline; }
#topNav ul {margin: 0; padding: 0; font-size: 12px;  font-weight: bold;}
#topNav ul li a {padding: 2px 4px; color: #fff; text-decoration: none; text-transform: uppercase; margin: 0 4px;}
#topNav ul li a:hover {background-color: #405A7D; color: #fff; text-decoration: none;}
*/

#topNav {width: 100%; text-align: center; background: #6C8BB3; padding: 5px 0 0px 0; margin: 0 0 0px 0; position: relative; z-index: 500; }
#topNav ul {margin: 0; padding: 0 0 5px 0; font-size: 12px; font-weight: bold;}
#topNav ul li {display: inline;} /* line-height: 14px;*/
#topNav ul li a {padding: 0 2px; color: #fff; text-decoration: none; text-transform: uppercase; margin: 3px 3px; font-weight: normal;}
#topNav ul li a:hover {background-color: #405A7D; color: #fff; text-decoration: none;}


/* 
Son of Suckerfish dropdowns:
http://www.htmldog.com/articles/suckerfish/dropdowns/
*/

#topNav ul {}
#topNav ul li {position: relative;}
#topNav ul li a {}

/* second-level lists */
#topNav ul li ul {position: absolute; top: 12px; left: 2px; width: 170px; list-style: none; clear: both; z-index: 100000; display: none; border-top: 7px solid #6C8BB3; text-align: left;}
#topNav li ul li, #topNav li ul li a {background-image: none !important; clear: both; display: block; margin: 0;}
#topNav li ul li a {heigh: 16px; width: 160px; padding: 4px 2px 4px 6px; text-indent: 0 !important; font-size: 10px; background: #E3E6EB; line-height: 1.2em; z-index: 11100;
  border-bottom: 1px solid #405A7D; border-left: 1px solid #405A7D; border-right: 1px solid #405A7D; color: #405A7D; text-decoration: none;}
/*#topNav li ul li a span {padding: .4em 1em}*/
#topNav li ul li a:hover {background: #405A7D; color: #fff;}

 /* lists nested under hovered list items */
#topNav li:hover ul, #topNav li.sfhover ul {display: block; z-index: 11200;}


#topSearch {position: absolute; width: 200px; top: 24px; left: 540px; z-index: 10000; background: #6C8BB3; color: #fff; height: 24px;}
#topSearch form {text-align: center;}
#topSearch  input.txt, #sideSearch input.text {font-size: 10px;}
#topSearch  input.buttonImg, #topSearch  input.buttonImg {vertical-align: top;}


#topQuote, #bottomQuote {margin: 0; padding: 0; width: 740px; background: #fff; clear: both;}
#topQuote p, #bottomQuote p {font-style: italic; margin: 0; padding: 2px; text-align: center;}
#topQuote span, #bottomQuote span {font-size: .9em;}


/* HOMEPAGE
----------------------------------------------- */


/* CONTENT
----------------------------------------------- */
#mainContent {padding: 10px; margin: 0;}
#mainContent h1.title {margin: 0 15px 12px 0;}
#mainContent h2 {background: #6C8BB3; color: #fff; text-align: left; font-size: 11px; padding: 4px; margin: 2px 0; text-transform:uppercase}
#mainContent h3 {border-bottom: 1px solid #DDDDDD; border-top: 1px solid #DDDDDD; font-size: 14px; font-variant: small-caps; padding: 3px 0; background: #F5F5F5; margin: 24px 0 8px 0;}
#mainContent ul {margin-left: 10px; padding-left: 0;}
#mainContent ul li {padding: 0 0 0 8px; list-style-type: none; background: transparent url(http://action.walmartwatch.com/page/smartproxy/walmartwatch.com/img/arrow-blue.gif) no-repeat 0px 6px; margin-left: 0;}

#mainContent #contentFeature2 {background: #405A7D url(http://action.walmartwatch.com/page/smartproxy/walmartwatch.com/img/divider.gif) repeat-y top center; width: 490px; margin: 10px 0; padding-bottom: 10px;}
#mainContent #contentFeature2 div {float: left; width: 225px; margin: 5px 10px; display: inline;}
#mainContent #contentFeature2 div a {color: #fff; font-size: 1.1em; line-height: 1.4em; border-bottom: 1px solid #fff;}

#commentsWrap {margin: 0; padding: 0;}
.comment {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 10px;}


/*Guideline*/
#mainContent .guideline {width: 470px !important;}

#recentContent {margin-bottom: 20px;}
#recentContent h2 a {font-weight: normal; color: #fff; text-decoration: underline;}

.dateContainer {padding: 10px 10px 6px 10px; margin: 0 0 20px 0;}
.date {width: 60px; height: 80px; border: 1px solid #A4B7D0; background: url(http://action.walmartwatch.com/page/smartproxy/walmartwatch.com/img/days/bg.jpg); text-align: center; color: #405A7D; font-size: 24px; float: left;}
.date img {margin-top: 1px;}
.date span {padding-top: 8px; display: block;}
.dateHighlights {margin: 0; padding: 0; width: 405px; float: left;}
.dateHighlights ul {margin: 0 0 0 10px; padding: 0;}
.dateHighlights ul li {padding: 0 0 0 6px; list-style-type: none; background: transparent url(http://action.walmartwatch.com/page/smartproxy/walmartwatch.com/img/arrow-blue.gif) no-repeat 0px 6px; margin: 0 0 4px 0;}
.dateHighlights ul li a {color: #405A7D; font-size: 10px;}
.dateHighlights ul li a:hover {color: #cc3333; text-decoration: none;}

#mainContent #contentClips {margin: 0;}
#mainContent #contentClips h3 {background: #A4B7D0; color: #fff; text-align: left; font-size: 10px; padding: 4px; margin: 0 0 10px 0;}
#mainContent #contentClips a {color: #405A7D; font-size: 10px;}
#mainContent #contentClips a:hover {color: #cc3333; text-decoration: none;}
#mainContent #contentClips ul {margin: 0; padding: 0;}
#mainContent #contentClips li {margin: 4px 10px; padding: 6px 10px 0 10px; list-style-type: none; border-top: 1px solid #A4B7D0; line-height: 1.4em; font-size: 9px; background: none;}
#mainContent #contentClips a.quickLink:hover span {display: block; position: absolute; top: 27px; left: 0; width: 476px;
    border: 1px solid #405A7D; padding: 5px; background-color: #CBD2DC; color: #000; text-align: left; font-weight: normal; text-decoration: none; margin: 0;}

/*To prevent transparency issue in IE*/
#mainContent #contentClips .contentClip {background-color:white !important; width:320px !important; overflow:hidden;}
div.contentClip {background:white !important;}
#mainContent #contentClips {width: 345px; overflow:hidden; height: 250px;}


body#clipsArchive #contentClips {margin: 0;}    
body#clipsArchive #contentClips ul {background: #E2E6EB; margin: 0 0 24px 0; border-top: 1px solid #CBD2DC; border-bottom: 1px solid #A4B7D0;}  
body#clipsArchive #contentClips h3 {background: #CBD2DC; margin-bottom: 0; font-size: 14px; font-weight: bold; font-variant: small-caps; color: #405A7D; border-top: 1px solid #CBD2DC; padding: 2px 10px;} 

#contentClipsSignup {background: #405A7D; padding: 5px 10px; margin: 8px;}
#contentClipsSignup form {margin: 0; padding: 0;}
#contentClipsSignup label {color: #fff; padding-right: 2px;}
#contentClipsSignup input.text {margin-right: 15px; border: 1px solid #89B5D8;}
#contentClipsSignup input.button {width: 100px; background: #cc0000; color: #fff;}

#contentSearch {padding: 10px; border: 1px solid #CBD2DC;}
#contentSearch form {margin: 0;}
#contentSearch p {text-align: left; margin: 0 0 4px 0;}
#contentSearch input.text {font-size: 10px;}
#contentSearch input.buttonImg {vertical-align: top;}

.contentBlockForm {padding: 0; margin: 0;}
.contentBlockForm form {margin: 0; padding: 0;}
.contentBlockForm label {display: block; width: 90px; float: left; text-align: right; padding-right: 10px;}
.contentBlockForm input.text {width: 370px;}
.contentBlockForm input.button {width: 370px;}
.contentBlockForm input.checkbox {margin-right: 8px; border: none; background: none;}
.contentBlockForm textarea {width: 370px;}
.contentBlockForm select {width: 370px;}
.contentBlockForm p {margin-bottom: 6px;}

.editThis {background: #ffff99; border: 1px solid #ffcc00; margin: 0 0 10px 0; padding: 4px; clear: both;}
.editThis a {color: #fdb100}

.postedby {background: #405A7D; border: 1px solid #A4B7D0; color: #fff; margin: 0 0 20px 0; padding: 4px; clear: both;}
.postedby a {color: #CBD2DC}
.postedby a:hover {color: #405A7D; background: #CBD2DC;}

.archives {background: #A4B7D0; border: 1px solid #405A7D; color: #000; margin: 0 0 20px 0; padding: 4px; text-align: center;}
.archives a {color: #fff}
.archives a:hover {color: #fff;}


/* SIDEBAR
----------------------------------------------- */
.sideBlock {margin: 10px 10px 30px 10px;}
.sideBlock h3 {background: #405A7D; color: #fff; text-align: right; font-size: 11px; padding: 4px; margin: 2px 0; text-transform:uppercase} 
.sideBlock ul {padding: 0; margin: 0; font: bold 11px Verdana, sans-serif;}
.sideBlock ul li {list-style: none; margin: 0 0 1px 0; padding: 0; text-align: left; border-top: 1px solid #A4B7D0; border-bottom: 1px solid #A4B7D0;}
.sideBlock ul li a {display: block; width: 188px; padding: 3px 5px; border-left: 1px solid #E2E6EB; border-right: 1px solid #E2E6EB; background: transparent; text-decoration: none;}
.sideBlock ul li a:link {color: #003399;}
.sideBlock ul li a:visited {color: #667;}
.sideBlock ul li a:hover {color: #405A7D; background: #F0F2F5; border-color: #A4B7D0; text-decoration: none;}

#sideRelated {background: #405A7D; margin: -2px 0 20px 0; position: relative; padding-bottom: 10px;}
#sideRelated h3 {padding: 40px 10px 1px 10px;}
#sideRelated ul {margin: 5px 10px;}
#sideRelated ul li {border-color: #fff;}
#sideRelated ul li a:link, #sideRelated ul li a:visited {color: #fff;}
#sideRelated ul li a:hover {color: #405A7D; background: #fff; border-color: #fff; text-decoration: none;}
#sideRelatedArrow {position: absolute; top: 0; right: 2px; z-index: 100;}

#sideLogo {text-align: center; padding-top: 10px;}

#sideFeatures {margin: 0; padding: 0;}
#sideFeatures p {margin: 4px 0; padding: 0; text-align: center;}

#sideSearch form {text-align: center; margin-top: 8px;}
#quickSignup input.txt, #sideSearch input.text {font-size: 10px;}
#quickSignup input.buttonImg, #sideSearch input.buttonImg {vertical-align: top;}

a.button {display: block; margin-bottom: 4px;}
a#buttonBuild {float:left;width:200px;height:60px;background:url(http://action.walmartwatch.com/page/smartproxy/walmartwatch.com/img/buttons/build.gif);}
a#buttonBuild:link {background:url(http://action.walmartwatch.com/page/smartproxy/walmartwatch.com/img/buttons/build.gif)}
a#buttonBuild:visited {background:url(http://action.walmartwatch.com/page/smartproxy/walmartwatch.com/img/buttons/build.gif)}
a#buttonBuild:hover {background:url(http://action.walmartwatch.com/page/smartproxy/walmartwatch.com/img/buttons/build.gif) 0 -60px;}

a#buttonWebmasters {float:left;width:200px;height:60px;background:url(http://action.walmartwatch.com/page/smartproxy/walmartwatch.com/img/buttons/webmasters.gif);}
a#buttonWebmasters:link {background:url(http://action.walmartwatch.com/page/smartproxy/walmartwatch.com/img/buttons/webmasters.gif)}
a#buttonWebmasters:visited {background:url(http://action.walmartwatch.com/page/smartproxy/walmartwatch.com/img/buttons/webmasters.gif)}
a#buttonWebmasters:hover {background:url(http://action.walmartwatch.com/page/smartproxy/walmartwatch.com/img/buttons/webmasters.gif) 0 -60px;}

a#buttonActivists {float:left;width:200px;height:60px;background:url(http://action.walmartwatch.com/page/smartproxy/walmartwatch.com/img/buttons/activists.gif);}
a#buttonActivists:link {background:url(http://action.walmartwatch.com/page/smartproxy/walmartwatch.com/img/buttons/activists.gif)}
a#buttonActivists:visited {background:url(http://action.walmartwatch.com/page/smartproxy/walmartwatch.com/img/buttons/activists.gif)}
a#buttonActivists:hover {background:url(http://action.walmartwatch.com/page/smartproxy/walmartwatch.com/img/buttons/activists.gif) 0 -60px;}

a#buttonTellafriend {float:left;width:200px;height:60px;background:url(http://action.walmartwatch.com/page/smartproxy/walmartwatch.com/img/buttons/tellafriend.gif);}
a#buttonTellafriend:link {background:url(http://action.walmartwatch.com/page/smartproxy/walmartwatch.com/img/buttons/tellafriend.gif)}
a#buttonTellafriend:visited {background:url(http://action.walmartwatch.com/page/smartproxy/walmartwatch.com/img/buttons/tellafriend.gif)}
a#buttonTellafriend:hover {background:url(http://action.walmartwatch.com/page/smartproxy/walmartwatch.com/img/buttons/tellafriend.gif) 0 -60px;}

a#buttonWhistle {float:left;width:200px;height:60px;background:url(http://action.walmartwatch.com/page/smartproxy/walmartwatch.com/img/buttons/whistle.gif);}
a#buttonWhistle:link {background:url(http://action.walmartwatch.com/page/smartproxy/walmartwatch.com/img/buttons/whistle.gif)}
a#buttonWhistle:visited {background:url(http://action.walmartwatch.com/page/smartproxy/walmartwatch.com/img/buttons/whistle.gif)}
a#buttonWhistle:hover {background:url(http://action.walmartwatch.com/page/smartproxy/walmartwatch.com/img/buttons/whistle.gif) 0 -60px;}

/* TYPOGRAPHY
----------------------------------------------- */
/* Created by Owen Briggs, Explanation at: http://www.thenoodleincident.com/tutorials/typography/ */

body {font-family: verdana, arial, helvetica, sans-serif;	color: #000; font-size: 76%;/* font sizing in ems, baby. if you want to change anything, just change this.*/
     /* To see how they look across browsers, go to: http://www.thenoodleincident.com/tutorials/typography/incremental_differences.html */}

a {text-decoration: none; font-weight: bold; color: #405A7D;}
a:link {}
a:visited {color: #6D8CB4;}
a:active {}
a:hover {text-decoration: underline; color: #cc0000;}

a.quickLink {position: relative; z-index: 24;}
a.quickLink:hover {z-index: 125; background-color: transparent;}
a.quickLink span {display: none;}

h1 {font-size: 2.0em; font-weight: normal; margin-top: .5em; margin-bottom: .5em;}
h2 {font-size: 1.7em;	margin-bottom: 1.2em; font-weight: normal;}
h3 {font-size: 1.4em; margin-bottom: 1.2em; font-weight: normal;}
h4 {font-size: 1.1em; margin-bottom: 1.2em; font-weight: bold;}
h5 {font-size: 1.0em; margin-bottom: 1.2em; font-weight: bold;}
h6 {font-size: 0.8em; margin-bottom: 1.2em; font-weight: bold;}

ol, li {font-size: .90em; line-height: 1.4em; margin-top: 0.8em; margin-bottom: 0.4em;}
p {font-size: .90em; line-height: 1.4em; margin-bottom: 1.2em;}
blockquote {font-size: .90em; line-height: 1.4em; margin: 1.2em 3em 1.2em 3em; text-align: justify;}
li > p {margin-top: 0.2em;}
pre {font-family: monospace; font-size: 1.0em;}
strong, b {font-weight: bold;}
td {vertical-align: top;}
pre {clear: both; background-color: #EFF6FE; border: 1px solid #005BB5; text-align: center; margin: 0 10px; padding: 0 5px 5px 5px; font-size: 11px;}

img {border: 0;}
.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}
.floatl {float: left; margin: 0; padding: 0 10px 10px 0;}
.floatr {float: right; margin: 0; padding: 0 0 10px 10px;}
.clear {clear:both; height:0; margin:0; font-size: 1px; line-height: 0;}

/* SIFR
----------------------------------------------- */
/* These are standard sIFR styles... do not modify */
.sIFR-flash {visibility: visible !important;	margin: 0;}
.sIFR-replaced {visibility: visible !important;}
span.sIFR-alternate {position: absolute; left: 0; top: 0;	width: 0;	height: 0;	display: block;	overflow: hidden;}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
h1.title {font-size: 20px; margin-bottom: 6px; font-family: arial; letter-spacing: 1px; color: #405A7D;}

/* And these are customizations */
.sIFR-hasFlash h1.title {visibility: hidden; letter-spacing: 1px; font-size: 20px;}

/* CSS DROP SHADOWS
----------------------------------------------- */

div.shadow {float: left; padding: 0 1px; background: #bfbfbf; border-left: 1px solid #eaeaea; border-right: 1px solid #eaeaea; position: relative;}
div.shadow img {padding: 5px 5px 9px 5px; background: white url(shad_bottom.png) repeat-x bottom left;}
div.shadow div.topleft {width: 2px; height: 4px; background: url(shad_tlcorner.png) no-repeat top left; position: absolute; top: 0px; left: -1px;}
div.shadow div.topright {width: 2px; height: 4px; background: url(shad_trcorner.png) no-repeat top right; position: absolute; top: 0px; right: -1px;}
div.shadow div.bottomleft {width: 4px; height: 4px; background: url(shad_blcorner.png) no-repeat bottom left; position: absolute; bottom: 0px; left: -1px;}
div.shadow div.bottomright {width: 4px; height: 4px; background: url(shad_brcorner.png) no-repeat bottom right; position: absolute; bottom: 0px; right: -1px;}

/* FORM ATTRIBUTES
----------------------------------------------- */
form {margin: 0;}
form p, form label {font-size: 10px; margin: 0; padding: 1px; line-height: 1.2em;}
select {font-size: 10px;}
/*
input, textarea {border: 1px solid #999; color: #666; padding: 2px; font-size: 11px; background: #fff; text-align: left; font-family: "lucida grande", verdana, lucida, arial, helvetica, sans-serif;}
input.txt, input.text {background: #fff url(http://action.walmartwatch.com/page/smartproxy/walmartwatch.com/img/inputs/txt-bg.jpg) bottom repeat-x;}
*/
input.button {cursor: pointer; background: #cc0000; border: solid 1px #89B5D8; color: #fff;}
input.buttonImg {cursor: pointer; border: none; vertical-align: middle; height: 18px; padding: 0;}
label {padding: 0px; font: 11px "lucida grande", verdana, lucida, arial, helvetica, sans-serif; line-height: 1.1em;}

input {vertical-align: middle;}
input, textarea {color: #405A7D; padding: 2px; font-size: 11px; text-align: left; font-family: "lucida grande", verdana, lucida, arial, helvetica, sans-serif;}
input.txt, input.text, textarea {border: 1px solid #6C8BB3; background: #fff;}