/* ----------------------------------------------- MarriageToday Styles - Interior Author: Brenton Evans Version: 30 July 2006 CSS Organization Credit: Douglas Bowman ----------------------------------------------- */ body { padding:0; margin:0; background-color:#ECECEC; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:15px; color:#666; height:100%; } img { border: 0; display:block; } .appArea { width: 500px; background-color:#fff; } /* MISC: =Links ----------------------------------------------- */ a, a:link, a:visited {color: #666; text-decoration: underline;} a:hover {color: #666; text-decoration: none;} a:active {color: #000;} /* =Header ----------------------------------------------- */ #container {width:100%; height:100%; margin: 0px auto; text-align:center;} #containerWhite {width:100%; height:100%; background-color:#fff; margin-right:auto; margin-left:auto; text-align:center; margin-top:0px;} #can {background: #ececec url(../imagesint/store/bg_green.gif) repeat-y fixed 50% 0; position:relative; width:718px; margin: 0px auto; padding:0;} #canHome {background: #ececec url(../imagesint/store/bg_black.gif) repeat-y fixed 50% 0; position:relative; width:718px; margin: 0px auto; padding:0;} #header {position:relative; background-color: #333; margin: 0px auto; padding: 0px; width: 700px; border:0px} #header .left {float:left; background-color: #333; margin: 0px auto; padding: 0px; width: 525px; border:0px;} #header .right {float:left; background-color: #333; margin: 0px auto; padding: 0px; width: 175px; border:0px;} #logo {clear:both; position:relative; height: 210px; margin: 0; border-bottom:1px solid #333;} .homeWelcome {font-size: 10px; color:#fff; margin: 0px auto; padding: 13 0 0 13; text-align: left;} .homeWelcome a, #homeWelcome a:link, #homeWelcome a:visited {text-decoration: underline; color: #fff; font-size: 10px; width: auto;} .homeWelcome a:hover {text-decoration: none;} /* =Structure: ----------------------------------------------- */ /* Fix Mozillabug bug */ html {min-width: 718px;} /* Overcome stupid 3px margin bug in IE/Win floats, which fixes a lot of things, including disapearing company nav, randomly appearing text, and wrappers pushed too wide. http://www.positioniseverything.net/explorer/threepxtest.html ----------------------------------------------- */ * html #container {margin-right:-3px;} /* Structure: =Content ----------------------------------------------- */ #mainContent {clear:both; position:relative; width:700px; margin-right:9px; margin-left:9px; padding:0; border-bottom: 0px solid #fff; text-align:left;} /* MISC: =Headings ----------------------------------------------- */ h1 {font:11px/18px Verdana, Arial; color: #4387BC; margin:0; padding:0; font-weight: bold} h2 {font:11px/14px Verdana, Arial; color: #4387BC; margin:0; padding:0; font-weight: bold} h3 {font:18px/14px Verdana, Arial; color: #4387BC; margin:0; padding: 7px 0 0 10px; font-weight: none;} /* =Header ----------------------------------------------- */ #hdrLogin {clear:both; background:transparent; margin:0; padding:65px 10px 5px 400px; height:14px; border:0; text-align:right; font-size:10px; color:#fff;} #hdrLogin a, #hdrLogin a:link, #hdrLogin a:visited {text-decoration:underline; color:#fff; font-size:10px; width:auto;} #hdrLogin a:hover {text-decoration: none;} #logo {position:relative; background: url(../imagesint/store/head.jpg) top left no-repeat; height: 88px; margin:0; border:0;} #navCanStoreSearch {background-color: #fff; clear:both; position:relative; width:700px; height:26px; margin:0px auto; padding:0; border:0;} /* =Nav ----------------------------------------------- */ #navCanStore {background-color: #transparent; clear:both; position:relative; width:700px; margin:0px auto; padding:0; border:0; text-align:left;} div#navstore {background:#ededed; float:left; height:26px; width:700px; margin:0 0 0 0; padding:0; border:0;} div#navstore ul#menustore {background:transparent url(../images/storenav041808.gif) top left no-repeat; height:26px; width:573px; margin:0; padding:0; position: relative;} div#navstore ul#menustore li {position:absolute; margin: 0; padding: 0; top:0; list-style: none;} ul#menustore li, ul#menustore a {height: 26px; display: block;} div#navstore ul#menustore li a {text-indent: -9999px; text-decoration: none;} #mthome-nav {left: 0; width: 132px;} #books {left: 132px; width: 40px;} #cds {left: 172px; width: 27px;} #dvds {left: 199px; width: 33px;} #mp3s {left: 232px; width: 35px;} #specialoffers {left: 267px; width: 79px;} #onsale {left: 346px; width: 46px;} #donations {left: 392px; width: 63px;} #discounts {left: 455px; width: 61px;} #mthome-nav a:hover {background: transparent url(../images/storenav041808.gif) 0 -26px no-repeat;} #books a:hover {background: transparent url(../images/storenav041808.gif) -132px -26px no-repeat;} #cds a:hover {background: transparent url(../images/storenav041808.gif) -172px -26px no-repeat;} #dvds a:hover {background: transparent url(../images/storenav041808.gif) -199px -26px no-repeat;} #mp3s a:hover {background: transparent url(../images/storenav041808.gif) -232px -26px no-repeat;} #specialoffers a:hover {background: transparent url(../images/storenav041808.gif) -267px -26px no-repeat;} #onsale a:hover {background: transparent url(../images/storenav041808.gif) -346px -26px no-repeat;} #donations a:hover {background: transparent url(../images/storenav041808.gif) -392px -26px no-repeat;} #discounts a:hover {background: transparent url(../images/storenav041808.gif) -455px -26px no-repeat;} /* =Forms ----------------------------------------------- */ #formContact {background-color:#ededed; position:relative; width:435px; margin:0 0 10px 0; padding:7px 0 10px 0; border:1px dotted #999} #formContact .form p {margin:0 auto; padding:0;} /* =Structure ----------------------------------------------- */ #coreContent {background-color:#fff; float:right; display:block; width:465px; margin:0; padding:0; border-right:1px solid #fff;} .coreContent p {padding: 5px 15px 2px 13px; line-height: 14px;} .tallContent p {padding: 2px 15px 0 13px; line-height: 18px;} /* Structure: =Left Side Bar ----------------------------------------------- */ #leftBar {float: left; margin: 0px auto; padding: 10px 0 20px 0; width: 234px; border-top: 1px solid #ccc; border: 0px;} #specialOffer {float: left; margin: 0px auto; padding: 0 0 15px 0; width: 234px; border: 0px;} #specialOffer p {margin: 0; padding: 0px 10px 5px 15px; line-height: 14px;} #shelfShell {float: left; margin: 0px auto; padding-left: 13px; width: 206px;} #shelf1 {margin:0px auto; padding:0px; width:204px; border-left:1px solid #79B6E0; border-right:1px solid #79B6E0;} #shelf1 p {margin: 0px; padding: 3px 5px 10px 11px; line-height: 16px; width:204px;} #shelf2 {margin:0px auto; padding:0px; width:204px; border-left:1px solid #D3D3D3; border-right:1px solid #D3D3D3;} #shelf2 p {margin: 0px; padding: 7px 5px 10px 11px; line-height: 16px; width:204px;} #shelf3 {margin:0; padding:0; width:204px; border-left:1px solid #E5E5E5; border-right:1px solid #E5E5E5;} #shelf3 p {overflow:auto; margin:0; padding: 7px 5px 2px 11px; line-height:16px; width:204px;} /* =Subnav ----------------------------------------------- */ #subnav {clear:both; position:relative; background-color:#CDE4F4; width:700px; height:26px; margin:0px auto; padding:0px;} #subnav .subleft {float:left; margin:0px auto; width:500px; padding:0px; background:transparent;} #subnav .subleft p {margin:0px auto; padding:5px 5px 5px 13px; background:transparent;} #subnav .loginright {float:right; margin:0px auto; width:200px; background:transparent;} #subnav a, #subnav a:link, #subnav a:visited {text-decoration:none; color: #333; font-size: 11px;} #subnav a:hover {text-decoration:underline; color: #333;} #subnavNot {clear:both; position:relative; width:700px; height:26px; margin:0px auto; padding:0px;} /* LINKS: =Login Button Top ----------------------------------------------- */ #loginTopSub {position:relative; width:200px; height:26px; margin:0px auto; padding:0px;} #loginTopSub p {margin:0px auto; padding-left:0px;} #loginTopSub a {background: transparent url(../imagesint/login_blue.gif) top left no-repeat; display:block; width:200px; height:26px;} #loginTopSub a:hover, #loginTopSub a:active {background: transparent url(../imagesint/login_blue.gif) 0px -25px no-repeat;} #loginNotSub {position:relative; width:200px; height:26px; margin:0px auto; padding:0px;} /* LINKS: =Login Button Top ----------------------------------------------- */ #loginTop {clear:both; position:relative; width:700px; height:26px; margin:0; padding:0;} #loginTop p {margin:0; padding-left:500px;} #loginTop a {display:block; width:200px; height:26px; background: transparent url(../imagesint/login.gif) top left no-repeat;} #loginTop a:hover, #loginTop a:active {background: transparent url(../imagesint/login.gif) 0px -25px no-repeat;} #loginNot {clear:both; position:relative; width:700px; height:26px; margin:0; padding:0;} /*STORE: =Product Detail Page ----------------------------------------------- */ table.productDetail p {font-size:12px; color:#666; line-height:18px;} table.productDetail h1 {font-size:14px; color:#000;} td.productDetail {padding:7px 13px;} /* =Footer ----------------------------------------------- */ .footer {font-size: 11px; line-height: 18px; color: #999;} .footer_white {color: #fff} #footer {clear:both; position:relative; background-color:#333; width:700px; margin:0px auto; padding:0px; border:0px; text-align: left;} #footer p {width:670px; margin:0px auto; padding:10px 10px 5px 20px; border:0px; text-align: left;} #footer a, #footer a:link, #footer a:visited {text-decoration: underline; color: #999; font-size: 11px;} #footer a:hover {text-decoration: none; color: #fff;} #btmCap {clear:both; position:relative; background: url(../imagesint/btm_footer.gif) 0 0 no-repeat; width:718px; height:40px; margin:0px auto; padding:0px; border:0px;}