#nav aside a {font-size: 11px; margin: 10px; padding: 8px;}

.box_outer {border:1px solid #CCC;}
.box_inner {border: 2px solid #FFF; background: #F4F4F4;}

#left .box_outer {margin: 0 20px;}
#left .box_inner {padding: 18px;}
#left h3 {font-size: 13px; color: #333; font-weight: normal; font-family: 'QuicksandBoldOblique'; text-transform: uppercase; margin: 10px 0; padding-bottom: 10px; background: url('../assets/h3_bg.png') no-repeat bottom left;}
#left nav {padding-right: 14px;}
#left nav a {display: block; text-decoration: none; color: #333333; padding: 3px 0;}
#left nav a.selected, #main #left nav a.selected:hover {font-family: 'QuicksandBold'; color: #fff; background: #FF98AC; margin: 0 -18px 0 -18px; padding-left: 18px;}
#left nav a:hover {color: #FF98AC;}

.placard {border: 1px solid #ccc; overflow: hidden; padding: 10px; box-shadow: 0px 0px 5px #ccc; margin-bottom: 10px;}
.placard ul {height: 288px; overflow: hidden;}
.placard ul li {list-style: none; width: 288px; text-align: center; line-height: 288px}
.placard ul li img {vertical-align: middle}
.placard .next {position: absolute; right: 10px; padding: 10px; top: 50%; margin-top: -30px; z-index: 9999;}
.placard .prev {position: absolute; left: 10px; padding: 10px; top: 50%; margin-top: -30px; z-index: 9999;}
#content .placard h2 {margin: 0; padding: 0; border: 0; font-size: 13px; line-height: 1.3em;}
#content .placard h3 {font-size: 12px; color: #444; font-weight: 100;}

.container_24 .free_card {width: 200px;}
.free_card ul {height: 200px;}
.free_card ul li {width: 200px; height: 200px; line-height: 200px}
.message {background: #FFC; margin: 10px 0; padding: 10px; border: 1px solid darken(#FFC, 50%);}
.error {background: #f5d3d4; border-color:  darken(#f5d3d4, 50%); color: darken(#f5d3d4, 75%)} 
.message p {padding: 10px; margin: 0;}

#vendor_nav {display: none}

.clear {clear: both}
.clearleft {clear: left}

/* VENDOR */

h4 {float: right; font-size: 11px}
.active_user #slideshow li:hover .controls {display: block}
.active_user .editable:hover {background: #FFFFCC; color: #000}
.visitor .upgrade {display: none}

.description { font-size: 14px; padding-top: 10px}

dl { width: 100%; font-size: 11px; }
dt { color: #999; clear: both }
dd { margin: 0 0 14px 0; max-width: 200px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden }

.vendor ul {margin: 20px 0}
.vendor ul li {list-style: none; margin: 0 auto; text-align: center; padding-right: 10px}
.vendor ul li img {background: #fff; padding: 3px; border: 1px solid #CCC; }
.vendor ul li img:hover {border: 1px solid #AAA; }
.vendor #slideshow li {width: 640px}
.vendor .controls {bottom: 40px; right: 0; display: none; background: darken(#ff0000, 15%); padding: 3px 8px}
.vendor .controls a {color: #fff}
.vendor #snav {padding-top: 10px}
.vendor #snav li {float: left; padding-right: 5px}