/** stylesheet */

/*! normalize.css 2012-02-07T12:37 UTC - http://github.com/necolas/normalize.css */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:hover,a:active{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}p,pre{margin:1em 0}pre,code,kbd,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:75%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;*overflow:visible}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}
ul{list-style-image: url("/images/guava/star.png");}
/** common */
body {
	font-family: "proxima-nova", sans-serif;
	font-size: 18px;
	line-height: 1.5em;
	color: #6e8591;
	font-weight: 300;
}

.left {
	float: left;
}

.right {
	float: right;
}

.pad25 {
	padding: 25px;
}

/** clear fix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

h1 {
	font-size: 60px;
	font-weight: 300;
}
h2 {
	font-weight: 600;
	font-size: 18px;
	color: #6e8591;
	display: inline-block;
	margin: 0;
}
h3 {
	font-weight: 300;
	font-size: 36px;
	color: #3f5b6a;
	margin: 5px 0 10px 0;
}
h4 {
	font-size: 36px;
	color: #733b42;
	font-weight: 300;
	margin: 0;
	line-height: 1.5em;
}
	h4 a {
		font-size: 36px;
		color: #733b42;
		font-weight: 300;
		text-decoration: none;
	}
	h4 a:hover {
		border-bottom: 1px dotted #733b42;
	}

h5 {
	font-size: 13px;
	color: #3f5b6a;
}
h6 {
	font-weight: 300;
	font-size: 36px;
	color: #3f5b6a;
	margin: 10px 0;
}

code {
	font-family: Consolas, monaco, monospace;
	padding: 2px 4px;
	color: #d14;
	background-color: #f7f7f9;
	border: 1px solid #e1e1e8;
	font-size: 80%;
}

/** flash messages ------------------------------------------------------------ */
[class*="flash_"] {
	border: 1px solid #999;
	margin: 0 0 15px 0;
	padding: 12px 0 12px 45px;
	
}
	[class*="flash_"] p {
		text-align: left;
		font-size: 16px;
		font-weight: 800;
		color: #555;
		padding: 0;
		margin: 0;
	}

	.flash_errors {
		background: #F0CCCC url("/images/guava/xmark.png") no-repeat 15px 13px;
		border-color: #ba8686;
	}

	.flash_warning {
		background: #E8E8C5 url("/images/guava/warning.png") no-repeat 15px 13px;
		border-color: #b2b290;
	}

	.flash_notice {
		background: #C5E8C5 url("/images/guava/check.png") no-repeat 15px 12px;
		border-color: #8dbfa5;
	}


.pillar {
	width: 970px;
	margin: 0 auto;
	overflow: auto;
	text-align: left;
	/*border: 1px solid  #ccc;*/
}
	.padded {
		padding: 35px 25px;
	}
	.padded-t {
		padding: 35px 0 0 0;
	}
	.padded-tb {
		padding: 35px 0;
	}
	.padded-lr {
		padding: 0 25px;
	}

.pillarwidth100percent {
	width: 100%;
/*	padding: 2px 34px;*/
	margin: 0 auto;
	overflow: auto;
	text-align: left;
	/*border: 1px solid  #ccc;*/
}
.width100percent{
	
	width: 100% !important;
	
}
.paddingLR40{
	padding: 1px 40px;
}
.paddingLR25{
	padding: 1px 25px;
}
/** nav ----------------------------------------------------------------------- */
ul#nav-account {
	margin: 13px 10px 0 0;
	padding: 0;
}
ul#nav-account li {
	font-size: 0.80em;
	font-weight: 600;
}
	ul#nav-account li.separator {
		font-size: 1.5em;
		color: #ccc;
	}

	ul#nav-account li a {
		color: #898989;
		text-decoration: none;
	}
	
	ul#nav-account li a.phone {
		color: #733B3C;
	}

ul#nav-main {
	padding: 0;
	margin: 0;
}
ul#nav-main li {
	padding: 0 0 0 35px;
	font-size: 1.2em;
}
	ul#nav-main li a {
		color: #37505F;
		text-decoration: none;
	}
	ul#nav-main li a:hover {
		color: #000;
	}

/** wrapper ------------------------------------------------------------------- */
#wrapper {
	min-width: 970px;
	width: 100%;
	text-align: center;
}

/** header -------------------------------------------------------------------- */
header {
	height: 110px;
	padding-top: 5px;
	overflow: hidden;
}
	header.pillar {
		overflow: visible;
	}
	header div#logo {
		float: left;
		padding: 30px 0 0 0;
	}	
	header nav {
		float: right;
		text-align: right;
	}
	header nav ul li {
		display: inline;
	}
	
/** footer -------------------------------------------------------------------- */
footer {
	/*height: 250px;*/
	color: #fff;
}
	table.footer {
		width: 100%;
		margin: 0 0 75px 0;
		border: 0;
	}
	table.footer td {
	}	
		table.footer td.subscribe {
			vertical-align: top;
			text-align: center;
			width: 320px;
			background: url("/images/guava/footer_subscribe.png") 0 0 no-repeat;
		}
		#subscribe-input {
			border: 0;
			background-color: transparent;
			padding: 8px 5px;
			margin: 126px 0 0 30px;
			width: 180px;
			color: #505050;
		}	
		#btn-go {
			background: url("/images/guava/btn-go.png") 0 0 no-repeat;
			width: 50px;
			border: 0 none;
			height: 35px;
			float: right;
			margin: 127px 50px 54px 0;
		}
		#btn-go:hover {
			background: url("/images/guava/btn-go-hover.png") 0 0 no-repeat;
		}
		#subscribe-input:focus {
			outline: none;
		}
		table.footer td.notice {
			height: 145px;
		}
			table.footer td.notice h6 {
				color: #fff;
				font-size: 24px;
				font-weight: 600;
				display: inline;
				text-shadow: 0.05em 0.05em #333;
			}
			table.footer td.notice span.separator {
				font: georgia, serif;
				color: #f37878;
				font-size: 18px;
				font-style: italic;
				text-shadow: 0.1em 0.1em #333;
			}			
			table.footer td.notice a {
				margin: 0 10px;
				padding-bottom: 2px;
				color: #fff;
				text-decoration: none;
				text-shadow: 0.1em 0.1em #333;
			}
			table.footer td.notice a:hover {
				border-bottom: 1px dotted #f9f9f9;
			}
			
		table.footer td.contacts {
			color: #fff;
			height: 145px;
			margin-bottom: 150px;
		}
			table.footer td.contacts .phone {
				display: block;
				color: #f37676;
				font-size: 28px;
				font-weight: 900;
				text-shadow: 0.05em 0.05em #333;
			}
	
		table.footer td.links {
		}
			table.footer td.links ul {
				margin-top: 0;
				float: left;
				padding: 0 40px 0 0;
				list-style-type: none;
				list-style-image: none;
			}
			table.footer td.links ul li {
				line-height: 1.2em;
			}
			
			table.footer td.links ul li a {
				font-size: 14px;
				
				color: #b2c9cb;
				text-decoration: none;
				font-weight: 100;
			}
		
		table.footer td.divider {
			width: 35px;
			background-image: url("/images/guava/divider.gif");
			background-repeat: repeat-y;
		}

		td.divider2 {
			width: 50px;
			background-image: url("/images/guava/divider2.gif");
			background-repeat: repeat-y;
		}
		
		table.footer td.why {
			color: #fff;
		}
		
			table.footer td.why h6 {
				color: #f37676;
				font-family: georgia, serif;
				font-size: 23px;
				font-style: italic;
				font-weight: 400;
				text-shadow: 0.05em 0.05em #333;
				margin: 0;
			}
			table.footer td.why ul {
				margin: 0;
				padding: 0;
				list-style-image: url("/images/guava/why_bullet.gif");
				font-size: 15px;
				font-weight: 600;
				text-shadow: 0.1em 0.1em #333;
			}
			table.footer td.why ul li {
				margin: 16px 0 -7px 28px;
				line-height: 1.2em;
			}
			table.footer td.why ul li span {
				padding: 0 0 0 10px;
			}
			
		
		table.footer td.sponsors {
			width: 968px;
		}
			table.footer td.sponsors .sponsors-of,
			table.footer td.sponsors .members-of {
				float: left;
				margin-right: 5px;
			}
	
			table.footer td.sponsors h6 {
				font-size: 12px;
				margin: 25px 0 10px 0;
				font-weight: 400;
				color: #bcd5d7;
			}
	
		table.footer td.copyright {
			vertical-align: bottom;
			font-size: 13px;
			color: #afbecc;
			padding-bottom: 15px;
		}


/** content boxes ------------------------------------------------------------- */
div[class^='cbox-'] h1.oneline {
	margin: 60px 0 60px 0;
	padding: 0;
}

.cbox-01 {
	color: #fff;
	background-color: #81ADB0;
	min-height: 155px;
}
	.cbox-01-main {
		color: #fff;
	}
	.cbox-01-main h1 {
		margin: 10px 0 25px 0;
		font-size: 54px;
		font-weight: 300;
		text-shadow: 0.03em 0.03em #95bbbe;
	}

.cbox-02 {
	background-color: #e9f2f3;
}

.cbox-03 {
	background-color: #fff;
	color: #6E8591;
}

.cbox-04 {
	background-color: #eff4f4;
}

.cbox-05 {
	background-color: #dce9e9;
}

.cbox-06 {
	color: #fff;
	background-image: url("/images/guava/bg_cbox6.gif");
}
	
	.cbox-06-main p {
		color: #fff;
	}	

.cbox-07 {
	background-image: url("/images/guava/bg_cbox7.gif");
	background-color: #3f5b6a;
}
	.cbox-07 h1 {
		text-shadow: 0.03em 0.03em #142731;
	}
	.cbox-07-main {
		color: #fff;
	}

.cbox-08 {
	background-color: #cbe1e3;
}

	.cbox-08-main {
		color: #fff;
	}


.cbox-09 {
	background-color: #eff4f4;
}
	
	.cbox-09-spine {
		background: url("/images/guava/bg_cbox9.gif") no-repeat center top;
		background-color: #eff4f4;
	}

	.cbox-09-main {
		/*color: #6e8591;*/
	}

.cbox-10 {
	background-color: #cbe1e3;
}
	.cbox-10-main {
		/*color: #3d3d3d;*/
	}
	.cbox-10-stiches {
		height: 10px;
		background: url("/images/guava/stitches.gif") repeat-x 10px 4px;
		color: #3d3d3d;
	}

.cbox-carousel {
	background-color: #eff4f4;
	margin: 0 auto;
}

	.cbox-carousel-slide {
		width: 100%;
	}
	
	.cbox-carousel-switches {
		margin: 0;
		padding: 10px 0 25px 0;
	}

.cbox-client-menu {
	background-color: #e9f2f3;
}
	.cbox-client-menu-main ul {
		list-style-type: none;
		padding: 5px 0;
		margin: 0;
		border-bottom: 1px solid #dce4e7;
	}
	.cbox-client-menu-main ul li {	
		display: inline-block;
		margin: 10px 0 0 0;
	}
	.cbox-client-menu-main ul li a {
		text-transform: uppercase;
		font-weight: 400;
		font-size: 15px;
		color: #3f5b6a;
		text-decoration: none;
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		padding: 10px 30px 5px 30px;
		border-top: 1px solid #e9f2f3;
		border-left: 1px solid #e9f2f3;
		border-right: 1px solid #e9f2f3;
		
	}

	.cbox-client-menu-main ul li.active a {
		background-color: #fff;
		border-top: 1px solid #dce4e7;
		border-left: 1px solid #dce4e7;
		border-right: 1px solid #dce4e7;
		border-bottom: 1px solid #fff;
	}

/** style group ------------------------------ */

.style-group {
	padding: 25px;
	text-align: left;
}

.style-group-title {
	color: #ababab;
	font-weight: 900;
	font-size: 24px;
}

.style-group-example {
	border: 1px solid #ccc;
	padding: 15px;
	background-color: #fff;
}

/** tables */
table {
	max-width: 100%;
	background-color: transparent;
	border-collapse: collapse;
	border-spacing: 0;
}

.table {
	width: 100%;
	margin-bottom: 20px;
}

.table th,
.table td {
	padding: 8px;
	line-height: 20px;
	text-align: left;
	vertical-align: top;
	border-top: 1px solid #dddddd;
}

.table th {
	font-weight: bold;
}

.table thead th {
	vertical-align: bottom;
}

.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
	border-top: 0;
}

.table tbody + tbody {
	border-top: 2px solid #dddddd;
}

.table-condensed th,
.table-condensed td {
	padding: 4px 5px;
}

.table-bordered {
	border: 1px solid #dddddd;
	border-collapse: separate;
	*border-collapse: collapse;
	border-left: 0;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
			border-radius: 4px;
}

.table-bordered th,
.table-bordered td {
	border-left: 1px solid #dddddd;
}

.table-bordered caption + thead tr:first-child th,
.table-bordered caption + tbody tr:first-child th,
.table-bordered caption + tbody tr:first-child td,
.table-bordered colgroup + thead tr:first-child th,
.table-bordered colgroup + tbody tr:first-child th,
.table-bordered colgroup + tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
	border-top: 0;
}

.table-bordered thead:first-child tr:first-child th:first-child,
.table-bordered tbody:first-child tr:first-child td:first-child {
	-webkit-border-top-left-radius: 4px;
	        border-top-left-radius: 4px;
	    -moz-border-radius-topleft: 4px;
}

.table-bordered thead:first-child tr:first-child th:last-child,
.table-bordered tbody:first-child tr:first-child td:last-child {
	-webkit-border-top-right-radius: 4px;
	        border-top-right-radius: 4px;
	    -moz-border-radius-topright: 4px;
}

.table-bordered thead:last-child tr:last-child th:first-child,
.table-bordered tbody:last-child tr:last-child td:first-child,
.table-bordered tfoot:last-child tr:last-child td:first-child {
	            -webkit-border-radius: 0 0 0 4px;
	               -moz-border-radius: 0 0 0 4px;
	                    border-radius: 0 0 0 4px;
	-webkit-border-bottom-left-radius: 4px;
	        border-bottom-left-radius: 4px;
	    -moz-border-radius-bottomleft: 4px;
}

.table-bordered thead:last-child tr:last-child th:last-child,
.table-bordered tbody:last-child tr:last-child td:last-child,
.table-bordered tfoot:last-child tr:last-child td:last-child {
	-webkit-border-bottom-right-radius: 4px;
	        border-bottom-right-radius: 4px;
	    -moz-border-radius-bottomright: 4px;
}

.table-bordered caption + thead tr:first-child th:first-child,
.table-bordered caption + tbody tr:first-child td:first-child,
.table-bordered colgroup + thead tr:first-child th:first-child,
.table-bordered colgroup + tbody tr:first-child td:first-child {
	-webkit-border-top-left-radius: 4px;
	        border-top-left-radius: 4px;
	    -moz-border-radius-topleft: 4px;
}

/** icons */
.the-icons {
	margin-left: 0;
	list-style: none;
}
.the-icons li {
	float: left;
	width: 25%;
	line-height: 25px;
}

[class^="icon-"],
[class*=" icon-"] {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-top: 1px;
	*margin-right: .3em;
	line-height: 14px;
	vertical-align: text-top;
	background-image: url("/images/icons/glyphicons-halflings.png");
	background-position: 14px 14px;
	background-repeat: no-repeat;
}


/* White icons with optional class, or on hover/active states of certain elements */

.icon-white,
.nav-tabs > .active > a > [class^="icon-"],
.nav-tabs > .active > a > [class*=" icon-"],
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"] {
  background-image: url("/images/icons/glyphicons-halflings-white.png");
}

.icon-glass {
  background-position: 0      0;
}

.icon-music {
  background-position: -24px 0;
}

.icon-search {
  background-position: -48px 0;
}

.icon-envelope {
  background-position: -72px 0;
}

.icon-heart {
  background-position: -96px 0;
}

.icon-star {
  background-position: -120px 0;
}

.icon-star-empty {
  background-position: -144px 0;
}

.icon-user {
  background-position: -168px 0;
}

.icon-film {
  background-position: -192px 0;
}

.icon-th-large {
  background-position: -216px 0;
}

.icon-th {
  background-position: -240px 0;
}

.icon-th-list {
  background-position: -264px 0;
}

.icon-ok {
  background-position: -288px 0;
}

.icon-remove {
  background-position: -312px 0;
}

.icon-zoom-in {
  background-position: -336px 0;
}

.icon-zoom-out {
  background-position: -360px 0;
}

.icon-off {
  background-position: -384px 0;
}

.icon-signal {
  background-position: -408px 0;
}

.icon-cog {
  background-position: -432px 0;
}

.icon-trash {
  background-position: -456px 0;
}

.icon-home {
  background-position: 0 -24px;
}

.icon-file {
  background-position: -24px -24px;
}

.icon-time {
  background-position: -48px -24px;
}

.icon-road {
  background-position: -72px -24px;
}

.icon-download-alt {
  background-position: -96px -24px;
}

.icon-download {
  background-position: -120px -24px;
}

.icon-upload {
  background-position: -144px -24px;
}

.icon-inbox {
  background-position: -168px -24px;
}

.icon-play-circle {
  background-position: -192px -24px;
}

.icon-repeat {
  background-position: -216px -24px;
}

.icon-refresh {
  background-position: -240px -24px;
}

.icon-list-alt {
  background-position: -264px -24px;
}

.icon-lock {
  background-position: -287px -24px;
}

.icon-flag {
  background-position: -312px -24px;
}

.icon-headphones {
  background-position: -336px -24px;
}

.icon-volume-off {
  background-position: -360px -24px;
}

.icon-volume-down {
  background-position: -384px -24px;
}

.icon-volume-up {
  background-position: -408px -24px;
}

.icon-qrcode {
  background-position: -432px -24px;
}

.icon-barcode {
  background-position: -456px -24px;
}

.icon-tag {
  background-position: 0 -48px;
}

.icon-tags {
  background-position: -25px -48px;
}

.icon-book {
  background-position: -48px -48px;
}

.icon-bookmark {
  background-position: -72px -48px;
}

.icon-print {
  background-position: -96px -48px;
}

.icon-camera {
  background-position: -120px -48px;
}

.icon-font {
  background-position: -144px -48px;
}

.icon-bold {
  background-position: -167px -48px;
}

.icon-italic {
  background-position: -192px -48px;
}

.icon-text-height {
  background-position: -216px -48px;
}

.icon-text-width {
  background-position: -240px -48px;
}

.icon-align-left {
  background-position: -264px -48px;
}

.icon-align-center {
  background-position: -288px -48px;
}

.icon-align-right {
  background-position: -312px -48px;
}

.icon-align-justify {
  background-position: -336px -48px;
}

.icon-list {
  background-position: -360px -48px;
}

.icon-indent-left {
  background-position: -384px -48px;
}

.icon-indent-right {
  background-position: -408px -48px;
}

.icon-facetime-video {
  background-position: -432px -48px;
}

.icon-picture {
  background-position: -456px -48px;
}

.icon-pencil {
  background-position: 0 -72px;
}

.icon-map-marker {
  background-position: -24px -72px;
}

.icon-adjust {
  background-position: -48px -72px;
}

.icon-tint {
  background-position: -72px -72px;
}

.icon-edit {
  background-position: -96px -72px;
}

.icon-share {
  background-position: -120px -72px;
}

.icon-check {
  background-position: -144px -72px;
}

.icon-move {
  background-position: -168px -72px;
}

.icon-step-backward {
  background-position: -192px -72px;
}

.icon-fast-backward {
  background-position: -216px -72px;
}

.icon-backward {
  background-position: -240px -72px;
}

.icon-play {
  background-position: -264px -72px;
}

.icon-pause {
  background-position: -288px -72px;
}

.icon-stop {
  background-position: -312px -72px;
}

.icon-forward {
  background-position: -336px -72px;
}

.icon-fast-forward {
  background-position: -360px -72px;
}

.icon-step-forward {
  background-position: -384px -72px;
}

.icon-eject {
  background-position: -408px -72px;
}

.icon-chevron-left {
  background-position: -432px -72px;
}

.icon-chevron-right {
  background-position: -456px -72px;
}

.icon-plus-sign {
  background-position: 0 -96px;
}

.icon-minus-sign {
  background-position: -24px -96px;
}

.icon-remove-sign {
  background-position: -48px -96px;
}

.icon-ok-sign {
  background-position: -72px -96px;
}

.icon-question-sign {
  background-position: -96px -96px;
}

.icon-info-sign {
  background-position: -120px -96px;
}

.icon-screenshot {
  background-position: -144px -96px;
}

.icon-remove-circle {
  background-position: -168px -96px;
}

.icon-ok-circle {
  background-position: -192px -96px;
}

.icon-ban-circle {
  background-position: -216px -96px;
}

.icon-arrow-left {
  background-position: -240px -96px;
}

.icon-arrow-right {
  background-position: -264px -96px;
}

.icon-arrow-up {
  background-position: -289px -96px;
}

.icon-arrow-down {
  background-position: -312px -96px;
}

.icon-share-alt {
  background-position: -336px -96px;
}

.icon-resize-full {
  background-position: -360px -96px;
}

.icon-resize-small {
  background-position: -384px -96px;
}

.icon-plus {
  background-position: -408px -96px;
}

.icon-minus {
  background-position: -433px -96px;
}

.icon-asterisk {
  background-position: -456px -96px;
}

.icon-exclamation-sign {
  background-position: 0 -120px;
}

.icon-gift {
  background-position: -24px -120px;
}

.icon-leaf {
  background-position: -48px -120px;
}

.icon-fire {
  background-position: -72px -120px;
}

.icon-eye-open {
  background-position: -96px -120px;
}

.icon-eye-close {
  background-position: -120px -120px;
}

.icon-warning-sign {
  background-position: -144px -120px;
}

.icon-plane {
  background-position: -168px -120px;
}

.icon-calendar {
  background-position: -192px -120px;
}

.icon-random {
  width: 16px;
  background-position: -216px -120px;
}

.icon-comment {
  background-position: -240px -120px;
}

.icon-magnet {
  background-position: -264px -120px;
}

.icon-chevron-up {
  background-position: -288px -120px;
}

.icon-chevron-down {
  background-position: -313px -119px;
}

.icon-retweet {
  background-position: -336px -120px;
}

.icon-shopping-cart {
  background-position: -360px -120px;
}

.icon-folder-close {
  background-position: -384px -120px;
}

.icon-folder-open {
  width: 16px;
  background-position: -408px -120px;
}

.icon-resize-vertical {
  background-position: -432px -119px;
}

.icon-resize-horizontal {
  background-position: -456px -118px;
}

.icon-hdd {
  background-position: 0 -144px;
}

.icon-bullhorn {
  background-position: -24px -144px;
}

.icon-bell {
  background-position: -48px -144px;
}

.icon-certificate {
  background-position: -72px -144px;
}

.icon-thumbs-up {
  background-position: -96px -144px;
}

.icon-thumbs-down {
  background-position: -120px -144px;
}

.icon-hand-right {
  background-position: -144px -144px;
}

.icon-hand-left {
  background-position: -168px -144px;
}

.icon-hand-up {
  background-position: -192px -144px;
}

.icon-hand-down {
  background-position: -216px -144px;
}

.icon-circle-arrow-right {
  background-position: -240px -144px;
}

.icon-circle-arrow-left {
  background-position: -264px -144px;
}

.icon-circle-arrow-up {
  background-position: -288px -144px;
}

.icon-circle-arrow-down {
  background-position: -312px -144px;
}

.icon-globe {
  background-position: -336px -144px;
}

.icon-wrench {
  background-position: -360px -144px;
}

.icon-tasks {
  background-position: -384px -144px;
}

.icon-filter {
  background-position: -408px -144px;
}

.icon-briefcase {
  background-position: -432px -144px;
}

.icon-fullscreen {
  background-position: -456px -144px;
}

[class^="icon-guava-"],
[class*=" icon-guava-"] {
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-top: -2px;
	*margin-right: .3em;
	line-height: 18px;
	vertical-align: text-top;
	background-image: url("/images/guava/sprite.png");
	background-position: 18px 18px;
	background-repeat: no-repeat;
}

.icon-guava-book {
  background-position: 0 0;
}
.icon-guava-user {
  background-position: -24px 0;
}
.icon-guava-share {
  background-position: -48px 0;
}
.icon-guava-signin {
  background-position: -72px 0;
}
.icon-guava-join {
  background-position: -96px 0;
}
.icon-guava-phone {
  background-position: -120px 0;
}
.icon-guava-separator {
  background-position: -144px 0;
}
.icon-guava-cswitch-off {
  background-position: -168px 0;
}
.icon-guava-cswitch-on {
  background-position: -192px 0;
}
.icon-guava-heart {
  background-position: -384px 0;
  width: 24px;
  height: 24px;
  margin-top: 0;
}

.icon-guava-play {
  background-position: -384px 0;
  width: 24px;
  height: 24px;
  margin-top: 0;
}
.icon-play-info {
  margin-top: 8px !important;
}
.icon-caret {
  background-image: url("/images/guava/caret.png");
  /*width: 10px;*/
  height: 33px;
  margin-top: 0;
  background-position: center;
  padding-left: 5px;
}

.icon-guava-pager-prev-on {
	background-position: 0 -24px;
}
.icon-guava-pager-prev-off {
	background-position: -48px -24px;
}
.icon-guava-pager-next-on {
	background-position: -24px -24px;
}
.icon-guava-pager-next-off {
	background-position: -72px -24px;
}

.icon-guava-help {
  background-position: -240px -24px;
}

.dark .my-products-pager .icon-guava-pager-prev-on {
	background-position: -144px -24px;
}
.dark .my-products-pager .icon-guava-pager-prev-off {
	background-position: -192px -24px;
}
.dark .my-products-pager .icon-guava-pager-next-on {
	background-position: -168px -24px;
}
.dark .my-products-pager .icon-guava-pager-next-off {
	background-position: -216px -24px;
}

.icon-guava-playdraw {
  background-position: -96px -24px;
  width: 26px;
  height: 26px;
  margin-top: 1px;
}

.icon-guava-question {
	background-position: -120px -24px;
	width: 26px;
	height: 26px;
}

.icon-guava-mini-email {
	background-position: -264px -24px;
	width: 26px;
	height: 26px;
}




[class^="icon-guava-social-"],
[class*=" icon-guava-social-"] {
	width: 24px;
	height: 24px;
	/*background-color: #f6f9f9;*/
}
	.icon-guava-social-email {
		background-position: -216px 0;
	}
	.icon-guava-social-facebook {
		background-position: -240px 0;
	}
	.icon-guava-social-twitter {
		background-position: -264px 0;
	}
	.icon-guava-social-pinterest {
		background-position: -288px 0;
	}
	.icon-guava-social-link {
		background-position: -312px 0;
	}
	.icon-guava-social-web {
		background-position: -336px 0;
	}
	.icon-guava-social-gplus {
		background-position: -360px 0;
	}

.icon-guava-btn-win {
	background-position: 0 -48px;
	width: 36px;
	height: 36px;
	margin-top: -7px;
}

.icon-guava-btn-mac {
	background-position: -48px -48px;
	width: 36px;
	height: 36px;
	margin-top: -7px;
}

pre {
	display: block;
	padding: 9.5px;
	margin: 0 0 10px;
	font-size: 13px;
	line-height: 20px;
	word-break: break-all;
	word-wrap: break-word;
	white-space: pre;
	white-space: pre-wrap;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.15);
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
			border-radius: 4px;
}

nav#style-nav {
	padding: 25px 10px;
	width: 18%;
	float: left;
}
div#style-main {
	width: 80%;
	float: left;
}

div#style-main .style-group > p {
	font-size: 14px;
	color: #4c4c4c;
}




.carousel-tabs-content {
	display:none;
	text-align: center;
	clear: both;
	overflow: auto;
	padding: 0;
	margin: 0;
}
.carousel-tabs-content.hide {
	display:none;
}

.carousel-tabs-content.show {
	display:block;
}

/* FOR storyboard */

/** carousel slide --------------------------- */

.cbox-carousel-nav {
	/*position: absolute;*/
	/*z-index: 100 !important;*/
	/*float: right;*/
	/*margin-top: 9px;*/
	/*width: 100%;*/
	background-color: #eff4f4;
	padding: 10px 0 15px 0;
	min-height: 20px;
}

	.cbox-carousel-nav a {		
		display: inline-block;
		width: 18px;
		height: 18px;
		margin-top: -2px;
		*margin-right: .3em;
		line-height: 18px;
		vertical-align: text-top;
		background-image: url("/images/guava/sprite.png");
		background-repeat: no-repeat;
		background-position: -168px 0;
		font-size: 0.001px;
	}
	.cbox-carousel-nav a.activeSlide {
		background-position: -192px 0;
	}
	.cbox-carousel-nav a:focus {
		outline: none;
	}

/* FOR storyboard */
	.nav {
		z-index: 100 !important;
		float: right;
		margin-left: 835px;
		margin-top: 15px;
		position: absolute;
	}

	.nav a {
		background:url(https://www.momento.com.au/images/underwater/Storyboard_button_off.png) no-repeat bottom left;
		margin: 0 5px;
		padding: 10px 10px;
		text-decoration: none;
		width: 10px;
		color: #FFFFFF;
		font-size: 0.001px;;
	}
	
	.nav a.activeSlide {
		background:url(https://www.momento.com.au/images/underwater/Storyboard_button_on.png) no-repeat bottom left;
	}
	
	.nav a:focus {
		outline: none;
	}
	
	#nav {
		z-index: 100 !important;
		float: right;
		margin-left: 835px;
		margin-top: 15px;
		position: absolute;
	}

	#nav a {
		background:url(https://www.momento.com.au/images/underwater/Storyboard_button_off.png) no-repeat bottom left;
		margin: 0 5px;
		padding: 10px 10px;
		text-decoration: none;
		width: 10px;
		color: #FFFFFF;
		font-size: 0.001px;;
	}
	
	#nav a.activeSlide {
		background:url(https://www.momento.com.au/images/underwater/Storyboard_button_on.png) no-repeat bottom left;
	}

	#nav a:focus {
		outline: none;
	}

	.slide-main{
		width: 970px;
		height: 300px !important;
	}


/** text styles (style-size-colour) */

.text01 { /* Proxima Nova Regular 20px #2d4653 */
	font-family: "proxima-nova", sans-serif;
	font-weight: 400;
	font-size: 20px;
	color: #2d4653;
}
.text02 { /* Proxima Nova SemiBold 13px #898989 */
	font-family: "proxima-nova", sans-serif;
	font-weight: 600;
	font-size: 13px;
	color: #898989;
}

.text03 { /* Proxima Nova SemiBold 13px #743c42 */
	font-family: "proxima-nova", sans-serif;
	font-weight: 600;
	font-size: 13px;
	color: #743c42;
}
.text04 { /* Proxima Nova Light 13px #FFFFFF */
	font-family: "proxima-nova", sans-serif;
	font-weight: 300;
	font-size: 13px;
	color: #fff;
}
.text05 { /* Proxima Nova Regular 15px #3f5b6a */
	font-family: "proxima-nova", sans-serif;
	font-weight: 400;
	font-size: 15px;
	color: #3f5b6a;
}
.text06 { /* Proxima Nova Light 36px #733b42 */
	font-family: "proxima-nova", sans-serif;
	font-weight: 300;
	font-size: 36px;
	color: #733b42;
}
.text07 { /* Proxima Nova SemiBold 17px #ffffff */
	font-family: "proxima-nova", sans-serif;
	font-weight: 600;
	font-size: 17px;
	color: #fff;
}
.text08 { /* Proxima Nova Regular 13px #3f5b6a */
	font-family: "proxima-nova", sans-serif;
	font-weight: 400;
	font-size: 13px;
	color: #3f5b6a;
}
.text09 { /* Proxima Nova Regular 15px #743c42 */
	font-family: "proxima-nova", sans-serif;
	font-weight: 600;
	font-size: 15px;
	color: #743c42;
}
.text10 { /* Proxima Nova Regular 13px #777676 */
	font-family: "proxima-nova", sans-serif;
	font-weight: 400;
	font-size: 13px;
	color: #777676;
}
.text11 { /* Proxima Nova SemiBold 17px #385160 */
	font-family: "proxima-nova", sans-serif;
	font-weight: 600;
	font-size: 17px;
	color: #385160;
}
.text12 { /* Proxima Nova Regular 13px #562329 */
	font-family: "proxima-nova", sans-serif;
	font-weight: 400;
	font-size: 17px;
	color: #562329;
}
.text13 { /* Proxima Nova SemiBold 25px #ffffff */
	font-family: "proxima-nova", sans-serif;
	font-weight: 600;
	font-size: 25px;
	color: #fff;
}
.text14 { /* Proxima Nova Regular 16px #ffffff */
	font-family: "proxima-nova", sans-serif;
	font-weight: 600;
	font-size: 16px;
	color: #fff;
}
.text15 { /* Proxima Nova Light 16px #fffff */
	font-family: "proxima-nova", sans-serif;
	font-weight: 300;
	font-size: 16px;
	color: #fff;
}
.text16 { /* Proxima Nova Light 14px #b2c9cb */
	font-family: "proxima-nova", sans-serif;
	font-weight: 300;
	font-size: 14px;
	color: #b2c9cb;
}
.text17 { /* Proxima Nova Light 14px #fffff */
	font-family: "proxima-nova", sans-serif;
	font-weight: 300;
	font-size: 14px;
	color: #fff;
}
.text18 { /* Proxima Nova Bold 36px #b8d0d2 */
	font-family: "proxima-nova", sans-serif;
	font-weight: 900;
	font-size: 36px;
	color: #b8d0d2;
}
.text19 { /* Proxima Nova Bold 28px #f87878 */
	font-family: "proxima-nova", sans-serif;
	font-weight: 900;
	font-size: 28px;
	color: #f87878;
}
.text20 { /* Proxima Nova SemiBold 15px #ffffff */
	font-family: "proxima-nova", sans-serif;
	font-weight: 600;
	font-size: 15px;
	color: #ffffff;
}
.text21 { /* Proxima Nova Regular 12px #bcd5d7 */
	font-family: "proxima-nova", sans-serif;
	font-weight: 600;
	font-size: 12px;
	color: #bcd5d7;
}
.text22 { /* Proxima Nova SemiBold 23px #743c42 */
	font-family: "proxima-nova", sans-serif;
	font-weight: 600;
	font-size: 23px;
	color: #743c42;
}
.text23 { /* Proxima Nova Light 36px #3f5b6a */
	font-family: "proxima-nova", sans-serif;
	font-weight: 300;
	font-size: 36px;
	color: #3f5b6a;
}
.text24 { /* Proxima Nova Light 18px #6e8591 */
	font-family: "proxima-nova", sans-serif;
	font-weight: 300;
	font-size: 18px;
	color: #6e8591;
}
.text25 { /* Proxima Nova SemiBold 14px #ffffff */
	font-family: "proxima-nova", sans-serif;
	font-weight: 600;
	font-size: 14px;
	color: #fff;
}
.text26 { /* Proxima Nova SemiBold 18px #6e8591 */
	font-family: "proxima-nova", sans-serif;
	font-weight: 600;
	font-size: 18px;
	color: #6e8591;
}
.text27 { /* Proxima Nova SemiBold 16px #3f5b6a */
	font-family: "proxima-nova", sans-serif;
	font-weight: 600;
	font-size: 16px;
	color: #3f5b6a;
}
.text28 { /* Proxima Nova Regular 16px #6e8591 */
	font-family: "proxima-nova", sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #6e8591;
}
.text29 { /* Proxima Nova SemiBold 33px #ffffff */
	font-family: "proxima-nova", sans-serif;
	font-weight: 600;
	font-size: 33px;
	color: #fff;
	text-shadow: 0.06em 0.06em #a2c7c8;
}
.text30 { /* Proxima Nova Light 22px #385160 */
	font-family: "proxima-nova", sans-serif;
	font-weight: 300;
	font-size: 22px;
	color: #385160;
	
}
.text31 { /* Proxima Nova Light 28px #743c42 */
	font-family: "proxima-nova", sans-serif;
	font-weight: 300;
	font-size: 28px;
	color: #743c42;
}
.text32 .help-title, .help-title a { /* Proxima Nova Regular 17px #37505e */
	font-family: "proxima-nova", sans-serif;
	font-weight: 600;
	font-size: 17px;
	color: #37505e;
}
.text33, .help-summary { /* Proxima Nova Light 15px #6e8591 */
	font-family: "proxima-nova", sans-serif;
	font-weight: 300;
	font-size: 15px;
	color: #6e8591;
}
.text34 { /* Proxima Nova Bold 13px #f87878 */
	font-family: "proxima-nova", sans-serif;
	font-weight: 900;
	font-size: 16px;
	color: #f87878;
}
.text35 { /* Proxima Nova Regular 13px #f87878 */
	font-family: "proxima-nova", sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #f87878;
}
.text36 { /* Georgia Italic 12px #999999 */
	font-family: Georgia, serif;
	font-style: italic;
	font-weight: 400;
	font-size: 12px;
	color: #999999;
}
.text37 { /* Georgia Italic 12px #898989 */
	font-family: Georgia, serif;
	font-style: italic;
	font-weight: 400;
	font-size: 14px;
	color: #898989;
	text-shadow: 0.1em 0.1em #fff;	
}
.text38 { /* Georgia Italic 18px #f87878 */
	font-family: Georgia, serif;
	font-style: italic;
	font-weight: 400;
	font-size: 18px;
	color: #f87878;
}
.text39 { /* Georgia Italic 18px #ffffff */
	font-family: Georgia, serif;
	font-style: italic;
	font-weight: 400;
	font-size: 18px;
	color: #fff;
}
.text40 { /* Georgia Italic 16px #3c5665 */
	font-family: Georgia, serif;
	font-style: italic;
	font-weight: 400;
	font-size: 16px;
	color: #3c5665;
}
.text41 { /* Georgia Italic 21px #f87878 */
	font-family: Georgia, serif;
	font-style: italic;
	font-weight: 400;
	font-size: 21px;
	color: #f87878;
}
.text42 { /* HelveticaNeue (or similar) Regular 12px #bcd5d7 */
	font-family: "proxima-nova", sans-serif;
	font-weight: 400;
	font-size: 12px;
	color: #bcd5d7;
}

.text43 {
	font-weight: 300;
	font-size: 16px;
	color: #6e8591;
}

#sc-wrapper {
	padding: 0;
	margin: 0;
}

#sc-tabs-container, .tabs-container{
	background-color: #e9f2f3;
}
	ul.sc-tabs {
		list-style-type: none;
		padding: 5px 0;
		margin: 0;
		border-bottom: 1px solid #dce4e7;
		height: 33px;
	}
	
	ul.sc-tabs li {
		display: inline-block;
		margin: 10px 0 0 0;
	}

	ul.sc-tabs li a {
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		padding: 10px 30px 5px 30px;
		border-top: 1px solid #e9f2f3;
		border-left: 1px solid #e9f2f3;
		border-right: 1px solid #e9f2f3;
		border-bottom: 1px solid #dce4e7;
		text-transform: uppercase;
		text-decoration: none;
		font-weight: 400;
		font-size: 15px;
		color: #3f5b6a;
	}
	
	ul.sc-tabs li.active a {
		background-color: #fff;
		border-top: 1px solid #dce4e7;
		border-left: 1px solid #dce4e7;
		border-right: 1px solid #dce4e7;
		border-bottom: 1px solid #fff;
	}


.carousel-tabs {
	padding: 0;
	margin: 0;
}
	.carousel-tabs-links {
		background-color: #e9f2f3;
	}
	.carousel-tabs .carousel-tabs-links ul {
		list-style-type: none;
		padding: 5px 0;
		margin: 0;
		border-bottom: 1px solid #dce4e7;
		line-height: 1em;
	}
	.carousel-tabs .carousel-tabs-links ul li {	
		display: inline-block;
		margin: 10px 0 0 0;
		
	}
	
	.carousel-tabs .carousel-tabs-links ul li a {
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		padding: 10px 30px 5px 30px;
		border-top: 1px solid #e9f2f3;
		border-left: 1px solid #e9f2f3;
		border-right: 1px solid #e9f2f3;
		border-bottom: 1px solid #dce4e7;
	}
	
	.carousel-tabs .carousel-tabs-links ul li.active a {
		background-color: #fff;
		border-top: 1px solid #dce4e7;
		border-left: 1px solid #dce4e7;
		border-right: 1px solid #dce4e7;
		border-bottom: 1px solid #fff;
	}
	
	.carousel-tabs .carousel-tabs-links ul li a {
		text-transform: uppercase;
		text-decoration: none;
		font-weight: 400;
		font-size: 15px;
		color: #3f5b6a;
	}
	
/** table my products --------------------------- */
.my-products-pager {
	height: 37px;
	display: block;
	clear: both;
	overflow: auto;
}
	.my-products-pager table {
		font-size: 15px;
		height: 37px;
		color: #ababab;
	}
	
	.my-products-pager table td.my-products-pager-prev,
	.my-products-pager table td.my-products-pager-next {
		text-align: center;
		
	}
	
	.my-products-pager table td.my-products-pager-prev {
	}
	
	.my-products-pager table td.my-products-pager-next {
	}
	
	.my-products-pager table td.my-products-pager-page {
		padding: 0;
		margin: 0;
		text-align: center;
		
	}
		
		.my-products-pager table td.my-products-pager-page a {
			color: #fff;
			font-weight: 900;
			text-decoration: none;
		}
		
		.my-products-pager table td.my-products-pager-page a:hover {
			border-bottom: 1px dotted #37505f;
		}
	
	.my-products-pager table td.my-products-pager-page .enabled,
	.my-products-pager table td.my-products-pager-page .current {
		padding: 0 3px;
	}
	
	.my-products-pager table .current {
		font-weight: 900;
		color: #f87878;
	}


/** table directory item --------------------- */
.table-directory-item {
	color: #6E8591;
	margin: 25px 0;
	border: 3px solid #fff;
	background-color: #fff;
	
}
	.table-directory-item-main {
		padding: 25px;
		min-height: 250px;
	}

	.table-directory-item h4 {
		margin: 0 0 15px 0;
	}
	
	.table-directory-item .sample {
		float: right;
		margin-left: 25px;
	}
	
	.table-directory-item .description {
		margin-bottom: 25px;
	}
	.table-directory-item .info {
		margin-bottom: 15px;
	}
	
	.table-directory-item .label {
		font-weight: 400;
		padding-right: 10px;
	}
	
	.table-directory-item .foot {
		background-color: #F6F9F9;
		padding: 5px 25px;
	}
	
	.table-directory-item .foot table td {
		padding-right: 15px;
	}
	
	.table-directory-item .foot a {
		color: 	#8F8F8F;
		text-decoration: none;
		font-size: 13px;
	}
	.table-directory-item .foot a:hover {
		border-bottom: 1px dotted #8F8F8F;
	}
	
.sample-preview-box-wrapper {
	padding: 0;
	text-align: center;
	float: right;
	margin-left: 25px;
}

.sample-preview-box {
	border: 1px solid #e3eaed;
	position : relative;
	width: 210px;
	height: 160px;
	overflow : hidden;
	text-align: center;
	line-height: 160px;
}
		
.sample-preview-box img.preview_image {
	vertical-align:middle;
}

.sample-preview-box-shadow {
	height: 10px;
	background: url("/images/guava/preview_shadow.png") 0 0 no-repeat;
}


/** table: table-my-product --------------------- */
table.table-my-product {
	color: #6E8591;
	border-collapse: collapse;
	width: 100%;
	border: 3px solid #fff;
	margin-bottom: 25px;
}

	table.table-my-product .my-product-preview,
	table.table-my-product .my-product-main,
	table.table-my-product .my-product-info {
		background-color: #fff;
		vertical-align: top;
		
	}
	
	table.table-my-product .my-product-main .my-product-main-action {
		margin: 28px 0 0 0;
	}
		
		table.table-my-product .my-product-info h6 {
			color: #6e8591;
			font-size: 13px;
			font-weight: 900;
			margin: 5px 0;
		}
		
		table.table-my-product .my-product-info table {
			margin: 20px;
			font-size: 13px;
			color: #4e4e4e;
		}
			table.table-my-product .my-product-info table td {
				vertical-align: top;
				padding: 7px 10px;
			}
	
	table.table-my-product .my-product-preview {
		height: 205px;
	}
	
		table.table-my-product .my-product-preview-box-wrapper,
		.sample-preview-box-wrapper {
			padding: 20px 0 0 20px;
			text-align: center;
		}
		
		.sample-preview-box-wrapper {
			padding: 0;
		}
		
		table.table-my-product .my-product-preview .my-product-preview-box,
		.sample-preview-box {
			border: 1px solid #e3eaed;
			position : relative;
			width: 210px;
			height: 160px;
			overflow : hidden;
			text-align: center;
			line-height: 160px;
		}
				
		table.table-my-product .my-product-preview .my-product-preview-box img.livepreviewImage,
		.sample-preview-box img.livepreviewImage {
			vertical-align:middle;
		}
		
		table.table-my-product .my-product-preview-box-wrapper .my-product-preview-box-shadow,
		.sample-preview-box-shadow {
			height: 10px;
			background: url("/images/guava/preview_shadow.png") 0 0 no-repeat;
		}
	
	table.table-my-product .my-product-main {
		padding: 20px 0 0 0;
	}


	table.table-my-product .my-product-social {
		font-size: 13px;
		color: #8f8f8f;
		background-color: #f6f9f9;
		height: 46px;
	}
	table.table-my-product .my-product-social ul {
		list-style-type: none;
		margin: 8px 0 0 0;
		padding: 0;
	}
	table.table-my-product .my-product-social ul li {
		display: inline-block;
		margin-right: 18px;
	}
	table.table-my-product .my-product-social ul li:last-child {
		margin-right: 0;
	}
	table.table-my-product .my-product-social ul li a {
		text-decoration: none;
		color: #8f8f8f;
	}
	table.table-my-product .my-product-social ul li a:hover {
		border-bottom: 1px dotted #ccc;
	}
	
	table.table-my-product .my-product-social-title {
		background-color: #f6f9f9;
		height: 46px;
		text-align: center;
		vertical-align: middle;
	}
	
	table.table-my-product .my-product-social-title img {
		padding-top: 10px;
	}
	
	table.table-my-product .my-product-preview {
		background-color: #fff;
		height: 205px;
	}

/** date-in-parts ------------------------------- */
.date-in-parts {
	color: #f26161;
}
	.date-in-parts-day,
	.date-in-parts-month,
	.date-in-parts-year {
		margin: 0;
		padding: 0;
	}

	.date-in-parts-day {
		font-size: 28px;
		float: left;
		font-weight: 600;
		line-height:24px;
		margin-right: 2px;
	}
	.date-in-parts-month-year {
		text-transform: uppercase;
		font-size: 12px;
		font-weight: 900;
		line-height: 10px;
	}
	
/** cartgrid ------------------------------------ */
table.cartgrid {
	width: 925px;
	border-collapse: collapse;
	margin: 0 auto;
}
	
	table.cartgrid td {
		padding: 10px;
		border-bottom: 1px dotted #ccc;
		/*border: 1px solid red;*/
	}
	
	table.cartgrid td.currency {
		font-size: 23px;
		/*color: #743c42;*/
		color: red;
		font-size: 18px;
		color: #6E8591;
		font-weight: 600;
		text-align: right;
	}
	
	table.cartgrid td .preview {
		margin-right: 35px;
		min-width: 150px;
	}
	
	table.cartgrid td .title {
		display: block;
	}

	table.cartgrid td .subtext {
		display: block;
        font-size: 0.8em;
	}

	table.cartgrid td .subtext.terms {
        color: #555;
        line-height: 1.4em;
        margin-left: 195px;
	}

	table.cartgrid td .options {
		display: block;
		font-size: 13px;
		line-height: 1.35em;
		margin: 10px 0;
		color: #8e8e8e;
	}
	
	table.cartgrid td .footnote {
		display: inline-block;
		width: 525px;
	}
	
	table.cartgrid td label {
		margin-top: 3px;
		float: left;
		text-align: right;
		font-weight: 400;
	}

	table.cartgrid.cosy td {
		padding: 15px;
		border-bottom: 1px dotted #ccc;
		border-top: 1px dotted #ccc;
		/*border: 1px solid red;*/
	}
	
		table.cartgrid.cosy tr.cart-item td {
			border: 0;
		}

.payment_method {
	margin: 0 0 25px 0;
	padding: 25px 25px 15px 25px;
	background-color: #f1f1f1;
}
	.payment_method .button { background-position: -414px 0; width: 276px; }
	.payment_method .button:hover { background-position: -414px -55px; }
	
	.payment_method .form fieldset {
		margin: 0;
	}
	

/** Used in Order pages ie: sites/MOM/templates/application/client/products/_order_photobook.phtml ... */
	#livepreviewWrapper {
		background: #fff;
		text-align:center;
		color: white;
		width: 265px;
		/*font-family: Droid Sans;*/
		font-family: "proxima-nova", sans-serif;
		line-height: 1.6em;
		font-weight: bold;
		text-align: center;
		border: 1px dotted #ccc;
		padding: 5px 5px 1px 5px;
		display: none;
		position: absolute;
		float:right;
		top: 100;
		right: 0;			
	}

.weblink {
	font-size: 14px;
	color: #6b6b6b;
	font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
	border: 1px dotted #ccc;
	padding: 25px;
	background-color: #fff;
}

/* Overlays */
.ui-widget-overlay {
	background-color: red;
	opacity: .50;filter:Alpha(Opacity=50);
}
.dialog-error-mssg{
	font-family:proxima nova;
	color:#6E8591;
	font-size: 16px;
	margin: 0 10px;
}

.dialog-title{
       font-size:17px;
}

	

/** form ---------------------------------------- */
.form {
	color: #37505f;
}
	.form .required {
		color: #b94a48;
	}
	
	.form .field_error {
		color: red;
		margin-left: 200px;
	}

	.form input[type="text"].span-quarter,
	.form input[type="password"].span-quarter { width: 25px;  }
	

	.form input[type="text"].span-half,
	.form input[type="password"].span-half { width: 45px;  }
	
	.form input[type="text"].span1,
	.form input[type="password"].span1 { width: 70px;  }
	.form select.span1 { width: 102px; }
	
	.form input[type="text"].span2,
	.form input[type="password"].span2 { width: 170px; }
	.form select.span2  { width: 202px; }
	
	.form input[type="text"].span3,
	.form input[type="password"].span3 { width: 270px; }
	.form select.span3  { width: 302px; }
	
	.form input[type="text"].span4,
	.form input[type="password"].span4 { width: 370px; }
	.form select.span4  { width: 402px; }

	.form input[type="text"].span5,
	.form input[type="password"].span5 { width: 470px; }
	.form select.span5  { width: 502px; }

	.form input[type="text"].span6,
	.form input[type="password"].span6 { width: 570px; }
	.form select.span6  { width: 602px; }
	
	.form fieldset {
		border: 0;
		margin-bottom: 40px;
	}
	.form legend {
		color: #f87878;
		font-size: 28px;
		margin-bottom: 10px;
	}
	.form label {
		width: 180px;
		display: inline-block;
		text-align: left;
		margin: 0 15px 0 0;
		line-height: 18px;
	}
	
	.form input[type="text"],
	.form input[type="password"] {
		border: 1px solid #ccc;
		padding: 10px 15px;
		color: #4c4c4c;
		display: inline-block;
		margin: 5px 0;
	}
		.form input:focus {
			outline: none;
		}
	
	.form input[type="checkbox"] {
		margin: 2px 5px 0 0;
	}
	.form textarea {
		border: 1px solid #ccc;
		padding: 10px 15px;
		margin: 2px 5px 0 0;
		color: #4c4c4c;
	}
	.form select {
		border: 1px solid #ccc;
		padding: 10px 15px;
		color: #4c4c4c;
		background-color: #fff;
	}
	
	.form .group-fields {
		vertical-align: top;
		display: block;
		margin: 5px 0;
		width: 700px;
	}

	.form .group-action {
		margin-left: 208px;
	}
	.form h6 {
		font-size: 20px;
		font-weight: 600;
		margin-top: 30px;
	}
	.form .btn_separator {
		margin: 0 10px;
		color: #ababab;
		font-size: 0.90em;
	}
	
	/** cosy form */
	.form.cosy input[type="text"],
	.form.cosy input[type="password"] {
		padding: 5px 10px;
	}
	
	.form.cosy select {
		padding: 6px 10px;
	}

	.form .control-group {
		overflow: auto;
		margin: 0 0 10px 0;
	}
	
	.form.cosy.order .form-element {
		display: inline-block;		
	}


#order label {
	text-align: right;
	width: 215px;
	vertical-align: top;
	color: #37505F;
	font-weight: 400;
	margin-top: 4px;
}
	.emboss_colour {
		text-align: right;
	}

	.width-190 {
		float:left;
		width: 100px;
		text-align:right;
		color: #37505F;
		font-weight: 400;
		margin-top: 18px;
	}
		
	.attr-width-190 {
		width:190px;
		padding-top:10px;
		text-align:right !important;
		color: #37505F;
		font-weight: 400;
	}
	
.videos iframe {
    display:none;
}

table td.bottom-edge  {
	vertical-align: bottom;
}
	
	table td.bottom-edge img {
		vertical-align: bottom;
	}

/** help items */
.help-items {
	width: 965px;
	overflow: auto;
	margin-bottom: 75px;
	text-align: left;
}
	
	.help-items .help-top {
		background: url('/images/guava/help-top.png') no-repeat center;
		height: 70px;
	}

	.help-items .help-title {
		line-height: 1.25em;
	}
	
	.help-items a {
		text-decoration: none;
	}
	
	.help-items a:hover {
		border-bottom: 1px dotted #6e8591;
	}
	
	.help-items-1-2 {
		width: 435px;
		overflow: auto;
		float: left;
		margin-right: 45px;
		padding-right: 48px;
	}
	
	.help-items-1-2-first {
		background: url('/images/guava/help-keyline.png') repeat-y right;
	}

	.help-items-1-2:last-child {
		margin-right: 0;
		padding-right: 0;
	}
	
	.help-item {
		margin-bottom: 25px;
	}
		
	.pp-close {
	    display: block;
	    float: right;
	    margin-right: 45px;
	    width: 70px;
	    height: 62px;
	    background:url("/images/guava/btn-close.png") no-repeat center center;
		text-decoration: none;
	}
	
ul.inline-fix {
	margin: 0;
	padding: 0;
}
	
	ul.inline-fix li {
		display: inline-block;
	}
	
	.pp_close {
		display:block;
		float:right;
		margin-right: 25px;
		width:70px;
		height:62px;
		background:url("/images/guava/btn-close.png") no-repeat center center;
	}
	
	.hide {
		display: none;
	}
	.show {
		display: block;
	}
	
	.popup-wrapper .pillar {
		width: auto !important;
		padding: 0 40px;
	}
	.pp_inline .pillar {
		width: auto !important;
		padding: 10px 25px;
		overflow: hidden;
	}

/** nav menu ------------------------------------------------------------------ */
div.navmenu {
	font-size: 20px;
	font-weight: 400;
	padding: 0;
	margin: 10px 1px 0 0;
	
}
	div.navmenu ul ul {
		display: none;
	}
	div.navmenu ul li:hover > ul {
		display: block;
	}
	div.navmenu ul {
		padding: 0;
		margin: 0;
		list-style: none;
		position: relative;
		display: inline-table;
		z-index: 9999;
		text-align: left;
	}
	div.navmenu ul:after {
		content: "";
		clear: both;
		display: block;
	}
	div.navmenu ul li {
		float: left;
		font-weight: 400;
		padding-bottom: 10px;
	}
	div.navmenu ul li.active {
		/*font-weight: bold;*/
	}
	div.navmenu ul li a:hover {
	/*color: #743c42;*/
	}
	div.navmenu ul li a {
		display: block;
		padding: 1px 10px;
		color: #2d4653;
		text-decoration: none;	
	}
	div.navmenu ul ul {
		font-size: 18px;
		background: #fff;
		border-radius: 0px;
		padding: 5px;
		position: absolute;
		top: 39px;
		border: 1px solid #ccc;
		border-top: 0;
		margin-left: -7px;
		-webkit-box-shadow: 0px 4px 3px rgba(0,0,0,0.3);
		   -moz-box-shadow: 0px 4px 3px rgba(0,0,0,0.3);
		        box-shadow: 0px 4px 3px rgba(0,0,0,0.3);
	}
	.menuhover {
		color: #743c42;
	}
		div.navmenu ul ul li {
			color: #4b545f;
			font-weight: 300;
			float: none; 
			border-top: 1px solid #6b727c;
			border-bottom: 1px solid #575f6a; position: relative;
		}
			div.navmenu ul ul li a {
				padding: 1px 50px 1px 10px;
				white-space: nowrap;
			}	
				div.navmenu ul ul li a:hover {
					color: #4b545f;
					background-color: #f1f1f1;
				}
		
	div.navmenu ul ul ul {
		position: absolute;
		left: 100%;
		top: 0;
	}

/** orders menu --------------------------------------------------------------- */
.orders-menu {
	border-bottom: 1px solid #ccc;
	padding: 0;
	margin: 25px 0 50px 0;
	width: 970px;
}
	.orders-menu li {
		padding: 5px 20px;
		list-style: none;
		float: left;
		margin-bottom: -1px;
		border-top-left-radius: 10px 10px;
		border-top-right-radius: 10px 10px;
	}
	.orders-menu li:first-child {
		margin-left: 10px;
	}
	.orders-menu li a {
		color: #6E8591;
		text-decoration: none;
	}
	.orders-menu li a:hover {
		border-bottom: 1px dotted #6E8591;
	}

	.orders-menu li.selected {
		border: 1px solid #ccc;
		border-bottom: 1px solid #fff;
		font-weight: 600;
		color: #999;
	}
	


/** orders grid --------------------------------------------------------------- */
table.order-grid {
	width: 100%;
	margin-bottom: 100px;
}
	table.order-grid td {
		vertical-align: top;
	}
	table.order-grid td.order-grid-title {
		color: #f87878;
		font-size: 28px;
		border-bottom: 1px dotted #ccc;
		padding:7px;
	}
	table.order-grid td.order-grid-items {
		padding-top: 15px;
		width: 730px;
	}
	table.order-grid .order-grid-item {
		overflow: auto;
		margin-bottom: 15px;
	}
		table.order-grid .order-grid-items .order-grid-item-preview {
		width: 150px;
		padding: 0 10px 0 25px;
		float: left;
	}
	table.order-grid .order-grid-items .order-grid-item-info {
		width: 520px;
		float: left;
		padding: 5px 10px;
	}
	table.order-grid .order-grid-items .order-grid-item-info .name {
	}
	table.order-grid .order-grid-items .order-grid-item-info .options {
		display: block;
		font-size: 13px;
		line-height: 1.35em;
		margin: 10px 0;
		color: #8e8e8e;
	}
	
	.order-grid-action {
		margin-top: 10px;
	}
	
	table.order-grid td.order-grid-info {
		padding-top: 15px;
		padding-right: 5px;
		text-align: right;
	}
	
	.magnifier { position: relative; }
	.hoverimage {cursor: pointer; position: absolute;  top:35%; left:40%;display: none;}
	.magnifier:hover .hoverimage { display: block; }
	
#banner_text h1 {
	margin-top: 25px;
}

/** social ribbon ------------------------------------------------------------- */
#google_pluse_one {
	border: 1px solid red;
}
div.ribbon{
	/*background: #fff;*/
	padding: 0px;
	margin-top: 5px;
	overflow: hidden;
	width: 180px;
	height: 25px;
	/*border: dashed 1px red;*/
}
div.ribbon ul{
	/*background: #fff;*/
	list-style: none;
	margin-top: 0px;
	padding-left: 3px;
	padding: 0px;
	display: inline;
}
div.ribbon ul li{
	padding: 1px;
	float: left !important;
}
#ribbon_container{
	background:url("/images/guava/ribbon-up.png") no-repeat bottom left ;
	height:42px;
}


#client-project-message-top {
				margin: 25px 0 0 0;
				clear: both;
				display: block;
				color: #3c3c3c;
				border: 1px solid #8eacae;
				background-color: #e6eef2;
				padding: 10px 15px;
				font-size: 14px;
				width: 935px;
				overflow: auto;
} 

.dimension {
	display: none;
}

.testforgulp {
    color:red;
}

.notice-banner {
    color: #fff;
    background-color: #f15e5e;
    text-align: center;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal, .jcarousel-skin-tango .jcarousel-next-horizontal {
    display:none !important;
}

.fileinput-button {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px !important;
  direction: ltr;
  cursor: pointer;
}

/* Fixes for IE < 8 */
@media screen\9 {
  .fileinput-button input {
    filter: alpha(opacity=0);
    font-size: 100%;
    height: 100%;
  }
}


.uploader {
    margin-bottom: 25px;
}

#progress-wrapper {
    display: none;
    margin-top: 25px;
}
#progress {
    margin-top: 10px;
    padding: 1px;
    height: 25px;
    width: 100%;
    border-radius: 0;
}
.progress {
    margin-bottom: 5px;
}
#progress .progress-bar {
    background-color: #a4e3b2;
    height: 25px;
    width: 0;
}

.progress-success {
    visibility: hidden;
    min-height: 27px;
    color: #777;
}
.glyphicon-plus {
    width: 14px;
}
            
/** web uploader style */ 
.inputfile { 
    width: 0.1px; 
    height: 0.1px; 
    opacity: 0; 
    overflow: hidden; 
    position: absolute; 
    z-index: -1; 
    cursor: pointer; /* "hand" cursor */ 
} 
    .inputfile + label { 
        font-size: 14px; 
        letter-spacing: 1px; 
        font-weight: 400; 
        margin: 0; 
        padding: 4px 18px; 
        text-transform: uppercase; 
        color: white; 
        background-color: #395c78; 
        display: inline-block; 
        width: 160px; 
    } 
    .inputfile:focus + label, 
    .inputfile + label:hover { 
        background-color: #395c78; 
    } 
    .file-chooser-results { 
        margin: 0 0 0 10px; 
        display: inline; 
    } 
    .file-chooser-progress { 
      margin: 20px 0 0 0; 
      width: 550px; 
      height: 8px; 
      position: relative; 
    } 
    .results { 
        margin: 0 0 0 10px; 
        display: inline; 
    } 
    .progressbar { 
      margin: 10px 0 0 0; 
      width: 550px; 
      height: 8px; 
      position: relative; 
    } 
    .process-msg { 
        margin-left: 570px;  
        margin-top: -9px;  
        color: #8d8d8d;  
    } 

.subtext {
    margin: 0 0 0 350px;
    display: block;
    color: #999;
    font-size: 0.90em;
    font-style: italic;
}

/** newsletter style */
.poty-newsletter {
    padding: 20px;
    margin: 20px;
    min-height: 67px;
}
.poty-newsletter .message {
    display: none;
    color: #ababab;
    font-size: 0.8em;
    padding: 5px 2px;
}
.poty-newsletter .message-error {
    color: red;
}
.poty-newsletter .message-success {
    color: green;
}
.poty-newsletter .loader {
    display: none;
    height: 37px;
}