@charset "ISO-8859-1";
html, body {
	margin:0; 
	padding:0; 
	width:100%; 
	height:100%; 
	overflow:hidden;
	scrollbar-3dlight-color: #333333;
	scrollbar-base-color: #333333;
	scrollbar-darkshadow-color: #333333;
	scrollbar-face-color: #333333;
	scrollbar-highlight-color: #999999;
	scrollbar-shadow-color: #999999;
	scrollbar-track-color: #999999;
	scrollbar-arrow-color: #999999;

}
#background{
	position:absolute;
	z-index:0;
	width:100%;
	top:0%;
	margin-top:-15%;
	background-repeat: repeat-x;
	background-color: #727272;
}
#scroller {position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; z-index:2;} 
#container {
	text-align: left;
	width: 700px;
	margin: 0 auto;
	z-index:1; 
	
} 
h1,h2,h3,h4,h5,h6 {
	font-family: Verdana;
	font-weight: bold;
}
h1 {
	font-size: 20px;
	color: #0099FF;
}
h2 {
	font-size: 14px;
	color: #FFFFFF;
}
body,td,th {
	font-family: Verdana;
	font-size: 11px;
	color: #FFFFFF;
}
h3 {
	font-size: 11px;
	color: #FFFFFF;
}
a:link {
	color: #0099FF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #0099FF;
}
a:hover {
	text-decoration: underline;
	color: #0099FF;
}
a:active {
	text-decoration: none;
	color: #0099FF;
}

.anchor:link {
	color: #0099FF;
	text-decoration: none;
}
.anchor:visited {
	color: #0099FF;
	text-decoration: none;
}
.anchor:hover {
	color: #0099FF;
	text-decoration: underline;
}
.anchor:active {
	color: #0099FF;
	text-decoration: underline;
}
.telno,.ft {
	color: #FFFFFF;
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
}
.text {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.body_header {
	color: #0099FF;
	font-family: "Trebuchet MS", Arial;
	font-size: 24px;
	font-weight: bold;
}
.sub_header {
	color: #0099FF;
	font-family: "Trebuchet MS", Arial;
	font-size: 16px;
	font-weight: bold;
}


#logo {
	position:relative; 
/*	left:75px; */
	padding-left:10px;
}
#banner {
/*	position:relative; */
/*	left:75px; 	*/
	top:5px;
	z-index:2; 
}
#thin_banner {
	z-index:2; 
	background-color:#333333;
	width: 766px;
	background-image: url(images/loading-bar-black.gif);
	background-repeat: no-repeat;
}

#subcontainer {
	position:relative; 
	top:3px; 
	width: 766px;
	
}
#menu_spacer {
	width:104px;
	height:100%;
	float:left;
	padding: 0px; 
}



#leftmenu {
	position:relative;
	float:left;
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
	text-decoration: none;
	color: #FFFFFF;
}
ul.leftmenu {
	width: 100px;           /* sets the size of the menu blocks */
	padding: 0px;           /* stops the usual indent from ul */
	margin: 0px; 
	list-style-type: none;
}
ul.leftmenu a  {
	text-decoration: none;
	color: #FFFFFF;
	display: block;
	border-top-color: #FFFFFF;
	cursor: hand;           /* gives an arrow HAND */
	margin: 0px;
}
ul.leftmenu li {
	padding-bottom:2px;
	margin: 0px;
}
ul.leftmenu li a {
	margin: 0px;
	padding:3px;
	padding-left:10px;
	color: #FFFFFF;
	border: #999999 solid 1px; 
	background-color:#333333;
}
.error {
	font-weight: bold;
	color: #CC0033;
}
ul.leftmenu li a:hover  {
	background-color: #999999;
	text-decoration: none;
	border:#999999 solid 1px;
	margin: 0px;
}

ul.leftmenu li.leftmenu_jellyfish a {
	padding:3px;
	padding-left:10px;
	color: #FFFFFF;
	border: #999999 solid 1px;
	background-color:#333333;
	height:90px;
	background-image: url(images/logos/jellyfishit_logo.png);
	background-repeat: no-repeat;
	background-position: center center;
}

ul.leftmenu li.leftmenu_jellyfish a:hover {
	background-image: url(images/logos/jellyfishit_logo_bright.png);
	background-repeat: no-repeat;
	background-position: center center;
}

ul.leftmenu li.leftmenu_bottom {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/leftmenu_bottom.png');
	height:31px;
}

/* IE ignores styles with [attributes], so it will skip the following. */
ul.leftmenu li.leftmenu_bottom[class] {
  background-image:url(images/leftmenu_bottom.png);
  	background-repeat: no-repeat;
	background-position: center center;
}








#body {
	position:relative; 
	float:left; 
	width:619px;
	padding-top:10px; 
	padding-bottom:10px; 
	padding-left:20px; 
	padding-right:20px; 
	text-align:justify;
	border:1px solid #999999;
	background-color:#333333;
	/* This allows the body of text to expand down the page but not to be less than 380px */
	height:380px;
	min-height: 380px;
	/* end */

}
#body-nomenu {
	position:relative; 
	float:left; 
	width:764px;
	text-align:justify;
	border:1px solid #999999;
	background-color:#333333;
	/* This allows the body of text to expand down the page but not to be less than 380px */
	height:847px;
	min-height: 380px;
	/* end */

}

.latest_offers {
	width:200px;
	padding-top:5px; 
	padding-bottom:5px; 
	padding-left:10px; 
	padding-right:10px; 
	text-align:justify;
	border:1px solid #999999;
	background-color:#333333;
}
/* This allows the body of text to expand down the page but not to be less than 380px */
html>body #body {
height: auto; /* for not-IE */
}
/* end */

.columns-wrapper {
	width:100%;
	height:300px;
	margin-top: 2px;
}
.columns-wrapper-ecommerce {
	width:100%;
	height:300px;
	margin-top: 2px;
}
.ecommerce-right-column {
	float: right;
	width: 130px;
	margin: 8px 0 0;
}
.ecommerce-left-column {
	float: left;
	width: 474px;
	padding-top:5px;
}

.column1 {
	float: left;
	width: 140px;
	margin: 8px 0 0 20px;
}
.column2 {
	float: left;
	width: 434px;
	padding-top:5px;
}
.column3 {
	float: right;
	width: 155px;
	margin-top:9px;
}
.quote-box1 {
	height:	79px;
	background-image: url(images/quote-box.gif);
	background-repeat: no-repeat;
	padding: 12px 20px 5px 7px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:9px;
	color:#231F20;
	margin: 0 0 11px;
	width: 105px;
	text-align: center;
}
.quote-box2 {
	height:	79px;
	background-image: url(images/quote-box.gif);
	background-repeat: no-repeat;
	padding: 12px 20px 5px 7px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:9px;
	color:#231F20;
	margin: 0 0 11px;
	width: 105px;
	text-align: center;
}
.quote-box3 {
	height:	67px;
	background-image: url(images/quote-box.gif);
	background-repeat: no-repeat;
	padding: 24px 20px 5px 14px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:9px;
	color:#231F20;
	margin: 0 0 11px;
	width: 90px;
	text-align: center;
}
.quote-box4 {
	height:	67px;
	background-image: url(images/quote-box.gif);
	background-repeat: no-repeat;
	padding: 24px 20px 5px 14px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:9px;
	color:#231F20;
	margin: 0 0 11px;
	width: 90px;
	text-align: center;
}
.quote-box5 {
	height:	81px;
	background-image: url(images/quote-box.gif);
	background-repeat: no-repeat;
	padding: 18px 20px 5px 9px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:9px;
	color:#231F20;
	margin: 0 0 11px;
	width: 100px;
	text-align: center;
}

.w3c {
	margin: 8px 0 0 5px;
}
.footer-contactus {
	color:#FFFFFF;
	float:left;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	padding:11px 0 0 60px;
	width:240px;
}
.footer-offer {
	color:#FFFFFF;
	float:right;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	padding:16px 20px 0 0;
	width:440px;}
.footer-offer1 {
	width: 415px;
	float: right;
	color:#FFFFFF;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:9px;
}

.hr {
	border-top: 1px dotted #ccc;
	margin: 4px 0 2px 0;
	text-align: left;
}
#footer_spacer {
	margin-top:4px;
	height:66px;
}

.footer {
	float:right; 
	padding-top:2px; 
	padding-bottom:58px;
	background: url(images/footer10.gif) top right no-repeat;
	width:100%;
	height:60px;
	margin-top:3px;
}
.footer-splash {
	float:right; 
	padding-top:2px; 
	padding-bottom:58px;
	background: url(images/footer101.gif) top right no-repeat;
	width:100%;
	height:60px;
	margin-top:3px;
}
#footer_content {
	float:right; 
	padding-top:5px; 
	padding-left:10px;
	padding-right:10px;
	padding-bottom:50px;
	width:94%;
}


.inputboxes {
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	background:#CCCCCC;
	font-weight: bold;
	background-image: url(images/textbox_star.png);
	background-repeat: no-repeat;
	background-position: right;
}
.textareas {
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	background:#CCCCCC;
	font-weight: bold;
	width:300px;
}

.floatLeft{float: left;}
.floatRight{float: right;}
.image-left{float: left; vertical-align: text-top;}
.image-right{float: right; vertical-align: text-top;}
div.wrapContainer{
	float:left;
	padding: 10px;
	border:#000000 solid 1px;
	color: #666666;	
}

/*-----------Demo Page--------------*/

.demo-container {
height:270px;
width:623px;
}
.demo-col1 {
width:271px;
float:left;
margin-left:40px;
}
.demo-col2 {
float:right;
width:271px;
margin-right:40px;

}
.demo-col1-link {
text-align:center;
}
.demo-col2-link {
text-align:center;
}

.demo-img {
padding-top:5px;
}
.demo-foot {
margin:7px 0 16px;
text-align:center;
width:623px;
}
.demo-form {
padding:5px 0 7px 20px;
}

/*-----------eCommerce Pages--------------*/

#main-image {
}

.container1 {
height:760px;
width:615px;
}
.e-container1 {
height:770px;
width:615px;
}

#e-subcontainer1 {
	height:200px;
}
#e-subcontainer2 {
height:45px;
padding:10px 0 12px 232px;
}
.e-subcontainer2 {
height:100px;
}

#e-subcontainer3 {
	height:200px;
}

#e-subcontainer4 {
height:180px;
}
#section-text-left {
	float:left;
	height:210px;
	padding:0 20px 0 0;
	width:442px;
}
#section-text-right {
float:right;
height:230px;
width:378px;
}
#section-text {
	float:left;
	height:100px;
	width:613px;
}
.section-text {

}
.section-text1 {
float:right;
width:380px;
}

#section-image-r {
	border:1px solid #666666;
	float:right;
	height:191px;
	width:150px;
}
#section-image-l {
float:left;
}
#quotes-container {
height:50px;
padding-top:20px;
width:443px;
}
.e-quotes1 {
	float: left;
	width: 20px;
	height: 30px;
}
.e-quotes2 {
	color:#FFFFFF;
	float:left;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
	height:30px;
	padding:0 5px;
	width:393px;
}
.e-quotes3 {
	float: right;
	width: 20px;
	height: 30px;
}
.e-footer {
	background:url("images/footer10.gif") no-repeat scroll right top transparent;
	float:right;
	height:60px;
	margin-top:3px;
	padding-bottom:58px;
	padding-top:2px;
	width:662px;
}
.e-footer-w3s {
color:#FFFFFF;
float:right;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:9px;
padding:5px 40px 0 0;
text-align:right;
width:150px;
}
.e-footer-w3simages {
padding:0 25px 2px 0;
}
.e-footer-contactus {
color:#FFFFFF;
float:left;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
padding:11px 0 0 35px;
width:285px;
}
.e-footer-jfitlogo {
float:left;
padding:8px 0 0;
width:100px;
}



/*-----------Magento Pages--------------*/

.magento-hdr {
	width: 100%;
	height: 50px;
	text-align:left;

}
.magento-icon {
	float: left;
}
.magento-hdrtext {
color:#0099FF;
float:left;
font-family:"Trebuchet MS",Arial;
font-size:24px;
font-weight:bold;
padding:8px 0 0;
}
.image-right {
	float: right;
	height: 1000px;
	width: 100px;
}
.magento-image {
	padding: 10px;	
}
ul.magento-list li {
	margin: 3px 0 0;
}
ul.magento-list li a {
	color: #ffffff;
	text-decoration: none;	
	font-size: 13px;
	font-weight: bold;
}
ul.magento-list li a:visited {
	text-decoration: none;	
	
}
ul.magento-list li a:hover {
	text-decoration: underline;	
}
ul.magento-list li a:active {
	text-decoration: none;	
}

.m-l-c {
	width: 600px;
	height: 190px;

}
.m-l-l {
	float: left;
	width: 300px;
}
.m-l-r {
	float: right;
	width: 260px;
}

/*----------------Home-----------------*/
.home-container {
	width:628px;
	height:320px;
}
.home-col1 {
	float: left;
	width:410px;
}
.home-col2 {
border:1px solid #666666;
float:right;
height:329px;
padding:0 0 0 4px;
}
.home-hdr {
text-align:left;
}
.home-text {
color:#FFFFFF;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
padding-top:5px;
}
.cr-container{
	height:100px;
	width:628px;
}
.cr-header {
	color: #0099FF;
	font-family: "Trebuchet MS", Arial;
	font-size: 16px;
	font-weight: bold;
	padding-bottom:10px;
}
.home-quotes-col1 {
	float: left;
	width:30px;
	padding:3px 5px 0 0;
}
.home-quotes-col2 {
	float: left;
	width:550px
	
}
.home-quotes-col3 {
	float: left;
	width:30px;
	padding:17px 0 0 5px;
}
.ln-container {
	margin: 8px 0;
	float: right;
	width: 200px;
	height: 200px;
}
.ln-header {
	color: #0099FF;
	font-family: "Trebuchet MS", Arial;
	font-size: 16px;
	font-weight: bold;
	padding: 0 0 7px;
	text-align:center;
}

.ln-header-small {
	color: #FFFFFF;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight: bold;
	padding: 0 0 5px;
	text-align: center;
}
.ln-text {
	color: #FFFFFF;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	padding: 2px 7px;
}
.ln-link {
	text-align: center;
	margin: 0 0 15px;
}
.e-container {
	height:50px;
	width:628px;
}
.e-col1 {
border:1px solid #666666;
float:left;
margin-top:65px;
}
.e-col2 {
	float:right;
	width:475px;
}
.e-header {
color:#0099FF;
font-family:"Trebuchet MS",Arial;
font-size:16px;
font-weight:bold;
padding:10px 0 0 13px;
}
.e-text {
	float:left;
	padding-left:15px;
	width:455px;
}

/*----------------Case Studies-----------------*/

#c-container {
width:615px;
height:600px
}
#c-header {
height:60px;
width:615px;
}
.c-hdrimage {
float:left;
padding:8px 10px 0 0;
width:50px;
}
.c-hdrtext {
float:left;
width:390px;
}
.c-hdrtext1 {
float:left;
padding:0 40px 0 0;
width:450px;
}
.c-hdrtext2 {
float:right;
width:440px;
}
.c-hdrtext3 {
float:right;
width:470px;
}
.c-hdrtext4 {
float:left;
width:530px;
}
.c-hdrtext5 {
float:right;
width:420px;
}
#c-content {
width:100%;
height:500px;

}
#c-rowcontainer-ama {
height:105px;
width:100%;
}
#c-rowcontainer-amuk {
height:165px;
width:100%;
}
#c-rowcontainer-hcc {
height:105px;
width:100%;
}
#c-rowcontainer-bec {
height:105px;
width:100%;
}
#c-rowcontainer-cha {
height:105px;
width:100%;
}
#c-rowcontainer-pav {
height:105px;
width:100%;
}
#c-col1 {
width:20%;
float:left;
}

#c-col2 {
float:right;
width:79%;
}
.c-amuk {
padding:15px 0 0;
}
.c-ama {
padding:20px 0 0;
}
.c-hcc {
padding:9px 0 0 8px;
}
.c-bec {
padding:18px 0 0;
}
.c-cha {
padding:10px 0 0;
}
.c-pav {
padding:20px 0 0;
}
.ss-container {
border:1px solid #000000;
color:#666666;
float:left;
padding:0 14px;
}
.ss-text {
float:left;
}
.ss-image-left {
float:left;
margin:18px 5px 0;
}
.hert-text {
width:100%;
text-align:center;
}


.foot-container {
bottom:0;
margin:20px 90px 10px;
position:absolute;
}
.foot-left {
	float:left;

}
.foot-left1 {
float:left;
margin-left:50px;
}
.foot-left2 {
	float:left;

}
.foot-right {
float:right;
margin-left:50px;
}
.ecommerce-video {
margin-top:30px;
width:100%;
text-align:center;
}