/*############ Global ############*/
* {
	padding			: 0px;
	margin			: 0px;
	}

html { 
	min-height		: 100%;
	margin-bottom		: 1px;
	}

body {
	/*background		: #505050 url(../_images/body-bg.gif) repeat-x top;*/
	font			: 100.01% tahoma, verdana, arial, sans-serif;
	}

p {
	font-size		: 70%;
	line-height		: 1.2em;
	padding			: 10px 0px 10px 0px;
	}

sup {
	font-size		: 70%;
	}

ul {
	font-size		: 70%;
	line-height		: 1.2em;
	}

#wrapper {
	width			: 100%;
	background-color	: #ffffff;
	}

#wrapper-inner {
	width				: 800px;
	margin				: 0px auto;
	background-color	: #ffffff;
	}

div.clearboth {
	clear				: both;
	}

br.clear {
	clear				: both;
	}

div.errors {
	padding				: 5px;
	font				: bold 105% arial, helvetica, sans-serif;
	letter-spacing		: -0.03em;
	color				: #990000;
	}
/*############ DIV me up ############*/

#header {
	width				: 100%;
	/*height			: 60px;*/
	background-color	: #1487B2;
	}

#header-line {
	width				: 100%;
	height				: 5px;
	background-color	: #0D5773;
	}

#header-inner {
	width				: 800px;
	margin				: 0px auto;
	}

#header-left {
	float				: left;
	width				: 399px;
	color				: #FFFFFF;
	}

#header-right {
	float				: right;
	width				: 285px;
	}

#header-right-gutter {
	padding				: 15px 0px 0px 0px;
	}

#sub-header {
	width				: 800px;
	height				: 100px;
	}

/*a.lockit-web-link {
	display			: block;
	float			: left;
	width			: 450px;
	height			: 100px;
	}*/
	
#lockit-logo {
	float				: left;
	width				: 450px;
	height				: 100px;
	}

#navigation {
	float			: right;
	width			: 325px;
	}

#banner {
	width			: 800px;
	height			: 349px;
	background		: #ffffff url(../_images/banner-bg.jpg) no-repeat;
	}

#banner-sub {
	width			: 800px;
	height			: 175px;
	background		: #ffffff url(../_images/banner-sub-bg.gif) no-repeat;
	}
	
#banner-gutter {
	padding			: 320px 0px 0px 700px;
	}

#content {
	width			: 800px;
	height			: 308px;
	background		: #ffffff url(../_images/content-bg.gif) no-repeat top;
	}

#content p, #content-int p {
	line-height		: 1.6em;
	}
	
#content-left {
	float			: left;
	width			: 450px;
	font-size		: 120%;
	}

#content-right {
	float			: right;
	width			: 260px;
	}
	
#content-left-shop {
	float			: left;
	width			: 350px;
	}

#content-right-shop {
	float			: right;
	width			: 370px;
	}

#content-int {
	width			: 800px;
	background		: #ffffff url(../_images/content-int-bg.gif) no-repeat;
	}

#content-gutter {
	padding			: 70px 0px 0px 25px;
	}

#content-int-gutter {
	padding			: 70px 25px 0px 25px;
	}

#footer {
	width			: 100%;
	height			: 140px;
	background		: #ffffff url(../_images/footer-bg.gif) repeat-x top;
	}

#footer-gutter {
	width			: 800px;
	margin			: 0px auto;
	padding			: 60px 0px 0px 0px;
	}

#footer-left {
	float			: left;
	padding			: 10px 0px 0px 90px;
	height			: 65px;
	}
	
#footer-right {
	float			: right;
	}

.story { 
	padding			: 5px;
	background-color: #F5F5F5;
	border			: 1px dashed #CCCCCC;
	font-size		: 120%;
}

.storyheader { 
	font-size		: 20px;
	padding			: 15px 0 5px 0;
	color			: #A62B2F;
}

/* Left Footer*/
ul.left-footer-links {
	list-style-type		: none;
	}

ul.left-footer-links li {
	list-style-type		: none;
	padding			: 0px 0px 3px 0px;
	color			: #888888;	
	}

ul.left-footer-links li a {
	color			: #ffffff;
	text-decoration		: none;
	}

ul.left-footer-links li a:hover {
	text-decoration		: underline;
	}
	
/* Right Footer*/	
ul.footer-links {
	display			: inline;
	list-style-type		: none;
	}

ul.footer-links li {
	display			: inline;
	list-style-type		: none;
	color			: #888888;	
	}

ul.footer-links li a {
	color			: #ffffff;
	text-decoration		: none;
	}

ul.footer-links li a:hover {
	text-decoration		: underline;
	}
/* Demo Facts*/
ul#shop-facts {
	font			: normal 80% arial, helvetica, sans-serif;
	list-style-type		: none;
	}
	
ul#shop-facts li {
	padding			: 5px 0px 5px 20px;
	background		: transparent url(../_images/bullet.gif) no-repeat 0 10px;
	}

/* ie does not recognise this declaration */
html>body ul#shop-facts li {
	background		: transparent url(../_images/bullet.gif) no-repeat 0 8px;
	}

/* Signup Facts*/	
ul#facts {
	font			: bold 95% arial, helvetica, sans-serif;
	list-style-type		: none;
	}
	
ul#facts li {
	padding			: 10px 0px 10px 20px;
	background		: transparent url(../_images/bullet.gif) no-repeat 0 15px;
	}

/* ie does not recognise this declaration */
html>body ul#facts li {
	background		: transparent url(../_images/bullet.gif) no-repeat 0 13px;
	}
/*############ H Classes ############*/

h1.shop, h1.info, h1.company, h1.philosophy {
	font			: bold 125% arial, helvetica, sans-serif;
	color			: #2e2e2e;
	}

h1.info a {
	color			: #999;
	font-size		: 90%;
	letter-spacing		: 0;
	text-decoration		: none;
	}


/*############ P Classes ############*/

p.column1 {
	float			: left;
	width			: 220px;
	line-height		: 1.6em;
	}

p.column2 {
	float			: left;
	width			: 220px;
	line-height		: 1.6em;
	margin			: 0px 0px 0px 52px;
	}

p.column3 {
	float			: left;
	width			: 220px;
	line-height		: 1.6em;
	margin			: 0px 0px 0px 47px;
	}

#header-left p {
	color			: #a4a4a4;
	}

/*############ Link Classes ############*/

a.header {
	color			: #e68385;
	}

.learn-more {
	display			: block;
	width			: 90px;
	height			: 20px;
	cursor			: pointer;
	}

p.column1 a, p.column2 a, p.column3 a {
	color			: #b62a2d;		
	font			: bold 125% arial, helvetica, sans-serif;
	text-decoration		: none;
	line-height		: 2em;
	}
	
p.column1 a:hover, p.column2 a:hover, p.column3 a:hover {
	text-decoration		: underline;
	}
/*############ LOGIN ############*/

input.field {
 	float			: left;
	width			: 105px;
	margin			: 0px 0px 3px 5px;
	padding			: 2px;
	font			: 70% tahoma, verdan, arial, sans-serif;
	border-top		: 1px solid #7c7c7c;
	border-left		: 1px solid #c3c3c3;
	border-right		: 1px solid #c3c3c3;
	border-bottom		: 1px solid #ddd;
	background		: #fff url(../_images/fieldbg.gif) repeat-x top;
	}

input.submit {
 	float			: left;
	width			: 41px;
	height			: 19px;
	cursor			: pointer;
	border			: none;
	margin			: 0px 0px 3px 5px;
	background		: url(../_images/login-submit-bg.gif);
	background-repeat	: no-repeat;
	background-position	: 0px 0px;
	}
	
input.submitpw {
 	/*float			: left;*/
	width			: 134px;
	height			: 22px;
	cursor			: pointer;
	border			: none;
	margin			: 0px 0px 0px 5px;
	background		: url(../_images/pw-submit-bg.gif);
	background-repeat	: no-repeat;
	background-position	: 0px 4px;
	}

#forgotpw {
	width			: 800px;
	height			: 100px;
	font-size		: 70%;
	color			: #a4a4a4;
	background		: #2e2e2e url(../_images/pw-bg.gif) no-repeat top;
	}

#forgotpw-gutter {
	padding			: 45px 10px 10px 30px;	
	}
	
span.forgotpw-status {
	color			: #ffffff;	
	font			: 200% Arial, Helvetica, sans-serif;
	padding			: 0 0 0 50px;
	}
	
input.forgot {
	width			: 200px;
	margin			: 0px 0px 0px 5px;
	padding			: 2px;
	font			: 100% tahoma, verdan, arial, sans-serif;
	border-top		: 1px solid #7c7c7c;
	border-left		: 1px solid #c3c3c3;
	border-right		: 1px solid #c3c3c3;
	border-bottom		: 1px solid #ddd;
	background		: #fff url(../_images/fieldbg.gif) repeat-x top;
	}

input.forgot-btn {
 	padding			: 2px;
 	font			: 100% tahoma, verdan, arial, sans-serif;
 	}

/*############ Navigation ############*/

#nav-gutter {
	padding			: 0px 10px 0px 0px;
	}

/*ul#nav {
	padding			: 70px 0px 0px 0px;
	display			: block;
	float			: right;
	}*/

ul#nav {
	padding			: 70px 0px 0px 0px;
	display			: block;
	}

ul#nav li {
	display			: block;
	float			: left;
	list-style-type		: none;
	}
	
/* HOME */
ul#nav li.home {
	display			: block;
	float			: left;
	}

ul#nav li.home a {
	float			: left;
	display			: block;
	width			: 52px;
	height			: 25px;
	background		: #ffffff url(../_images/nav-li-home.gif);
	}

body#home ul#nav li.home a, ul#nav li.home a:hover {
	float			: left;
	display			: block;
	width			: 52px;
	height			: 25px;
	background-image	: url(../_images/nav-li-home.gif);
	background-position	: 0px -26px;
	}

/* DEMO */
ul#nav li.shop {
	display			: block;
	float			: left;
	}

ul#nav li.shop a {
	float			: left;
	display			: block;
	width			: 58px;
	height			: 25px;
	background		: #ffffff url(../_images/nav-li-shop.gif);
	}

body#shop ul#nav li.shop a, ul#nav li.shop a:hover {
	float			: left;
	display			: block;
	width			: 58px;
	height			: 25px;
	background-image	: url(../_images/nav-li-shop.gif);
	background-position	: 0px -26px;
	}

/* SIGNUP */
ul#nav li.info {
	display			: block;
	float			: left;
	}

ul#nav li.info a {
	float			: left;
	display			: block;
	width			: 58px;
	height			: 25px;
	background		: #ffffff url(../_images/nav-li-info.gif);
	}

body#info ul#nav li.info a, ul#nav li.info a:hover {
	float			: left;
	display			: block;
	width			: 58px;
	height			: 25px;
	background-image	: url(../_images/nav-li-info.gif);
	background-position	: 0px -26px;
	}

/* ABOUT */
ul#nav li.about {
	display			: block;
	float			: left;
	}

ul#nav li.about a {
	float			: left;
	display			: block;
	width			: 64px;
	height			: 25px;
	background		: #ffffff url(../_images/nav-li-about.gif);
	}

body#about ul#nav li.about a, ul#nav li.about a:hover {
	float			: left;
	display			: block;
	width			: 64px;
	height			: 25px;
	background-image	: url(../_images/nav-li-about.gif);
	background-position	: 0px -26px;
	}

/* CONTACT */
ul#nav li.contact {
	display			: block;
	float			: left;
	}

ul#nav li.contact a {
	float			: left;
	display			: block;
	width			: 72px;
	height			: 25px;
	background		: #ffffff url(../_images/nav-li-contact.gif);
	}

body#contact ul#nav li.contact a, ul#nav li.contact a:hover {
	float			: left;
	display			: block;
	width			: 72px;
	height			: 25px;
	background-image	: url(../_images/nav-li-contact.gif);
	background-position	: 0px -26px;
	}