body {font-family:Verdana,sans-serif; margin:0; padding:0; background:#101525 url(i/wppbg.jpg) repeat-y top center;}
body,td,th {color:#281B50; font-size:10pt;}
th {font-weight:bold;}
a {color:#343E95;}
a:visited {color:#343E95;}
a:hover {color:#343E95;}
a img {border:none;}
.container {width:750px; margin:auto;}

/* general */
.bglight,.dsgnimg,.footnote,.cattbl,.signup,.tbldata th,.catbox,.codeline
{background:#E5F3FF;}
.bgdark,.filetop,.indextitle,.offerbox h3
{background:#131E54;}
.hint {font-size:8pt;}
.alert {color:#F00;}
.hilight {background:#FFC;}

/* top */
.header {background:url(i/header-ppl.jpg); height:70px; text-indent:-9999px;}
.topmenu,.sbtitle {text-align:center; background:#0D2BBE url(i/midbarbg.gif) repeat-x; border-top:1px solid #2298FF; border-bottom:1px solid #000;}
.tabmenu,.sbtitle {font-size:8pt; text-align:center; padding:2px 8px; border-left:1px solid #2298FF; border-right:1px solid #000;}
.tabmenu img {vertical-align:middle;}
.tablink,.tablink:visited {color:#CFDBF2; text-decoration:none; font-weight:bold;}
.tablink:hover {color:#FFF;}

/* sidebar */
.dark {text-align:center; padding-right:586px; color:#CFDBF2;}
.sbtitle,.sbbox {margin:0 15px; padding:2px;}
.sbtitle {color:#CFDBF2; font-weight:bold;}
.sbbox {border:1px solid #2298FF; margin:0 16px 20px 15px; border-top:none;}
#sblink ul, #sblink li, #sbactive ul, #sbactive li {margin:0; padding:0; list-style:none; text-align:center;}
#sblink a,#sbactive a,.sblink,.sblink:visited {padding:0 8px; text-align:center; font-weight:bold; text-decoration: none;}
#sblink a,.sbbox a,.sbbox a:visited,.dark a {color:#CFDBF2;}
#sbactive a {color:#16267D; background:#AFD7FF;}
#sblink a:hover,#sbactive a:hover,.sbbox a:hover {color:#FFF;}
.sblink,.sblink:visited {color:#FFF;}
.sblink:hover {color:#D9DAF2;}
.copy {font-size:7pt;}
.dark form {margin:0;}

/* main */
h2 {font-size:12pt; font-weight:bold; color:#281B50; text-align:center;}
h3 {font-size:10pt; font-weight:bold; color:#000; text-align:center;}
.maintd {background:#FFF url(i/curve.gif) no-repeat; float:right; width:570px; padding:8px;}
.footnote {border:1px solid #000; padding:3px 3px 5px 3px;}
.intro {font-size:9pt; margin:10px; text-align:justify;}
.featured {float:left; margin-right:15px; margin-bottom:10px;}

/* category */
.filetop {font-weight: bold; color:#FFF; text-align:center; padding:2px;}
.dsgnimg {border:1px solid #000;}
.salebox {background:url(i/leftarrow.jpg) no-repeat; margin:20px 0 20px 245px; border:dotted #AFD7FF; border-width:1px 0;}
.salebox h3,.salebox p {margin:5px 0;}
.catbox {overflow:hidden; border:1px solid #000; margin-top:10px;}
.catbox .filetop {margin-bottom:10px;}
.cattd {width:140px; text-align:center; font-size:8pt; float:left; height:140px;}
.cattbl,.cattbl img {border:1px solid #000;}
.cattbl table {width:560px;}
.cattbl tr {vertical-align:top;}
.cattbl td {font-size:.8em; text-align:center; width:130px; padding:10px 5px;}
.cattbl img.wpp {width:110px; height:96px;}
.cattbl img.bla {width:115px; height:95px; border:none;}


/* index */
#topten {width:67%; border:1px solid #000; font-size:.9em; background:#E5F3FF url(i/index-fade.jpg) repeat-y;}
.indexbox {width:33%; text-align:center; background:#E5F3FF; border:1px solid #000; padding-bottom:10px;}
.indexbox p {padding-left:5px; padding-right:5px;}
.indexbox img {border:1px solid #000;}
.morelink {margin-bottom:5px;}
.morelink a {font-weight:bold; font-size:.9em;}
.morelink img {border:none; position:relative; top:3px;}
#special {margin-top:0;}
#special img {border:none;}
.indexfeat {width:544px; margin:0 auto; border-collapse:collapse;}
.indexfeat th {background:#16267D; color:#FFF; border-bottom:10px solid #FFF; padding:3px;}
.indexfeat td {padding:0; text-align:center; border:0 solid #FFF;}
.indexfeat td.feat2 {padding-bottom:10px;}
.indexfeat td.feat3 {background:#E5F3FF; width:33%; padding:10px 5px; border-bottom-width:10px;}
.indexfeat td.col1 {border-right-width:10px;}
.indexfeat td.col3 {border-left-width:10px;}
.indexfeat td.feat3 img {border:1px solid #000;}

/* other */
.ques{text-decoration:none; color:#000; cursor:pointer;}
.answ {margin-left:15px; margin-bottom:5px; padding:2px; background:#F0F7FF; border:1px dotted #CCC; display:none;}
.signup {margin:0 50px; padding:15px 20px; border:2px solid #A5B7C7;}
.signup h3 {margin:-15px -20px 10px -20px; padding:3px; background:#A5B7C7;}
.signup label.lft {display:block; float:left; clear:left; width:6.5em; font-weight:normal; text-align:right; margin-right:4px;}
.signup td label {display:block; padding-bottom:3px; padding-right:5px;}
.tbldata,.tbldata th,.tbldata td {border:1px solid #000; border-collapse:collapse;}
.tbldata th,.tbldata td {text-align:center; padding:2px 10px;}
/*.sosbox {background:url(i/sos-bg.jpg) left bottom; padding:10px; color:#000;}
.sosbox h2 {background:url(i/sos-logo.gif) no-repeat top center; height:115px; margin-top:0;}
.sosbox h2 span {display:none;}*/
.related {margin-right:10px; border:1px dotted #16267D; overflow:hidden; float:left; width:200px; padding:5px;}
.related img {float:left; width:75px;}
.related h4 {margin:0; font-size:1.1em;}
.related p {margin:5px 0;}
.related form {margin:0;}
.related form .qty {display:none;}

/* cart & checkout */
.carttable {border:1px solid #18267F;}
.carttable th {background:#18267F; color:#FFF;}
.carttable td {border:1px solid #18267F; padding:2px 5px;}
.carttable abbr {text-decoration:none; border:none;}
#buysafe {border:none; border-collapse:collapse;}
#buysafe td {padding:0; padding-left:5px; border:none;}
.marked {color:#D00;}
.checknote {float:right; border:1px solid #000; background:#FFF4E9; padding:5px; width:120px;}
.offerbox {text-align:center; margin:0 auto; width:320px; border:1px solid #18267F; display:table;}
.offerbox h3 {margin:0; color:#FFF; padding:2px;}
.offerbox .codeline {margin:5px 0;}