body {
font:normal 12px verdana, Arial, Helvetica, sans-serif;
color:#555;
background:url(imgshop/template/bkg.jpg) #00008A repeat-x;
margin:0;
padding:0;
}
#container {
width:890px;
/*width:100%; /*width:98%;  /* this will create a container 80% of the browser width */
margin:0 auto; /* the auto margins (in conjunction with a width) center the page */
padding:15px 5px 5px 5px;
text-align:left;
}
#header {
background:url(imgshop/template/bkg_header.jpg) repeat-x;
margin:0;
padding:0;
}
#header .content {
background:url(imgshop/template/bkg_headinner.jpg) right no-repeat;
height:103px;
font:bold italic 16px Arial, Helvetica, sans-serif;
color:#00008A;
}
#logo {
background:url(imgshop/template/medicated_pain_relief.jpg) no-repeat;
width:325px;
height:103px;
float:left;
}
#pain_relief {
font:bold 16px Arial, Helvetica, sans-serif;
color:#CCC;
padding:0;
margin:0;
height:20px;
}
#url {
font:normal 11px verdana, Arial, Helvetica, sans-serif;
color:#666;
text-align:right;
height:15px;
padding:10px 10px 0 0;
margin:0;
}
#url a, #url a:visited {
color:#666;
text-decoration:none;
}
#slogan {
font:bold italic 17px Arial, Helvetica, sans-serif;
padding:3px 12px 0 0;
margin:0;
height:25px;
color:#00008A;
text-align:right;
}
#slogan .green {
color:#360;
}
#minicart {
font:normal 12px Arial, Helvetica, sans-serif;
color:#FFF;
float:right;
width:160px;
text-align:center;
padding:10px 0 0 0;
margin:0;
}
#minicart a, #minicart a:visited {
color:#FF0;
text-decoration:none;
}
#phone {
padding:0 0 0 10px;
margin:3px 0 0 325px;
font:bold italic 18px Arial, Helvetica, sans-serif;
color:#00008A;
}
#phone .number {
color:#333;
}
#topnav {
font:normal 15px Arial, Helvetica, sans-serif;
background:url(imgshop/template/bkg_topnav.jpg) #00008A repeat-x;
padding:0;
margin:0;
height:45px;
}
#topnav .content {
font:normal 15px Arial, Helvetica, sans-serif;
padding:18px 0 0 0;
}
#topnav .content a, #topnav .content a:visited {
padding:0 10px 0 10px;
color:#FFF;
text-decoration:none;
}
.topnav_on {
color:#FC0 !important;
}
.sidebar_on {
color:#90F !important;
}
#topnav .content a:hover {
color:#FC0;
}
#home1, #prodlist1, #spec1, #newltrspec1, #ws1, #ship1, #faq1 {
border-right:1px solid #9999D1;
}
#wrapper {
padding:0;
margin:0 10px 0 10px;
background:#FFF;
}
#wrapper_rt {
padding:0;
margin:0;
}
#wrapper_lft {
padding:0;
margin:0;
background:url(imgshop/template/bkg_menu.jpg) left repeat-y;
}
#sidebar_1 {
float:left;
width:210px;
padding:0;
margin:0;
line-height:18px;
}
#sidebar_1 p {
margin:0;
padding:0;
}
#mainContent {
margin:0 0 20px 210px;
padding:5px 10px 0 10px;
}
#mainContent h1 {
font:bold 18px arial, Helvetica, sans-serif;
color:#039;
text-decoration:none;
margin:1px 0 0 0;
padding:8px 0 0 0;
}
p, #mainContent p {
margin:10px 0 0 0;
}
#mainContent a, #mainContent a:visited {
font:normal 12px arial, Helvetica, sans-serif;
color:#039;
text-decoration:none;
}
#mainContent a:hover {
text-decoration:underline;
}
#mainContent ul {
margin:0 0 0 23px;
padding:0;
}
#mainContent li {
text-indent:5px;
line-height:16px;
}
#front {
float:right;width:68px;height:15px;margin:0;
}
#back {
float:left;width:68px;height:15px;margin:0;
}
#pagebtm {
padding:0;margin:0;text-align:center;
}
#footer {
margin:0 10px 0 10px;
padding:0;
height:115px;
}
#footer_inner {
background:url(imgshop/template/bkg_footer.jpg) #F6F4FF right repeat-y;
padding:0;
margin:0;
}
#footer_rt {
background:url(imgshop/template/crn_br.jpg) right no-repeat;
height:115px;
}
#newsltr {
background:url(imgshop/template/bkg_newsltr.jpg) no-repeat;
/*padding:0 0 0 130px;*/
padding:0;
margin:0;
float:left;
width:373px;
height:115px;
display:block;
}
#newsltr .content {
padding:15px 0 0 0;
margin:0 0 0 130px;
}
#btm_nav {
padding:0;
margin:0 10px 0 0;
line-height:14px;
}
#btm_nav a, #btm_nav a:visited {
color:#339;
text-decoration:none;
padding:0 0 0 20px;
}
#searchbox {
background:url(imgshop/template/bkg_search.jpg) repeat-y;
font:normal 11px verdana, Arial, Helvetica, sans-serif;
color:#444;
padding:0 0 5px 0;
margin:0;
}
#searchbox .content {
padding:3px 0 0 10px;
color:#274F00;
}
#btn_spec {
background:url(imgshop/template/btn_specials.jpg) no-repeat;
width:211px;
height:22px;
padding:2px 0 0 0;
}
#btn_spec a, #btn_spec a:visited {
padding:0 0 0 15px;
font-weight:bold;
color:#360;
text-decoration:none;
}
#btn_spec a:hover {
color:#339;
}
#btn_ourprod, #btn_prodinfo {
background:url(imgshop/template/btn_blue.jpg) no-repeat;
width:196px;
height:22px;
padding:3px 0 0 15px;
font-weight:bold;
color:#339;
}
#btn_test, #btn_uses {
background:url(imgshop/template/btn_blue.jpg) no-repeat;
background-position:0 -24px;
width:196px;
height:22px;
padding:3px 0 0 15px;
font-weight:bold;
color:#339;
}
#btn_test a, #btn_test a:visited, #btn_uses a, #btn_uses a:visited {
color:#339;
text-decoration:none;
}
#btn_test a:hover, #btn_uses a:hover {
color:#90F;
}
#vcat, #prodinfo {
padding:10px;
margin:0;
}
#vcat a, #vcat a:visited, #prodinfo a, #prodinfo a:visited, #random a, #random a:visited {
color:#039;
text-decoration:none;
font:normal 11px verdana, arial, Helvetica, sans-serif;
line-height:18px;
}
#vcat a:hover, #prodinfo a:hover, #random a:hover {
color:#90F;
}
#arthritic_pain {
font:bold 14px verdana, Arial, Helvetica, sans-serif;
color:#F00;
text-align:center;
border-bottom:1px solid #039;
}
#lg_selec {
font:bold 11px verdana, Arial, Helvetica, sans-serif;
color:#FFF;
padding:3px;
margin:0;
background:#039;
text-align:center;
}
#lg_selec .yel {
color:#FF0;
}
#click {
padding:3px;
margin:0;
background:#C9F;
text-align:center;
}
#click a, #click a:visited {
text-decoration:none;
font:bold 11px verdana, Arial, Helvetica, sans-serif;
color:#039;
}
#random {
padding:5px;
margin:10px 0 10px 0;
}
#ohiogr {
padding:0;
margin:5px 10px 0 10px;
text-align:right;
font:normal 11px verdana, Arial, Helvetica, sans-serif;
color:#FFC;
}
#ohiogr a, #ohiogr a:visited {
color:#FFC;
text-decoration:none;
padding:3px 5px 3px 0;
}
#ohiogr a:hover {
color:#FC0;
}

/*misc styles*/
.clearfloat {
clear:both;
height:0;
font-size:1px;
line-height:0;
}
h1 {
font:bold 18px arial, Helvetica, sans-serif;
color:#039;
text-decoration:none;
}
h2 {
font:bold 14px arial, Helvetica, sans-serif;
color:#C00;
text-decoration:none;
margin:0;
padding:0;
}
h3 {
font:bold 14px arial, Helvetica, sans-serif;
color:#090;
text-decoration:none;
margin:0;
padding:0;
}
form {
margin:0;
}
form p {
margin:4px;
}
.up {
text-transform:uppercase;
}
.r {
float:right;margin-left:0;
}
.l {
float:left;margin-right:0;
}
label {
width:170px;
float:left;
text-align:right;
margin:3px 2px 0 0;
display:block;
}
.formheader {
font:bold 12px Arial, Helvetica, sans-serif;
color:#333;
padding:3px 3px 3px 5px;
margin:7px 0 0 0;
background:#CCF;
}
.formheader2 {
font:bold 13px Arial, Helvetica, sans-serif;
color:#C00;
padding:3px 3px 3px 5px;
margin:7px 0 0 0;
text-align:left;
}
.dashX {
border:1px;
border-top-style:dashed;
border-top-color:#CCC;
padding:0;
margin:10px 0 0 0;
height:1px;
}
.dash {
border:1px;
border-bottom-style:dashed;
border-bottom-color:#CCC;
padding:0;
}
img {
border:0;
}
.textRed, .textred, .tred {
font:normal 12px Arial, Helvetica, sans-serif;
color:#C00;
text-decoration:none;
}
.textblue {
font:normal 12px Arial, Helvetica, sans-serif;
color:#039;
text-decoration:none;
}
.tgreen {
color:#060;
text-decoration:none;
}
.textLt {
font:normal 11px Arial, Helvetica, sans-serif;
color:#666;
text-decoration:none;
}
.picBdr {
border:1px solid #CCC;
padding:3px;
}
.picBdrL {
padding:3px;
margin:5px;
float:left;
}
.picBdrR {
padding:3px;
margin:5px;
float:right;
}
.picR {
padding:3px;
float:right;
}
.picL {
padding:2px;
margin-right:10px;
float:left;
}
#thumbBox {
position:absolute;
left:0px;
top:0px;
width:auto;
background:#CCF;
border:1px solid #333;
visibility:hidden;
z-index:10;
cursor:pointer;
padding:10px 10px 0;
}
#thumbBox .footerbar {
font:bold 16px Tahoma;
letter-spacing:5px;
line-height:1.1em;
color:#039;
text-align:right;
padding:5px 0;
}
#thumbBox #thumbImage {
background:#FFF;
padding:20px;
border:1px solid #333;
color:#333;
font:bold 12px Arial, Helvetica, sans-serif;
}
#thumbLoading {
position:absolute;
visibility:hidden;
border:1px solid #000;
background:#FFF;
z-index:5;
padding:5px;
}
#soap_discount {
width:246px;
padding:0;
margin:0;
border:none;
}
#soap_discount p {
background:#FFF;
padding:15px 0 0 0;
}
#soap_discount .qty2oz {
background:#CCF;
font-weight:bold;
text-align:center;
}
#soap_discount .qty4oz {
background:#C9F;
font-weight:bold;
text-align:center;
}
#soap_discount .qty, #soap_discount .price, #soap_discount .size {
width:80px;
float:left;
background:#e4e4e4;
text-align:center;
font-weight:bold;
}
#soap_discount .txt {
width:80px;
float:left;
background:#FFF;
text-align:center;
}
#discount_box {
width:246px;
padding:0;
margin:0;
border:none;
}
#soap_discount div, #discount_box div {
border:1px solid #CCC;
}
#specCont {
background:url(imgshop/pages/bkg_specials_bow.gif) #FFF no-repeat;
padding:0;
margin:0;
}
#specCont .content {
padding:0 0 10px 130px;
}
#specCont h1 {
margin:0;
padding:12px 0 60px 0;
}
#featured_home {
padding:0;
margin:10px 0 10px 0;
float:left;
width:100%;
}
.featured_disp {
text-align:center;
width:33%;
float:left;
}
.featured_disp_content {
text-align:center;
}
.secnumber {
background:#FFF;
border:1px solid #FFF;
font:bold 16px verdana, Arial, Helvetica, sans-serif;
color:#339;
}
#soapChoice {
border:1px solid #CCC;
}
#relatedbox {
margin:0 10px 0 0;
padding:0;
}
#related1, #related2, #related3 {
padding:0;
margin:0;
width:180px;
}
#relatedbox h3 {
background:#CCF;
text-align:left;
font:bold italic 14px verdana, Arial, Helvetica, sans-serif;
color:#C00;
padding:5px;
margin:10px 0 0 0;
}
#altrow .question {
padding:20px 0 5px 0;
}