/* 
Japan Web Start

color guide
logo red: #ff000a
background: #FFFFFF
font: #666666
grey hover: #858585
blue title: #18314b
light blue: #cbd8e4
mid blue: #7694b2


 */





	
	
	.seriffont {
	font-family:serif;
	}
	.sans-seriffont {
	font-family:sans-serif;}
	

#wrapper {

}

ul {
padding:0px;
margin:0px;}

hr {
	display: none;
	}

/* =============================================================== */
/* ============================ FRAME ============================ */
/* =============================================================== */
	
DIV.frame {
	width: 970px;
	padding: 0px;
	margin: auto;
	color:#666666;
	

	}
	
	body a { 
	color:#ff0000;
	text-decoration:none;
	
	}
	body a:hover { 
	color:#ff0000;
	text-decoration:underline;
	
	}
	
	
/* =============================================================== */
/* ======================= CONTAINERS ============================ */
/* =============================================================== */

DIV.con_header {
	height:130px;
	}
	

	
DIV.con_main {
	width: 100%;
	float:left;
	text-align:left;
	}
	
	DIV.con_content {
	width:600px;
	float:left;
	text-align:left;}
	
	
/* =============================================================== */
/* ======================= FOOTER ============================ */
/* =============================================================== */


DIV.footer {
	
	clear: both;
	background-color:#657991;
	width:100%;
	}

DIV.con_footer {
	text-align: left;
	margin-top: 40px;
	width:970px;
	padding-bottom:40px;
	height:200px;
	border-bottom:0px;
	margin:auto;
	}
	
	DIV.jbslink {
	float:left;
	margin-right:40px;
	text-align:center;
	}
	DIV.jbslogo {
	background-image:url(images/small-jbs-logo.gif);
	background-position: center top;
	background-repeat:no-repeat;
	height: 40px;
	
	}
	
	DIV.footer-subscribe {
	float: left;
margin-left:28px;
margin-right:0;
margin-top:24px;
list-style:none;
color:#FFFFFF;
margin-bottom:20px;
font-weight:100;
width: 296px;
	border-right: #cbd8e4 1px solid;
	height:160px;
	}
		DIV.con_footer h2 {
		font-size:16px;
		font-weight:100;
		color:#FFFFFF;
		padding:0;
		padding-bottom:20px;
		margin:0;
		border:0;
	}
		DIV.footer-middle {
	float: left;
margin-left:40px;
margin-right:0;
margin-top:24px;
list-style:none;
color:#FFFFFF;
margin-bottom:20px;
font-weight:100;
width: 268px;
	height:160px;
	}
		DIV.footer-right {
	float: left;
margin-left:48px;
margin-right:0;
margin-top:24px;
list-style:none;
color:#FFFFFF;
margin-bottom:20px;
font-weight:100;
width: 268px;
	height:160px;
	}




DIV.con_footer a {
color:#FFFFFF;
text-decoration:none;

}

DIV.con_footer a:hover {
color:#FFFFFF;
text-decoration:none;

}


DIV.con_footer ul {
padding:0;
margin:0;
float: left;
clear:both;
color:#FFFFFF;
}

DIV.con_footer ul li {
display:inline;
margin-bottom:0;
padding-bottom:0px;
padding-right:10px;
padding-left:0px;
padding-top:0px;
}

DIV.con_footer ul li a {
color: #cbd8e4;
}

DIV.con_footer ul li a:hover {
color: #cbd8e4;
}

DIV.footer-menu {
width:960px;
height:24px;
text-align:center;
margin:auto;
}

DIV.footer-menu ul {
padding:0;
margin:5px;
}

DIV.footer-menu ul li {
display:inline;
margin-bottom:0;
padding-right:10px;

}

DIV.footer-menu ul li a {
display:inline;
margin-bottom:0;
padding-right:10px;
color:#cbd8e4;

}

DIV.footer-menu a {
color:#cbd8e4;
text-decoration:none;

}

DIV.footer-menu a:hover {
color:#cbd8e4;
text-decoration:none;

}

ul.footer-info  {
color:#666666;
float:left;
}

DIV.con_footer ul.footer-info li {
display: block;
}



/* =============================================================== */
/* ======================= HOME POINTS ============================ */
/* =============================================================== */


.point-text {
width: 200px;
float:left;}


DIV.points {
	clear: both;
	background-color:#cbd8e4;
	width:100%;
	height:auto;
	height:580px;
	}

DIV.con_points {
	text-align: left;
	width:970px;
	margin:auto;
	height:auto;
	}
	
	
	DIV.points-left {
float: left;
margin-left:48px;
margin-right:0;
margin-top:24px;
list-style:none;
color:#FFFFFF;
margin-bottom:20px;
font-weight:100;
width: 268px;
	}
		DIV.con_points h2 {
		font-size:16px;
		color:#FFFFFF;
		padding:0;
		padding-bottom:20px;
		margin:0;
		border:0;
	}
		DIV.points-middle {
	float: left;
margin-left:48px;
margin-right:0;
margin-top:24px;
list-style:none;
color:#FFFFFF;
margin-bottom:20px;
font-weight:100;
width: 268px;
	}
		DIV.points-right {
	float: left;
margin-left:48px;
margin-right:0;
margin-top:24px;
list-style:none;
color:#657991;
margin-bottom:20px;
font-weight:100;
width: 268px;
	}
	
		DIV.points-right strong {
color:#18314B;

	}




DIV.con_points a {
color:#FFFFFF;
text-decoration:none;

}

DIV.con_footer a:hover {
color:#FFFFFF;
text-decoration:none;

}


DIV.con_points ul {
padding:0;
margin:0;
float: left;
clear:both;
color:#FFFFFF;
}

DIV.con_points ul li {
display:inline;
margin-bottom:20px;
padding-bottom:0px;
padding-right:20px;
padding-left:47px;
padding-top:0px;
color:#657991;
overflow:hidden;
background-image:url(images/whitearrow.gif);
background-position: top left;
background-repeat:no-repeat;
}

DIV.con_points ul li a {
color: #18314b;
}

DIV.con_points ul li a:hover {
color: #FFFFFF;
}

DIV.con_points ul li img {
float:left;
padding-right:10px;
}



ul.points-info  {
color:#666666;
float:left;
}

DIV.con_points ul.points-info li {
display: block;
}


	
	
/* ======================= CONTAINERS INSIDE  ========================== */


DIV.con_logo{
width:200px;
text-align:left;
float: left;

}

DIV.con_enquiries {
float:right;
padding-right:20px;
padding-top:18px;
height: 40px;
font-size:24px;
clear:right;
color:#18314b;


}

DIV.title1 {
float:left;
}

DIV.title1 h1 {
font-size:12px;
font-weight:100;
padding-left:30px;
padding-top:10px;
margin:0px;
}
DIV.title1 h2 {
font-size:12px;
font-weight:100;
padding-left:30px;
padding-top:10px;
margin:0px;
}

DIV.con_topnav {
float:right;
padding-right:20px;
height: 20px;


}

DIV.con_topnav a {
color:#666666;
text-decoration:none;

}

DIV.con_topnav ul li {
display:inline;
background-image:url(images/arrow.gif);
background-position:top left;
background-repeat: no-repeat;
padding-left: 20px;
padding-top:2px;
}

DIV.con_topnav ul {
padding-top:8px;
}

DIV.con_topnav li {
display:inline;
list-style:none;
}
DIV.con_topnav li ul li {
background-image:none;
}
DIV.con_topnav li ul li a {
color: #FF000a;
}




DIV.con_footer a {
color:#666666;
text-decoration:none;

}




DIV.menu {


width:760px;
text-align:left;
float:right;
z-index: 2;

}

	
	
	ul.navstyle li a {

height:51px;
width:152px;
text-decoration:none;
background-image:url(images/menu-bg.gif);
background-position:top left;
background-repeat:no-repeat;
color:#666666;
padding-top: 5px;
padding-left: 5px;
float:left;
text-align:left;

}

ul.navstyle {
list-style-image: none;
list-style-type:none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;

}


ul.navstyle li a:hover {
color:#18314b;
}

ul.navstyle li {
cursor:pointer;
height:51px;
width:152px;
list-style-image: none;
list-style-type:none;
display:inline;
float:left;
overflow:hidden;
vertical-align:bottom;

}
ul.navstyle li.current_page_item  {
cursor:pointer;
height:51px;
width:152px;
}

ul.navstyle li.current_page_item a {
background-image:url(images/menu-bg-over.gif);
background-position:top left;
background-repeat:no-repeat;
}

ul.navstyle li.current_page_ancestor a {
background-image:url(images/menu-bg-over.gif);
background-position:top left;
background-repeat:no-repeat;
}



ul.navstyle a strong {
color:#FFFFFF;
}



span.nav_subtext {

padding-left:25px;
float: left;
text-transform:uppercase;
color:#18314b;
font-size:10px;
}

	
	
DIV.con_lightbluespacer {
width: 100%;
background-color: #cbd8e4;
height:20px;


}

DIV.con_lightbluespacerbottom {
width: 100%;
background-color: #cbd8e4;
border-top:1px solid #FFFFFF;
height:64px;
clear:both;


}


    DIV.flash_con {
	float:left;}
	
   	DIV.sidepanel_con {
	float:left;
	padding-left:3px;
	}
	
	   	DIV.homepage-text_con {
	float:left;
	width: 478px;
	color:#FFFFFF;
	font-size:13px;
	}
	
	   	DIV.homepage-text_con h2 {
	color: #FFFFFF;
	margin:0px;
	padding-top:20px;
	
	}
	
	   	DIV.homepage-text_con h4 {
	color: #18314b;
	margin:0px;
	
	}
	
	
	
	
	
	
	
	
ul.sidepanel-list li a.sidelink1 {
height:58px;
width:293px;
text-decoration:none;
background-image:url(images/side-panel-1.gif);
background-position:top left;
background-repeat:no-repeat;
color:#666666;
text-align:left;
float:left;
padding-top:8px;
}
ul.sidepanel-list li a.sidelink2 {
height:58px;
width:293px;
text-decoration:none;
background-image:url(images/side-panel-2.gif);
background-position:top left;
background-repeat:no-repeat;
color:#666666;
text-align:left;
float:left;
padding-top:8px;
}
ul.sidepanel-list li a.sidelink3 {
height:58px;
width:293px;
text-decoration:none;
background-image:url(images/side-panel-3.gif);
background-position:top left;
background-repeat:no-repeat;
color:#666666;
text-align:left;
float:left;
padding-top:8px;
}
ul.sidepanel-list li a.sidelink1:hover {

height:58px;
width:293px;
text-decoration:none;
background-image:url(images/side-panel-1-over.gif);
background-position:top left;
background-repeat:no-repeat;
color:#666666;
text-align:left;
float:left;
padding-top:8px;
}
ul.sidepanel-list li a.sidelink2:hover {

height:58px;
width:293px;
text-decoration:none;
background-image:url(images/side-panel-2-over.gif);
background-position:top left;
background-repeat:no-repeat;
color:#666666;
text-align:left;
float:left;
padding-top:8px;
}
ul.sidepanel-list li a.sidelink3:hover {

height:58px;
width:293px;
text-decoration:none;
background-image:url(images/side-panel-3-over.gif);
background-position:top left;
background-repeat:no-repeat;
color:#666666;
text-align:left;
float:left;
padding-top:8px;
}

ul.sidepanel-list {
list-style-image: none;
list-style-type:none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;

}

ul.sidepanel-list li {
cursor:pointer;
height:58px;
width:293px;
list-style-image: none;
list-style-type:none;
overflow:hidden;

}



ul.sidepanel-list a strong {
color:#FFFFFF;
}

span.sidepanel-list_title {
font-size:12px;
font-weight:bold;
padding-left:15px;
color:#18314b;

}

span.sidepanel-list_subtext {
padding-top:0px;
padding-left:15px;
float: left;
padding-right:20px;

}

span.sidepanel-contact_title {
font-size:12px;
font-weight:bold;
padding-left:10px;
margin-top:10px;
color:#18314b;
float:left;
clear:both;

}

span.sidepanel-contact_subtext {
padding-top:10px;
padding-left:10px;
float: left;
padding-right:20px;
clear:both;

}

div.contact-link {
padding-top:10px;
padding-left:10px;
float: left;
padding-right:20px;
color:#FF000a;
font-weight:bold;

}

div.contact-link a {
padding-left:20px;
color:#FF000a;
font-weight:bold;
text-decoration:none;
background-image:url(images/arrow-bg-blue.gif);
background-position:top left;
background-repeat: no-repeat;
}

div.contact-link a:hover {
padding-left:20px;
color:#FF000a;
font-weight:bold;
text-decoration:none;
background-image:url(images/arrow-bg-blue.gif);
background-position:top left;
background-repeat: no-repeat;

}
	
	
	
.right_con a {
color:#666666;
text-decoration:none;
padding-left: 20px;
}
.right_con a:hover {
color:#666666;
text-decoration:none;
background-image:url(images/arrow.gif);
background-position:top left;
background-repeat: no-repeat;

}	
	
	
	
	
	

DIV.con_whitespacer {
width: 100%;
border-top: 1px solid #cbd8e4;
text-align:center;
float:left;
padding-top:15px;
margin-bottom:15px;
}

DIV.con_addbutton-holder {
width: 960px;
margin: auto;
text-align:left;
}

DIV.con_getstarted-holder {
width: 960px;
margin: auto;
text-align:left;
}

DIV.con_getstarted-holder img {
float:right;
padding-right:328px;
border:0px;
}

DIV.con_getstarted-holder p {
padding: 0px;
margin:0px;
float:right;
}



DIV.content-holder {
width: 960px;
margin: auto;
text-align:left;
}


DIV.con_addbutton {
background-image:url(images/red-arrow-lightbluebg.gif);
background-position:top right;
background-repeat:no-repeat;
background-color:#cbd8e4;
height:22px;
width:278px;
float:right;
margin-right:10px;
padding-top:8px;
padding-left:16px;
}
DIV.spacertext {
height:22px;
width:600px;
float:left;
margin-left:20px;
padding-top:8px;
}

DIV.con_addbutton a {
color: #ff000a;
text-transform:uppercase;
font-weight:bold;
}


DIV.con_advertisment2 {
text-align:center;
float:left;
background-image:url(images/choosedesignbg.jpg);
background-position:top left;
background-repeat:repeat-x;
width:100%;
clear:both;
border-top: white 1px solid;
}
DIV.con_advertisment {
text-align:center;
float:left;
background-image:url(images/add-bg.jpg);
background-position:top left;
background-repeat:repeat-x;
width:100%;
clear:both;
border-top: white 1px solid;
}

DIV.con_pagebg {
text-align:center;
float:left;
background-image:url(images/page-bg.jpg);
background-position:top left;
background-repeat:repeat-x;
width:100%;
clear:both;
}

DIV.subtitle {

width: 100%;
padding-left:20px;
clear:both;
}

DIV.subtitle li {
background-image:url(images/red-arrow.gif);
background-position:top left;
background-repeat: no-repeat;
list-style:none;
font-size: 24px;
color:#666666;
padding-left:45px;
padding-bottom:20px;
padding-top:8px;
font-weight:100;
}



DIV.subtitle_left {
float: left;
width: 300px;
padding-left:20px;

}

DIV.subtitle_left li {
background-image:url(images/red-arrow.gif);
background-position:top left;
background-repeat: no-repeat;
list-style:none;
font-size: 24px;
color:#666666;
padding-left:45px;
padding-bottom:20px;
padding-top:3px;
font-weight:100;
}

DIV.subtitle_middle {
float: left;
width: 300px;
padding-left:20px;

}


DIV.subtitle_middle li {
background-image:url(images/red-arrow.gif);
background-position:top left;
background-repeat: no-repeat;
list-style:none;
font-size: 24px;
color:#666666;
padding-left:45px;
padding-bottom:20px;
padding-top:3px;
font-weight:100;

}


DIV.subtitle_right {
float: left;
width: 300px;
padding-left:20px;

}


DIV.subtitle_right li {
background-image:url(images/red-arrow.gif);
background-position:top left;
background-repeat: no-repeat;
list-style:none;
font-size: 24px;
color:#666666;
padding-left:45px;
padding-bottom:20px;
padding-top:3px;
font-weight:100;
}

DIV.package_left {
float: left;
margin-left:20px;
margin-top:24px;
background-image:url(images/package1-bg.jpg);
background-position:top left;
background-repeat: no-repeat;
list-style:none;
font-size: 24px;
color:#666666;
margin-bottom:20px;
font-weight:100;
width: 296px;
height:115px;


}
DIV.package_left a {

}
DIV.package_left a:hover {
text-decoration:none;

}


DIV.package_left ul li {
font-size:12px;
color:#18314b;
margin-left:58px;
margin-right:28px;
list-style:none;
padding:0px;


}
DIV.package_left ul li.one {
font-size:12px;
color:#7694b2;
text-align:right;
margin-top:22px;
background: url(images/arrow-bg-blue.gif) no-repeat  130px 0px;
list-style:none;
padding:0px;
}

DIV.package_left ul li.two {
padding-top:16px;
}
DIV.package_middle ul li.two {
padding-top:16px;
}
DIV.package_right ul li.two {
padding-top:16px;
}

DIV.package_left ul li.one a {
color:#7694b2;
}

DIV.package_left ul li.two a {
color:#18314b;
}
DIV.package_left ul li.three {
font-size:12px;
color:#7694b2;
}
DIV.package_left ul li.three a{
color:#7694b2;
}

DIV.package_middle {
float: left;
margin-left:20px;
margin-top:24px;
background-image:url(images/package2-bg.jpg);
background-position:top left;
background-repeat: no-repeat;
list-style:none;
font-size: 24px;
color:#666666;
margin-bottom:20px;
font-weight:100;
width: 296px;
height:115px;


}
DIV.package_middle a {

}
DIV.package_middle a:hover {
text-decoration:none;

}


DIV.package_middle ul li {
font-size:12px;
color:#18314b;
margin-left:58px;
margin-right:28px;
list-style:none;

}
DIV.package_middle ul li.one {
font-size:12px;
color:#7694b2;
text-align:right;
margin-top:22px;
background: url(images/arrow-bg-blue.gif) no-repeat  130px 0px;
padding:0px;
list-style:none;
}
DIV.package_middle ul li.one a {
color:#b67d93;
}

DIV.package_middle ul li.two a {
color:#4a192c;
}
DIV.package_middle ul li.three {
font-size:12px;
color:#b67d93;
}
DIV.package_middle ul li.three a{
color:#b67d93;
}



DIV.package_right {
float: left;
margin-left:20px;
margin-top:24px;
background-image:url(images/package3-bg.jpg);
background-position:top left;
background-repeat: no-repeat;
list-style:none;
font-size: 24px;
color:#666666;
margin-bottom:20px;
font-weight:100;
width: 296px;
height:115px;


}
DIV.package_right a {

}
DIV.package_right a:hover {
text-decoration:none;

}


DIV.package_right ul li {
font-size:12px;
color:#18314b;
margin-left:58px;
margin-right:28px;
list-style:none;


}
DIV.package_right ul li.one {
font-size:12px;
color:#7694b2;
text-align:right;
margin-top:22px;
background: url(images/arrow-bg-blue.gif) no-repeat  130px 0px;
list-style:none;
}
DIV.package_right ul li.one a {
color:#b2ad76;
}

DIV.package_right ul li.two a {
color:#4a4819;
}
DIV.package_right ul li.three {
font-size:12px;
color:#b2ad76;
}
DIV.package_right ul li.three a{
color:#b2ad76;
}

DIV.packagegraph_left {
float: left;
padding-left:20px;
padding-top:10px;
padding-bottom:24px;

}
DIV.packagegraph_middle {
float: left;
padding-left:20px;
padding-top:10px;
padding-bottom:24px;


}
DIV.packagegraph_right {
float: left;
padding-left:20px;
padding-top:10px;
padding-bottom:24px;


}

DIV.upgrades-list ul {
padding: 0 0 0 0;
margin: 0 0px 0 20px;
}

DIV.upgrades-list li {
list-style:none;
color:#666666;
padding-bottom:30px;
margin-bottom:10px;
border-bottom: #cbd8e4 solid 1px;

}

DIV.process-list ul {
padding: 0 0 0 0;
margin: 0 0px 0 20px;
}

DIV.process-list li {
list-style:none;
color:#666666;
padding-bottom:30px;
margin-bottom:10px;
border-bottom: #cbd8e4 solid 1px;
background-image:url(images/down-arrow.gif);
background-repeat:no-repeat;
background-position:bottom;
}

DIV.process-list li.last {
background-image:none;
}

DIV.process-list img {
float:left;
margin-right:20px;
}





.boxleft_con DIV.order-button a {
width: 218px;
height:31px;
color:#FFFFFF;



}
.boxleft_con DIV.order-button a:hover {
width: 218px;
height:31px;
color:#FFFFFF;
text-decoration:none;



}

.boxleft_con DIV.order-button ul li {
background-image:url(images/order-button-bg.gif);
background-position:top left;
background-repeat: no-repeat;
list-style:none;
font-size: 16px;
color:#FFFFFF;
padding-bottom:20px;
padding-top:4px;
padding-left:10px;
padding-right:0px;
margin:0px;
font-weight:200;
width: 236px;
height:31px;
}
.boxmiddle_con DIV.order-button a {
width: 218px;
height:31px;
color:#FFFFFF;



}
.boxmiddle_con DIV.order-button a:hover {
width: 218px;
height:31px;
color:#FFFFFF;
text-decoration:none;



}

.boxmiddle_con DIV.order-button ul li {
background-image:url(images/order-button-bg.gif);
background-position:top left;
background-repeat: no-repeat;
list-style:none;
font-size: 16px;
color:#FFFFFF;
padding-bottom:20px;
padding-top:4px;
padding-left:10px;
padding-right:0px;
margin:0px;
font-weight:200;
width: 236px;
height:31px;
}

.boxright_con DIV.order-button a {
width: 218px;
height:31px;
color:#FFFFFF;



}
.boxright_con DIV.order-button a:hover {
width: 218px;
height:31px;
color:#FFFFFF;
text-decoration:none;



}

.boxright_con DIV.order-button ul li {
background-image:url(images/order-button-bg.gif);
background-position:top left;
background-repeat: no-repeat;
list-style:none;
font-size: 16px;
color:#FFFFFF;
padding-bottom:20px;
padding-top:4px;
padding-left:10px;
padding-right:0px;
margin:0px;
font-weight:200;
width: 236px;
height:31px;
}




DIV.boxleft_con {
float: left;
width: 240px;
padding-left: 50px;
padding-right:0px;
}
DIV.boxmiddle_con {
float: left;
width: 240px;
padding-left: 76px;
padding-right:26px;

}
DIV.boxright_con {
float: left;
width: 240px;
padding-left: 50px;
padding-right:0px;
height:50px;


}

DIV.right_con {
float: right;
width: 280px;
padding-right:20px;
}

.right_con a {
color:#666666;
text-decoration:none;

}
.right_con a:hover {
color:#666666;
text-decoration:none;
background-image:url(images/arrow.gif);
background-position:0px 0px;
background-repeat: no-repeat;

}

.right_con ul li a {
color:#666666;
text-decoration:none;

}
.right_con ul li a:hover {
color:#7694b2;
text-decoration:none;
background-image:none;

}



DIV.right-contact {
width:292px;
height:118px;
background-image:url(images/right-contact-bg.gif);
background-repeat: no-repeat;


}

DIV.boxleft_con ul li {
list-style: none;
padding:2px 0px 6px 0px;
margin:0px;
background-image:url(images/list-bg.gif);
background-position:top left;
background-repeat: repeat-x;
}
DIV.boxmiddle_con ul li {
list-style: none;
padding:2px 0px 6px 0px;
margin:0px;
background-image:url(images/list-bg.gif);
background-position:top left;
background-repeat: repeat-x;
}
DIV.boxright_con ul li a  {
color:#18314b;
}
DIV.boxleft_con ul li a {
color:#18314b;
}
DIV.boxmiddle_con ul li a {
color:#18314b;
}
DIV.boxright_con ul li {
list-style: none;
padding:2px 0px 6px 0px;
margin:0px;
background-image:url(images/list-bg.gif);
background-position:top left;
background-repeat: repeat-x;
}


DIV.right_con ul li {
list-style: none;
padding:2px 0px 6px 0px;
margin-left:10px;
background-image:url(images/list-bg.gif);
background-position:20px 0px;
background-repeat: repeat-x;
}
DIV.right_con ul.tags li {
list-style: none;
padding:2px 0px 6px 0px;
margin-left:10px;
background-image:none;
}

DIV.boxleft_con ul {
list-style: none;
padding:0px;

margin:0px;
}
DIV.boxmiddle_con ul {
list-style: none;
padding:0px;

margin:0px;
}
DIV.boxright_con ul {
list-style: none;
padding:0px;

margin:0px;
}
DIV.right_con ul {
list-style: none;
padding:0px;
margin-left:0px;
margin-top:0px;
}

/* ----------------------- samples box ----------------------- */



DIV.sample {
width:170px;
padding-left:24px;
padding-bottom:20px;
float:left;}

DIV.sample ul li {
list-style: none;
padding:2px 0px 0px 0px;
margin:0px;
background-image:url(images/list-bg.gif);
background-position:top left;
background-repeat: repeat-x;
}

DIV.sample ul li img {
padding:10px;
border: solid 2px #cbd8e4;

}
DIV.sample ul li.image {
background:none;

}

DIV.sample ul li a {
color:#18314b;
}

DIV.sample ul {
list-style: none;
padding:0px;
margin:0px;
}

/* ----------------------- samples box ----------------------- */



DIV.logosample {
width:250px;
padding-left:24px;
padding-bottom:20px;
float:left;}

DIV.logosample ul li {
list-style: none;
padding:2px 0px 0px 0px;
margin:0px;
background-image:url(images/list-bg.gif);
background-position:top left;
background-repeat: repeat-x;
}

DIV.logosample ul li img {
padding:10px;
border: solid 2px #cbd8e4;

}
DIV.logosample ul li.image {
background:none;

}

DIV.logosample ul li a {
color:#18314b;
}

DIV.logosample ul {
list-style: none;
padding:0px;
margin:0px;
}

DIV.con_templates {
width:100%;
height:340px;
}


DIV.templates {
width:160px;
padding-left:20px;
padding-bottom:20px;
float:left;}

DIV.templates ul li {
list-style: none;
padding:2px 0px 0px 0px;
margin:0px;
background-image:url(images/list-bg.gif);
background-position:top left;
background-repeat: repeat-x;
border:0px;
}

DIV.upgrades-list ul li p {
margin-left:0px;
}

DIV.templates ul li img {
padding-top:10px;
padding-bottom:10px;
margin-right:20px;
width:160px;
height:197px;

}
DIV.templates ul li.image {
background:none;

}

DIV.templates ul li a {
color:#18314b;
}

DIV.templates ul {
list-style: none;
padding:0px;
margin:0px;
}






/* ----------------------- feature table ----------------------- */

DIV.feature-table {
width: 100%;
text-align:left;
padding-top:20px;
padding-bottom:60px;
}

DIV.feature-table ul li a {
color:#FF000a;
}


.feature-table ul {
margin:0px;
padding:0 0 0 20px;
clear:left;

}

.feature-table ul li {
list-style:none;
display:inline;
width:136px;
float:left;
min-height:28px;
text-align:center;
border-right: #999999 solid 1px;
padding-top:10px;
padding-bottom:10px;
padding-left:2px;
padding-right:2px;
}

.feature-table ul li.feature-table-titleleft {
text-align:left;
border-top: #cbd8e4 solid 1px;
border-bottom:0;
min-height:28px;
}


	

DIV.content{
width:100%;
text-align:left;
line-height: 18px;
padding-bottom:60px;
float:left;

}
DIV.content a{

color:#7694b2;}

DIV.content p {
margin-top: 0px;
margin-left:20px;
}

DIV.entry{
border-bottom: 1px #FFF solid;
margin-bottom:40px;
}

DIV.entry img{
border:none;
}

div.post {
margin-left:20px;
}

DIV.entry-clear{
}

DIV.entry-clear img{
border:none;
}

.entry a { 
	color:#7694b2;
	text-decoration:none;
	
	}
	
	

/* ======================= MAIN MENU  ========================== */

.menu ul {
padding: 0px;
margin: 0px;
}
.menu ul li {
text-decoration:none;
list-style:none;
padding-bottom: 4px;}	

.current_page_item a {
color:#18314b;
}


/* ======================= TYPE  ========================== */
DIV.con_title h2 {

font-size: 24px;
color:#18314b;
padding-top:10px;
margin-left:20px;
margin-bottom:0px;
font-weight:100;
}


h2 { 
font-size: 24px;
color:#666666;
padding-top:10px;
margin-left:20px;
margin-bottom:0px;
font-weight:100;
line-height:1.2em;

}

h3 { 
font-size: 24px;
color:#18314b;
padding-top:10px;
margin-bottom:0px;
font-weight:100;
line-height:1.2em;

}

h3 a { 
color:#18314b;

}
h3 a:hover { 
color:#18314b;
text-decoration:none;

}

small {
float:right;
font-size:12px;
clear:both;
}


h4 { font-size: 16px;
color:#18314b;
padding-bottom:10px;
margin-bottom:0px;
margin-top:10px;
margin-left:0px;
font-weight:bold;

}

DIV.con_title h4 { font-size: 12px;
color:#666666;
padding-bottom:20px;
margin-bottom:0px;
margin-top:0px;
margin-left:20px;
font-weight:normal;

}

DIV.con_title h1 { 
font-size: 24px;
color:#18314b;
padding-top:10px;
margin-left:20px;
margin-bottom:0px;
font-weight:100;

}


DIV.homepage-text_con h4 { 
font-size: 12px;
color:#18314b;
padding-bottom:0px;
margin-bottom:0px;
margin-top:0px;
margin-left:0px;
font-weight:bold;

}


blockquote {
margin:0;
padding:0;
font-weight:100;
color:#7bc043;
	}
	.projectstitle {
margin:0;
padding-top:18px;
padding-bottom:10px;
font-weight:100;
font-size: 13px;
text-transform:uppercase;
color:#666666;
	}
	.downloadtitle {
margin:0;
padding:0;
font-weight:100;
font-size: 13px;
text-transform:uppercase;
padding-bottom:10px;
color:#666666;
	}
	.submenu-title {
	
	color:#ff000a;
	font-weight:bold;
	padding-top:35px;
	padding-bottom:20px;
	padding-left:10px;
	}
	.red {
	color:#FF000a;
	}
	
	.price {
	color:#FF000a;
	font-weight:bold;
	}
	
	
	.qtrans_language_chooser {
	text-align:right;
	}
	
	.faded{
	color:#CCCCCC;}
	
	.bluetext{
	color:#18314b;
	}
	DIV.feature-table li.feature-table-title{
	font-weight:bold;
	
}


/* 


color guide
logo red: #ff000a
background: #FFFFFF
font: #666666
grey hover: #858585
blue title: #18314b
light blue: #cbd8e4
medium blue: #7694b2



 */
 
 
 
 
 

	

/*                                                    */
/*  main 'top-level' form elements                    */
/*                                                    */

.cform { 
	margin:0px auto 0 auto;
	padding-left:20px; 
	padding-right:20px;
}

.cform fieldset	{ 
	margin-top:10px; 
	padding:5px 0 15px 0; 
	border:1px solid #adadad; 
	border-left-color:#ececec; 
	border-top-color:#ececec; 
	background:#f7f7f7; 
}

.cform .cf_hidden {
	display:none; 
	border:none!important;
	background:none!important;
	padding:0!important;
	margin:0!important;
}

.cform legend { 
	margin-left:10px;
	padding: 0 2px; 
	font:normal 20px Times;
	color:#666666;
}

ol.cf-ol { 
	margin:0!important; 
	padding:0!important;
}

ol.cf-ol li	{
	background:none!important; 
	margin:5px 0!important;
	padding:0; 
	list-style:none!important; 
	text-align:left;
	line-height:1.3em;
}


/*                                                    */
/* just for text-only fields (no input)               */
/*                                                    */

ol.cf-ol li.textonly {
	background:#FFFFFF !important;
	margin:0px 10px 0px 0px !important;
	padding:20px 0pt;
	text-align:left;
	color:#18314b;
	font-size:16px;
}
DIV.footer ol.cf-ol li.textonly {
	background:#657991 !important;
	margin:0px 10px 0px 0px !important;
	padding:0 0 10px;
	text-align:left;
	color:#FFFFFF;
	font-size:16px;
}

/*                                                    */
/* global definitions for field labels                */
/*                                                    */

.cform label {
	width:90px; 
	margin:4px 10px 0 0; 
	display:-moz-inline-box; /*for mozilla*/
	display:inline-block; /*for Opera & IE*/
	vertical-align:top;
}

.cform label span {
	width:90px; /* must be the same as above!*/
	display:block; 
}

label.cf-before {
	margin:4px 10px 0 0; 
}

label.cf-after 	{
	margin:4px 15px 0pt 6px;
	text-align:left;
	width:115px;
}

label.cf-after span {
	width:115px;
	display:block;
}

label.cf-group-after {
	margin:3px 4px 0 2px;
	width:72px;
	text-align:left;
}
label.cf-group-after span {
	width:72px;
	display:block;
}

/*                                                    */
/*   FORM FIELDS general formatting                   */
/*                                                    */

.cform input,
.cform textarea,
.cform select { 
	padding:3px;
	background: #f9f9f9; 
	border: 1px solid #888888; 
	vertical-align:top;
}
.cform input:hover,
.cform textarea:hover,
.cform select:hover	{
	background:#cbd8e4; 
}

.cform input:focus,
.cform textarea:focus,
.cform select:focus	{ 
	background:#F3F8F8; 
}

.cform textarea,
.cform input {
	width:150px; 
}
.cform select {
	width:158px; /* attempt to have equal length */
	padding:2px 0;
}  

.cform select.cfselectmulti	{ 
	height:7.5em; 
}

.cform textarea {
	font-family: arial;
	font-size: 0.9em;
	overflow:auto;
}

/*                                                    */
/*   radio button title                               */
/*                                                    */

ol.cf-ol li.cf-box-title {
	font-weight:bold;
	letter-spacing:1px;
	padding:8px 0 0 100px; /* check with label 'width' incl. */
}

/*                                                    */
/*   check boxes                                      */
/*                                                    */

.cform input.cf-box-a,
.cform input.cf-box-b 	{ 
	margin:2px 0 0 0; 
	width:14px;
	height:22px;
	border:none!important;
	background:none!important; 
}

.cform input.cf-box-a 	{ 
	margin-left:100px; /* check with label 'width' incl. */
} 


/*                                                    */
/* check box groups                                   */
/*                                                    */

ol.cf-ol li.cf-box-group {
	margin:10px 0pt 0px !important;
	padding-left: 100px; 
} 

/*                                                    */
/* formatting for text:  "(required)"  & other        */
/*                                                    */

span.reqtxt,
span.emailreqtxt { 
	margin:3px 0 0 3px;
	font-size:0.9em;
	display: -moz-inline-box; 
	vertical-align:top;
}

/*                                                    */
/*   FORM submit button                               */
/*                                                    */

p.cf-sb {
	padding: 0!important;
	margin: 0;
}
.cform input.sendbutton	{ 
	width:80px;  
	padding:5px; 
	margin: 10px 0 0 80px;
	font-size:0.8em;
	background-color:#FFFFFF;
	border:1px solid #adadad!important;
	border-left-color:#ececec!important; 
	border-top-color:#ececec!important;
}

/*                                                    */
/*   FORM FIELDS enhanced error display               */
/*                                                    */
ol.cf-ol li.cf_li_err {
	background:#FFDFDF url(li-err-bg.png) repeat!important;
	border-color:#DF7D7D;
	border-style:solid;
	border-width:1px 0pt;
	padding:5px 0!important;
	margin:5px 0!important;
}

ol.cf-ol li ul.cf_li_text_err {
	height:1%;
	min-height:1%;
	margin:0 0 0 100px;
	padding:0;
	color:#333;
}

ol.cf-ol ul.cf_li_text_err li {
	background:url(icon-alert.png) no-repeat left 1px!important;
	list-style:none!important;
	font-weight:bold;
	text-indent:0;
	margin:0 0 2px!important;
	padding-left:15px;
}
ol.cf-ol ul.cf_li_text_err li:before {
	content:'';
}

/*                                                    */
/* 'visitor verification' related styles              */
/*                                                    */

label.secq,
label.seccap {
	vertical-align:text-bottom;
	margin-bottom:4px;
}

input.secinput {
	vertical-align:text-bottom;
}

#cforms_captcha6,
#cforms_captcha5,
#cforms_captcha4,
#cforms_captcha3,
#cforms_captcha2,
#cforms_captcha {
	height:15px;
	width:50px;
	padding: 4px 4px;
	margin: 0;
}

img.captcha	{
	vertical-align:text-bottom;
	margin:0 0 0 10px!important;
	padding:0!important;
	border:none!important;
	float:none!important;
}

img.captcha-reset {
	vertical-align:text-bottom;
	background:	url(captcha_reset_grey.gif) no-repeat;
	margin:0 0 2px 3px;
	width:21px;
	height:21px;
	border:none;
}

img.imgcalendar {
	border:none;
}

/*                                                    */
/* change formatting of response msgs here            */
/*                                                    */

div.cf_info {
	color:#333;
	display:none;
	padding:10px 0px!important;
	line-height:1.3em;
	margin:10px auto;
}
div.cf_info ol {
	margin:0;
	padding:5px 15px 0 30px;
}
div.cf_info ol li {
	padding:1px 0;
	margin:2px 0;
}
div.cf_info a	{
	color:#ad2929!important;
	text-decoration:underline!important;
}
div.success {
	background:# none repeat scroll 0% 50%;
	color:#444444;
	display:block;
}
div.failure {
	display:block;
	background:# url(li-err-bg.png) repeat!important;
	border-color:#DF7D7D;
	border-style:solid;
	border-width:1px 0pt;
}
div.waiting {
	background:#F9F9F9;
	color:#AAAAAA;
	display:block;
}
/*                                                    */
/*   formatting for invalid user inputs               */
/*                                                    */
.cform .cf_error { 
	color:#ad2929; 
	border:1px solid #ad2929; 
}
div.mailerr {
	display:block;
}
.mailerr,
.cform .cf_errortxt {
	color:#ad2929; 
}

/*                                                    */
/* disabled fields [disabled] does not work on IE!    */
/*                                                    */

[disabled] {
	color:#dddddd;
	border-color:#dddddd!important;
	background:none!important;
}
.disabled {
	border-color:#dddddd!important;
}

/*                                                    */
/* upload box styling                                 */
/*                                                    */
.cform input.cf_upload  {
	width:220px;
	background: #f9f9f9;
	border:1px solid #888888;
}

/*                                                    */
/*  Other: link love                                  */
/*                                                    */
.linklove {
	width:410px;
	margin:0 auto 10px!important;
	padding:0!important;	
	text-align:center!important;
}
.linklove a,
.linklove a:visited {
	font-size: 0.8em;
	font-family: Tahoma;
	color:#aaaaaa!important;
}

/*                                                    */
/*  Other: browser hacks                              */
/*                                                    */
* html .cform fieldset {
	position: relative;
	margin-top:15px;
	padding-top:25px; 
}
* html .cform legend { 
	position:absolute; 
	top: -10px; 
	left: 10px; 
	margin-left:0;
}
*+html .cform fieldset {
	position: relative;
	margin-top:15px;
	padding-top:25px; 
}
*+html .cform legend { 
	position:absolute; 
	top: -10px; 
	left: 10px; 
	margin-left:0;
}

* html ol.cf-ol,
* html ol.cf-ol li,
* html span.reqtxt,
* html span.emailreqtxt { 
	display: inline-block;  /*for ie6*/
}
*+html .cform label,
*+html ol.cf-ol,
*+html ol.cf-ol li,
*+html span.reqtxt,
*+html span.emailreqtxt {
	display: inline-block; /*for ie7*/
}

* html img.captcha {
	margin-bottom:1px!important;
}
*+html img.captcha {
	margin-bottom:1px!important;
}