/* Clear */
*{background:none;border:0;list-style:none;margin:0;outline:none;padding:0;text-decoration:none;}

/* The 1Kb Grid */
.grid_1{width:50px}.grid_2{width:120px}.grid_3{width:190px}.grid_4{width:260px}.grid_5{width:330px}.grid_6{width:400px}.grid_7{width:470px}.grid_8{width:540px}.grid_9{width:610px}.grid_10{width:680px}.grid_11{width:750px}.grid_12{width:820px}.column{margin:0 10px;overflow:hidden;float:left;display:inline;}.row{width:840px;margin:0 auto;overflow:hidden;}.row .row{margin:0 -10px;width:auto;display:inline-block;}

/* General HTML Stuff */
html, body { height: 100%; margin: 0; min-height: 661px !important; min-width: 868px !important; padding: 0; }
body { background: #e5dacf; }
body, p, td, th { color: #592d12; font: 13px/24px Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif; vertical-align: top; }

a, a:link, a:visited, a:hover, a:active { color: #995c5f; text-decoration: none; }
a:hover { text-decoration: underline; }

b, strong { color: #78411f; font-size: 13px; font-weight: bold; }

h1, h2, h3, h4, h5, h6 { color: #b36b6f; margin-bottom: 15px; }

h1 { font-size: 24px; }
h2 { font-size: 18px; }
h3 { font-size: 14px; }
h4 { font-size: 12px; }
h5 { font-size: 10px; }
h6 { font-size: 8px; }

p { margin: 0; margin-bottom: .5em; text-align: justify; }
p a { text-decoration: underline; }

.clear { clear: both; height: .1em; }

/* Vertical Centering */
#vcenter { height: 100%; min-height: 661px; min-width: 868px; position: relative; width: 100%; }
#vcenter .inner { height: 661px; left: 50%; margin: 0 auto; margin-left: -434px; margin-top: -330px; position: absolute; top: 50%; width: 868px; }
* html #vcenter {height: 661px; margin: 0 auto; width: 868px; }

/* Header */
#header .logo h1 { height: 52px; padding: 15px 0 6px 0; width: 162px; }
#header .logo a { background: url(../images/huella-logo.gif); display: block; height: 100%; overflow: hidden; text-indent: -1000em; width: 100%; }
#header .links { padding-top: 47px; }
#header .links ul { float: right; }
#header .links li { border-left: 1px solid #b3987d; float: left; margin-left: 14px; padding-left: 14px; }
#header .links li.first { border: none; }
#header .links a { font-size: 18px; }

/* Main Body */
#shadow { background: url(../images/shadow.gif) no-repeat; height: 588px; margin: 0 auto; padding: 8px; position: relative; width: 868px; }
#wrapper { background: #b36b6f; border: 1px solid #fff; height: 566px; padding: 10px; position: relative; width: 846px; }
#container { background: #fff; border: 3px solid; border-color: #cca68f #f2dcce #f2dcce #cca68f; height: 560px; overflow: hidden; position: relative; width: 840px; }
#content { height: 560px; position: relative; }
#content .page { height: 560px; overflow: hidden; position: absolute; width: 840px; }

/* Home */
#home { left: 0; }

/* About */
#about { left: 840px; }
#about em { color: #b36b6f; font-size: 16px; font-weight: bold; }
#about h2 { font-size: 30px; font-style: italic; font-weight: bold; text-align: center; }
#about img { border: 1px solid #ccc; margin-bottom: 5px; }
#about img.right { float: right; margin-left: 10px; }
#about img.left { float: left; margin-right: 10px; }
#about p.center { text-align: center; }

/* Products */
#products { left: 1680px; }
#products .menu { background: url('../images/menu-shadow.gif') bottom left repeat-x; float: left; font-size: 15px; font-weight: bold; height: 70px; line-height: 30px; overflow: hidden; padding-bottom: 15px; position: relative; width: 840px; }
#products .menu ul { margin: 0; padding: 10px 0 0 0; }
#products .menu li { display: inline; margin: 0; padding: 0; }
#products .menu a { background: url("../images/tab-left.gif") no-repeat left top; float: left; margin: 0 0 0 10px; padding: 0 0 0 6px; text-decoration: none; white-space: nowrap; }
#products .menu a span { background: url("../images/tab-right.gif") no-repeat right top; color: #b98362; display: block; float: left; padding: 0 16px 0 10px; }
/* \*/#products .menu a span { float: none; }/* */
#products .menu li ul { clear: left; }
#products .menu li li a { background: none; border-left: 1px solid #ccc; color: #888; font-size: 13px; font-weight: normal; line-height: normal; padding: 0 0 0 10px; }
#products .menu li li a.first { border: none; }
#products .menu li li a:hover { text-decoration: underline; }
#products .menu li li span { background: none; color: #888; padding: 0; }
#collars-images { position: relative; width: 840px; }
#products .img { height: 475px; overflow: hidden; position: relative; width: 840px; }
#products .img li { height: 475px; overflow: hidden; position: relative; width: 840px; }
#products .img li[id] { display: table; position: static; }
#products .img li .vc { position: absolute; top: 50%; }
#products .img li .vc[class] { display: table-cell; position: static; vertical-align: middle; }
#products .img li .vc img { display: block; margin: 0 auto; position: relative; top: -50%; }

/* Dealer Pricing */
#pricing { left: 2520px; }
#form { background: #f2ebe6; border: 1px solid #cca68f; padding: 9px; position: relative; width: 240px; }
#form .top, #form .bottom { background: url('../images/form-corners.gif') 0 0 no-repeat; height: 5px; left: -1px; overflow: hidden; position: absolute; width: 260px; }
#form .top { top: -1px; }
#form .bottom { background-position: 0 -5px; bottom: -1px; }
#form .title { background: url('../images/form-backgrounds.gif') 0 0 no-repeat; color: #fff; font-size: 16px; font-weight: bold; height: 25px; line-height: 25px; margin-bottom: 10px; overflow: hidden; text-align: center; width: 240px; }
#form label { font-size: 16px; }
#form input { background: url('../images/form-backgrounds.gif') 0 -85px no-repeat; font-size: 16px; height: 25px; line-height: 20px; padding: 4px 4px 0 4px; width: 232px; }
#form .pass { margin-bottom: 35px; }
#form .submit { margin-bottom: 25px; text-align: center; }
#form .submit .button { background: url('../images/form-submit.gif') 0 0 no-repeat; color: #fff; font-weight: bold; height: 30px; margin: 0 auto; overflow: hidden; padding: 0; text-align: center; width: 72px; }
#form .submit :hover .button { background-position: 0 -30px; }
#message { height: 20px; margin-bottom: 5px; width: 240px; }
#message div { background: url('../images/form-backgrounds.gif') 0 -25px no-repeat; color: #fff; font-size: 12px; font-weight: bold; height: 20px; line-height: 20px; overflow: hidden; position: relative; text-align: center; width: 240px; }
#message div.green { background-position: 0 -65px; }
#message div.yellow { background-position: 0 -45px; color: #333 }
#downloads { height: 560px; left: 0; position: absolute; top: 0; width: 840px; }
#downloads .dl { background: #f2ebe6; border: 1px solid #cca68f; padding: 9px; position: relative; width: 380px; }
#downloads .dl ul, #downloads .dl li { list-style: disc inside; }
#downloads .dl li { padding-left: 15px; }
#downloads .dl .top, #downloads .dl .bottom { background: url('../images/download-corners.gif') 0 0 no-repeat; height: 5px; left: -1px; overflow: hidden; position: absolute; width: 400px; }
#downloads .dl .top { top: -1px; }
#downloads .dl .bottom { background-position: 0 -5px; bottom: -1px; }
#downloads .dl .title { font-size: 24px; font-weight: bold; }

/* Contact */
#contact { left: 3360px; }
#contact .info { padding-top: 200px; }
#contact .info a { font-size: 14px; font-weight: bold; }
#contact .info h2 { font-size: 30px; font-style: italic; font-weight: bold; text-align: center; }
#contact .info p { text-align: center; }
#contact .info strong { font-size: 18px; }