/* @override http://walmartwatch.com/styles/print */

html, body {margin: 0; padding: 0; text-align: center; }
html {height: 100%; margin-bottom: 1px;} /* force scrollbars on short pages*/

#contentContainer {text-align: left; margin: 0 auto; padding: 0 10px; width: 740px; }
#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) */
}

.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.bodyRightCol #contentContainer {
	background: url(http://action.walmartwatch.com/page/smartproxy/walmartwatch.com/img/bg-onecol.jpg) repeat-y;
}
body.bodyRightCol #content {width: 740px; border-bottom: 1px solid #EBEBEB;}
body.bodyRightCol #sidebar {display: none;}
body.bodyRightCol #contentWrap {}

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

/* 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;
	display: none;
}


#topNav {width: 100%; text-align: center; background: #6C8BB3; padding: 5px 0 0px 0; margin: 0 0 0px 0; position: relative; z-index: 500;
	display: none;
}


#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;
	display: none;
}
.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; display: none; }

.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;}


/* 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;}


/* 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;}