@charset "UTF-8";
/* CSS Document */



/* colors

spice green: #94C83D
spice light grey: #BDBEBF
spice dark grey: #646466
spice red: #ED2A28
*/

/* All Pages */

body {width:800px;}
body {
	/*font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;*/
	font-family:"Lucida Grande",LucidaGrande,Lucida,"Trebuchet MS",Helvetica,Arial,sans-serif;
	margin:auto;
	color:#646466;
	font-size:14px;
	width:800px;
}

a {
	color:#94C83D;
}

a:visited {
	color:#94C83D;
}


h1{
	font-size:20px;
	font-weight:bold;
	line-height:50px;
	color:#000;
}

p{
	padding:5px 0;
}

p2{
	padding:5px 0;
	font-size:14px;
}

ul{
	/*list-style-image:url(../images/pepper.png);*/
	list-style:disc;
	margin-left:30px;
}

img {text-decoration:none;}


#header{
	padding:10px;
	text-decoration:none;
}

.header_topright{
	float:right;	
}
.header_topright a{
	text-decoration:none;
}
.header_topright ul{
	list-style:none;
	margin:0;
	padding:0;
}

.header_topright ul li{
	float:left;
	padding:3px 5px;
	font-weight:bold;
}

.header_topright ul li.header_li_here {
    color: #ED2A28;
}

.menu #current {
	background-position:left 0px;
	font-weight:bold;
    }
.menu #current a {
	background-position:right 0px;
    }

	
/* from drop down menu */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid_2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.menu {
	height:22px;
	position:relative;
	padding:5px 15px 0px 15px;
	z-index:100;
	border-bottom:5px;
	border-bottom-style:solid;
	border-color:#eaeaea;
	font-size:14px;
	margin:0px;
	margin-bottom:27px;
	}
.menu ul {/*padding:0; margin:0; list-style-type: none;*/
 list-style:none;
 padding:0; margin:0;
}

.menu ul li {/*float:left; border-left:1px solid #eee; width:106px;*/
	float:left;
	background:url(../images/left_side.gif)     	no-repeat;
	background-position:left -50px;
	margin:0px 2px;
	padding-left:5px;
	}

.menu ul li a, .menu ul li a:visited {/*display:block; width:101px; text-decoration:none; padding:0 0 0 5px; height:30px; line-height:30px; color:#000; background:#c9c9a7 url(../../graphics/drop.gif) bottom right no-repeat;*/
	display:block;
    background:url(../images/right_side.gif) no-repeat;
	background-position:right -51px;
	padding:5px 15px 4px 6px;
	text-decoration:none;
	color:#000;
	}

.menu table {border-collapse:collapse; margin:0; padding:0; font-size:1em;}

.menu ul li:hover a,
.menu ul li a:hover {/*color:#fff; background:#b3ab79;*/
	background-position:right -101px;}
	
.menu ul li:hover {
	background-position:left -100px;
}

.menu ul li:hover ul,
.menu ul li a:hover ul {/*visibility:visible; width:749px;background:#b3ab79; color:#fff;*/
	background:#94C83D;
	visibility:visible;
	}

.menu ul li ul {
	visibility:hidden;
	position:absolute;
	top:27px;
	height:20px;
	left:0;
	font-weight:normal;
	margin-left:0px;
	width:99.4%;
	margin-top:0px;
	border-top:7px;
	border-top-style:solid;
	border-color:#eaeaea;
	 margin-top:1px;
	 padding-bottom:2px;
	 padding-left:5px;
	 font-size:11px;
	 margin-right:0px;
	 background:#94C83D;
	}

.menu ul li ul li {background:none;
		margin-top:0px;}

.menu ul li:hover ul.right_side li,
.menu ul li a:hover ul.right_side li {float:right; border:0; border-left:1px solid #eee;}

.menu ul li:hover ul.left_side li,
.menu ul li a:hover ul.left_side li {float:left; border:0; border-left:1px solid #eee;}

.menu ul li:hover ul li a.sub,
.menu ul li a:hover ul li a.sub {/*Sub menu with more sub items | background:#bd8d5e url(../../graphics/drop2.gif) bottom right no-repeat; color:#fff;*/
	background:url(../images/drop.gif) bottom right no-repeat;}

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {visibility:hidden; position:absolute; left:0; top:30px; }

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {/*display:block; background:#b3ab79; color:#fff;*/
	display:block;
	font-size:11px;
	color:#FFF;
	background:none;
	font-weight:bold;}

.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {background:#94C83D; color:#000; height:10px;}

.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {visibility:visible; color:#000; background:#dfc184;}

.menu ul li:hover ul.right li {float:right;}

.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a {background:#dfc184; color:#000;}

.menu ul li:hover ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover ul li a:hover {background:#bd8d5e; color:#fff;}

#middlebar{
	font-size:11px;
	color:#FFF;
	background:#94C83D;
	font-weight:bold;
	overflow:auto;
	padding:5px 5px 5px 5px;
	padding-left:10px;
	border-top-width: medium;
	border-top-style: solid;
	border-top-color:#eaeaea;
	list-style:none;
	height:15px;
}
	#middlebar li{float:left;}
	#middlebar a{	color:#FFF;; 
					text-decoration:none;  
					padding-left:10px;  
					display:block; 
					float:left;
				}
	#middlebar a:hover {
		background:#94C83D;
		color:#000;
	}

#footer {
	margin:10px 13px 0px 15px;
	padding: 5px;
	font-size:10px;
	color:#999;
	clear:both;
	color:#fff;
	background-color:#94c83d;
	overflow:hidden;
	}

#footer ul {
	list-style:none;
	background-color:#94c83d;
}
#footer li {
	padding: 5px 20px;
	background-color:#94c83d;
	
}

#footer p {
	padding:8px 15px;;
}

#footer a {
	color:#fff;
	text-decoration:none;
}

/*interior pages*/
#content-img{
	width:200px;
	height:200px;
	float:left;
	margin-right:1em;
	margin-bottom:1em;
	background:#000 url(../images/spice_logo.png) bottom left;
}
#sidebar{
	width:155px;
	float:right;
	font-size:13px;
	margin-right:5px;
}

#sidebar ul {
	padding-left:0px;
	margin-left:2.5em;
	
}
#sidebar li {
	padding-bottom:5px;}
#sidebar a {
	color:#94C83D;
}
#sidebar .box{
	width:144px;
	border-color:#94C83D;
	border-style:solid;
	border-width:thin;
	margin:5px;
	padding:3px;
}
#sidebar .news{
	list-style:url(../images/rss.png);
	font-size:11px;
	margin-top:5px;
	}
#sidebar .twitter_div {
	list-style:url(../images/twitter.png);
	font-size:11px;
	margin-top:5px;
}

/*
Stretchy boxes for side bar
	| credits: original by francky kleyneman, see article/tutorial in Francky's Developers Corner:
	|          http://home.tiscali.nl/developerscorner/liquidcorners/liquidcorners.htm
*/

.top-left, .top-right, .bottom-left, .bottom-right { 
	background-image: url('../images/sidebar/corners.gif'); /* CHANGE: path and name of your image */
	height: 15px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	}
.top-left, .bottom-left { 
	margin-right: 0px; /* CHANGE: replace by the width of one of your corners */
	}
.top-right, .bottom-right { 
	margin-left: 15px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -15px;  /* CHANGE: replace by the height of one of your corners */
	}
.top-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.bottom-left  { 
	background-position: 0 -15px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
.bottom-right { 
	background-position: 100% -15px; /* CHANGE: replace second number by negative height of one of your corners */
	}
.inside {
	border-left: 1px solid #94C83D; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #94C83D;/* YCC: color & properties of the right-borderline */
	background: #FFFFFF;            /* YCC: background-color of the inside */
	color: #777;                 /* YCC: default text-color of the inside */
	padding-left: 9px;             /* YCC: all texts at some distance of the left border */
	padding-right:10px;   /* YCC: all texts at some distance of the right border */
	/*padding-top: -15px;
	padding-bottom: -15px;*/
	margin-top: -5px;
	margin-bottom: -5px;
	}
.notopgap    { margin-top: 0; }    /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: 0; } /* DNC: to avoid splitting of the box */


#main {
	padding:0 15px 15px 15px;
	width:600px;
	float:left;
}
#main h1 {
	padding:0;
	margin:0;
}
#main h2{
	font-size:16px;
	color:#94C83D;
	margin:1em 0px 0.5em 0px;
}

#main h3{
	margin:0.25em;
	font-weight:bold;
}

#main li{
	margin:10px 0;
}
#main .dots li{
	list-style:disc;
}

#main .float_me{
	float:left;
	width:300px;
}

#main .float_me li{
	list-style:disc;
}

/*home page*/
	
#home_graphic {
	position: relative; width:770px; height:230px; background-color:#e6e6e6; margin:0px 0px 15px 15px; clear:both;}
.corner { position: absolute; width: 20px; height: 20px; background: url('../images/corners.gif') no-repeat; font-size: 0%; }
.cornerBoxInner { padding: 15px; text-align: center; }
.TL { top: 0; left: 0; background-position: 0 0; z-index:100; }
.TR { top: 0; right: 0; background-position: -20px 0; }
.BL { bottom: 0; left: 0; background-position: 0 -20px; }
.BR { bottom: 0; right: 0; background-position: -20px -20px; }

#home_graphic h1{
	font-size:24px;
	color:#ED2A28;
	line-height:35px;
}

#home_graphic p {
	font-size:large;
	margin-top:10px;
}

/*this is for the content below the grey box.... i think*/
.homebox{
	background:url(../images/home/box_gradient.png) repeat-y left;
	height:330px;
	width:200px;
	float:right;
	border-left:#e6e6e6 solid 2px;
	padding:5px;
	overflow:hidden;
	margin-right:15px;
}

.homebox li{
	list-style:disc;}

.home_content{
	width:480px;
	margin:15px;
	padding:0 15px 15px 15px;
}

.home_content h1{
	font-size:20px;
	font-weight:bold;
	line-height:20px;
	
}
.home_content p{
	font-size:16px;
}
.home_content_box{
	float:left;
	width:240px;
	margin-top:15px;
}
.home_content_box h2{
	color:#94C83D;
}

.home_content_box p{
	font-size:10px;
}
.home_content_box img{
	float:left;
	margin:5px;
}
.home_content_box ul{
	margin-left:10px;
}
.home_content_box li{
	list-style:disc;
	margin-right:5px;
	font-size:smaller;
}


/* ---------------------------------------------------- */
/* SLIDESHOW
/* ---------------------------------------------------- */
#slideshow {
	float:right;
	margin-top:-7px;
width: 400px;
background-color: #e6e6e6;
height:220px;
/*border: 1px solid #ddd;*/
}

#slideshow ul {
margin: 0;
overflow:hidden;
padding: 0;
list-style-type: none;
height: 1%; /* IE fix */
height:220px;}

#slideshow ul li{
	list-style:none;
}

#slideshow ul:after {
content: ".";
clear: both;
display: block;
height: 0;
visibility: hidden;}    

#slideshow img{
	padding:0;
	margin:0;
}


/* ---------------------------------------------------- */
/* SLIDESHOW > SLIDES
/* ---------------------------------------------------- */
#slideshow .slides {
overflow: hidden;
width: 400px;
}

#slideshow .slides ul {
/* total width of all slides -
960px multiplied by 3 in this case */
width: 400px;}

#slideshow .slides li {

width: 400px;
float: left;
/*padding: 20px;*/
list-style:none;
font-size:large;

}

#slideshow .slides p {
	color:#94C83D;
	font-size:small;
	text-align:center;
	margin-top: 0;}


/* ---------------------------------------------------- */
/* SLIDESHOW > NAVIGATION
/* ---------------------------------------------------- */
#slideshow .slides-nav {
background-color: #e6e6e6;
border: 1px solid #ddd;
border-top: 2px solid #ccc;
font-size:smaller;
}

#slideshow .slides-nav li {
float: left;}

#slideshow .slides-nav li a {
display: block;
padding: 2px 10px;
outline: none;
text-decoration:none;}

#slideshow .slides-nav li.on,
#slideshow .slides-nav li.on a {
background-color: #eee;}

#slideshow .slides-nav li.on a {
position: relative;
top: -2px;}

.js #slideshow .slides-nav li.on,
.js #slideshow .slides-nav li.on a {
background-color: #eee;}

.js #slideshow .slides-nav li.on a {
position: relative;
top: -2px;}

/* quotes boxes */


#main .rounded:before {
  background: transparent url(../images/quotes/top-left.png) scroll no-repeat top left;
  margin-bottom: -20px;
  height: 30px;
  display: block;
  border: none;
  content: url(../images/quotes/blah.png);
  padding: 8px;
  line-height: 0.1;
  font-size: 1px;
}

#main .rounded:after {
  display: block;
  line-height: 0.1;
  font-size: 1px;
  content:  url(../images/quotes/bottom-left.png);
  margin: 0 0 -1px 0;
  height: 30px;
  background: white;
  background: transparent url(../images/quotes/bottom-right.png) scroll no-repeat bottom right ;
  padding: 0;
}
#main blockquote{
	padding:15px;
}

/*Pricing Table*/
#ver-zebra {
border-collapse:collapse;
font-size:12px;
margin:0px;
text-align:left;

}
#ver-zebra th {
border-left:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
font-size:14px;
font-weight:normal;
padding:12px 15px;
}
#ver-zebra td {
border-left:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
padding:8px 15px;
}
.vzebra-odd {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#edf5dd none repeat scroll 0 0;
}
.vzebra-even {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#ddedc1 none repeat scroll 0 0;
}
#ver-zebra #vzebra-adventure, #ver-zebra #vzebra-children {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#bed890 none repeat scroll 0 0;
border-bottom:1px solid #fff;
}
#ver-zebra #vzebra-comedy, #ver-zebra #vzebra-action {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#ddedc1 none repeat scroll 0 0;
border-bottom:1px solid #fff;
}

.halfWidth{
	width:360px;
	margin:0px 10px;
	position:relative;
	float:left;
}

.inner_list{
	margin:10px 30px 0px 0px;*/
	/*border-bottom:thin solid;*/
}

.inner_list ul li {
	list-style:none;
		font-size:small;
}
.inner_list .in_img {
	float:right;
	overflow:visible;
	margin:0px;
	border:none;
	margin-top:0px;
}

.extra_table tr td{
	padding:3px;
}
.extra_table table{
	border:#BDBEBF;
	font-size:small;
}



/*for a product/solution landing page*/
#big #main {
	width:770px;
}

.halfWidthBox{
	width:365px;
	margin:10px;
	position:relative;
	float:left;
	height:180px;
}
.halfWidthBox img{
	float:left;
	overflow:visible;
	margin:10px;
	border:none;
	margin-top:40px;
}
.halfWidthBox .content{
	float:left;
	width:265px;
}
.halfWidthBox li{
	
}

/* contact you pop over */

#facebox .b {
  background:url(../images/popover/b.png);
}

#facebox .tl {
  background:url(../images/popover/tl.png);
}

#facebox .tr {
  background:url(../images/popover/tr.png);
}

#facebox .bl {
  background:url(../images/popover/bl.png);
}

#facebox .br {
  background:url(../images/popover/br.png);
}

#facebox {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
  color:#ED2A28;
  font-size:14px;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  margin: auto;
  border-collapse: collapse;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 430px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
}

#facebox .footer {
	clear:both;
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

/*pop over form*/

#contact_form {color:#94C83D;}

#contact_form label {
	float:left;
	clear:both;
	margin:5px;
	color:#646466;
}
#contact_form input {
	float:right;
}


/* Spice Self Service Portal */
.overlay_support{
position:absolute;
left:18%;
right:30%;
top:25%;
visibility:hidden;
z-index:1000;
width:820px;
}
.closeOverlay{
	background-color:#e6e6e6;
	height:45px;
	width:820px;
	/*filter:alpha(opacity=65);
	-moz-opacity:0.65;
	-khtml-opacity: 0.65;
	opacity: 0.65;*/
	margin-top:-15px;
	z-index:1050;

}
.closeOverlay a{
	float:right;
	margin:15px 30px 5px 5px;
	color:#000;
	background-color:#fff;
}
div#footer div#footlinks {
  float:left;
}
div#footer div#copyright { 
  float:right;
  line-height: 1.3;
  text-align: right;
}