head{}
body { color: #666666; font-size: medium  Arial, Helvetica, sans-serif; background-color: #9cf; margin: 0; padding: 0; position: inherit;  }
{/* be nice to Opera */
font-size:medium;
}
#wrapper     { background-color: #ffffff; background-attachment: scroll; background-position: 0 0; width: 780px; height: auto; border: solid thick #999; x: solid     }
#header       { background: white url("../imageb/topbg.jpg") repeat-y right top; margin-bottom: 1em; width: auto; height: 70px; float: none }
#header #logo img  { background-color: #fff; white-space: normal; padding-left: 0.5em; float: left; border-bottom: white }
# { }
#header ul#toppanel { font-size: 80%; text-align: margin: 0; list-style: none; padding-top: 2; float: right }
#header li { text-align: center; text-transform: uppercase; display: inline; padding-top: 3em; padding-right: 1em; padding-left: 1em; position: inherit; border-right: 1px dotted #5f8cb1 }
#header a:link { color: #666666; font-size: 120%; font-weight: bold; text-decoration: none; background-repeat: repeat; margin: 0; padding: 0 }
#header a:visited { color: #666666; font-size: 120%; font-weight: bold; text-decoration: none }
#header a:hover { color: white; font-size: 120%; font-weight: bold; text-decoration: underline }

........Header Navigation....... { }
#header #nav              { font-weight: bold; list-style-type: none; margin: 0; padding: 1px 0 0 46px; width: 750; float: right;}

#header #nav li   { font-size: 60%; font-family: "Lucina Grande", san-serif; list-style-type: none; display: inline; margin: 0 1px 0 0; padding: 0; float: left }

#header #nav a         { color: white; text-decoration: none; background-color: #ccc; background-image: url("../imageb/tabfront.gif"); background-attachment: scroll; background-position: left top; display: block; margin: 0; padding: 0.5em 1em; float: left; border-style: ridge solid none; border-width: 1px 1px medium; border-color: blue }

#header #nav a:hover       { color: #333; background: #ccc url("../imageb/tabback.gif") left top; padding-bottom: 1px; border-style: none none solid; border-width: medium medium 1px; border-color: #727377 #727377 silver }
#header #navigation_left     { background-color: gray; background-image: url("../imageb/bottomsidemenu.jpg"); width: 120px; float: left }
#header #navigation_left_top  { background-color: gray; background-image: url("../imageb/bottomsidemenu.jpg"); background-repeat: repeat; width: 115px; float: left }
......Left.....side ...Nvigation { }
#header #nav_left { background-color: gray; width: 127px; height: 100%; float: left; list-type: block    }
#header #nav_left li     { color: #fff; font-size: 100%; text-decoration: none; background-color: gray; background-image: url("../imageb/menuitem.jpg"); background-repeat: no-repeat; text-align: center; list-style-type: none; float: left }
 
#header #nav_left a   { color: #fff; font-size: 100%; text-decoration: none; background: url("../imageb/menuitem.jpg") repeat-x left top; text-align: center; visibility: inherit; display: block; margin-bottom: 0.2em; padding-top: 0.2em; padding-bottom: 0.2em; width: 133px; height: 20px }
#sidebar    { background-color: #fff; background-repeat: inherit; list-style-image: url("../imageb/sidebg.jpg"); padding: 0; width: 135px; float: left; }



#navigation_left      { background-color: gray; position: relative; top: 14px; width: 120px; float: left }

#nav_left     { background-color: gray; width: 127px; height: 100%; float: left; list-type: block   }

#nav_left li      { color: #fff; font-size: 100%; text-decoration: none; background-color: gray; background-image: url("../imageb/menuitem2.jpg"); background-repeat: no-repeat; text-align: left; list-style-type: none; margin-left: 2em; float: left }
#nav_left a  { color: #fff; font-size: 100%; text-decoration: none; background: url("../imageb/menuitem2.jpg") repeat-x left top; text-align: left; text-indent: 1em; visibility: inherit; display: block; padding-top: 0.2em; padding-bottom: 0.1em; width: 133px; height: 20px }
#nav_left #in a  { color: #fff; font-size: 100%; text-decoration: none; background: url("../imageb/menuitem2.jpg") repeat-x left top; text-align: left; text-indent: 2em; visibility: inherit; display: block; padding-top: 0.2em; padding-bottom: 0.1em; width: 133px; height: 20px }
........Content.......{}
#mainsection { background-image: url("../imageb/content_background.jpg"); background-repeat: repeat-y }
#mainbody { background-image: url("../imageb/topsashkalinelong.jpg"); background-repeat: no-repeat; background-position: left top; width: 100% }
#content { background-color: transparent; margin-left: 135px; }
.rtmargin { border-left: dashed; outline-color: #69f }
.ltmargin { margin-left: 2em }
.topmargin { border-top: 1px dashed gray }
.....the frontpage images..... { }
#small        { background-color: transparent; margin-top: 5px; margin-left: 5px; padding: 10px; width: 290px; border: dotted 2px #c8cdc2; float: left; }
#small dl    { display: inline; margin: 10px 20px; padding: 0; width: 200px; float: left }

#small dt    { color: #627081; font-size: 130%; letter-spacing: 1px; margin: 0; padding: 0; width: 162px; text-align: left;float: left }
#small .alt dt    { color: #627081; font-size: 130%; letter-spacing: 1px; margin: 0; padding: 0; width: 162px; text-align: right ;float: right }


#small dd  { color: #666; font-size: 85%; line-height: 1.5 em; text-align: left; margin: 0 0 0 1px; padding: 0; height: 1.5em }

#small .alt dd  { color: #666; font-size: 85%; line-height: 1.5 em; text-align: left; margin: 0 10px 0 0; padding: 0; height: 1.5em }
#small .altdd { color: #666; font-size: 85%; line-height: 1.5 em; text-align: left; margin-top: 0; margin-bottom: 0; margin-left: 0; padding: 0 0 0 10px; height: 1.5em }
#altdd { padding-left: 1em }
#small dd.img img  { background: #fff; margin: 8 0 0; padding: 4px; float: right; border-style: solid; border-width: 1px; border-color: #d9e0e6 #d9e0e6 #c8cdd2 }
#small dd.img2 img   { background: #fff; margin: 0 0 0; padding: 0; float: right; border-style: solid; border-width: 0px; border-color: #d9e0e6 #d9e0e6 #c8cdd2 }
#small .alt dd.img img  { background: #fff; margin-top: 0; margin-right: 8px; margin-bottom: 0; padding: 4px; float: left; border-style: solid; border-width: 1px; border-color: #d9e0e6 #d9e0e6 #c8cdd2 }
.....the frontpage purchases.... { }
#frontpage { min-height: 600px }
#rightsidebarhsi { background: transparent; padding-right: 7px; padding-left: 7px; width: 295px; float: left }
.box h3 { color: #333; font-size: 130%; background-image: url("../imageb/blue_box.jpg"); background-repeat: no-repeat; background-position: left top; text-align: center; margin: 0; padding: 6px 8px 4px 10px; width: 273px; border-bottom: 1px none #e0cfab }
.box  { background-image: url("../imageb/blue-box2.jpg"); background-repeat: no-repeat; background-position: left bottom; list-style: none; margin-top: 10px; width: 273px; float: right }
.box li  { color: navy; text-align: left; list-style: none }
#bottom_content  { margin-right: 10px; margin-left: 0; padding: 10px; width: auto; float: left; clear: both; border-top: 2pt double #999; border-bottom: 2pt double #666 }
#table_product { border-right: 1px dashed #999; outline: none 0 silver }
#pdline { border-top: 1px dashed #999 }
....the footer .... { }
#footer  { background-color: #fff; text-align: inherit; list-style-image: url("../imageb/PoweredByPT.jpg"); padding-left: 5%; width: auto; height: 100px; clear: both; border-style: dashed none none; border-width: 1px 0 0; border-color: #ccc #999 #999 }
#footer img  { background-image: url("../imageb/PoweredByPT.jpg"); background-repeat: no-repeat; list-style-image: url("../imageb/PoweredByPT.jpg"); margin-top: 0.2em; width: auto; height: auto; float: left !important; border-width: 0; border-color: #fff }
#footer p { font-size: 70% }
#footer #center img { margin-left: 7em; padding-right: 8em; float: right }
#wwa { text-indent: 1em; padding-right: 1em }
#wwa img  { padding-right: 1em; float: left }