body {background:url("../pimages/bg.gif") 50% 0 repeat-y; font:0.8em/1.5 "arial", sans-serif;} a {color:#00F;} a:hover {color:#F00;} h1, h2, h3, h4, h5, h6, p, address, blockquote, table, dl, fieldset {margin:15px 0;} #main {width:940px; margin:0 auto; overflow:hidden;} #header {width:940px; height:115px; overflow:hidden; text-align:center; background:url("../images/septic.gif" ) no-repeat center; } #tray {padding:10px 0 15px 10px; background:url("../pimages/tray.gif") 0 100% no-repeat;} #tray ul {margin:0; list-style:none;} #tray ul li {display:inline;} #tray ul li a {display:block; float:left; padding:0 15px 0 10px; background:url("../pimages/tray-separator.gif") 100% 50% no-repeat; text-decoration:underline;} #tray ul li a:hover {text-decoration:none;} #tray ul li#tray-active a {font-weight:bold; text-decoration:none;} #cols {position:relative; margin:10px 0; background:url("../pimages/cols.gif") 0 0 repeat-y;} #content {float:right; width:740px; overflow:hidden;} #content-left {float:left; width:470px;} #content-left-in {padding:0 10px;} #content-right {float:right; width:260px;} #aside {float:left; width:190px; overflow:hidden;} #aside-top {width:190px; height:5px; background:url("../pimages/aside-top.gif") 0 0 no-repeat; font-size:0; line-height:0;} #aside-bottom {position:absolute; bottom:0; left:0; width:190px; height:5px; background:url("../pimages/aside-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;} .nav {margin:0; list-style:none;} .nav li {display:inline;} .nav li a {display:block; padding:7px 10px 7px 30px; background:url("../pimages/nav-link-red.gif") 15px 13px no-repeat;} .nav li#nav-active a {background:url("../pimages/nav-active.gif") 15px 13px no-repeat; text-decoration:none; font-weight:bold;} .nav li#nav-inactive a {15px 13px no-repeat; text-decoration:none; font-weight:bold;} .nav #nav-active ul li a {padding-left:45px; background:url("../pimages/nav-sub.gif") 30px 10px no-repeat; } .nav a:hover {text-decoration:none;} #search {position:relative; height:32px; margin:0 -15px; padding:15px; text-align:center;} #search-input {position:absolute; top:15px; left:15px; width:100px; height:22px; border:0;} #search-submit {position:absolute; top:15px; left:115px; width:60px; height:22px; border:0;} #search-input, #search-submit {font-size:100%; font-family:"arial",sans-serif;} #aside h4 {font-size:100%;} #aside h4.margin {margin:15px 0 5px 0;} #footer {clear:both; padding:20px 0; background:url("../pimages/footer.gif") 0 0 repeat-x; font-size:85%;} #footer p {margin:0; text-align:center;} #footer a:hover {text-decoration:none;} /* ---------------------------------------------------------------------------------------------------------- 4-1) Page: Homepage ---------------------------------------------------------------------------------------------------------- */ #topstory-top {width:470px; height:5px; background:url("../pimages/topstory-top.gif") 0 0 no-repeat; font-size:0; line-height:0;} #topstory-bottom {width:470px; height:5px; background:url("../pimages/topstory-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;} #topstory {padding:5px 10px 10px 10px;} #topstory-img {float:left; width:180px;} #topstory-img img {display:block;} #topstory-desc {float:right; width:255px;} #topstory-desc h2 {margin:0; font-size:140%; font-weight:normal;} #topstory-desc .info {margin:0; font-size:85%;} #topstory-list {padding:10px 0 5px 10px; overflow:hidden} #topstory-list img {display:block; float:left; padding-right:10px;} #topstory-list img.last {margin-right:0;} .article {margin-bottom:10px; padding-bottom:10px; background:url("../pimages/dot.gif") 0 100% repeat-x;} .article .article-img {float:left; width:180px;} .article .article-img img {display:block;} .article .article-desc {float:right; width:255px;} .article .article-desc h3 {margin:0; font-size:140%; font-weight:normal;} .article .article-desc .info {margin:0; font-size:85%;} .article .article-desc p.bomb {margin-top:8px; text-align:justify;} .box-01-top {width:260px; height:5px; margin-top:5px; background:url("../pimages/box-01-top.gif") 0 0 no-repeat; font-size:0; line-height:0;} .box-01-top-b {padding:5px 10px 15px 10px; background:url("../pimages/box-01-top-b.gif") 0 100% no-repeat;} .box-01-top-b .f-left {text-transform:uppercase;} .box-01-top-b .f-right {padding-top:2px; font-size:85%;} .box-01-bottom {width:260px; height:11px; background:url("../pimages/box-01-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;} .box-01 {padding:5px; background:url("../pimages/box-01.gif") 0 0 repeat-y;} .box-01 .bg {margin:10px 0; padding:10px 0;} .news {margin:0; padding:10px;} .news dt {display:block; float:left; width:50px; font-weight:bold; text-align:center; line-height:1.2;} .news dt span {font-size:140%;} .news dd {display:block; float:left; width:190px; font-size:85%; line-height:1.6;} .box-02-top {width:260px; height:5px; margin-top:10px; background:url("../pimages/box-02-top.gif") 0 0 no-repeat; font-size:0; line-height:0;} .box-02-top-b {padding:5px 10px 15px 10px; background:url("../pimages/box-02-top-b.gif") 0 100% no-repeat; text-transform:uppercase;} .box-02-bottom {width:260px; height:11px; background:url("../pimages/box-02-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;} .box-02 {padding:5px 15px; background:url("../pimages/box-02.gif") 0 0 repeat-y;} .mostread {margin:0; list-style:none;} .mostread span {font-size:85%;} /* ---------------------------------------------------------------------------------------------------------- 5) Others ---------------------------------------------------------------------------------------------------------- */ #aside .padding {padding:10px 15px;} .more {padding-right:15px; background:url("../pimages/arrow.gif") 100% 50% no-repeat;} .rss {padding-left:22px; background:url("../pimages/rss.gif") 0 50% no-repeat;} /* Settings For Top Cart Box */ .CartMenuBG{background-color:#EFEFEF;} DIV.CartMenuBox {border: 2px solid #5A5ACD;} a.FadedLinkOption:link{color:#999999;text-decoration:none;} a.FadedLinkOption:visited{color:#999999;text-decoration:none;} a.FadedLinkOption:active{color:#999999;text-decoration:underline;} a.FadedLinkOption:hover{color:#FFFFFF;text-decoration:underline;font-weight:bold;} .FadedTextOption {color: #999999;} .SelectedTextOption {color: #FF0000; font-weight: bold;} /* Settings For Middle Page Info Box */ .CartPageInfoBG{background-color:#EFEFEF;} DIV.CartPageInfoBox {border: 2px solid #5A5ACD;} .LoudTextColor{color: #FF0000;} /* Settings For Main Page Content Box */ .CartContentsBG{background-color:#EFEFEF;} DIV.CartContentsBox {border: 2px solid #5A5ACD;} .TitleTextColor{color: #FF0000;} /* Repeating Rows Settings */ .RepeatRowColor1{background-color:#CCCCCC;} .FieldTitleColor1{color: #000000;} .DataTextColor1{color: #FF0000;} .RepeatRowColor2{background-color:#EBEBEB;} .FieldTitleColor2{color: #000000;} .DataTextColor2{color: #FF0000;} /* General Settings */ .Bold {font-weight: bold;} .XLarge {font-size: x-large} .Large {font-size: large} .Small {font-size: x-small} a.InSiteLink:link {color:#FF0000;text-decoration:none;font-weight:bold;} a.InSiteLink:visited {color:#FF0000;text-decoration:none;font-weight:bold;} a.InSiteLink:active{color:#FF0000;text-decoration:underline;font-weight:bold;} a.InSiteLink:hover{color:#FFFF00;text-decoration:underline;font-weight:bold;} a.OutSiteLink:link {color:#CCCCCC;text-decoration:none;font-weight:bold;} a.OutSiteLink:visited {color:#CCCCCC;text-decoration:none;font-weight:bold;} a.OutSiteLink:active{color:#CCCCCC;text-decoration:underline;font-weight:bold;} a.OutSiteLink:hover{color:#FF0000;text-decoration:underline;font-weight:bold;}