/*---------------------------------------------
TSD Screen StyleSheet

version:  1.0
author:   citrusfresh design
email:    jesh@citrusfreshdesign.com
website:  www.citrusfershdesign.com
----------------------------------------------*/


* {
	margin: 0;
	padding: 0;
}

body {
	font: 62.5% Palatino, Georgia, Geneva, Arial, Helvetica, sans-serif;
	background: #fff url(../images/bg.png) repeat-y left top;
	color: #666;
}

#wrapper {
	width: 960px;
}


/*  HEADER --------------- */

#header {
	width: 222px;
	float: left;
	background: url(../images/header.png) no-repeat right top;
	padding: 300px 38px 0 50px;
}

#header img {
	width: 222px;
	padding-bottom: 25px;
	border-bottom: 1px solid #bfbfbf;
	margin-bottom: 18px;
}

#header p {
	font-size: 1.1em;
	line-height: 2em;
	margin-bottom: 25px;
}

b { color: #4f7e37; }

i {
	font-weight: bold;
	color: #4d4d4d;
}

em { color: #629f07; }

.center {
	text-align: center;
	margin-top: -18px;
}

p#sales-badge {
	text-align: center;
	font-size: 15px;
	color: #404040;
	background: url(../images/sales-badge.png) no-repeat center top;
	width: 222px;
	height: 141px;
	line-height: 28px;
	padding-top: 10px;
}

p#sales-badge span {
	font-size: 12px;
}

/*  MAIN NAV --------------- */

div#nav {
	width: 104px;
	float: left;
}

ul.navigation {
	list-style-type: none;
}

ul.navigation a, div#blog a {
	display: block;
	color: #aaa;
	width: 100px;
	padding-top: 70px;
	margin-bottom: 5px;
	font-size: 1.2em;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

ul.navigation a:hover, div#blog a:hover {
	color: #555;
}

/*  NAVICONS ---------- */

li.nav1 {
	padding-bottom: 20px;
	border-bottom: 1px dotted #bbb;
	margin-bottom: 0px;
}

li.nav1, li.nav1 a {
	background: url(../images/nav1.png) no-repeat right top;
}

li.nav1 a:hover, li.nav1 a.selected {
	background: url(../images/nav1.png) no-repeat left top;
}

li.nav2, li.nav2 a {
	background: url(../images/nav2.png) no-repeat right top;
}

li.nav2 a:hover, li.nav2 a.selected {
	background: url(../images/nav2.png) no-repeat left top;
}

li.nav3, li.nav3 a {
	background: url(../images/nav3.png) no-repeat right top;
}

li.nav3 a:hover, li.nav3 a.selected {
	background: url(../images/nav3.png) no-repeat left top;
}

li.nav4, li.nav4 a {
	background: url(../images/nav4.png) no-repeat right top;
}

li.nav4 a:hover, li.nav4 a.selected {
	background: url(../images/nav4.png) no-repeat left top;
}

li.nav5, li.nav5 a {
	background: url(../images/nav5.png) no-repeat right top;
}

li.nav5 a:hover, li.nav5 a.selected {
	background: url(../images/nav5.png) no-repeat left top;
}

li.nav6, li.nav6 a {
	background: url(../images/nav6.png) no-repeat right top;
}

li.nav6 a:hover, li.nav6 a.selected {
	background: url(../images/nav6.png) no-repeat left top;
}

div#blog, div#blog a {
	background: url(../images/nav7.png) no-repeat right top;
}

div#blog a:hover {
	background: url(../images/nav7.png) no-repeat left top;
}


div.content {
	float: right;
	width: 475px;
}

* html div.content {
	width: 419px; /* IE 6 Box Hack */
}

/*  MININAV -----------*/

ul.mininav {
	list-style: none;
	font-size: 1em;
	width: 100%;
	text-transform: uppercase;
	margin: 7px 0 0 28px;
}

ul.mininav li {
	float: left;
	background: url(../images/sub-nav-right.png) no-repeat right top;
	margin: 0 10px 0 0;
}

ul.mininav a {
	display: block;
	color: #666;
	text-decoration: none;
	line-height: 28px;
	float: left;
	background: url(../images/sub-nav-left.png) no-repeat left top;
	padding: 0 3em 0 2em;
	border-bottom: none;
}

ul.mininav a:hover {
	color: #bbb;
}


/*  SLIDER --------------- */

#slider {
	width: 579px;
	float: left;
	padding-top: 36px;
	position: relative; /* For LEFT/RIGHT Scroll Btns */
}

.scroll {
    height: 720px;
    width: 475px;
    overflow: auto;
    overflow-x: hidden;
    position: relative; /* fix for IE to respect overflow */
    clear: both;
}

.scrollButtons {
  	position: absolute;
  	top: 137px;
  	cursor: pointer;
	z-index: 10;
}

* html .scrollButtons {
	top: 133px;
}

.scrollButtons.left {
  	left: 115px;
}

.scrollButtons.right {
  	right: 12px;
}

/*  PANELS -------*/

div.panel, .zoomcontainer {	
	width: 419px;
	padding: 0 27px 0 28px;
}

.zoomcontainer {
	margin: 0 auto;
}

div.panel {
	height: 720px;
}

div.panel h2, .zoomcontainer h2 {
	clear: both;
	text-decoration: none;
	font: normal 44px/52px /*"Zephyr", */Palatino;
	background: url(../images/rule.png) repeat-x left bottom;
	margin: 22px 0 20px;
}

* html div.panel h2 {
	margin-top: 17px; /* IE 6 Hack */
}

div.panel p, .zoomcontainer p  {
	font-size: 1.3em;
	line-height: 1.5em;
	margin-bottom: 25px;
}

/*  SUMMARY -------*/

div.panel h3.summary, .zoomcontainer h3.summary {
	background: #656565 url(../images/summary-bg.png) repeat-x left top;
	border: 2px solid #444;
	padding: 16px;
	color: #ddd;
	font-weight: normal;
	font-size: 1.2em;
	line-height: 1.6em;
	margin-bottom: 25px;
}

div.panel h3.summary span, .zoomcontainer h3.summary span {
	font-size: 1.4em;
	font-weight: bold;
	text-shadow: #444 0 0 3px;
}

div.panel h3.summary b, div.panel h3.summary em, div.panel h3.summary strong, div.panel h3.summary i, div.panel h3.summary span {
	color: #fff;
}


/*  PANEL LINKS -------*/

div.panel a[href^="http:"], .zoomcontainer   a[href^="http:"] {
	padding-right: 13px;
	background: url(../images/ext.gif) no-repeat right top;
}

div.panel a[href^="http://www.tradeshowdriver.com"], div.panel a[href^="http://tradeshowdriver.com"], .zoomcontainer a[href^="http://www.tradeshowdriver.com"], .zoomcontainer a[href^="http://tradeshowdriver.com"] {
	background-image: none;
	padding-right: 0;
}

* html div.panel a:link, * html div.panel a:visited, * html .zoomcontainer a:link, * html .zoomcontainer a:visited {
	border: none;
	text-decoration: underline;
}

div.panel a:link, div.panel a:visited, .zoomcontainer a:link, .zoomcontainer a:visited {
	color: #3c3f1d;
	text-decoration: none;
	border-bottom: 1px dotted #666;
}

div.panel a:hover, div.panel a:active, .zoomcontainer a:hover, .zoomcontainer a:active {
	color: #629f06;
	text-decoration: none;
}

div.panel a.zoom, .zoomcontainer a.zoom {
	padding-bottom: 12px;
	background: url(../images/c-to-e.png) no-repeat left bottom;
	border: none;
}

div.panel img, .zoomcontainer img {
	border: 1px solid #629f07;
}

div.panel h4, .zoomcontainer h4 {
	color: #444;
	font-size: 1.2em;
	line-height: 1.5em;
	margin-bottom: 10px;
}

div.panel ul, .zoomcontainer ul {
	margin: 0 0 25px 15px;
	font-size: 1.2em;
	list-style-image: url(../images/bullet.gif);
}

div.panel li, .zoomcontainer li {
	margin-bottom: 14px;
}

* html div.panel li {
	margin-bottom: 10px;
}

/*  SPECIAL LIST White (list-wh) --- */

div.panel div.list-wh, div.zoomcontainer div.list-wh {
	border-top: 1px solid #ccc;
	font-size: .9em;
	margin-bottom: 20px;
}

div.panel div.list-wh p, div.zoomcontainer div.list-wh p {
	margin: 0;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

div.panel div.list-wh p span, div.zoomcontainer div.list-wh p span {
	display: block;
	height: 2em;
	line-height: 2em;
	border: 2px solid #fff;
	background: #e8e8e8 url(../images/li-bg-wh.png) repeat-x left top;
	padding-left: 15px;
}

div.panel div.list-wh p span strong b, div.zoomcontainer div.list-wh p span strong b {
	font-size: 1.3em;
	padding: 0 10px 0 0;
}

/*  DOWNLOAD BUTTON --------- */

p.download {
	width: 300px;
	text-align: center;
	margin: 0 auto;
	background: url(../images/download.png) no-repeat left top;
}

div.panel p.download a, #zoomcontainer p.download a, div.starting p.download a {
	display: block;
	text-align: left;
	height: 50px;
	background: url(../images/download.png) no-repeat left top;
	border: none;
	padding-left: 60px;
}

div.panel p.download a:hover, #zoomcontainer p.download a:hover, div.starting p.download a:hover {
	background: url(../images/download-hvr.png) no-repeat left top;
}

/*  SPECIAL LIST Black (list-bk) --- */

div.panel div.list-bk, div.zoomcontainer div.list-bk {
	border-top: 1px solid #4d4d4d;
	font-size: .9em;
	margin-bottom: 20px;
}

div.panel div.list-bk p, div.zoomcontainer div.list-bk p {
	margin: 0;
	border: 1px solid #4d4d4d;
	border-top: none;
}

div.panel div.list-bk p span, div.zoomcontainer div.list-bk p span {
	color: #ddd;
	display: block;
	height: 2em;
	line-height: 2.3em;
	border: 2px solid #727272;
	background: #666 url(../images/li-bg-bk.png) repeat-x left top;
	padding-left: 15px;
}

div.panel div.list-bk p span:hover, div.zoomcontainer div.list-bk p span:hover {
	border: 2px solid #555;
	background: #464646 url(../images/li-bg-bk-hvr.png) repeat-x left top;
}

div.panel div.list-bk p span strong, div.zoomcontainer div.list-bk p span strong {
	color: #fff;
	text-shadow: #444 0 0 3px;
}

div.panel div.list-bk p span strong b, div.zoomcontainer div.list-bk p span strong b {
	color: #bce21b;
	font-size: 1.3em;
	line-height: 1em;
	padding: 0 10px 0 0;
}

/*  FOOTER ------------ */

div.legal {
	text-align: center;
	padding-bottom: 25px;
	line-height: 1.5em;
}

div.legal a:link, div.legal a:visited {
	color: #4f7e37;
}

div.legal a:hover, div.legal a:active {
	color: #3c3f1d;
}

#footer {
	width: 64px;
	height: 291px;
	float: left;
	background: url(../images/footer.png) no-repeat left top;
}