@charset "utf-8";
/* CSS Document */

/* >> The Magnificent CLEARFIX << */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; *zoom:1;}
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/
.clearfix { display: block; }

/* -------------------------------------- Reset -------------------------------------  */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, 
hgroup, menu, nav, section, menu,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
    vertical-align:baseline; 
	background:transparent;
}                  

article, aside, figure, footer, header, 
hgroup, nav, section { display:block; }

ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	color:#000;
	text-decoration:none;
}
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }
input[type=submit] { outline:none; border:none; }
input:focus , textarea:focus { outline:none; }
/* -------------------------------------- End of Reset -------------------------------------  */

/* -------------------------------------- Typography -------------------------------------------*/
#discount-val , .custom-condensed { font-family: "Trebuchet MS", arial, serif;  text-shadow: 1px 1px 1px #ffffff;}
body {
	background:#eeeeee;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	color:#333;
	line-height:1.8;
	font-size:16px;
	font-smooth:always;
}

h1 { color:#1e1e1e; font-size:60px; letter-spacing: -1px;  }
h2 {
	color:#1e1e1e;
	font-size:21px;
	letter-spacing: -1px;
	font-weight:100;
	text-align: center;
}
h3 { color:#1e1e1e; font-size:36px; }
h4 { color:#1e1e1e; font-size:28px; letter-spacing: -1px; font-weight:100;}
h5 { color:#1e1e1e; font-size:22px; letter-spacing: -1px; font-weight:100;}
h6 { color:#1e1e1e; font-size:18px; letter-spacing: -1px; font-weight:100;}
/* -------------------------------------- Layout  -------------------------------------------*/
.container { width:900px ; margin-left:auto; margin-right:auto; padding:0px; position:relative;  }

.left { float:left; }
.right { float:right;  }
img.right { margin:16px 20px 0px 10px; }
.marginv { margin-top:20px; margin-bottom:80px; }
.padding-10v { padding:10px 0px; }
.padding-20h { padding: 0px 20px; }


/* ------------------------------- General Styling --------------------------------------------*/

#head { background:url(i/header-bg.jpg) repeat-x #25272f; padding:12px 25px 14px 25px;  }
#logo {
	display:block;
	width:200px;
	height:53px;
	text-indent:-9999px;
	float:left;
	background-image: url(i/logo.png);
}
#timer {
	float:right;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	text-transform:uppercase;
	padding-top:0px;
}
#timer span { background:url(i/timer-bg.jpg) top left no-repeat; width:47px; height:53px; display:block; float:left; text-align:center; padding-top:5px; color:#000; margin-left:5px; font-weight:bold; font-size:22px; text-shadow:1px 1px 0px #366f96;}
#timer p { display:block; float:left; padding:11px 6px 2px 7px; }

#intro {
	width:500px;
	padding-top: 54px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
}
#intro h1 {
	color:#999;
	text-shadow: 1px 1px 1px #ffffff;
	text-transform:capitalize;
	font-weight:bolder;
	line-height:1;
	text-align:center;
	font-size:40px;
	font-family: "Trebuchet MS", arial, serif;
}
#intro span {
	display:block;
	text-align:center;
	color:#333;
	font-size:18px;
	margin-top:16px;
}

#scheme {
	width:380px;
	text-align:center;
	padding-top: 54px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
} 
#scheme #original-val { color:#262830; font-size:21px; text-decoration:line-through; font-weight:100; text-transform:uppercase; letter-spacing:1px; line-height:1.2; }
#scheme #discount-val { color:#4296dd;  font-weight:bold; font-size:72px;line-height:1.0;  text-shadow: 1px 1px 1px #ffffff; }

#main-button {
	padding:11px 16px;
	color:#fff;
	border-radius:5px;
	-moz-border-radius:4px;
	border:1px solid #4296dd;
	text-transform:uppercase;
	font-weight:bold;
	margin-left:6px;
	position:relative;
	height:41px;
	text-shadow:1px 1px 1px #418ece;
	box-shadow:1px 1px 2px #ddd;
	-moz-box-shadow:1px 1px 2px #ddd;
	-webkit-box-shadow:1px 1px 2px #ddd;
	background-image: url(i/notified-submit-bg.jpg);
	background-repeat: repeat-x;
}

#trial-button {
     background:url(i/notified-submit-bg2.jpg) repeat-x; padding:11px 16px; color:#fff; border-radius:4px; -moz-border-radius:4px; border:1px solid #4296dd; text-transform:uppercase; font-weight:bold; margin-left:6px; position:relative; height:41px; text-shadow:1px 1px 1px #418ece; box-shadow:1px 1px 2px #ddd; -moz-box-shadow:1px 1px 2px #ddd; -webkit-box-shadow:1px 1px 2px #ddd;
}

#testimonial {
	background:url(i/testimonial-bg.jpg) left top no-repeat;
	padding:25px 20px;
	margin-top:32px;
	font-size:13px;
} 
#testimonial ul li {
	float:left;
	width:400px;
	padding:7px;
	display:block;
}
#testimonial ul li span { color:#444a54; font-weight:bold;  display:block; float:left;  margin-top:10px; }
#testimonial ul li img.rating { float:left; margin-top:16px; display:block; margin-left:30px; }

a.read-me { position:absolute;  background: url(i/fillbutton-bg.jpg) repeat-x;  display:block; color:#17181e; width:80px; padding:4px 5px; border-radius:14px; -moz-border-radius:14px; box-shadow:0px 0px 7px #ccc; -moz-box-shadow:0px 0px 7px #ccc; -webkit-box-shadow:0px 0px 7px #ccc; 
top:50px; left:60px;}

#gallery { margin-top:100px; margin-bottom: -50px;}
#gallery ul { background:url(i/shelves.jpg) center left no-repeat; width:945px; padding-bottom:68px; padding-left:70px; margin-left:-20px;  }
#gallery ul li { background:url(i/shadow.png) bottom center no-repeat; float:left; display:block; padding:5px 5px 12px 5px; margin:-48px 20px 55px 20px; position:relative;   }
#gallery ul li div { background:url(i/thumbs-bg.jpg) repeat-x #f0f0f0;  border-radius:4px; -moz-border-radius:4px;  border:1px solid #d7d7d7;text-align:center; }
#gallery ul li div p {   padding:9px 9px 0px 9px;  display:block; position:relative; overflow:hidden;  height:112px; width:200px;}
#gallery ul li div p a { position:absolute; }
#gallery ul li div img {
	border:1px solid #e8e8e8;
	border-radius:4px;
	-moz-border-radius:4px;
	margin-bottom:7px;
	display:block;
	position:relative;
	z-index:5;
}
#gallery ul li div h6 { display:inline; text-transform:uppercase; font-weight:bold; color:#3c3f45; font-size:15px; text-shadow:1px 1px 0px #eee; ; margin-bottom:4px;  line-height:1.2;  display:block; padding-bottom:2px; }
#gallery ul li div  span { color:#F00; font-weight:bold;font-size:15px;   }
#gallery ul li a { position:relative; display:block; }
span.strikethrough { color:#3c3f45!important; text-decoration:none; margin-left:13px; text-shadow:none; }

.bottom-text h2 {
	color:#666;
	font-weight:bold;
	margin-bottom:20px;
	margin-top: 20px;
}
.bottom-text p {
	/* [disabled]text-shadow:1px 1px 0px #cccccc; */
}
.bottom-text img {
	margin-right: 20px;
	/* [disabled]border:4px solid #FFF; */
	border-radius:4px;
	/* [disabled]-moz-border-radius:4px; */
	margin-bottom:7px;
	/* [disabled]float: left; */
	margin-left: 20px;
}

.notified { border:1px solid #e5e5e5; background:url(i/notified-bg.jpg) repeat-x #f7f7f7; padding:15px 8px 15px 20px; margin-top:60px;
margin-bottom: 30px; -moz-box-shadow:1px 1px 2px #dcdcdc; box-shadow:1px 1px 2px #dcdcdc; -webkit-box-shadow:1px 1px 2px #dcdcdc; font-size:12px;}
.notified h3 {
	color:#09C;
	font-weight:bold;
	float:left;
	margin-top:1px;
	line-height:1.8;
	font-size:16px;
}
.notified form { float:right;}
.notified .email { background:#ffffff; border:1px solid #b7b7b7; padding:11px 13px;  border-radius:4px; -moz-border-radius:4px; color:#777777; width:320px;  }
.notified .submit-info { background:url(i/notified-submit-bg.jpg) repeat-x; padding:11px 16px; color:#fff; border-radius:4px; -moz-border-radius:4px; border:1px solid #4296dd; text-transform:uppercase; font-weight:bold; margin-left:6px; position:relative; height:41px; text-shadow:1px 1px 1px #418ece; box-shadow:1px 1px 2px #ddd; -moz-box-shadow:1px 1px 2px #ddd; -webkit-box-shadow:1px 1px 2px #ddd; }

.notified .container_12 {
	min-height:150px;
	/* [disabled]text-shadow:1px 1px 1px #000; */
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}
	
	
.container_12 .grid_1,
.container_12 .grid_2,
.container_12 .grid_3,
.container_12 .grid_4,
.container_12 .grid_5,
.container_12 .grid_6,
.container_12 .grid_7,
.container_12 .grid_8,
.container_12 .grid_9,
.container_12 .grid_10,
.container_12 .grid_11,
.container_12 .grid_12 {
	display: inline;
	float: left;
	margin-left: 20px;
	margin-right: 20px;
}
	
.container_12 .grid_1 {width: 40px;}
.container_12 .grid_2 {width: 120px;}
.container_12 .grid_3 {width: 200px;}
.container_12 .grid_4 {width: 280px;}
.container_12 .grid_5 {width: 360px;}
.container_12 .grid_6 {width: 440px;}
.container_12 .grid_7 {width: 520px;}
.container_12 .grid_8 {width: 600px;}
.container_12 .grid_9 {
	width: 850px;
}
.container_12 .grid_10 {width: 760px;}
.container_12 .grid_11 {width: 840px;}
.container_12 .grid_12 {width: 920px;}	

#footer { background:#282b33; margin-top:40px; padding-top:2px; font-size:12px; } 
#footer .container { background:url(i/footer-bg.jpg) center top no-repeat; padding-bottom:180px;  }
#footer .container ul li {
	float:left;
	color:#ffffff;
	margin-top:10px;
	border-left:1px solid #ffffff;
	padding:0px 10px 5px 10px;
	height:14px;
}
#footer .container ul li a { color:#ffffff;   }
#footer .container ul li a:hover { text-decoration:underline; }

#footer .container ul#social { float:right; }
#footer .container ul#social li { border:none; padding:0px 3px; }