/* CSS Document */

* {
	margin:0;
	padding:0;
	font-size:100%;
}

body{
	text-align:center;
	background-color: #3f3b4d;
	background-image: url(images/body-tail.gif);
	background-repeat: repeat-x;
	background-position: top;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}


.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:0.688em;
	line-height:1.455em;
	color:#2b2f2f;
	float: left;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#007ab3;}
a:hover{
	text-decoration:none;
	text-align: right;
}
p {
	padding-top:15px;
	font-size: small;
	color: #333;
	text-align: left;
}

/* ============================= main layout ====================== */

li { line-height:1.818em;}

.imgindent {margin:0 20px 0 0; float:left;}

h2 {
	font-size: 2em;
	line-height: 1em;
	color: #344458;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 7px;
	padding: 5px 0 19px 65px;
	text-align: left;
}
.title1 {background:url(images/title1-bg.jpg) no-repeat 0 0;}
.title2 {
	background-repeat: no-repeat;
	background-position: 0 0;
}
.title3 {
	background-image: url(images/title3-bg.png);
	background-repeat: no-repeat;
	background-position: 0 10px;
}
.title4 {background:url(images/title4-bg.jpg) no-repeat 0 0;}
.title5 {background:url(images/title5-bg.jpg) no-repeat 0 0;}
.title6 {background:url(images/title6-bg.jpg) no-repeat 0 0;}
.title7 {
	background:url(images/title7-bg.jpg) no-repeat 0 14px;
	margin-left:-15px;
	padding-left:60px;
	zoom:1;
	position:relative;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #CFCFCF;
	border-right-color: #CFCFCF;
	border-bottom-color: #CFCFCF;
	border-left-color: #CFCFCF;
}
.title8 {background:url(images/title8-bg.jpg) no-repeat 0 10px; margin-left:-10px; padding-left:55px; zoom:1; position:relative;}
.title9 {background:url(images/title9-bg.jpg) no-repeat 0 10px; margin-left:-10px; padding-left:55px; zoom:1; position:relative;}
.title10 {background:url(images/title10-bg.jpg) no-repeat 0 0;}
.title11 {background:url(images/title11-bg.jpg) no-repeat 0 10px; margin-left:-10px; padding-left:55px; zoom:1; position:relative;}
.title12 {background:url(images/title12-bg.jpg) no-repeat 0 10px; margin-left:-10px; padding-left:55px; zoom:1; position:relative;}
.title13 {background:url(images/title13-bg.jpg) no-repeat 0 0;}
.title14 {background:url(images/title14-bg.jpg) no-repeat 0 0;}

h3 {font-size:2em; line-height:1em; color:#40536c; font-weight:normal; font-family:Arial, Helvetica, sans-serif; margin-bottom:11px; padding:16px 0 19px 45px;}
h3 span {color:#007ab3;}

h5 {
    text-transform: none;
    font-weight: bold;
    margin-bottom: 7px;
    font-size: 1.0em;
}
h6 {margin-bottom:4px;}

.link {background:url(images/link-tail-bg.gif) top repeat-x; display:inline-block; color:#ffffff; text-decoration:none; font-weight:bold; font-size:1.091em; line-height:1em; margin:17px 0 0 0; cursor:pointer;}
.link span {background:url(images/link-right-bg.gif) top right no-repeat; display:inline-block;}
.link span span {background:url(images/link-left-bg.gif) top left no-repeat; padding:5px 16px 8px 34px;}
.link:hover {background:url(images/link-tail-bg-hover.gif) top repeat-x;}
.link:hover span {background:url(images/link-right-bg-hover.gif) top right no-repeat;}
.link:hover span span {background:url(images/link-left-bg-hover.gif) top left no-repeat;}

.link1 {background:url(images/link1-bg.jpg) no-repeat 0 0; display:inline-block; padding:0 35px 4px 41px; color:#2b2f2f;}
.link2 {background:url(images/link2-bg.jpg) no-repeat 0 0; display:inline-block; padding:0 35px 4px 41px; color:#2b2f2f;}
.link3 {background:url(images/link3-bg.jpg) no-repeat 0 0; display:inline-block; padding:0 35px 4px 41px; color:#2b2f2f;}
.link4 {background:url(images/link4-bg.jpg) no-repeat 0 0; display:inline-block; padding:0 35px 4px 41px; color:#2b2f2f;}
.link5 {background:url(images/link5-bg.jpg) no-repeat 0 0; display:inline-block; padding:0 35px 4px 41px; color:#2b2f2f;}
.rss {background:url(images/rss-bg.jpg) no-repeat 0 0;}

/* ============================= header ====================== */

#header .left {
	padding-top: 10px;
	padding-right: 0;
	padding-left: 28px;
}
#header .right {padding:68px 26px 0 0; color:#b8dc3b; font-size:0.909em;}
#header .right a {color:#b8dc3b; text-decoration:none;}
#header .right a:hover {text-decoration:underline;}

#header .menu {
	padding:0 0 18px 28px;
	background-image: url(images/menu-tail.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
#header .menu ul {width:100%; overflow:hidden;}
#header .menu li {float:left; font-size:1.091em; padding-right:5px; line-height:1em;}
#header .menu li a {color:#000000; text-decoration:none; font-weight:bold; width:140px; padding:10px 0 12px 0; display:block; text-align:center; background:url(images/m-bg.jpg) top left no-repeat;}
.textcol-z {
	float: left;
	margin: 15px;
}

#header .menu li a:hover {background:url(images/m-bg-act.jpg) top left no-repeat;}
.textcol-z-image {
	margin: 20px;
	float: left;
	padding-left: 100px;
}

#header .menu .active a {background:url(images/m-bg-act.jpg) top left no-repeat;}

#header .slogan {
	height:145px;
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0px;
}

.button {background:url(images/button-tail-bg.gif) top repeat-x; display:inline-block; color:#ffffff; text-decoration:none; font-weight:bold; font-size:1.091em; line-height:1em; margin:20px 0 0 4px; cursor:pointer;}
.button span {background:url(images/button-right-bg.gif) top right no-repeat; display:inline-block;}
.button span span {background:url(images/button-left-bg.gif) top left no-repeat; padding:5px 21px 8px 22px;}
.button:hover {background:url(images/button-tail-bg-hover.gif) top repeat-x;}
.button:hover span {background:url(images/button-right-bg-hover.gif) top right no-repeat;}
.button:hover span span {background:url(images/button-left-bg-hover.gif) top left no-repeat;}

/* ============================= content ====================== */

.col-pad {padding-right:21px;}
.col-pad2 {
	padding-right: 30px;
}
.col-pad3 {
	padding-right: 10px;
}
.zeeimagediv {
	float: left;
}
.zeetexdiv {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}

.col-pad3 {padding-right:70px;}
.col-pad4 {
	padding-right:10px;
}

.box {
	background:#edf0f4 url(images/box-tail.gif) top repeat-x;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.bg2 {background:#d5e2f0 url(images/box-bg2.gif) top left no-repeat; padding:0; height:10px;}

.box2 {background:#fff url(images/box2-tail-top.gif) top repeat-x;}
.box2 .corner-bottom-right {background:url(images/box2-corner-bottom-right.gif) bottom right no-repeat;}
.box2 .corner-bottom-left {background:url(images/box2-corner-bottom-left.gif) bottom left no-repeat;}
.box2 .corner-top-right {background:url(images/box2-corner-top-right.gif) top right no-repeat;}
.box2 .corner-top-left {background:url(images/box2-corner-top-left.gif) top left no-repeat; width:100%;}
.box2 .indent {padding:16px 25px 29px 19px;}

.box3 {
	background-color: #EEEEEE;
	background-image: url(images/box3-corner-bottom-right.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.box3 .corner-bottom-left {background:url(images/box3-corner-bottom-left.gif) bottom left no-repeat;}
.box3 .corner-top-right {background:url(images/box3-corner-top-right.gif) top right no-repeat;}
.box3 .corner-top-left {background:url(images/box3-corner-top-left.gif) top left no-repeat; width:100%;}
.box3 .indent {
	padding: 5px 18px 10px 20px;
	text-align: center;
}

.box4 {background:#ffffff url(images/box4-corner-bottom-right.gif) bottom right no-repeat;}
.box4 .corner-bottom-left {background:url(images/box4-corner-bottom-left.gif) bottom left no-repeat;}
.box4 .corner-top-right {background:url(images/box4-corner-top-right.gif) top right no-repeat;}
.box4 .corner-top-left {background:url(images/box4-corner-top-left.gif) top left no-repeat; width:100%;}
.box4 .indent {padding:16px 25px 29px 19px;}

.indent {padding:18px 10px 18px 10px;}
.indent2 {padding:18px 10px 0 10px;}
.shadow {background:url(images/shadow.gif) top repeat-x;}

.line {
	padding-bottom:10px;
	margin-bottom:14px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #c2e3e1;
}

.box-line-hor {background:url(images/box-line-hor.gif) no-repeat center; padding:15px 0 16px 0;}
.img {text-align:center; padding:0 0 5px 0;}
.phone {float:right;}
.phones {line-height:1.818em;}
.phones .phone {margin-right:30px;}

/* ============================= footer ====================== */

#footer {color:#c2ebfa; text-transform:uppercase; font-size:0.909em; padding:30px 0 0 30px;}
#footer .menu li {display:inline; border-left:1px solid #c2ebfa; padding:0 7px 0 10px; font-size:1.1em; line-height:1.091em;}
#footer .menu li a {text-transform:uppercase; text-decoration:none;}
#footer .menu li a:hover {text-decoration:underline;}
#footer .menu .first {border:none; padding-left:0;}
#footer a {text-transform:none; color:#c2ebfa;}


/* ============================= forms ============================= */


#ContactForm .rowi {height:32px;}
#ContactForm .col-1 {width:188px !important;}
#ContactForm .col-2 {width:205px !important;}
#ContactForm .link {float:right; margin-left:15px;}
.col-2 text-box-1 {
	border: 5px solid #000000;
	width: 252px;
	padding: 1px;
}


.input {width:166px; height:18px; border:1px solid #b4b4b4; background:#fff; padding:0 0 0 5px; font-size:1em;}
.font_16 {
	font-size: 18px;
	font-weight: normal;
	color: #344458;
	margin-top: 0px;
	margin-right: 4px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 0px;
}

textarea {width:198px; height:81px; border:1px solid #b4b4b4; background:#fff; padding:0 0 0 5px; overflow:auto; font-size:1em;}
.tool-kit {
	float: left;
	height: 352px;
	width: 400px;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 40px;
	text-align: right;
}

.box4textbox {
	border: thin solid #959595;
	background-color: #F5F5F5;
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-top: 0px;
	margin-right: 6px;
	margin-bottom: 6px;
	margin-left: 6px;
	padding-top: 0px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
}
.line2 {
	border-bottom:1px solid #c2e3e1;
	padding-bottom:5px;
	margin-bottom:5px;
}
.box4textboxCopy2 {
	border: thin solid #959595;
	background-color: #F5F5F5;
	background-repeat: no-repeat;
	background-image: url(images/flash-movie.jpg);
	margin-top: 0px;
	margin-right: 6px;
	margin-bottom: 6px;
	margin-left: 6px;
	padding-top: 0px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
}
.box4textboxCopy3 {
	margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 8px;
	margin-left: 8px;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
}
.col-pad2z {
	padding-right:30px;
}
.imagdiv2 {
	width: 190px;
}
.div-z {
	float: left;
	margin-right: 20px;
	margin-left: 20px;
	margin-top: 0px;
	width: 400px;
}
.imagediv-z {
	margin-left: 130px;
	float: left;
	padding: 0px;
	margin-top: 30px;
}
.risk-content {
	background-image: url(images/bg_newsitem.png);
	background-repeat: repeat-x;
	line-height: 1.5;
	color: #333;
	background-color: #F0F0F0;
	padding: 6px;
	clear: both;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #DDD;
	border-right-color: #DDD;
	border-bottom-color: #DDD;
	border-left-color: #DDD;
	text-align: left;
}
risk page line {
}
.risk line {
	margin: 5px;
	border-bottom-color: #c2e3e1;
}
.cont24 {
	border: thin solid #c2e3e1;
	width: auto;
	padding-right: 5px;
	padding-left: 5px;
	background-repeat: no-repeat;
}
.image-box-retailers {
	margin: 10px;
	float: left;
	height: 130px;
	width: 160px;
}
.retailer-container {
	float: left;
}
.text-box-retailers {
	float: left;
	width: 600px;
	margin: 15px;
	text-align: left;
}
.flash-app {
	float: right;
	width: 420px;
	margin-bottom: 10px;
	margin-left: 30px;
	text-align: center;
	padding-top: 25px;
	padding-bottom: 2px;
	background-image: url(images/flash-app-bg.png);
	border-top-color: #C9C9C9;
	border-right-color: #C9C9C9;
	border-bottom-color: #C9C9C9;
	border-left-color: #C9C9C9;
	background-repeat: no-repeat;
	height: 675px;
	padding-right: 10px;
	margin-top: 5px;
}
.falsh-video {
	margin: 5px;
	float: left;
	height: 560px;
	width: 420px;
	border-top-color: #C9C9C9;
	border-right-color: #C9C9C9;
	border-bottom-color: #C9C9C9;
	border-left-color: #C9C9C9;
	background-image: url(images/video-box-bg.png);
	background-repeat: no-repeat;
	font-size: 12px;
	text-align: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
#page1 #main #content .box3 .corner-bottom-left .corner-top-right .corner-top-left .indent .cont24 .container .falsh-video p br {
	text-align: center;
}
.small-box1 {
	float: left;
	width: 400px;
	background-image: url(images/tile-small-box.png);
	padding: 10px;
	background-repeat: no-repeat;
	margin: 5px;
	height: 215px;
	text-align: left;
}
.small-box2 {
	width: 400px;
	background-image: url(images/tile-small-box.png);
	margin-top: 10px;
	background-repeat: no-repeat;
	float: left;
	padding: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	height: 215px;
	text-align: left;
}
.box-conteiner {
	float: left;
	width: 430px;
	text-align: center;
}
#page1 #main #content .box .container.box-line .box-conteiner .falsh-video br {
	text-align: center;
}
#page1 #main #content .box .container.box-line .box-conteiner .falsh-video param {
	text-align: center;
}
.help-b {
	float: right;
	margin-right: 15px;
}
.share-div {
	float: left;
	margin-left: 13px;
}
.share-app {
	float: left;
	width: 390px;
	margin: 15px;
	font-weight: bold;
}
.tool-kit-div {
	float: left;
	text-align: left;
}
.video-vault {
	float: left;
	width: 285px;
	margin-left: 45px;
	margin-top: 5px;
}
.riskbox-1 {
	float: left;
	height: 340px;
	width: 590px;
	margin-top: 5px;
	margin-left: 5px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.risk-box-2 {
	float: left;
	height: 180px;
	width: 700px;
	text-align: left;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
.risk-container {
	float: left;
	height: 222px;
	width: 535px;
	background-image: url(images/riskbox-1.png);
	background-repeat: no-repeat;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
.risk-container-image {
	float: left;
	height: 150px;
	width: 200px;
	margin-top: 40px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
.risk-conteiner-text {
	float: left;
	width: 310px;
	margin-top: 50px;
	height: 170px;
	font-size: 12px;
}
.risk-button {
	float: right;
	height: 40px;
	width: 120px;
	margin: 10px;
}
#page4 #main #content .indent.shadow .box3 .corner-bottom-left .corner-top-right .corner-top-left .indent .container2 .col-2 .box4textbox {
	text-align: left;
}
.solution-text {
	float: left;
	height: 400px;
	width: 500px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	text-align: left;
	background-image: url(images/solution-text-bg.png);
	background-repeat: no-repeat;
	padding: 10px;
}
.solution-text-inner {
	float: left;
	height: 280px;
	width: 500px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	text-align: left;
	background-image: url(images/use-android-inner-2.jpg);
	background-repeat: no-repeat;
	padding: 10px;
}
.solution-text2 {
	float: left;
	height: 640px;
	width: 800;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	text-align: left;
	background-image: url(images/solution-text2-bg.png);
	background-repeat: no-repeat;
	padding: 10px;
	width: 840px;
}
.solution-text2-row {
	float: left;
	width: 100%;
	margin-top: 5px;
	text-align: left;
	margin-bottom: 5px;
}
.solution-text2-img {
	float: left;
	height: 150px;
	width: 200px;
}
.solution-text2-box {
	float: right;
	width: 625px;
	height: 150px;
	background-image: url(images/vert-line.png);
	padding-left: 10px;
}
.solution-overview-box {
	float: left;
	width: 100%;
	height: 135px;
	margin-top: 5px;
}
.solution-video {
	float: right;
	height: 300px;
	width: 320px;
	border: thin solid #CCC;
	margin-top: 40px;
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: bold;
}
.solution-video-prod {
	float: right;
	height: 300px;
	width: 320px;
	border: thin solid #CCC;
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: bold;
}
.prod-img-container {
	float: left;
	height: 125px;
	width: 100%;
	padding-left: 5px;
}
.prod-img-box {
	float: left;
	height: 125px;
	width: 160px;
	margin-right: 10px;
	border: 1px solid #CCC;
}
.solution-jump {
	float: left;
	height: 75px;
	width: 515px;
	margin-top: 5px;
	padding-left: 5px;
}
.solution-jump ul {
	list-style-position: inside;
	list-style-type: square;
	padding-left: 5px;
}
.textbox-Retailers-bottom {
	float: left;
	width: 500px;
	margin-top: 70px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	font-size: 14px;
}
#page4 #main #content .indent.shadow .box3 .corner-bottom-left .corner-top-right .corner-top-left .indent .container2 .clear table tr td .style3 {
	text-align: left;
}
#page4 #main #content .indent.shadow .box3 .corner-bottom-left .corner-top-right .corner-top-left .indent .container2 .clear table tr td embed {
	text-align: left;
}
#page4 #main #content .indent.shadow .box3 .corner-bottom-left .corner-top-right .corner-top-left .indent .container2 .clear table tr td p a {
	text-align: left;
}
#page4 #main #content .indent.shadow .box3 .corner-bottom-left .corner-top-right .corner-top-left .indent .container2 .clear table {
	text-align: left;
}
#page4 #main #content .indent.shadow .box3 .corner-bottom-left .corner-top-right .corner-top-left .indent .container2 .clear table {
	text-align: left;
}
#page4 #main #content .indent.shadow .box3 .corner-bottom-left .corner-top-right .corner-top-left .indent .container2 .clear table {
	text-align: left;
}
.upc-div {
	float: left;
	width: 400px;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
}
.linkpanel {
	float: left;
	height: 700px;
	width: 190px;
	margin-right: 20px;
	margin-top: 10px;
	background-image: url(images/link-panel.png);
	background-repeat: no-repeat;
	padding: 10px;
}
#page4 #main #content .indent.shadow .box3 .corner-bottom-left .corner-top-right .corner-top-left .indent .container2 .clear .linkpanel table tr td {
	text-align: left;
}
.didyouknow {
	float: right;
	width: 335px;
	height: 200px;
	margin-top: 10px;
}