/* 
AEK Marketing -  64.28.36.10
 
LAST EDIT: drg
DATE: 12-13-2007

 */


/* ::::::: Genereal Elements ::::::: */

* { /* Global Reset */
margin: 0px;
padding: 0px;
}

body {
background: #265a85 url(/client/images/bg.gif) top center repeat-y;
}

h1 {
font: bold 18px/22px Arial, Helvetica, sans-serif;
color: #064667;
margin: 0px 0px 10px 0px;
}

h2 {
font: bold 15px/20px Arial, Helvetica, sans-serif;
color: #ff0000;
margin: 0px 0px 7px 0px;
}

h3 {
font: normal 14px/18px Arial, Helvetica, sans-serif;
color: #575757;
margin: 5px 0px;
}

p {
font: normal 12px/18px Arial, Helvetica, sans-serif;
color: #000000;
padding: 0px 0px 7px 0px;
}

ul {
list-style-position: inside;
}

li {
font: normal 12px/18px Arial, Helvetica, sans-serif;
color: #000000;
}

a {
color: #064667;
text-decoration: none;
}
a:hover {
color: #064667;
text-decoration: underline;
}

img {
margin: 0px;
padding: 0px;
border: 0px;
}

table {
}

tr {
}

th {
}

td, textarea, input {
font: normal 12px/18px Arial, Helvetica, sans-serif;
color: #000000;
}

/*  ::::::: Main Wrap  ::::::: */

.MainBody {
width: 804px;
margin: 0px auto;
background: #ffffff url(/client/images/mainbody.gif) left top repeat-y;
}

/* ::::::: Header ::::::: */

.TopOfPage {
width: 100%;
background: url(/client/images/header.gif) top center no-repeat;
}

.header {
margin: 0px auto;
width: 804px;
height: 137px;
}

a.HomeLink {
float: left;
width: 155px;
height: 90px;
display: block;
}

a.HomeLink span {
display: none;
}

.toplinks {
text-align: right;
padding: 20px;
width: 609px;
float: right;
}

.toplinks img {
vertical-align: text-top;
padding: 0px 4px 0px 20px;
}

.toplinks a {
font: bold 10px Arial, Helvetica, sans-serif;
text-transform: uppercase;
}

/* ::::::: Modified Suckerfish CSS Dropdown ::::::: */
.ToolBar {
width: 100%;
background: url(/client/images/nav.gif) top center no-repeat;
}

.nav {
margin: 0px auto;
width: 798px;
height: 22px;
text-align: center;
padding: 0px 3px;
}

ul#nav, ul#nav li ul { /* all lists */
list-style: none;
text-align: center;
padding: 0;
margin: 0;
}

ul#nav li a { /*main links*/
font: bold 11px/22px Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #265a85;	
background: url(/client/images/link.gif) top left no-repeat;
height: 22px;
display: block;
text-decoration: none;
}

ul#nav li a:hover {
font: bold 11px/22px Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #265a85;	
background: url(/client/images/link.gif) bottom left no-repeat;
height: 22px;
display: block;
text-decoration: none;
}

ul#nav li { /* all list items */
float: left;
position: relative;
width: 150px;
}

ul#nav li ul { /* second-level lists */
background: transparent;
display: none;
position: absolute;
width: 170px;
border-top: #00aeff 1px solid;
border-right: #00aeff 1px solid;
}

ul#nav li ul li {
width: 169px;
float: left;
position: relative;
border-bottom: #00aeff 1px solid;
border-left: #00aeff 1px solid;
}

ul#nav li ul li a { /*sub links */
background: url(/client/images/yellow-trans.png) repeat;
font: bold 11px/22px Arial, Helvetica, sans-serif;
text-transform: uppercase;
text-align: left;
text-decoration: none;
color: #265a85;	
width: 149px;
padding: 0px 10px;
}

ul#nav li ul li a:hover {
background: url(/client/images/blue-trans.png) repeat;
font: bold 11px/22px Arial, Helvetica, sans-serif;
text-transform: uppercase;
text-align: left;
text-decoration: none;
color: #265a85;	
width: 149px;
padding: 0px 10px;
}

ul#nav li>ul#nav ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: auto;
}

ul#nav li:hover ul, ul#nav li.over ul { /* lists nested under hovered list items */
display: block;
}


.phone {
font: bold 12px/22px Arial, Helvetica, sans-serif;
text-align: left;
width: 158px;
height: 22px;
display: block;
float: right;
background: url(/client/images/phone-bg.gif) top left no-repeat;
padding: 0px 20px;
}

.phone img {
vertical-align: middle;
padding: 0px 2px 0px 0px;
}

/* ::::::: Inner/Right Wrap ::::::: */

.Wrap {
}

/* ::::::: Main Content Area ::::::: */

.InnerBody {
float: right;
width: 535px;
padding: 30px 15px 30px 0px;
}

.showcase {
margin: 10px 0px;
border: 1px solid #064667;
padding: 1px;
}

.showcase h3 {
background: #064667;
font: normal 12px/24px Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #FFFFFF;
padding: 0px 10px;
}

.showcase h4 {
font: normal 14px/24px Arial, Helvetica, sans-serif;
color: #064667;
padding: 10px;
}

.showcase p {
font: normal 11px/18px Arial, Helvetica, sans-serif;
color: #414141;
}

.showcase p.ourprice {
font: normal 11px/18px Arial, Helvetica, sans-serif;
color: #ff0000;
}

.showcase a.blue-button {
font: normal 12px/24px Arial, Helvetica, sans-serif;
text-align: center;
border: 1px solid #064667;
color: #FFFFFF;
width: 120px;
height: 24px;
float: left;
display: block;
background:url(/client/images/blue-button.gif) top left repeat-x;
margin: 3px 5px 3px 0px;
}

.showcase a.red-button {
font: normal 12px/24px Arial, Helvetica, sans-serif;
text-align: center;
border: 1px solid #ff0000;
color: #FFFFFF;
width: 120px;
height: 24px;
float: left;
display: block;
background:url(/client/images/red-button.gif) top left repeat-x;
margin: 3px 5px 3px 0px;
}

.showcase img {
float: left;
}

/* ::::::: Right Column  ::::::: */

.RightMargin {
display: none;
}

/* ::::::: Left Column ::::::: */

.LeftMargin {
float: left;
width: 244px;
padding-top: 20px;
}

.LeftMargin h3 {
display: block;
font: bold 10px/20px Arial, Helvetica, sans-serif;
text-align: left;
text-transform: uppercase;
text-decoration: none;
color: #575757;
background: url(/client/images/hotboxtitle.gif) top left repeat;
width: 204px;
padding: 0px 10px;
margin: 0px 10px;
}

.LeftMargin p {
display: block;
font: normal 10px/16px Arial, Helvetica, sans-serif;
text-align: left;
text-decoration: none;
color: #000000;
background: #fffad8;
width: 204px;
padding: 10px;
margin: 0px 10px;
}

.sublinks {
width: 224px;
padding: 10px;
}

.sublinks a {
display: block;
font: bold 10px/24px Arial, Helvetica, sans-serif;
text-align: left;
text-transform: uppercase;
text-decoration: none;
color: #000000;
background: url(/client/images/sublink.gif) top left no-repeat;
width: 204px;
padding: 0px 10px;
margin: 0px 0px 1px 0px;
}

.sublinks a:hover {
display: block;
font: bold 10px/24px Arial, Helvetica, sans-serif;
text-align: left;
text-transform: uppercase;
text-decoration: none;
color: #000000;
background: url(/client/images/sublink.gif) bottom left no-repeat;
width: 204px;
padding: 0px 10px;
margin: 0px 0px 1px 0px;
}

 /* ::::::: Bottom Links ::::::: */
 
.SiteFooter {
text-align: center;
border-top: 3px double #265a85;
border-bottom: 3px double #265a85;
clear: both;
}

.SiteFooter a {
font: bold 11px/22px Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #265a85;
margin: 10px 25px;
}

/* ::::::: Copyright Area ::::::: */

.Footer {
text-align: center;
width: 804px;
margin: 0px auto;
}

.Footer p {
width: 804px;
font: normal 10px/24px Arial, Helvetica, sans-serif;
}

.Footer img {
margin: 8px;
}

/*:::::: Catalog Product Pages ::::::*/
.ProductWrap {
padding: 0px 0px 10px 0px;
clear: both;
display: block;
}
.ProductWrap h3 {
font: bold 14px/18px arial, sans-serif;
color: #cc3300;
padding: 20px 0px 0px 0px;
}
.ProductWrap img {
margin: 0px 0px 10px 0px;
}
.ProductOptionWrap {
clear:both;
margin: 0px;
}
.ProductOptionWrap h3 {
font: bold 11px arial, sans-serif;
text-transform: uppercase;
margin-bottom: 5px;
}
.ProductOption {
font: normal 12px/17px arial, sans-serif;
}
.ProductDetailWrap {
padding: 0px 0px 10px 0px;
clear: both;
display: block;
}
.ProductDetailWrap img {
margin: 0px 0px 10px 0px;
width: 210px;
float: right;
}
.ProductDetailWrap ul {
list-style-position: outside;
padding-left: 20px;
}
.ProductDetailWrap h3{
font: bold 14px arial, sans-serif;
color: #cc0000;
margin: 15px 0px 10px 0px;
}
.BuyButtonWrap {
clear: both;
}
.ProductPageDescriptionHeader {
font: bold 12px/17px arial, sans-serif;
padding: 15px 0px 5px 0px;
}