/*
-----------------------------------------------
Vendstar Styles
Version:  20 February 2008
Author: Russ Wittmann
----------------------------------------------- */


/*--(layout styles)------------------------------------------------*/
body {background-image: url(images/page-bg.gif);background-repeat: repeat-x;background-color: #EFEFEF;margin: 0px;padding: 0px;font-family: Verdana, Arial, Helvetica, sans-serif;}
.container {width: 960px;margin: 0 auto;position:relative;}
#content {width: 960px;min-height: 1%;}

a { color:#005AD6;}

/*--(column styles)------------------------------------------------*/
.threecol .container {background-image: url(images/lines-3.gif);background-repeat: repeat-y;}
.threecol #content {background-image: url(images/candy.jpg);background-repeat: no-repeat;background-position: 15px bottom;}

.twocol .container {background-image: url(images/lines-2.gif);background-repeat: repeat-y;}
.twocol #content {background-image: url(images/candy.jpg);background-repeat: no-repeat;background-position: center bottom;}

img {border:none}
p , ul {font-size: .8em;}
h2 {font-size: 1.2em;color: #005AD6;}


/*--(header styles)------------------------------------------------*/
#header {position:relative;background-image: url(images/header.jpg);background-repeat: no-repeat;height: 249px;}
#phone {right:15px; top:4px;}
#spanish {right:450px; top:4px;}
#email {left:15px; top:4px;}
#email a { color:#000; text-decoration:none;}
#asseen {position:absolute;right:135px;top: 50px;}
#chat {position:absolute;right:10px;top: 45px;}
#phone {font-size:13pt;position: absolute; font-weight:bold} 
#email {font-size:10pt;position: absolute; font-weight:bold}
#spanish {font-size:10pt;position: absolute; font-weight:bold}
#spanish a { color:#000; text-decoration:none;} 

/*--(mini navigation styles)------------------------------------------------*/
#mininav {position: absolute;right: 50px;bottom:42px;}
#mininav ul {position: relative;margin: 0;padding:0;list-style: none;float: left;}
#mininav ul li {float: left;background: transparent;padding-left: 10px;}
#contactm a {background-image: url(images/contact.gif);background-repeat: no-repeat;background-position: center top;}
#store a {background-image: url(images/store.gif);background-repeat: no-repeat;background-position: center top;}
#mininav li a {display: block;text-decoration: none;float: left;font-family: Arial, sans-serif;font-size: 15px;color:#000;font-weight: bold;border-bottom: none;padding: 1.9em 0.8em 0em;}

/*--(main navigation styles)------------------------------------------------*/
#navigation {position: absolute;height: 2.6em;bottom: -1px;left:10px;}
#navigation ul {position: relative;margin: 0;padding:0;list-style: none;float: left;}
#navigation ul li {float: left;background: transparent;padding-left: 5px;}
#navigation li a {display: block;text-decoration: none;float: left;background: transparent;font-family: Arial, sans-serif;font-size: 15px;color:#000;text-shadow: #333 0 0 2px;font-weight: bold;border-bottom: none;padding-top: 0.8em;padding-right: 0.8em;padding-bottom: 0.8em;padding-left: 0.5em;}	
#navigation ul li a:hover, #mininav ul li a:hover {color:#fff;}

body#home_page #home_tab,
body#about_page #about_tab,
body#vendstar_page #vendstar_tab,
body#opp_page #opp_tab,
body#faq_page #faq_tab,
body#test_page #test_tab,
body#get_page #get_tab {background: url(images/tab-left.gif) top left no-repeat;}

body#home_page #home_link,
body#about_page #about_link,
body#vendstar_page #vendstar_link,
body#opp_page #opp_link,
body#faq_page #faq_link,
body#test_page #test_link,
body#get_page #get_link {background: url(images/tab-right.gif) top right no-repeat;color: #000;text-shadow: #e7decf 0 0 2px;}


/*--(main content styles)------------------------------------------------*/
#main {
	width: 720px;
	margin: 0px;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 50px;
	padding-left: 0px;
}

.twocol #main {
	width: 960px;
	margin: 0px;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 50px;
	padding-left: 0px;
}

.main-cont {
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 30px;
}
.twocol .main-cont {
	padding:30px;
}




/*--(sidebar styles)------------------------------------------------*/
#sidebar {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 240px;
}

.side-cont {
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 15px;
}




/*--(heading styles)------------------------------------------------*/
#why {
	background-image: url(images/why.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 40px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #aaa;
	margin: 0px;
	font-size: 1em;
	color: #005AD6;
}

#opp {
	background-image: url(images/opp-graph.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 40px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #aaa;
	margin: 0px;
	font-size: 1em;
	color: #005AD6;
}

#spotlight {
	background-image: url(images/spotlight.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
	padding-top: 20px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #aaa;
	font-size: 1em;
	color: #005AD6;
	margin-top: 35px;
	padding-bottom: 15px;
}

.testimonial {
	text-align: center;
}

#why-list {
	margin: 15px 0px;
	padding: 0px;
	list-style: none;
}

#why-list li {
	background-image: url(images/star.gif);
	padding-top: 10px;
	padding-bottom: 10px;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
	font-weight: bold;
}

#sitemap { list-style:none;}
#sitemap li { padding:5px 0px;}
#sitemap li a {
	background-image: url(images/document.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
}

/*--(footer styles)------------------------------------------------*/
#footer {
	float:left;
	width: 100%;
	background-image: url(images/footer.gif);
	background-repeat: repeat-x;
	background-color: #F8D908;
	position:relative!important;
}

#footer-info {width: 960px;margin: 0 auto; height:120px;position:relative!important; }
#footer a { color:#000; text-decoration:none;}

#footer-info p {
	font-size:70%;
	margin: 0px;
	color:#fff;
	padding: 8px 15px;
	position:absolute;
	top:0px;
	left:0px;
}
#bottom-nav {
	font-size:0.9em;
	position: absolute;
	top: 60px;
	right: 15px;
}

/*--(sticky note box styles)------------------------------------------------*/
/* set the image to use and establish the lower-right position */ 
.stickybox, .stickybox_body, .stickybox_head, .stickybox_head h2 {
	background-color: transparent;
	background-image: url(images/sticky.png);
	background-repeat: no-repeat;
	background-position: right bottom;
} 
.stickybox {
	width: 650px !important; /* intended total box width - padding-right(next) */
	width: 650px;
} 

/* set the top-right image */ 
.stickybox_head {
	background-position: top right; /* right-image-gap + right-inside padding */
} 

/* set the top-left image */ 
.stickybox_head h2 {
	background-position: top left;
	margin: 0; /* reset main site styles*/
	border: 0; /* padding-left = image gap + interior padding ... no padding-right */
	height: auto !important;
	height: 1%; /* IE Holly Hack */
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 20px;
	font-size: 1.2em;
	color: #005AD6;
} 

/* set the lower-left corner image */ 
.stickybox_body {
	background-position: bottom left;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 30px;
}

.stickybox_body p {
	font-size: .9em;
	margin: 0px;
	padding: 0px;
}


/*--(misc styles)------------------------------------------------*/
 table#started { font-size:80%;}
 
 #started th {
	padding-top: 8px;
	padding-bottom: 8px;
	background-color: #0061F3;
	color: #fff;
}

#started td, #started tr {
	padding: 8px;
	text-align: center;
}

.vs { text-align:center; padding-bottom:25px;}

.faqlist {
	color: #005AD6;
	font-size: .90em;
	padding-bottom: 50px;
}

.faqlist li { padding:8px 0;}

.faqanswers {color: #005AD6;
	font-size: .90em;
	padding-bottom: 50px;}
	
#profiles { margin-bottom:3px;}
.faqanswers li {color: #005AD6; font-weight:bold; padding-bottom:20px;}

.faqanswers li p { font-weight:normal; color:#000; font-size:.90em;}

.faqanswers li table { font-weight:normal; color:#000; font-size:.90em;padding-bottom:20px;}
#conform { font-weight:normal; color:#000; font-size:.80em;}
#conform small { font-size:.75em;}
#conform td {
	padding: 8px 0px;
}
.red { color:#CC0000;}
.under { text-decoration:underline;}
.people { float:left; width:145px;margin:0 5px; padding:5px; text-align:center;}
.wrap { margin-bottom:25px;}
.people img {
	border: 1px solid #0065FD;
	padding: 5px;
}
.people a img {
	background-color: #fff;
}

.people a:hover img {
	background-color: #FFCC00;
}
h4 {
	font-weight: normal;
	color: #333;
	font-size: 1em;
}
.name, .loc, .mac {font-size: .8em; padding:2px 0;}
small { font-size:.8em;}

#pagination { padding-bottom:25px;}

#video {
	padding-top:10px;
	background-color: #FFC;
	border: 1px solid #FEDA00;
	
}

#player { 
	text-align:center;
	padding: 25px;
	background-color: #FFC;
	border: 1px solid #FEDA00;
	margin-bottom: 15px;}

.boxc {
	background-color: #eee;
	border: 1px solid #ddd;
	padding: 15px;
	margin-bottom: 15px;
}
.boxnc {
	padding: 15px;
	background-color: #FFC;
	border: 1px solid #FEDA00;
	margin-bottom: 15px;
}

.boxc img, .boxnc img {
	border: 1px solid #0065FD;
	padding: 5px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.boxc p, .boxnc p {
	margin-top: 0px;
}

address { font-size:.8em; font-weight:bold;}

.clear {clear:both;height:1px;font-size:1px;line-height:1px;margin-top:-1px;overflow:hidden;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */