@charset "utf-8";

html, body
{
	margin: 0px 0px;
	text-align: center;
	width: 100%;
	height: 100%;
}
body
{
	text-align: center;
	font-family: Arial, sans-serif;
	font-size: 62.5%;
	background: url("../images/layout/page/background.gif") repeat-x scroll 0 140px;
}
table
{
	font-size: 1.0em;
}

/*** FORM STYLES ***/
form dt {float: left;clear: left;width: 220px;font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #696868;}
form dd {margin: 0 0 0.5em 4em;font-family: Arial, Helvetica, sans-serif; font-size: 12px;text-align:left;}


h1
{
	font-family: Georgia, serif;
	font-size: 1.50em;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	color: #787878;
}
h1 span.blue
{
	color: #4aa3d0;
}
h2.bluefont{color: #74B7D8;}
h2
{
	font-family: Georgia, serif;
	font-size: 1.36em;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
	color: #6d6d6d;
	overflow: hidden;
}
div.box div.top h2
{
	z-index: 0;
	position: absolute;
	margin-top: 10px;
	margin-left: 15px;
}
h3
{
	margin: 0;
	padding: 0;
	font-family: Georgia, serif;
	font-weight: normal;
}
p
{
	text-align:justify;
}
.alignleft{text-align:left;}
a img
{
	border-width: 0px;
}
div.page-wrapper
{
	text-align: center;
	font-size: 1.4em;
	background: url("../images/layout/page/background-right.gif") no-repeat scroll 100% 140px;
	min-height: 440px;
}
div.page
{
	text-align: left;
	background: url("../images/layout/page/background-left.gif") no-repeat scroll 0 140px;
	min-height: 440px;
}
div.content
{
	width: 870px;
	margin: 0 auto;
}
a.logo
{
	margin: 0 auto;
	padding-left: 2px;
	display: block;
	background: url("../images/elements/logo.gif") no-repeat scroll 0 0;
	width: 280px;
	height: 70px;
	overflow: hidden;
	text-indent: -9999px;
}
div.header
{
	background: url("../images/layout/navigation/background.gif") repeat-x scroll 0 0;
	height: 140px;
	padding-left: 0px;
    padding-top:22px;
}

div.home-masthead
{
	background: url("../images/layout/box/home-masthead-center.gif") repeat-x scroll 0 0;
	min-height: 243px;
    position:relative;
}
div.home-masthead div.left
{
	float: left;
	background: url("../images/layout/box/home-masthead-left.gif") no-repeat scroll 0 0;
	height: 243px;
	min-height: 243px;
	min-width: 12px;
}

div.left
{
	display:inline;
	float:left;
	width:230px;
	font-size:14px;
}
div.right
{
	display:inline;
	float:right;
	width:250px;
	font-size:14px;
}
div.home-masthead span.right
{
	display: block;
	float: right;
	background: url("../images/layout/box/home-masthead-right.gif") no-repeat scroll 100% 0;
	width: 13px;
	min-width: 13px;
	height: 243px;
	min-height: 243px;
}

.home-column-text p{font-size:13px;text-align:left;}
#thank-your-card-flag{position:absolute; right:0px; top:0px;display:block; background:url(../images/homepage/flag.gif); width:100px; height:100px;text-indent:-9999px; overflow:hidden;}
#thank-your-card-flag:hover{background-position:0px -101px;height:99px;}
div.box
{

}
div.box div.top
{
	background: url("../images/layout/box/top-center.gif") repeat-x scroll 0 0;
	line-height: 56px;
	height: 56px;
	min-height: 56px;
}
div.box div.top span.left
{
	background: url("../images/layout/box/top-left.gif") no-repeat scroll 0 0;
	display: block;
	float: left;
	width: 21px;
	min-width: 21px;
	height: 56px;
	min-height: 56px;
}
div.box div.top span.right
{
	background: url("../images/layout/box/top-right.gif") no-repeat scroll 100% 0;
	display: block;
	float: right;
	width: 15px;
	min-width: 15px;
	height: 56px;
	min-height: 56px;
}

div.box-blue div.top
{
	background: url("../images/layout/box/top-center-blue.gif") repeat-x scroll 0 0;
}
div.box-blue div.top span.left
{
	background: url("../images/layout/box/top-left-blue.gif") no-repeat scroll 0 0;
}
div.box-blue div.top span.right
{
	background: url("../images/layout/box/top-right-blue.gif") no-repeat scroll 100% 0;
}

div.box-blue-small div.top
{
	background: url("../images/layout/box/top-center-blue.gif") repeat-x scroll 0 0;
}
div.box-blue-small div.top span.left
{
	background: url("../images/layout/box/top-left-blue.gif") no-repeat scroll 0 0;
}
div.box-blue-small div.top span.right
{
	background: url("../images/layout/box/top-right-blue.gif") no-repeat scroll 100% 0;
}

div.box div.bottom
{
	background: url("../images/layout/box/bottom-center.gif") repeat-x scroll 0 0;
	line-height:11px;
	height: 11px;
	min-height: 11px;
}
div.box div.bottom span.left
{
	background: url("../images/layout/box/bottom-left.gif") no-repeat scroll 0 0;
	display: block;
	float: left;
	width: 15px;
	min-width: 15px;
	height: 11px;
	min-height: 11px;
}
div.box div.bottom span.right
{
	background: url("../images/layout/box/bottom-right.gif") no-repeat scroll 100% 0;
	display: block;
	float: right;
	width: 15px;
	min-width: 15px;
	height: 11px;
	min-height: 11px;
}
div.box-blue div.bottom
{
	background: url("../images/layout/box/bottom-center-blue.gif") repeat-x scroll 0 0;
	line-height:11px;
	height: 11px;
	min-height: 11px;
}
div.box-blue div.bottom span.left
{
	background: url("../images/layout/box/bottom-left-blue.gif") no-repeat scroll 0 0;
	display: block;
	float: left;
	width: 12px;
	min-width: 12px;
	height: 11px;
	min-height: 11px;
}
div.box-blue div.bottom span.right
{
	background: url("../images/layout/box/bottom-right-blue.gif") no-repeat scroll 100% 0;
	display: block;
	float: right;
	width: 12px;
	min-width: 12px;
	height: 11px;
	min-height: 11px;
}

div.box-content
{
	border-left: solid 1px #c0c0c0;
	border-right: solid 1px #c0c0c0;
	background-color: #fff;
}
div.box-content-flush
{
	background: #fbfbfb url("../images/layout/box/home-background.gif") repeat-x 0 100%;
	margin: 0px 3px;
	min-height: 204px;
	color: #6d6d6d;
	padding: 0px 15px;
}
div.box-content-flush p
{
	margin: 0;
	padding: 6px 0px;
}

div.two-columns
{
	width: 100%;
}
div.two-columns div.column
{
	width: 46%;
	float: left;
}
div.column h2.nonblock
{
	float: left;
	margin-left: 20px !important;
	margin-top: 10px !important;
}

/*starts support div class */

div.support
{
	background: url("../images/layout/support/background-center.gif");
	font-size: 0.82em;
	color: #8f8f8f;
	height: 130px;
	min-height: 130px;
	max-height: 130px;
	margin-top:10px;
}
div.support span.left
{
	background: url("../images/layout/support/background-left.gif") no-repeat scroll 0 0;
	display: block;
	float: left;
	width: 15px;
	min-width: 15px;
	height: 130px;
	min-height: 130px;
}
div.support span.right
{
	background: url("../images/layout/support/background-right.gif") no-repeat scroll 100% 0;
	display: block;
	float: right;
	width: 15px;
	min-width: 15px;
	height: 130px;
	min-height: 130px;
}

div.footer1
{
	background: url("../images/layout/footer/background-center.gif");
	font-size: 0.82em;
	color: #8f8f8f;
	height: 100px;
	min-height: 100px;
	max-height: 100px;
	margin-top:10px;
}
div.footer1 span.left
{
	background: url("../images/layout/footer/background-left.gif") no-repeat scroll 0 0;
	display: block;
	float: left;
	width: 15px;
	min-width: 15px;
	height: 100px;
	min-height: 100px;
}
div.footer1 span.right
{
	background: url("../images/layout/footer/background-right.gif") no-repeat scroll 100% 0;
	display: block;
	float: right;
	width: 15px;
	min-width: 15px;
	height: 100px;
	min-height: 100px;
}
.tarea
{
	overflow:hidden;
	border:1px solid gray;
	width:195px;
	height:80px;
	color:gray;
    font-size:14px;
}

/*support div class ends*/

div.footer
{
	background: url("../images/layout/footer/background-center.gif");
	font-size: 0.82em;
	color: #8f8f8f;
	height: 84px;
	min-height: 84px;
	max-height: 84px;
	margin: 5px auto 20px auto;
}
div.support-email{margin:5px 0 20px 0;}

div.footer span.left
{
	background: url("../images/layout/footer/background-left.gif") no-repeat scroll 0 0;
	display: block;
	float: left;
	width: 15px;
	min-width: 15px;
	height: 84px;
	min-height: 84px;
}
div.footer span.right
{
	background: url("../images/layout/footer/background-right.gif") no-repeat scroll 100% 0;
	display: block;
	float: right;
	width: 15px;
	min-width: 15px;
	height: 84px;
	min-height: 84px;
}
div.footer-links
{
	padding-top: 8px;
	display: block;
	min-width: 134px;
	float: left;
}
div.footer-links p
{
	margin: 0;
	padding: 0;
}
div.footer-links a img
{
	position: relative;
	top: 3px;
}
div.footer-links label
{
	display: block;
	float: left;
	width: 80px;
}
div.footer-links a
{
	color: #8f8f8f;
	text-decoration: underline;
	display: block;
	line-height: 20px;
}
div.footer-links a.nonblock
{
	color: #8f8f8f;
	text-decoration: underline;
	line-height: 20px;
	display: block;
	float: left;
}
div.footer-links a:hover
{
	text-decoration: none;
}
.facebook{
    margin-left:70px;
}
div.facebook a{text-decoration:none;}
div.facebook img{margin-left:15px;}
a.button-see-more
{
	background: url("../images/elements/see-more.png") no-repeat scroll 0 0;
	width: 95px;
	height: 26px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	position: absolute;
}
a.button-see-more:hover
{
background-position: 0 -26px;
}

.subm
{
	background: url("../images/elements/submit-button.png") no-repeat scroll 0 0;
	border:none;
	width: 90px;
	height: 25px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	position: relative;
}
.subm:hover
{
background-position: 0 -25px;
}

.the-response
{
	color:red;
}

div.top-navigation ul
{
	list-style: none;
	margin: 0;
	padding: 0px;
	margin: 3px auto 0 auto;
	width: 850px;
	z-index: 50;	
    position:relative;
}
div.top-navigation ul li a.item
{
	background-image: url("../images/elements/navigation-text.jpg");
    background-repeat:no-repeat ;
    background-attachment:scroll;
	display: block;
	float: left;
	height: 35px;
	line-height: 35px;
	text-indent: -9999px;
	overflow: hidden;
	
}

div.top-navigation ul li ul {position:absolute; top:30px; left:160px; background:#d1d1d1; display:none; opacity:0; list-style:none;}
div.top-navigation ul li ul li {position:relative;padding:0;}
div.top-navigation ul li ul li a {display:block;z-index:99;}

div.top-navigation li ul
{
	margin: 0;
	padding: 0;
	border: solid 1px #fff;
	z-index: 20;
}

div.top-navigation li li
{
	background-color: #676767;
	border-bottom: solid 1px #7d7d7d;
	height: 30px;
}
div.top-navigation li li a
{
	display: block;
	line-height: 34px;
	height: 30px;
	color: #fff;
	font-family: Georgia, serif;
	text-decoration: none;
	padding-left: 10px;
}
div.top-navigation li li a:hover
{
	background-color: #565656;
}
div.top-navigation li:hover ul, div.top-navigation li.over ul
{
	display: block;
}

a.navigation-home{width: 67px;background-position: 0 -35px !important;}
a.navigation-product-range{width: 175px;background-position: -67px -35px !important;}
a.navigation-the-concept{width: 125px;	background-position: -242px -35px !important;}
a.navigation-faq{width: 71px;background-position: -367px -35px !important;}
a.navigation-examples{width: 101px;	background-position: -430px -35px !important;}
div.top-navigation ul li a.navigation-price{width: 54px;background-position:0 -35px !important; background-image:url(../images/elements/price.gif);}
a.navigation-testimonials{width: 134px;	background-position: -519px -35px !important;}
a.navigation-software{	width: 93px;background-position: -653px -35px !important;}
a.navigation-support{width: 104px;background-position: -746px -35px !important;}


a.navigation-home:hover, li.selected a.navigation-home{	background-position: 0 0 !important;}
a.navigation-product-range:hover, li.selected a.navigation-product-range{	background-position: -67px 0 !important;}
a.navigation-the-concept:hover, li.selected a.navigation-the-concept{	background-position: -242px 0 !important;}
a.navigation-faq:hover, li.selected a.navigation-faq{	background-position: -367px 0 !important;}
a.navigation-examples:hover, li.selected a.navigation-examples{	background-position: -430px 0 !important;}
div.top-navigation ul li a.navigation-price:hover, div.top-navigation ul li.selected a.navigation-price{background-position: 0px 0 !important;background-image:url(../images/elements/price.gif);}
a.navigation-testimonials:hover, li.selected a.navigation-testimonials{	background-position: -519px 0 !important;}
a.navigation-software:hover, li.selected a.navigation-software{	background-position: -653px 0 !important;}
a.navigation-support:hover, li.selected a.navigation-support{	background-position: -746px 0 !important;}

a
{
	color: #0082c3;
	text-decoration: underline;
}
a:hover
{
	color: #0082c3;
	text-decoration: none;
}


ul.masthead-list
{
	background: url("../images/elements/masthead-list-bullets.gif") no-repeat 5px 0;
	list-style: none;
	font-family: Georgia, serif;
	font-size: 1.2em;
	line-height: 31px;
	color: #7d7d7d;
}
p.home-photo-albums
{
	height: 175px;
}


div.box-blue div.box-content-flush
{
	background: #FBFBFB url("../images/layout/box/sub-background.gif") repeat-x scroll 0 0;
	color:#6D6D6D;
	margin:0 3px;
	min-height:243px;
	padding:0 15px;
}
ul.content-list-general
{
	list-style: url("../images/elements/bullet-list-general.gif");
	margin: 0px;
}
ul.content-list-general li
{
	margin-left: 14px;
}

div.expander, div.expander2
{
	background: url("../images/layout/box/expander-round-center.gif") repeat-x scroll 0 0;
	line-height: 36px;
	height: 36px;
	margin-bottom: 0;
	margin-top: 10px;
	margin-left: -15px;
	position: relative;
	width: 588px;
}
div.expander span.left, div.expander2 span.left
{
	background: url("../images/layout/box/expander-round-left.gif") no-repeat scroll 0 0;
	width: 15px;
	height: 36px;
	float: left;
}
div.expander span.right, div.expander2 span.right
{
	background: url("../images/layout/box/expander-round-right.gif") no-repeat scroll 100% 0;
	width: 35px;
	height: 36px;
	float: right;
}
a.expand-button
{
	margin-top: 8px;
	background: url("../images/elements/button-collapsed.gif") no-repeat scroll 0 0;
	display: block;
	width: 20px;
	height: 20px;
	text-indent: -9999px;
	overflow: hidden;
}
a.expanded
{
	background: url("../images/elements/button-expanded.gif") no-repeat scroll 0 0;
}

.clear
{
	clear: both;
}
div.expandable-panel
{
	background-position: 2px 16px !important;
	padding-right: 40px;
}
h2.sub-title span.light
{
	color: #a4a4a4;
	text-decoration:none;
}
p.content-description-text
{
	padding-bottom: 0px !important;
	margin-bottom: 0px;
	font-size: 16px;
	color: #6d6d6d;
	font-weight: bold;
}
a.button-download-here
{
	display: block;
	text-indent: -9999px;
	width: 214px;
	height: 52px;
	overflow: hidden;
	background: url("../images/elements/button-download.png") no-repeat scroll 0 0;
	background-position: 0 -52px;
}
a.button-download-here:hover
{
	background-position: 0 0;
}
div.box-content-flush ol
{
	margin: 0px;
	padding: 0px;
	list-style-position: outside;
	padding-left: 15px;
	padding-top: 20px;
}
div.box-content-flush ol li
{
	margin-bottom: 16px;
	text-align:justify;
}
div.box-content-flush ol li.last
{
	margin-bottom: 0px;
}
div.hline
{
	border-bottom: dotted 1px #a4a4a4;
}


.form-software
{
	padding: 10px !important;
}
.form-software  .form-element
{
	padding: 4px;
}
.form-software .form-element input[type=text], .textfield
{
	width: 193px;
	height: 18px;
}
.form-software .form-element input[type=text],
.form-software .form-element select, textarea, .textfield
{
	border: solid 1px #adabb3;
}
#cmbAlbum{width:193px; color:gray;}
.form-label
{
	width: 210px;
	display: block;
	float: left;
	margin-right: 10px;
	margin-bottom: 4px;
	text-align: right;
	height: 18px;
	line-height: 18px;
	margin-top: 2px;
}
.form-software .form-element input.noborder{border:none;background:transparent;color:#6D6D6D;}

div.sidebar-expandable-panels
{
	position: relative;
	left: -15px;
}
div.sidebar div.sidebar-expander
{
	line-height: 36px;
	height: 36px;
	margin-bottom: 0;
	margin-top: 10px;
	margin-left: 0px;
	position: relative;
	width: 250px;
	background: none;
	background-color: #f5f5f5; /* TODO: needs to change */
	margin-top: 0px;
}
div.sidebar div.sidebar-expandable-panel
{
	width: 220px;
	max-width: 220px;
	min-width: 220px;
	margin: 0px !important;
	padding: 0px 15px;
	background-color: #f5f5f5; /* TODO: needs to change */
}
div.sidebar div.sidebar-expandable-panel p
{
	padding: 0px 0px 10px 0px;
}
div.sidebar div.expander-alternate
{
	background-color: #fdfdfd; /* TODO: needs to change */
}
div.sidebar div.sidebar-expander span.right
{
	width: 35px;
	height: 36px;
	float: right;
}
div.sidebar div.sidebar-expander span.left
{
	width: 15px;
	height: 36px;
	float: left;
}
a.smoothbox-link
{
	display: block;
	width: 70px;
	text-align: right;
	text-decoration: none;
	padding-left: 30px;
    margin-right:20px;
	height: 30px;
	line-height: 30px;
}
a.smoothbox-link1
{
	text-align: right;
	text-decoration: none;
    float:right;
    margin:5px 10px 8px 0;
}

input.textfield
{
	background: url("../images/forms/textfield-background.gif") repeat-x left bottom;
	color:gray;
}

textarea
{
	color:gray;
    font-size:12px;
    font-weight:normal;
    font-family: Arial, sans-serif;
}

.imgborder
{
	border:1px solid gray;
}


.combo-box
{
	background:url('../images/layout/combobox-background.jpg') repeat-x scroll left top;
	border-bottom:solid 1px #86858a;
	padding-top:-1px;
	cursor:default;
	height: 20px;
	max-height: 20px;
}
.combo-popup
{
	background-color:#fff;
	position:absolute;
	border:solid 1px #9e9da1;
	max-height:290px;
	overflow-y:auto;
	overflow-x:hidden;
	z-index: 100;
}
.combo-popup input
{
	/*font-family: Arial;
	font-size:inherit;*/
}
.combo-button a
{
	display:block;
	width:20px;
	height:20px;
	background:url('../images/forms/combobox-button.gif') no-repeat scroll 50% 50%;
}
.combo-value
{
	background-color:#fff;
	color:#373534;
}
.combo-value-mouseover
{
	background-color:#9e9da1;
	color:#fff;
}
.combo-option
{
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}
div#home-image img.image
{
	position: absolute;
}





.facebook-logo
{
	margin-top: 3px;
	text-indent: -9999px;
	overflow: hidden;
	background: url("../images/elements/facebook-logo.png") no-repeat;
	width: 60px;
	height: 16px;
}
.skype-logo
{
	margin-top: 3px;
	text-indent: -9999px;
	overflow: hidden;
	background: url("../images/elements/skype-logo.png") no-repeat;
	width: 43px;
	height: 20px;
}
.twitter-logo
{
	margin-top: 3px;
	text-indent: -9999px;
	overflow: hidden;
	background: url("../images/elements/twitter-logo.png") no-repeat;
	width: 63px;
	height: 15px;
}
.facebook-logo:hover
{
	background-position: 0 -16px;
}
.skype-logo:hover
{
	background-position: 0 -20px;
}
.twitter-logo:hover
{
	background-position: 0 -15px;
}

.testimony
{
	background: url('../images/layout/content/dotted-line-horizontal.gif') repeat-x scroll 0 0;
}
.by
{
	padding-top: 0px !important;
	color: #9e9e9e;
}
img.process-position-indicator
{
	position: relative;
	top: 7px;
	left: -3px;
}
p.process-definition
{
	padding-left: 29px !important;
	font-size: 90%;
}
div.expander *
{
	cursor: pointer;
}
div.sidebar-expander *
{
	cursor: pointer;
}
.thumbnails img
{
	margin-right: 8px;
	margin-bottom: 8px;
}
div.expandable-panel h2,.pricing h2
{
	font-family: Arial;
	font-size: 100%;
	font-weight:bold;
	margin-bottom: 5px;
}

.product-range-pricing tr
{
	background-color: #fff;
}
.product-range-pricing tr.alternate
{
	background-color: #f2f2f2;
}

#about-flash, #about-flash2
{
    height:250px;
    width:558px;
    text-align:center;
    margin-left:0px;
}
 #about-flash2
{
    height:320px;
    width:410px;
    text-align:center;
    margin-left:77px;
}
#menuItems{width:174px;margin-left:42px;}

.play-preview{margin-left:16px;text-align:center;background:url(../images/elements/play-button.gif) 0 0; width:190px; height:135px; display:block;text-indent:-9999px; overflow:hidden;}
.play-preview:hover{background-position:0px -135px;}

.top-line{border-top:1px solid #cccccc;}
.left-line{border-left:1px solid #cccccc;}
.concept-content{padding-bottom:8px; width:332px; float:right; text-align:left;}
.size-list{height:184px;margin:5px 0 0 0;}
.size-list img{margin-left:15px;}
.size-list li{display:inline;text-align:left;float:left;vertical-align:bottom;}