/* Created by Design Department of SaphuRecords.com E-Mail: DesignDepartment@SaphuRecords.com */ * { padding: 0; margin: 0; } body { font-family: Arial, Helvetica, sans-serif; font-size: 13px; background-image: url(webimgs/bg.png); background-position: top center; background-repeat: repeat-y; background-color: #fff; } #wrapper { margin: 0 auto; width: 920px; background-color: #fff; } #top { color: #333; width: 900px; float: left; padding-left: 10px; height: 52px; margin: 0px 0px 0px 0px; background-image: url(webimgs/top-bg.png); background-repeat: no-repeat; } #top a { color: #264060; font-family: Georgia; font-size: 18px; text-decoration: none; padding-left: 14px; padding-top: 0px; } #top a:link { color: #264060; font-family: Georgia; font-size: 18px; text-decoration: none; padding-left: 14px; padding-top: 0px; } #top a:visited { color: #264060; font-family: Georgia; font-size: 18px; text-decoration: none; padding-left: 14px; padding-top: 0px; } #top a:hover { color: #0C01A7; font-family: Georgia; font-size: 18px; text-decoration: underline; padding-left: 14px; padding-top: 0px; } #top a:active { color: #264060; font-family: Georgia; font-size: 18px; text-decoration: none; padding-left: 14px; padding-top: 0px; } #top ul { list-style-type: none; padding: 0px; } #top li { list-style-type: none; padding: 0px; } #menu { float: right; height: 30px; width: 670px; margin-top: 5px; padding-top: 7px; border-top: solid 1px #B8C8D4; border-right: solid 1px #B8C8D4; border-bottom: solid 1px #B8C8D4; border-left: solid 1px #B8C8D4; } #menu a { color: #264060; font-family: Georgia; font-size: 18px; text-decoration: none; padding-left: 14px; padding-top: 0px; } #menu a:link { color: #264060; font-family: Georgia; font-size: 18px; text-decoration: none; padding-left: 14px; padding-top: 0px; } #menu a:visited { color: #264060; font-family: Georgia; font-size: 18px; text-decoration: none; padding-left: 14px; padding-top: 0px; } #menu a:hover { color: #0C01A7; font-family: Georgia; font-size: 18px; text-decoration: underline; padding-left: 14px; padding-top: 0px; } #menu a:active { color: #264060; font-family: Georgia; font-size: 18px; text-decoration: none; padding-left: 14px; padding-top: 0px; } #menu ul { list-style-type: none; padding: 0px; } #menu li { list-style-type: none; padding: 0px; } #sub-menu { color: #333; width: 922px; float: left; padding: 10px 0 0 0; height: 34px; margin: 0px 0px 0px 0px; background-image: url(webimgs/sub-menu-bg.png); background-position: top center; background-repeat: no-repeat; } #sub-menu a { color: #3C6695; font-family: Georgia; font-size: 18px; text-decoration: none; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; } #sub-menu a:link { color: #3C6695; font-family: Georgia; font-size: 18px; text-decoration: none; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; } #sub-menu a:visited { color: #3C6695; font-family: Georgia; font-size: 18px; text-decoration: none; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; } #sub-menu a:hover { color: #264060; font-family: Georgia; font-size: 18px; text-decoration: underline; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; } #sub-menu a:active { color: #3C6695; font-family: Georgia; font-size: 18px; text-decoration: none; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; } #sub-menu ul { list-style-type: none; padding: 0px; } #sub-menu li { list-style-type: none; padding: 0px; } #header { color: #264060; width: 900px; float: left; padding: 10px; border: 1px solid #ccc; height: 80px; margin: 0px 0px 0px 0px; background-image: url(webimgs/header-bg-ii.png); background-repeat: no-repeat; background-color: #D5D3D3; font-family: Georgia; font-size: 18px } #header { color: #264060; font-family: Georgia; font-size: 18px; text-decoration: none; } #header a { color: #264060; font-family: Georgia; font-size: 18px; text-decoration: none; padding-left: 14px; } #header a:link { color: #264060; font-family: Georgia; font-size: 18px; text-decoration: none; padding-left: 14px; } #header a:visited { color: #264060; font-family: Georgia; font-size: 18px; text-decoration: none; padding-left: 14px; } #header a:hover { color: #8981F9; font-family: Georgia; font-size: 18px; text-decoration: underline; padding-left: 14px; } #header a:active { color: #264060; font-family: Georgia; font-size: 18px; text-decoration: none; padding-left: 14px; } #header ul { list-style-type: none; padding: 0px; } #header li { list-style-type: none; padding: 0px; } .feature { float: right; padding-left: 14px; padding-top: 5px; padding-right: 14px; width: 388px; height: 73px; background-image: url(iicons/bracket-ii.gif); background-repeat: no-repeat; color: #264060; font-family: Georgia; font-size: 10px; } #cart-navigation { float: left; width: 922px; color: #264060; padding: 0px; margin: 0px 0px 0px 0px; background-image: url(webimgs/sub-menu.png); background-position: top center; background-repeat: no-repeat; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; font-family: Georgia; font-size: 18px; } #navigation a { color: #352F7C; font-family: Georgia; font-size: 16px; text-decoration: none; } #navigation a:link { color: #352F7C; font-family: Georgia; font-size: 16px; text-decoration: none; } #navigation a:visited { color: #352F7C; font-family: Georgia; font-size: 16px; text-decoration: none; } #navigation a:hover { color: #0052C2; font-family: Georgia; font-size: 16px; text-decoration: underline; } #navigation a:active { color: #352F7C; font-family: Georgia; font-size: 16px; text-decoration: none; } #navigation ul { list-style-type: none; padding: 0px; } #navigation li { list-style-type: none; padding: 0px; } /* Main Content Layouts Listed Below */ .leftcolumn { font-family: georgia,serif; color:#1A1917; font-size:12px; font-weight:normal; line-height:120%; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 0px 0px 0px 0px; padding: 10px; height: 350px; width: 210px; float: left; background-image: url(webimgs/sm-col-bg.png); background-repeat: repeat-x; background-color: #fff; } .leftcolumn a { color: #3C6695; font-family: Georgia; font-size: 12px; text-decoration: none; } .leftcolumn a:link { color: #3C6695; font-family: Georgia; font-size: 12px; text-decoration: none; } .leftcolumn a:visited { color: #3C6695; font-family: Georgia; font-size: 12px; text-decoration: none; } .leftcolumn a:hover { color: #264060; font-family: Georgia; font-size: 12px; text-decoration: underline; } .leftcolumn a:active { color: #3C6695; font-family: Georgia; font-size: 12px; text-decoration: none; } /* UL Properties Below LEFT COL */ /* End UL Properties from above LEFT COL */ /* DEAD CENTER DIV LISTED BELOW, flanked by two smaller columns one right, one left */ .middle { font-family:georgia,serif; color:#1A1917; font-size:12px; font-weight:normal; line-height:120%; border-right: solid 1px #ccc; margin: 0px 0px 0px 0px; height: 295px; width: 460px; float: left; } /* END DEAD CENTER DIV LISTED FROM ABOVE, flanked by two smaller columns one right, one left */ .leftmiddle { font-family:georgia,serif; color:#1A1917; font-size:12px; font-weight:normal; line-height:120%; border-bottom: 1px solid #ccc; margin: 0px 0px 0px 0px; padding: 10px; height: 350px; width: 210px; float: left; background-image: url(webimgs/sm-col-bg.png); background-repeat: repeat-x; background-color: #fff; } .rightmiddle { font-family:georgia,serif; color:#1A1917; font-size:12px; font-weight:normal; line-height:120%; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 0px 0px 0px 0px; padding: 10px; height: 350px; width: 210px; float: left; background-image: url(webimgs/sm-col-bg.png); background-repeat: repeat-x; background-color: #fff; } .rightcolumn { font-family:georgia,serif; color:#1A1917; font-size:12px; font-weight:normal; line-height:120%; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 0px 0px 0px 0px; padding: 10px; height: 350px; width: 204px; float: left; background-image: url(webimgs/sm-col-bg.png); background-repeat: repeat-x; background-color: #fff; } .rightcolumn a { color: #3C6695; font-family: Georgia; font-size: 12px; text-decoration: none; } .rightcolumn a:link { color: #3C6695; font-family: Georgia; font-size: 12px; text-decoration: none; } .rightcolumn a:visited { color: #3C6695; font-family: Georgia; font-size: 12px; text-decoration: none; } .rightcolumn a:hover { color: #264060; font-family: Georgia; font-size: 12px; text-decoration: underline; } .rightcolumn a:active { color: #3C6695; font-family: Georgia; font-size: 12px; text-decoration: none; } /* TWO DIVS SPLIT INTO EQUAL HALVES LISTED BELOW */ #halfleftcolumn { color: #333; border-right: solid 1px #E4E9FA; margin: 0px 0px 0px 0px; padding: 10px; height: 100%; width: 441px; float: left; } #halfrightcolumn { color: #333; margin: 0px 0px 0px 0px; padding: 10px; height: 100%; width: 437px; float: right; } #halfleftcolumn a { color: #3C6695; font-family: Georgia; font-size: 12px; text-decoration: none; } #halfleftcolumn a:link { color: #3C6695; font-family: Georgia; font-size: 12px; text-decoration: none; } #halfleftcolumn a:visited { color: #3C6695; font-family: Georgia; font-size: 12px; text-decoration: none; } #halfleftcolumn a:hover { color: #264060; font-family: Georgia; font-size: 12px; text-decoration: underline; } #halfleftcolumn a:active { color: #3C6695; font-family: Georgia; font-size: 12px; text-decoration: none; } #halfleftcolumn ul { list-style-type: none; padding: 0px; } #halfleftcolumn li { list-style-type: none; padding: 0px; } #halfrightcolumn a { color: #3C6695; font-family: Georgia; font-size: 12px; text-decoration: none; } #halfrightcolumn a:link { color: #3C6695; font-family: Georgia; font-size: 12px; text-decoration: none; } #halfrightcolumn a:visited { color: #3C6695; font-family: Georgia; font-size: 12px; text-decoration: none; } #halfrightcolumn a:hover { color: #264060; font-family: Georgia; font-size: 12px; text-decoration: underline; } #halfrightcolumn a:active { color: #3C6695; font-family: Georgia; font-size: 12px; text-decoration: none; } #halfrightcolumn ul { list-style-type: none; padding: 0px; } #halfrightcolumn li { list-style-type: none; padding: 0px; } .halfl { color: #333; border-right: solid 1px #E4E9FA; margin: 0px 0px 0px 0px; padding: 10px; height: 100%; width: 441px; float: left; } .halfr { color: #333; margin: 0px 0px 0px 0px; padding: 10px; height: 100%; width: 437px; float: left; } .halfl a { color: #3C6695; font-family: Georgia; font-size: 12px; text-decoration: none; } .halfl a:link { color: #3C6695; font-family: Georgia; font-size: 12px; text-decoration: none; } .halfl a:visited { color: #3C6695; font-family: Georgia; font-size: 12px; text-decoration: none; } .halfl a:hover { color: #264060; font-family: Georgia; font-size: 12px; text-decoration: underline; } .halfl a:active { color: #3C6695; font-family: Georgia; font-size: 12px; text-decoration: none; } .halfl ul { list-style-type: none; padding: 0px; } .halfl li { list-style-type: none; padding: 0px; } .halfr a { color: #3C6695; font-family: Georgia; font-size: 12px; text-decoration: none; } .halfr a:link { color: #3C6695; font-family: Georgia; font-size: 12px; text-decoration: none; } .halfr a:visited { color: #3C6695; font-family: Georgia; font-size: 12px; text-decoration: none; } .halfr a:hover { color: #264060; font-family: Georgia; font-size: 12px; text-decoration: underline; } .halfr a:active { color: #3C6695; font-family: Georgia; font-size: 12px; text-decoration: none; } .halfr ul { list-style-type: none; padding: 0px; } .halfr li { list-style-type: none; padding: 0px; } /* END TWO DIVS SPLIT INTO EQUAL HALVES LISTED FROM ABOVE */ /* END Main Content Layouts Listed From Above */ /* TWO DIVS SPLIT INTO EQUAL HALVES LISTED BELOW */ .halfleft { color: #333; border-right: solid 1px #E4E9FA; margin: 0px 0px 0px 0px; padding: 10px; height: 100%; width: 441px; float: left; } .halfright { color: #333; margin: 0px 0px 0px 0px; padding: 10px; height: 100%; width: 437px; float: left; } .halfleft a { color: #3C6695; font-family: Georgia; font-size: 12px; text-decoration: none; } .halfleft a:link { color: #3C6695; font-family: Georgia; font-size: 12px; text-decoration: none; } .halfleft a:visited { color: #3C6695; font-family: Georgia; font-size: 12px; text-decoration: none; } .halfleft a:hover { color: #264060; font-family: Georgia; font-size: 12px; text-decoration: underline; } .halfleft a:active { color: #3C6695; font-family: Georgia; font-size: 12px; text-decoration: none; } .halfleft ul { list-style-type: none; padding: 0px; } .halfleft li { list-style-type: none; padding: 0px; } .halfright a { color: #3C6695; font-family: Georgia; font-size: 12px; text-decoration: none; } .halfright a:link { color: #3C6695; font-family: Georgia; font-size: 12px; text-decoration: none; } .halfright a:visited { color: #3C6695; font-family: Georgia; font-size: 12px; text-decoration: none; } .halfright a:hover { color: #264060; font-family: Georgia; font-size: 12px; text-decoration: underline; } .halfright a:active { color: #3C6695; font-family: Georgia; font-size: 12px; text-decoration: none; } .halfright ul { list-style-type: none; padding: 0px; } .halfright li { list-style-type: none; padding: 0px; } /* END TWO DIVS SPLIT INTO EQUAL HALVES LISTED FROM ABOVE */ /* Begin Footer Layouts Below */ #top-foot { width: 900px; clear: both; border-top: 1px solid #ccc; margin: 0px 0px 10px 0px; padding: 10px; color: #264060; text-align:center; line-height: 70%; background-color: #fff; } #footer { width: 900px; clear: both; border-top: 1px solid #ccc; margin: 0px 0px 10px 0px; padding: 10px; color: #264060; text-align:center; line-height: 90%; font-size: 10px; background-image: url(webimgs/sm-col-bg.png); background-repeat: repeat-x; background-color: #fff; } .bottom { text-align:center; padding-left: 100px; width: 600px; height: 100%; color: #264060; font-size: 10px; } .clear { clear: both; background: none; } /* End Footer Layouts From Above */ /* IMAGE STYLES BELOW */ .logo { border:0; float: left; padding-top: 8px; display: inline; } img { border:0; padding:0px; } /* Typography Charachteristics Below */ .headline { font-family: Georgia, "Times New Roman", Times, serif; font-size:24px; margin-top: 5px; margin-bottom: 0px; margin-left: 20px; text-align: center; font-weight: normal; color: #000A44; } .subheadline { font-family: "Lucida Grande", Tahoma; font-size: 14px; font-weight: lighter; font-variant: normal; text-transform: uppercase; color: #222; margin-top: 10px; text-align: center!important; letter-spacing: 0.3em; } .subheadline-ii { float: left; padding-left: 20px; font-family: "Lucida Grande", Tahoma; font-size: 12px; font-weight: lighter; font-variant: normal; text-transform: uppercase; color: #222; margin-top: 10px; text-align: left; letter-spacing: 0.3em; line-height:150%; } p { font-family:georgia,serif; color:#1A1917; font-size:12px; font-weight:normal; line-height:150%; padding:20px; } .featuresubheadline { font-family: "Lucida Grande", Tahoma; font-size: 10px; font-weight: lighter; font-variant: normal; text-transform: uppercase; color: #222; margin-top: 10px; padding-right: 14px; text-align: center!important; letter-spacing: 0.3em; line-height: 90%; } ul { font-family: georgia,serif; color:#1A1917; font-size: 12px; font-style: normal; line-height:120%; font-weight: normal; font-variant: normal; text-transform: none; list-style-type: nnone; padding: 5px; } li { font-family: georgia,serif; color:#1A1917; font-size: 12px; font-style: normal; line-height:120%; font-weight: normal; font-variant: normal; text-transform: none; list-style-type: ; none padding: 5px; list-style-position: inside; }