@import url('skeleton.css');
@import url('menu-style.css');
@import url('slider.css');

/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}

/* Global properties ======================================================== */
html {width:100%;}

body { 	 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:18px;
	color:#9c9c9c; /*#afabab;*/
	min-width:310px;
}

a {color:#de2152; outline:none;}
a:hover {text-decoration:none;}

.col-1, .col-2 {float:left;}

.wrapper {width:100%; overflow:hidden;position:relative;}
.extra-wrap {overflow:hidden;}
 
p {margin-bottom:18px;}
.p1 {margin-bottom:8px;}
.p2 {margin-bottom:15px;}
.p3 {margin-bottom:30px;}
.p4 {margin-bottom:40px;}
.p5 {margin-bottom:50px;}

.reg {text-transform:uppercase;}

.fleft {float:left;}
.fright {float:right;}

.alignright {text-align:right;}
.aligncenter {text-align:center;}

.title {margin-bottom:18px;}

.it {font-style:italic;}
.bl {display:block;}
.bo {font-weight:bold;}

.letter {letter-spacing:-1px;}

.color-0 {color:#afabab;}
.color-1 {color:#fff;}
.color-2 {color:#000;}
.color-3 {color:#de2152;}
.color-4 {color:#555;}

.index-1 {z-index:1; position:relative;}
.index-2 {z-index:2; position:relative;}
/*********************************boxes**********************************/
.indent {padding: 0px 25px 0 16px;}
.indent-bot {margin-bottom:20px;}
.indent-bot2 {margin-bottom:25px;}
.indent-bot3 {margin-bottom:35px;}

.bot-indent {margin-bottom:5px;}
.bot-indent2 {margin-bottom:22px;}
.bot-indent3 {margin-bottom:11px;}

.top-pad {padding-top:3px;}
.bot-pad {padding-bottom:35px;}
.bot-pad2 {padding-bottom:25px;}
.bot-pad3 {padding-bottom:30px;}
.bot-pad4 {padding-bottom:20px;}
.right-pad {padding-right:27px;}
.right-pad2 {padding-right:15px;}
.right-pad3 {padding-right:23px;}
.left-pad {padding-left:25px;}
.left-pad2 {padding-left:35px;}
.left-pad3 {padding-left:40px;}

.img-style {float:left;margin: 0 27px 0 0;}
.img-style2 {float:left;margin: 0 12px 0 0;}
.img-style3 {float:left;margin: 0 18px 0 0;}
.img-style4 {float:left;margin: 8px 15px 0 0;}
.img-style5 {float:left;margin: 4px 18px 0 0;}
.arrow-link {position:relative;display:block;}
.arrow-link strong {display:block;position:absolute;background:url(../images/arrow.png) no-repeat right 0;height:39px;width:67px;top:61px;left:-7px;}

.img-pos img {max-width:100%; height:auto;}

.buttons a:hover {cursor:pointer;}

.menu li a,
.list-1 li a,
.list-2 li a,
.link,
.button,
.logo {text-decoration:none;}	

/*********************************header*************************************/
header {
	width:100%;
	position:relative; 
	z-index:2;
}

.row-1 {
	position:relative;
	height:214px;
	text-align:center;
}
.row-1-inner {
	padding-top:22px;
	margin:0 auto;
	width:300px; 
}

h1 {
	padding:0px 0 0 0; 
	width:300px;
	font-size:14px;
	line-height:17px;
	color:#b0aaaa;
	font-weight:normal;
	z-index:2;
}
h1 a {
	display:block; 
	height:167px; 
	text-indent:-5000px; 
	background:url(../images/logo.png) 0 0 no-repeat;
}

.slogon {
	display:inline-block;
	display:none;
	margin-top:2px;
	font-weight:normal;
}

.tagline {
	text-align:center;
	margin:4px 0;
	padding:4px 0;
	font-size:23px;
	letter-spacing:2px;
	line-height:normal;
	background-color:#eaeaea;
	color:#bbb;
	color:rgba(0,0,0,0.2);
	text-shadow:1px 1px 0 #fff;
}

.line {
	position:absolute;
	top:18px;
	left:150px;
	height:1px;
	border-bottom: 1px solid #eaeaea;
	width:0px;
	z-index:1;
}

/*********************************content*************************************/
#content {
	width:100%; 
	padding:32px 0 40px;
	position:relative;
	z-index:1;
}

h3 {
	font-size:32px; 
	line-height:39px;
	color:#1e1e1e;
	letter-spacing:-1px;
}

h4 {
	font-size:22px; 
	line-height:27px;
	color:#1e1e1e;
	padding-left:38px;
}

.ico-1 {background:url(../images/ico1.png) no-repeat 21px 3px;}
.ico-2 {background:url(../images/ico2.png) no-repeat 14px 5px;}
.ico-3 {background:url(../images/ico3.png) no-repeat 14px 4px;}
.ico-4 {background:url(../images/ico4.png) no-repeat 19px 4px;}

h5 {color:#db1f50;}
h5 a {color:#db1f50; text-decoration:none;}
h5 a:hover {text-decoration:underline;}

h6 {
	font-size:21px; 
	line-height:26px;
	color:#1d1e1f;
}

h6 a {color:#1d1e1f;text-decoration:none;}
h6 a:hover {color:#db1f50;}

h6.ico-1 {background-position: 0 5px;}
h6.ico-2 {background-position: 0 5px;}
h6.ico-3 {background-position: 0 5px;}

.button {
	background:url(../images/button-left.png) no-repeat left 0;
	padding-left:9px;
	display:inline-block; 
	color:#FFF;
}
	
.button > strong {
	background:url(../images/button-right.png) no-repeat right 0;
	padding-right:9px;
	display:inline-block; 
}

.button strong strong {
	display:inline-block;
	background:url(../images/button-bg.png) repeat-x 0 0;
	font-size:21px;
	line-height:30px;
	text-transform:uppercase;
	padding: 5px 11px 8px;
}
	
.button:hover {background-position: left -51px;color:#4a4a4a;}
.button:hover strong {background-position: right -51px;}

.border-1 {
	background:url(../images/border-1.gif) repeat-x 0 bottom;
	width:100%;
}

.border-2 {border-left:1px solid #e4e4e4;}

.block {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:17px;
	color:#1e1e1e;
	padding: 12px 5px 12px 21px;
	position:relative;
	border:1px solid #e4e4e4;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
}

.block-title {
	font-size:22px;
	line-height:27px;
	color:#de2152;
}

.block-button {
	position:absolute;
	display:block;
	background:url(../images/block-button.png) no-repeat 0 0;
	bottom:0;
	right:0;
	height:27px;
	width:27px;
}

.block-button:hover {background-position: 0 -31px;}

.block-2 {position:relative;min-height:390px;}

.block-2 a.button {
	position:absolute;
	bottom:15px;
	right:0px;
}

.user {
	background:url(../images/user.png) no-repeat left 0;
	font-weight:bold;
	color:#de2152;
	padding: 3px 0 4px 37px;
}

.comments-block {
	color:#1e1e1e;
	position:relative;
	width:102px;
	padding-bottom:14px;
}

.comments-corner {
	background:url(../images/comments-corner.png) no-repeat 0 0;
	position:absolute;
	bottom:0;
	right:26px;
	height:14px;
	width:14px;
}

.comments {
	padding:6px 0 6px 16px;
	background:#f0f0f0;
	border-radius:18px;
	-moz-border-radius:18px;
	-webkit-border-radius:18px;

}

.list-1 li, .list-2 li {padding-bottom:6px;}
.list-1 li.last, .list-2 li.last {padding-bottom:10px;}

	.list-1 li a {
		background:url(../images/marker-2.png) 0 -42px no-repeat;
		display:inline-block;
		color:#116da6;
		padding-left:10px;
	}
		.list-1 li a:hover {
			color:#afabab;
			background-position: 0 6px;
		}

.list-1.st1 {padding-top:3px;}

	.list-1.st1 li a {
		background-image:url(../images/marker-3.png);
		color:#1e1e1e;
	}
		.list-1.st1 li a:hover {
			color:#adadad;
			background-position: 0 6px;
		}

.list-1.st2 li {
	background:url(../images/marker-2.png) 0 -42px no-repeat;
	color:#116da6;
	padding-left:10px;
	padding-bottom:6px;
}
.list-1.st2 li:hover {
	color:#afabab;
	background-position: 0 6px;
}
.list-1.st2 li.last {padding-bottom:10px;}

.list-1.st3 li {
	background:url(../images/marker-2.png) 0 -42px no-repeat;
	padding-left:10px;
	padding-bottom:6px;
}
.list-1.st3 li.last {padding-bottom:10px;}

.list-2 li {
	list-style-type:decimal;
}

.link:hover {text-decoration:underline;} 

.link-1 {
	display:inline-block; 
	font-size:11px;
	line-height:14px;
	color:#1e1e1e;
	text-transform:uppercase;
}
.link-1:hover {color:#adadad;text-decoration:underline;} 

.list-3 {line-height:normal; margin-left:0;}
.list-3 li { background:transparent url(../images/checkmark-blue.png) no-repeat 5px 2px; padding-left:45px; margin-bottom:20px; }
.list-3 li.last { margin-bottom:0; }

.offer {
	border:1px solid #e4e4e4;
	padding: 21px 35px 4px 25px;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
}

.offer-title {
	font-size:32px;
	line-height:39px;
	color:#202020;
	display:inline-block;
}

.offer-title:hover {color:#db1f50;}

.offer strong {
	display:block;
	font-size:25px;
	line-height:30px;
	color:#202020;
	margin-top:-5px;
}

.text-1 { 
	float:left; 
	font-weight:bold; 
	font-size:16px;
	line-height:1.25em;
	color:#de2152;
	width:30px;
}

.search-wrapper {
	border:1px solid #e4e4e4;
	padding: 11px 0 30px 15px;
	position:relative;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

#search input {
	background: #fff;
	border: 1px solid #e4e4e4;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:19px;
	color:#202020;
	position:relative;
	outline:none;
	padding: 4px 10px 5px;
	margin:0;
	height:16px;
	width:203px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.searchbutton {
	display:block;
	position:absolute;
	font-size:16px;
	line-height:20px;
	color:#FFF;
	text-transform:uppercase;
	cursor:pointer;
	background:url(../images/searchbutton.png) no-repeat 0 0;
	text-align:center;
	padding: 3px 0;
	height:22px;
	width:42px;
	top:63px;
	right:20px;
}

.search-title {
	background:url(../images/ico5.png) no-repeat 0 0;
	font-size:28px;
	line-height:34px;
	color:#202020;
	letter-spacing:-1px;
	padding-left:47px;
	margin-bottom:17px;
	width:100%;
}

.searchbutton:hover {background-position: 0 -30px;}

dl span {float:left; width:77px;}

.map-style iframe {
	height:217px;
	width:292px;
}

/**** Old grid ****/
/*
#buyGridBg {position:absolute; right:5px; width:600px; background-color:#555; border:15px solid #555; border-radius:10px;}
#buyGridContainer {padding:0px; position:relative;}
.buyGridHeader {position:relative;}
#buyGrid {color:#333; text-shadow:1px 1px 0 #fff; font-size:15px; margin:0; padding:0;}
	#buyGrid td {padding:11px 17px; margin:0;}
	#buyGrid th {padding-bottom:17px; text-align:center;}
	#buyGrid .buyRowStyle0 {}
	#buyGrid .buyRowStyle1 .buyColStyle0 {background-color:#606060;}
	#buyGrid .buyRowStyle2 .buyColStyle0 {background-color:#555;}
	#buyGrid .buyRowStyle1 .buyColStyle1, #buyGrid .buyRowStyle1 .buyColStyle2 {background-color:#f6f6f6;}
	#buyGrid .buyRowStyle2 .buyColStyle1, #buyGrid .buyRowStyle2 .buyColStyle2 {background-color:#e7e7e7;}
	#buyGrid .buyColStyle0 {color:#e7e7e7; text-shadow:1px 1px 0 #000; border-right:15px solid #555;}
	#buyGrid .buyColStyle1 {width:265px; text-align:center; vertical-align:center; border-right:1px solid #e0e0e0; background:transparent url(../images/bgLighten.png) repeat-y 1px 0;}
	#buyGrid .buyColStyle2 {width:265px; text-align:center; vertical-align:center; background:transparent url(../images/bgLighten.png) repeat-y 1px 0;}
	#buyGrid tfoot td {text-align:center;}
	#buyGrid .buySmall {margin-left:31px;}
*/

/***** Old buy *****/
/*
.price-original, .price-special {color:#fff;}
.price-original {position:absolute; text-align:center; width:100%; top:55px; font-size:17px;}
.price-original .price-wrapper {text-decoration:line-through; color:#000; text-shadow:none;}
.price-original .amount, .price-original .currency {text-shadow:1px 1px 0 #000; color:#fff;}
.price-special {position:absolute; text-align:center; width:100%; top:85px; text-shadow:1px 1px 0 #000;}
.price-special .amount {font-size:32px;}
*/

/**** New grid ****/
#buyGridContainer {position:relative; padding:0;}
#buyGrid {display:table; color:#333; text-shadow:1px 1px 0 #fff; font-size:15px; margin:0;}
	.rowStyle0, .rowStyle1, .rowStyle2 {display:table-row;}
	.rowStyle0 {}
	.rowStyle1 .colStyle0 {background-color:#606060;}
	.rowStyle2 .colStyle0 {background-color:#555;}
	.rowStyle1 .colStyle1, .rowStyle1 .colStyle2 {background-color:#f6f6f6;}
	.rowStyle2 .colStyle1, .rowStyle2 .colStyle2 {background-color:#e7e7e7;}
	.colStyle0, .colStyle1, .colStyle2 {padding:11px 5px; display:table-cell; float:none;}
	.colStyle0 {color:#e7e7e7; text-shadow:1px 1px 0 #000;}
	.colStyle0 span {margin:0 10px; display:block;}
	.colStyle1 {text-align:center; vertical-align:middle;}
	.colStyle2 {text-align:center; vertical-align:middle;}
	.gridHead {padding-bottom:17px; text-align:center;}
	/*.gridHead.colStyle0, .gridFoot.colStyle0 {background-color:#606060;}*/
	/*.gridHead.colStyle1, .gridHead.colStyle2, .gridFoot.colStyle1, .gridFoot.colStyle2 {background-color:#606060;}*/
	.buyGridHeader {position:relative;}
	.buyGridHeader img {width:100%; max-width:300px; height:auto;}
	.buySmall {margin-left:31px;}

/***** New buy *****/
.price-original, .price-special {color:#fff;}
.price-original {position:absolute; text-align:center; width:100%; top:23%; font-size:17px;}
.price-original .price-wrapper {text-decoration:line-through; color:#000; text-shadow:none;}
.price-original .amount, .price-original .currency {text-shadow:1px 1px 0 #000; color:#fff;}
.price-special {position:absolute; text-align:center; width:100%; top:36%; text-shadow:1px 1px 0 #000;}
.price-special .amount {font-size:32px;}
.versionIndicator {display:none; font-size:23px; line-height:26px; color:rgba(0,0,0,0.2); text-align:left; margin-left:12px; width:160px; text-shadow:1px 1px 0 #fff;}

/***** Praise Hymn buy *****/
.price-col-desc {width:500px}
.price-col-cost {width:100px}
.price-col-term {width:100px}

/***** Contact form *****/
#contact-form {
	position:relative;
	vertical-align:top;
	width:100%;
	z-index:1;
	}
	#contact-form fieldset {
		border:none;
		padding:0;
		}			
			#contact-form label {
				display:block;
				min-height:46px;
			}
			#contact-form label.message {
				min-height:240px;
			}
			
			#contact-form input {
				padding:9px 14px;
				margin:0;
				font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
				font-size:13px;
				line-height:16px;
				color:#afafaf; 
				border:1px solid #e1e1e1;
				background:none;
				outline:none;
				width:339px;
				border-radius:8px;
				-moz-border-radius:8px;
				-webkit-border-radius:8px;
			}
			#contact-form .area .error { float:none;}
			#contact-form textarea {
				margin:0;
				padding:8px 14px;
				margin:0;
				font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
				font-size:13px;
				line-height:16px;
				color:#afafaf; 
				border:1px solid #e1e1e1;
				background:none;
				overflow:auto;
				outline:none;
				height:200px;
				max-height:200px;
				width:544px;
				max-width:544px;
				border-radius:8px;
				-moz-border-radius:8px;
				-webkit-border-radius:8px;
			}
			#contact-form a {cursor:pointer;}
				#contact-form .success {
					display:none; 
					margin-bottom:8px;
					padding:10px;
					border:1px solid #e1e1e1;
					width:160px;
					border-radius:8px;
					-moz-border-radius:8px;
					-webkit-border-radius:8px;
				}
				#contact-form .error,
				#contact-form .empty {
					color:#f00;
					font-size:11px;
					line-height:2em;
					display:none;
					overflow:hidden;
				}
		.buttons-wrapper { padding:0 5px 0 0; text-align:right;}
		.buttons-wrapper a { margin-right:10px;}
		
/****************************footer************************/
footer {width:100%;}

.footer-inner {
	border-top:1px solid #e4e4e4;
	padding: 24px 0;
	text-align:center;
	color:#afabab;
}

.footer-inner a.link {color:#afabab; white-space:nowrap;}
.footer-menu ul {
	text-align:center;
}
.footer-menu {
	margin-bottom:11px;
}

.footer-menu ul li {
	background:url(../images/separator-1.gif) no-repeat left 4px;
	position:relative;
	padding: 0 19px 0 20px;
	display:inline-block;
	*display:inline; /*IE7*/
	*zoom:1; /*IE7*/
}

.footer-menu ul li:first-child {
	background:none;
	padding-left:0;
}

.footer-menu ul li.last {padding-right:0;}

.footer-menu ul li a {
	font-size:13px;
	line-height:16px;
	color:#afafaf;
	text-transform:uppercase;
	text-decoration:none;
	white-space:nowrap;
}
.font-size-1 { font-size:30px; }
.font-size-2 { font-size:25px; }
.font-size-3 { font-size:21px; }
.font-size-4 { font-size:18px; }
.font-size-5 { font-size:15px; }
.footer-menu ul li a:hover, .footer-menu ul li a.active {color:#de2152;}
.no-margin { margin:0; }

@media only screen and (min-width: 768px) and (max-width: 959px) {
	h1 {left:180px !important;}
	h4 {padding-left:26px;}
	h4.ico-1, h4.ico-2, h4.ico-3, h4.ico-4 {background-position: 4px 3px;}
	.indent {padding: 0 10px;}
	.extra-wrap {overflow:visible;}
	#page1 .img-style {width:180px;margin-right:15px;}
	.footer-menu {padding-left:110px;}
	.width-1 {width:100px;}
	.overflow-sw {overflow:hidden;}
	#search input {width:138px;}
	.map-style iframe {width:246px;}
	#contact-form input, #contact-form textarea {width:440px;max-width:440px;}
}
@media only screen and (max-width: 767px) {
	h1 {left:0px !important;}
	h4 {padding-left:26px;}
	h4.ico-1, h4.ico-2, h4.ico-3, h4.ico-4 {background-position: 0px 3px;}
	.footer-menu {display:none;}
	.indent {padding:0;}
	.img-style {float:none;margin-right:10px;}
	.indent-sw-1 {margin-bottom:20px;}
	.indent-sw-2 {margin-bottom:30px;}
	.indent-sw-3 {margin-bottom:40px;}
	.left-pad {padding:0;}
	.left-pad-sw {padding-left:8px;}
	.img-style4 {float:none;margin:0; width:300px;}
	.offer {padding-bottom:20px;}
	#search input {width:193px;}
	.map-style iframe {width:300px;}
	#contact-form input, #contact-form textarea {width:270px;max-width:270px;}
	.rowStyle0, .rowStyle1, .rowStyle2 {display:block;}
	.colStyle0, .colStyle1, .colStyle2 {display:block; float:none; padding:11px 0;}
	.price-original {top:55px;}
	.price-special {top:85px;}
	.price-original-b {top:55px;}
	.price-special-b {top:85px;}
	.versionIndicator {display:inline-block;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	h1 {left:80px !important;}
	.img-style {float:left;}
	#contact-form input, #contact-form textarea {width:390px;max-width:390px;}
	.float-sw-1 {float:left;}
	.float-sw-2 {float:left;}
	.width-2 {width:205px !important;}
	.width-3 {width:100% !important;}
	.width-4 {width:100px;}
	.indent-r-sw {margin-right:10px !important;}
	#search input {width:314px;}
	.map-style iframe {width:420px;}
	.col-1-sw, .col-1-sw .grid_7 {width:250px;margin-right:20px;}
	.col-2-sw.grid_7 {width:150px;}
	.col-3-sw, .col-3-sw.grid_7 {width:230px;margin-right:10px;}
	.col-4-sw.grid_5 {width:180px;}
	.no-bord-sw {margin-bottom:0; background-image:none; padding-bottom:0;}
	.rowStyle0, .rowStyle1, .rowStyle2 {display:block;}
	.colStyle0, .colStyle1, .colStyle2 {display:block; float:none; padding:11px 0;}
	.price-original {top:55px;}
	.price-special {top:85px;}
	.price-original-b {top:55px;}
	.price-special-b {top:85px;}
	.versionIndicator {display:inline-block;}
}