@charset "utf-8";

/* CSS Document */



@font-face {

    font-family: 'utsaahbold';

    src: url('fonts/utsaahb-webfont.eot');

    src: url('fonts/utsaahb-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/utsaahb-webfont.woff') format('woff'),
url('fonts/utsaahb-webfont.ttf') format('truetype'),
url('fonts/utsaahb-webfont.svg#utsaahbold') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'HelveticaNeueLTStdCnBold';

    src: url('fonts/helveticaneueltstd-bdcn.eot');

    src: url('fonts/helveticaneueltstd-bdcn.eot?#iefix') format('embedded-opentype'),
url('fonts/helveticaneueltstd-bdcn.woff') format('woff'),
url('fonts/helveticaneueltstd-bdcn.ttf') format('truetype'),
url('fonts/helveticaneueltstd-bdcn.svg#HelveticaNeueLTStdCnBold') format('svg');

    font-weight: normal;

    font-style: normal;



}

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



body

{

	margin:0;

	padding:0;

	background-image:url(image/body_bg.jpg);

	background-repeat:repeat-x;

	font-family:Arial, Helvetica, sans-serif;

	font-size:17px;

	color:#292929;

}

.wreaper

{

	width:1048px;

	margin:0 auto;

}

.header

{

	width:1048px;

	padding-top:10px;

}

.logo

{

	width:300px;

	float:left;

	padding-bottom:31px;

}

.phoneandimg

{

	float:right;

	padding-top:10px;

}

.phonimg

{

	float:left;

	padding-right:8px;

	padding-top:8px;

}

.phone

{

	float:left;

	font-family:Tahoma, Geneva, sans-serif;

	font-size:36px;

	color:#000000;	

}

.textdiv

{

	float:right;

	width:688px;

	text-align:center;

	font-family:Arial, Helvetica, sans-serif;

	font-size:15px;

	font-weight:bold;

	color:#010101;

	padding-top:9px;

	padding-right:20px;

	line-height:12px;

}

.secondtext

{

	font-family:Arial, Helvetica, sans-serif;

	font-size:30px;

	font-weight:bold;

	color:#010101;

	text-align:center;

	padding-top:8px;

	padding-right:20px;

	line-height:35px;

}

.main

{

	width:1048px;

	float:left;

}

.ipadDiv

{

	width:1048px;

	clear:both;

	background-image:url(image/ipad.jpg);

	background-position:left top;

	background-repeat:no-repeat;

	display:inline-block;

 	font-family:ArialNarrow;

}

.freeCard

{

	font-size:32px;

	text-align:center;

	padding-left:325px;

	font-family:Arial;

	font-weight:bold;

	color:#2d4469;

}

.strtSweep

{

	float:right;

	text-align:right;

	font-size:59px;

	font-weight:bold;

	font-family: 'utsaahbold';

	color:#ca4123;

	line-height:55px;

}

.ipad

{

	width:336px;

	height:339px;

	float:left;

}

.line

{

	width:2px;

	float:left;

	height:237px;

	background-color:#FFF;

	margin-left:10px;

	margin-top:11px;

}

.figur

{

	width:199px;

	float:left;

	font-size:13px;

	color:#FFF;

	font-family: Arial, Helvetica, sans-serif;

	padding-top:96px;

	padding-left:9px;

	font-weight:bold;

}

.figur span

{

	font-size:65px;

	text-shadow:1px 1px #02090B;

	font-family: Arial, Helvetica, sans-serif;

	font-weight:bold;

}

.seperator

{

	width:2px;

	height:177px;

	float:right;

	background-color:#FFF;

}

.bullets

{

	width:482px;

	float:left;

	padding-left:10px;

}

.bullets ul 

{

	margin-top:14px;

	list-style:none;	

}

.bullets ul .lismall

{

	font-size:20px;

	color:#FFF;

	font-family:Arial, Helvetica, sans-serif;

	font-weight:bold;

}

.bullets ul li

{

	background-image:url(image/bullet.png);

	background-repeat:no-repeat;

	background-position:left;	

	font-size:20px;

	color:#FFF;

	font-family:Arial, Helvetica, sans-serif;

	font-weight:bold;

	padding-left:40px;

	padding-top:11px;	

}

.orderBtn

{

	width:600px;

	float:right;

	padding-top:8px;

	text-align:left;

}

.formdiv

{

	width:601px;

	float:right;

	padding-top:10px;

	display:none;

	padding-right:120px;

}

.formLeft

{

	width:245px;

	margin:auto;

	padding-left:30px;

}

.formRight

{

	width:280px;

	float:left;

}

.formdiv input[type="text"]

{

	width:211px;

	height:32px;

	padding-left:5px;

	background-color:#FFF;

	border:1px solid #787878;

	font-family:Tahoma, Geneva, sans-serif;

	font-size:18px;

	margin-bottom:10px;

	

}

.submit

	{

		width:100px;

		float:right;

		padding-right:85px;

	}

.submit1

	{

		width:100px;

		float:left;

		padding-left:60px;

	}



.logos

	{

		padding-right:175px;

		float:right;

		text-align:center;

	}

.contants

	{

		width:953px;

		clear:both;

	}

.videomain

{

	width:1048px;

	float:left;

}

.video

{

	width:514px;

	float:right;

	height:322px;

	background-image:url(image/videoimg.jpg);

	background-repeat:no-repeat;

	margin-top:20px;

	padding:10px;

}

.contantouter

{

	width:1048px;

	float:left;

}

.contantLeft

	{

		width:316px;

		float:left;

	}

.contantRight

	{

		width:732px;

		float:left;

	}

.fromTheDesk

	{

		width:350px;

		font-family:"Times New Roman", Times, serif;

		font-size:18px;

		font-style:normal;

		margin-top:-13px;

		float:left;

	}

.dearSmall	

	{

		width:724px;

		background-image:url(image/arrow.jpg);

		background-repeat:no-repeat;

		background-position:top left;

		margin-left:-40px;

		padding-left:40px;

		padding-top:30px;

	} 

.arrowText

	{

		width:636px;

		font-family:"Times New Roman", Times, serif;

		font-size:33px;

		color:#fff;

		padding-top:23px;

		padding-bottom:40px;

		font-weight:bold;

	}

.arrowText2

	{

		width:636px;

		font-family:"Times New Roman", Times, serif;

		font-size:33px;

		color:#fff;

		padding-top:43px;

		padding-bottom:40px;

		font-weight:bold;

		

	}

	

.dearSmall p 

	{

		margin:0px;

		padding-left:0;

		padding-right:10px;

		padding-top:8px;

		padding-bottom:8px;

	}

.numbeing

	{

		width:590px;

		

	}

.number

		{

			width:50px;

			float:left;

			padding-bottom:10px;

		}

.nuberText

	{

		width:540px;

		float:left;

		font-family:"Times New Roman", Times, serif;

		font-size:24px;

		font-style:italic;

		padding-bottom:10px;

	}

.clear

	{

		clear:both;

	}

.redP

	{
	width: 600px;
	padding: 20px;
	font-family: "Times New Roman", Times, serif;
	font-size: 21px;
	font-style: normal;
	background-color: #fee0e4;
	line-height: 35px;
	margin-left: 10px;
	}

.leftBox

	{

		width:307px;

		background-image:url(image/topBg.jpg);

		background-repeat:no-repeat;

		background-position:top;

		height:306px;

		font-size:13px;

		clear:both;

		margin-top:20px;

		

	}

.leftBox1

	{

		width:307px;

		clear:both;

		margin-top:20px;

		border:3px solid #999;

	}



.img

	{

		width:110px;

		float:left;

		padding-left:19px;

		padding-top:19px;

	}

.leftBoxtxt

	{

		width:165px;

		float:left;

		padding-top:19px;

	}

.leftBoctext2

	{

		width:271px;

		padding-left:19px;

		padding-top:10px;

		clear:both;

	}

.slutation

	{

		width:290px;

		text-align:right;

		font-size:17px;

		font-weight:bold;

		padding-top:10px;

	}

.slutation span

	{

		text-align:left;

		font-size:10px;

	}

.tryTopBtm

	{

		width:291px;

	}

.tryNowBanner

	{

		width:291px;

		background-image:url(image/banner_bg.jpg);

		background-repeat:repeat-y;

		margin-top:20px;

		font-family: 'HelveticaNeueLTStdCnBold';

		

	}

.tryTex

	{

		font-size:23px;

		width:281px;

		padding-bottom:10px;

		color:#FFF;

		padding-left:10px;

		text-shadow:1px 1px #0D4551;

	}

.trytext2

	{

		width:291px;

		font-size:56px;

		text-align:center;

		color:#F9F9F9;

		text-shadow:1px 2px #0D4551;

	}

.tryBtn

	{

		width:291px;

		padding-top:10px;

		text-align:center;

	}

.footer

	{

		width:100%;

		background-color:#1d1f22;

		padding-top:40px;

		padding-bottom:36px;

		clear:both;

		margin-top:20px;

		display:inline-block;

	}

.bottom	

	{

		width:953px;

		text-align:center;

		font-family:Tahoma, Geneva, sans-serif;

		font-size:14px;

		color:#fff;

		margin:auto;

	}

.phonenumber

	{

		width:500px;

		padding-left:335px;

		font-family:Tahoma, Geneva, sans-serif;

		font-size:30px;

	}

.phonenumber span

	{

		font-size:18px;

	}

.tryForm

	{

		width:217px;

		padding:10px;

		margin:0 auto;

		display:none;



	}

.tryForm input[type="text"]

	{

		width:211px;

		height:32px;

		padding-left:5px;

		background-color:#FFF;

		border:1px solid #787878;

		font-family:Tahoma, Geneva, sans-serif;

		font-size:18px;

		margin-bottom:10px;

	}

	







/*//////////////////////////////////////*/





	* {margin:0;border:0;padding:0}

body {height:100%;}



/*

    ColorBox Core Style:

    The following CSS is consistent between example themes and should not be altered.

*/

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}

#cboxOverlay{position:fixed; width:100%; height:100%;}

#cboxMiddleLeft, #cboxBottomLeft{clear:left;}

#cboxContent{position:relative;}

#cboxLoadedContent{overflow:auto;}

#cboxTitle{margin:0;}

#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}

.cboxIframe{width:100%; height:100%; display:block; border:0;}

#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}



/* 

    User Style:

    Change the following styles to modify the appearance of ColorBox.  They are

    ordered & tabbed in a way that represents the nesting of the generated HTML.

*/

#cboxOverlay{background:url(../photopayments/photopayments/image/overlay.png) repeat 0 0; background-color:#000;}

#colorbox{}

    #cboxTopLeft{width:21px; height:21px; background:url(../photopayments/photopayments/image/controls.png) no-repeat -101px 0;}

    #cboxTopRight{width:21px; height:21px; background:url(../photopayments/photopayments/image/controls.png) no-repeat -130px 0;}

    #cboxBottomLeft{width:21px; height:21px; background:url(../photopayments/photopayments/image/controls.png) no-repeat -101px -29px;}

    #cboxBottomRight{width:21px; height:21px; background:url(../photopayments/photopayments/image/controls.png) no-repeat -130px -29px;}

    #cboxMiddleLeft{width:21px; background:url(../photopayments/photopayments/image/controls.png) left top repeat-y;}

    #cboxMiddleRight{width:21px; background:url(../photopayments/photopayments/image/controls.png) right top repeat-y;}

    #cboxTopCenter{height:21px; background:url(../photopayments/photopayments/image/border.png) 0 0 repeat-x;}

    #cboxBottomCenter{height:21px; background:url(../photopayments/photopayments/image/border.png) 0 -29px repeat-x;}

    #cboxContent{background:#fff; overflow:hidden;}

        .cboxIframe{background:#fff;}

        #cboxError{padding:50px; border:1px solid #ccc;}

        #cboxLoadedContent{margin-bottom:28px;}

        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}

        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}

        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../photopayments/photopayments/image/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}

        #cboxPrevious:hover{background-position:-75px -25px;}

        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../photopayments/photopayments/image/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}

        #cboxNext:hover{background-position:-50px -25px;}

        #cboxLoadingOverlay{background:url(../photopayments/photopayments/image/loading_background.png) no-repeat center center;}

        #cboxLoadingGraphic{background:url(../photopayments/photopayments/image/loading.gif) no-repeat center center;}

        #cboxClose{position:absolute; bottom:0; right:0; background:url(../photopayments/photopayments/image/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}

        #cboxClose:hover{background-position:-25px -25px;}



/*

  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill

  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.

  See: http://jacklmoore.com/notes/ie-transparency-problems/

*/

.cboxIE #cboxTopLeft,

.cboxIE #cboxTopCenter,

.cboxIE #cboxTopRight,

.cboxIE #cboxBottomLeft,

.cboxIE #cboxBottomCenter,

.cboxIE #cboxBottomRight,

.cboxIE #cboxMiddleLeft,

.cboxIE #cboxMiddleRight {

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);

}



/*

  The following provides PNG transparency support for IE6

  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.

*/

.cboxIE6 #cboxTopLeft{background:url(../photopayments/photopayments/image/ie6/borderTopLeft.png);}

.cboxIE6 #cboxTopCenter{background:url(../photopayments/photopayments/image/ie6/borderTopCenter.png);}

.cboxIE6 #cboxTopRight{background:url(../photopayments/photopayments/image/ie6/borderTopRight.png);}

.cboxIE6 #cboxBottomLeft{background:url(../photopayments/photopayments/image/ie6/borderBottomLeft.png);}

.cboxIE6 #cboxBottomCenter{background:url(../photopayments/photopayments/image/ie6/borderBottomCenter.png);}

.cboxIE6 #cboxBottomRight{background:url(../photopayments/photopayments/image/ie6/borderBottomRight.png);}

.cboxIE6 #cboxMiddleLeft{background:url(../photopayments/photopayments/image/ie6/borderMiddleLeft.png);}

.cboxIE6 #cboxMiddleRight{background:url(../photopayments/photopayments/image/ie6/borderMiddleRight.png);}



.cboxIE6 #cboxTopLeft,

.cboxIE6 #cboxTopCenter,

.cboxIE6 #cboxTopRight,

.cboxIE6 #cboxBottomLeft,

.cboxIE6 #cboxBottomCenter,

.cboxIE6 #cboxBottomRight,

.cboxIE6 #cboxMiddleLeft,

.cboxIE6 #cboxMiddleRight {

    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");

}