/* Titanic - Buy Online CSS */

html { padding:0px; margin:0px; height: 100%; width:100%; }

/* body attributes */
body {margin: 0; padding: 0; text-align:center; font-family: verdana, arial, helvetica, sans-serif; background:#efefef url(/pp/titanic/images/bgPage.gif) center repeat-y;}

/* Page */
#pageholder {padding:0; margin:0 auto; text-align:center; width: 780px;}

/* top nav with flash */
#top {margin:0; padding:0; height:87px; width:780px; background: url(/pp/titanic/images/bgTopNav.jpg) no-repeat; }

/* top nav no flash */
#topnoflash {width:780px; height:87px; margin:0; padding:0;}
#topnoflash ul{margin:0; padding:51px 0 0 0;}

#topnoflash li {list-style: none; display: inline; text-indent:-9999px;}
#topnoflash a {float: left; text-decoration: none;}

#nav1 a {background:  url(/pp/titanic/images/Nav1.jpg) no-repeat; width:119px; padding:0; margin:0; height:36px;}
#nav2 a {background:  url(/pp/titanic/images/Nav2.jpg) no-repeat; width:74px; padding:0; margin:0; height:36px;}
#nav3 a {background:  url(/pp/titanic/images/Nav3.jpg) no-repeat; width:97px; padding:0; margin:0; height:36px;}
#nav4 a {background:  url(/pp/titanic/images/Nav4.jpg) no-repeat; width:200px; padding:0; margin:0; height:36px;}
#nav5 a {background:  url(/pp/titanic/images/Nav5.jpg) no-repeat; width:70px; padding:0; margin:0; height:36px;}
#nav6 a {background:  url(/pp/titanic/images/Nav6.jpg) no-repeat; width:63px; padding:0; margin:0; height:36px;}
#nav7 a {background:  url(/pp/titanic/images/Nav7.jpg) no-repeat; width:90px; padding:0; margin:0; height:36px;}
#nav8 a {background:  url(/pp/titanic/images/Nav8.jpg) no-repeat; width:67px; padding:0; margin:0; height:36px;}

#contentholder {margin:0; padding:0 0 20px 0; width:780px; background: url(/pp/titanic/images/bgContent.gif) repeat-y;}

/* content */
#content {margin:0; padding:0; width:589px; float:left; text-align:left;}
#content h1 {background: url(/pp/titanic/images/H1collections.jpg) no-repeat; margin:0; padding:10px 0px 10px 10px; height:37px; color:#FFFFFF; font-size:80%; font-weight:bold;}
#content h2 {margin:0; padding:10px 10px 0 10px; font-size:80%; color:#CC0000; font-weight:bold;}
#content h3 {margin:0; padding:0 10px 0 10px; font-size:60%; color:#000000; font-weight:normal;}
#content p {margin:0; padding:0 10px 0 10px; font-size:70%; color:#000000; line-height:15px;;}
#content ul {list-style: none; margin: 0; padding: 0; text-indent:0; font-size:70%;}
#content li { font-weight: normal; color: #000000; margin:0; padding:0 0 5px 30px; background:   url(/pp/titanic/images/bullit.gif) no-repeat 20px .9em;}
#content a, content a:visited  {text-decoration: none; color: #CC0000; padding:0; margin:0; font-size:100%; font-weight:bold;}
#content a:hover {text-decoration: none; color: #000000;}
#content .blacklink {color: #000000; font-weight:normal;}
#content .blacklink:hover {color: #CC0000; font-weight:normal;}
#content .imgwelcome {align:left; padding:10px;}

/* rightnav */
#rightnav {margin:0; padding:0; width:191px; float:left; text-align:left; background: #F3EFE5;}
#rightnav h1 {background: #F3EFE5 url(/pp/titanic/images/H1nav.jpg) no-repeat; margin:1px 0 0 0; padding:10px 0px 0px 20px; height:26px; color:#FFFFFF; font-size:80%; font-weight:bold;}
#rightnav h2 {background: #F3EFE5 url(/pp/titanic/images/H1nav.jpg) no-repeat; margin:1px 0 0 0; padding:10px 0px 15px 20px; height:26px; color:#FFFFFF; font-size:80%; font-weight:bold;}
#rightnav ul {list-style: none; margin: 0; padding: 0; text-indent:0;}
#rightnav li a {line-height:17px; display: block; margin:1px 0 1px 0; padding: 7px 0 7px 20px; text-decoration: none; background: #F3EFE5 url(/pp/titanic/images/bgLI.gif); font-size:70%; color:#373737;}
#rightnav li a:hover {line-height:17px; background: #F3EFE5 url(/pp/titanic/images/bgLIover.gif) no-repeat; color:#000000; margin:1px 0 1px 0; padding: 7px 0 7px 20px;}
#rightnav li.indent .sublink  {line-height:17px; display: block; margin:1px 0 1px 0; padding: 7px 0 7px 25px; text-decoration: none; background: #F3EFE5 url(/pp/titanic/images/bgLI2.gif); font-size:70%; color:#373737;}
#rightnav li.indent .sublink:hover {line-height:17px; background: #F3EFE5 url(/pp/titanic/images/bgLI2over.gif) no-repeat; color:#000000; margin:1px 0 1px 0; padding: 7px 0 7px 25px;}
#rightnav li.indent2 .sublink2  {line-height:17px; display: block; margin:1px 0 1px 0; padding: 7px 0 7px 30px; text-decoration: none; background: #F3EFE5 url(/pp/titanic/images/bgLI3.gif); font-size:70%; color:#CC0000;}
#rightnav li.indent2 .sublink2:hover {line-height:17px; color:#000000; margin:1px 0 1px 0; padding: 7px 0 7px 30px;}
#rightnav p {font-size:70%; margin:0; padding:0 0 0 10px;}
#rightnav form {margin:0; padding:0 0 30px 0;}
#rightnav a, rightnav a:visited  {text-decoration: none; color: #CC0000; padding:0; margin:0; font-size:100%; font-weight:normal;}
#rightnav a:hover {text-decoration: none; color: #000000;}

#left {float:left; margin:0; padding:0 0 10px 0; width:150px;}
#right {float:left; margin:0; padding:0 0 10px 0; width:40px;}

#box {clear:both; margin:0 20px 20px 20px; padding:0 0 10px 0; border:1px solid #DAD6CE; background:#F3EFE5 url(/pp/titanic/images/bgFlag.gif) no-repeat;}
#box h2 {color:#CC0000; margin:0; padding:10px 5px 5px 60px;}
#box a, box a:visited  {padding:0; text-decoration: none; color: #CC0000; font-weight:bold;}
#box a:hover {text-decoration: none; color: #000000;}

/* footer */
#footer {clear:both; margin:0; padding:0; height:39px; width:780px; background: url(/pp/titanic/images/bgFooter.jpg) repeat-x;}
#footer p {margin:0; padding:10px 0 0 10px; text-align:left; color:#DC0409;}
#footer a, footer a:visited  {text-decoration: none; padding:0; margin:0;}
#footer a:hover {text-decoration: none;}
#footer img {border:0;}
#footerleft {float:left; margin:0; padding:0;}
#footerright {float:right; margin:11px 5px 0 0; padding:0;}
#footerright a, footerright a:visited  {padding:0 2px 0 2px; margin:0;}

/* bespoke input elements */
.txtInput { border: 1px solid #373737; font-weight: normal; font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #FFFFFF; text-decoration: none; color: #000000;}
.btnSearch {border:0; background: url(/pp/titanic/images/btnGo.jpg); width:25px; height:20px; margin:0; padding:0;}
.btnYellow {border:0; background:url(/pp/titanic/images/btnYellow.jpg); width:153px; height:25px; margin:0; padding:0; color:#ffffff; font-size: 70%; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
.btnRed {border:0; background:url(/pp/titanic/images/btnRed.jpg); width:153px; height:25px; margin:0; padding:0; color:#ffffff; font-size: 70%; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
.btnAdd {border:0; background:url(/pp/titanic/images/btnAdd.jpg); width:153px; height:25px; margin:0; padding:0; color:#ffffff; font-size: 70%; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
.btnEdit {border:0; background:url(/pp/titanic/images/btnEdit.jpg); width:93px; height:20px; margin:0; padding:0; color:#ffffff; font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
.btnLogin {border:0; background: url(/pp/titanic/images/btnGo.jpg); width:25px; height:20px; margin:0; padding:0;}
.btnView {border:0; background: url(/pp/titanic/images/btnGo.jpg); width:25px; height:20px; margin:0; padding:0;}

