/* Main CSS Document */

@import url("core.css");

#holder { width: 770px; margin: 0px auto; background-color: #416fa3; padding: 19px 19px 0px 19px; background-image: url(../images/bg-in.gif); }
#holder .footerbottom { width: 756px; height: 19px; padding: 5px 7px 5px 7px; font-size: 11px; color: #ffffff; }
#holder .footerbottom a:link, #holder .footerbottom a:visited { color: #ffffff; }

#container { width: 756px; margin: 0px auto; background-color: #FFFFFF; padding: 7px; }

#header { width: 756px; height: 175px; margin: 0px auto; background-image: url(../images/header.jpg); background-repeat: no-repeat; }

#nav { width: 756px; height: 30px; background-image: url(../images/bg-nav.gif); background-repeat: repeat-x; margin: 0px auto; text-align: center; padding: 12px 0px 0px 0px; }
#nav ul li { margin: 0px; display: inline; font-size: 12px; color:#ffffff; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
#nav a:link, #nav a:visited { color: #ffffff; text-decoration: none; padding: 2px 7px 2px 7px; }
#nav a:hover { color: #ffffff; background-color: #4db4e8; }

#content { width: 756px; margin: 0px auto; }

#content .left { width: 181px; float: left; font-size: 11px; }
#content .left .graybox { background-color: #f5f5f5; padding: 10px 8px 10px 8px; }
#content .left ul li { margin: 0px; font-size: 11px; color:#4b4b4b; list-style-type: none; }
#content .left a.leftnav:link, #content .left a.leftnav:visited { background-image: url(../images/icon-leftnav.gif); background-repeat: no-repeat; background-position: left center; color:#4b4b4b; text-decoration: none; padding: 0px 0px 0px 18px; }
#content .left a.leftnav:hover { text-decoration: underline; }
#content .carttext { font-size: 16px; }

#content .right { width: 530px; float: right; padding: 20px; font-size: 12px; }
#content .right .productholder { width: 256px; }
#content .right .graybox { background-color: #f5f5f5; padding: 10px; }
#content .right .graybox .thumb { float: left; width: 91px; }
#content .right .graybox .shortdesc { float: right; width: 130px; font-size: 11px; }
#content .right .graybox .longdesc { float: right; width: 400px; font-size: 11px; }
#content .right .graybox .price { font-size: 12px; font-weight: bold; }

#footertop { width: 746px; padding: 5px; font-size: 11px; color: #ffffff; background-color: #1871bd; }
#footertop a:link, #footertop a:visited { color: #ffffff; text-decoration: none; text-transform: uppercase; }
#footertop a:hover { text-decoration: underline; }