/* -- PAGE -- */

body {
	margin-top: 0px;
	margin-bottom: 0px;
}
div.stripe,
div.one-column { /* (span-22 prepend-1 append-1 last) */
	float: left;
	width: 870px;
	padding-left: 40px;
	padding-right: 40px;
	margin-right: 0;
	padding-right: 0;
}
div.two-column-left { /* (span-15 prepend-1 append-1) */
	float: left;
	width: 590px;
	padding-left: 40px;
	padding-right: 40px;
	margin-right: 10px;
}
div.two-column-right { /* (span-5 last) */
	float: left;
	width: 230px;
	padding-left: 0;
	padding-right: 0;
	margin-right: 0;
}
div.three-column-left { /* (span-5 prepend-1 append-1 last) */
	float: left;
	width: 190px;
	margin-right: 10px;
	padding-left: 40px;
}
div.three-column-middle { /* (span-10 prepend-1) */
	float: left;
	width: 390px;
	margin-right: 10px;
	padding-left: 40px;
}
div.three-column-right { /* (span-5 prepend-1 last) */
	float: left;
	width: 190px;
	margin-right: 0;
	padding-left: 40px;
}
div.app-column-left { /* (span-11 prepend-1 append-1) */
	float: left;
	width: 420px;
	margin-right: 10px;
	padding-left: 40px;
	padding-right: 20px;
}
div.app-column-right { /* (span-11 last) */
	float: left;
	width: 420px;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}

h1 { font-size: 24pt; margin-bottom: 8px; }
h2 { font-size: 14pt; margin-bottom: 8px; }
h3 {
	font-size: 12px;
	font-weight: bold;
	height: 16px;
	padding-top: 4px;
}
dd {margin:2px 0 16px 0;}

li {margin-bottom: 18px;}

#header, #nav, #sub-nav, #intro, #main, #footer { min-width: 950px; }

a:link, a:visited { text-decoration: underline; }
a:hover, a:active { text-decoration: none; outline: none; }

/* -- COLORS -- */

body {
	background: #f1f1f1;
}
#header {
}
#nav {
}
#sub-nav {
}
#intro {
}
	#intro h1,
	#intro h2,
	#intro p,
	#logo span {
		color: #e2e2e2; /* intro text color */
	}
#main {
}
	#main h1,
	#main h2,
	#main h3,
	#main dt,
	#footer h3,
	a:link,
	a:visited,
	a:hover,
	a:active,
	legend,
	.form-field span.description {
		color: #3b3b3b; /* accent color for text */
	}
	#main p,
	#main li,
	#main dd,
	#footer,
	label,
	#main div.privacy h3 {
		color: #5e5e5e; /* primary color for text */
	}
	fieldset,
	.link-ads img:hover,
	.form-field input.text,
	.form-field input.title,
	.form-field select {
		border: 1px solid #ccc;
		-moz-border-radius: 4px;
	}
	fieldset,
	.link-ads img:hover {
		background-color: #f1f1f1; /* bg color for form & link-ads:hover */
	}
	input.button {
		background-color: #777;
		color: #fff;
		border-top: 1px solid #ababab;
		border-left: 1px solid #ababab;
		border-right: 1px solid #303030;
		border-bottom: 1px solid #303030;
		-moz-border-radius: 4px;
	}
	input.secure {
		background: #777 url(/images/silk-icons/lock_go.png) no-repeat 7px 3px;		
	}
#footer {
}
#footer div.colborder {
	border-color: #a9acad;
}

/* -- HEADER -- */

#header {
	padding-top: 0px;
	padding-bottom: 0px;
}
#logo {
	height: 50px;
}
#logo span {
	margin-left: -9999px;
}

/* -- NAVIGATION -- */

#nav ul, #nav li{
	border: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}
#nav ul {
	height: 40px;
}
#nav ul li {
	float: left;
	margin-right: 4px;
}
#nav a:link, #nav a:visited {
	background: #292526; /* color of tabs (inactive state) */
	color: #919191;
	display: block;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	text-decoration: none;
	margin-top: 10px;
}
	#nav a span {
		display: block;
		height: 30px;
		margin-right: 14px;
		padding-left: 14px;
	}
#nav a:hover {
	display: block;
	color: #fff;
}
	#nav a:hover span {
		display: block;
	}
#nav .active a:link, #nav .active a:visited, #nav .active a:visited, #nav .active a:hover {
	background: #919191; /* color of active tab */
	color: #fff;
} 
	#nav .active a span, #nav .active a:hover span {
	}

	/* -- LIT -- */

	#nav .lit a:link, #nav .lit a:visited, #nav .lit a:visited, #nav .lit a:hover {
		background: #ababab; /* color of lit tab */
		color: #fff;
	}
		#nav .lit a span, #nav .lit a:hover span {
		}

/* -- SUB-NAV -- */

#sub-nav ul, #sub-nav li{
	border: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}
#sub-nav ul {
	height: 30px;
}
#sub-nav ul li {
	float: left;
	margin-right: 4px;
}
#sub-nav a:link, #sub-nav a:visited {
	background: none;
	color: #fff; /* sub-nav primary color (inactive state) */
	display: block;
	font-size: 9px;
	height: 20px;
	line-height: 20px;
	text-decoration: none;
	text-transform: uppercase;
	margin-top: 5px;
	margin-bottom: 5px;
	-moz-border-radius: 4px;
}
	#sub-nav a span {
		background: none;
		display: block;
		height: 20px;
		margin-right: 10px;
		padding-left: 10px;
	}
#sub-nav a:hover {
	background: #777; /* sub-nav hover color */
	-moz-border-radius: 4px;
	display: block;
	color: #fff;
}
	#sub-nav a:hover span {
		display: block;
	}
#sub-nav .active a:link, #sub-nav .active a:visited, #sub-nav .active a:hover {
	background: #5e5e5e; /* sub-nav active color */
	-moz-border-radius: 4px;
} 
	#sub-nav .active a span, #sub-nav .active a:hover span {
		color: #fff;
	}

/* -- INTRO -- */

#intro, #intro-lit {
	padding-top: 0px;
	padding-bottom: 0px;
}
#intro h1, #intro-lit h1 {
	font-size: 26px;
	padding-top: 15px;
	padding-bottom: 5px;
}
#intro h1.motto {
	padding-top: 0px;
	/*background: url(/images/stripe-intro-since1997.png) no-repeat 0px 0px;*/
	height: 50px;
	margin: 0px;
}
#intro h1.motto span {
	margin-left: -9999px;
}


/* -- MAIN -- */

#main {
	padding-top: 25px;
	padding-bottom: 25px;
}
#main h1,
#main h2 {
}
#main p, #main li {
}
#main h2.before-h1 {
	margin-top: 40px;
}

	/* -- ADBOX -- */
	
	.adbox {
		margin-bottom: 20px;
	}

	/* -- MEDIA -- */
	
	.photo,
	.photo-right {
		margin: 4px 0 20px -7px;
		border: 1px solid #c6c6c6;
		border-top: 1px solid #e2e2e2;
		border-left: 1px solid #e2e2e2;
		padding: 5px;
	}
	.photo-right {
		float: right;
		margin-left: 20px;
	}
	.video {
		margin-bottom: 20px;
		display: block;
	}

	/* -- DEFINITION LISTS -- */
	
	.glossary dt,
	.testimonials dt,
	.tips dt,
	.faq dt,
	.links dt,
	.contact dt {
		background: url(/images/silk-icons/bullet_go.png) no-repeat 0px 0px;
		padding-left: 25px;
		min-height: 16px;
	}
	
	.glossary dt { background-image: url(/images/silk-icons/text_smallcaps.png)}
	.testimonials dt { background-image: url(/images/silk-icons/comment.png)}
	.tips dt { background-image: url(/images/silk-icons/note.png)}
	.faq dt { background-image: url(/images/silk-icons/help.png)}
	.links dt { background-image: url(/images/silk-icons/chart_organisation.png)}

	/* -- CONTACT ICONS -- */
	dt.address { background-image: url(/images/silk-icons/building.png)}
	dt.email { background-image: url(/images/silk-icons/email.png)}
	dt.phone { background-image: url(/images/silk-icons/phone.png)}
	dt.hours { background-image: url(/images/silk-icons/time.png)}

	.testimonials dd,
	.glossary dd,
	.tips dd,
	.faq dd,
	.links dd,
	.contact dd {
		padding-bottom: 12px;
		border-bottom: 1px solid #e2e2e2; /* rule below */
		padding-left: 25px;
	}
	
	/* -- LISTS -- */
	#main ul,
	#main ol {
		margin-left: 0px;
		margin-top: -3px;
	}
	#main ol {
		padding-left: 25px;
	}
	#main ul li {
		margin-bottom: 0px;
		padding-left: 25px;
		list-style: none;
		background-repeat: no-repeat;
		background-image: url(/images/silk-icons/bullet_go.png);
	}
	#main ol li {
		margin-bottom: 0px;
	}
	#main .rules li {
		margin: 6px 0 9px 0;
		padding-bottom: 8px;
		border-bottom: 1px solid #e2e2e2; /* rule below */
	}
	#main .pros li {
	background-image: url(/images/silk-icons/bullet_go.png);
	background-position: 5px 0px;
	}
	#main .cons li {
	background-image: url(/images/silk-icons/bullet_delete.png);
	background-position: 5px 0px;
	}
	#main li.secure {
	background-image: url(/images/silk-icons/bullet_key.png);
	}
	
	/* -- LINKS SECTION  -- */

	dl.link-ads {
		padding-left: 20px;
	}
	#main .link-ads dt {
		padding-left: 8px;
		font-size: 9px;
		text-transform: uppercase;
		font-weight: normal;
	}
	.link-ads dd {
		padding: 0 0 8px 0;
		margin: 4px 0 10px 2px;
		border-bottom: 1px solid #e2e2e2; /* rule below */
	}
	.link-ads img {
		border: 1px solid #fff;
		padding: 5px;
	}

/* -- FORMS -- */

fieldset {
	margin-top: 10px;
}
#main fieldset.homepage {
	margin-top: 5px;
	padding-bottom: 0px;
}
label {
	text-align: right;
	width: 132px;
	float: left;
	padding-top: 5px;
	margin-right: 10px;
	font-weight: normal;
}
	label.tinylabel {
		text-align: left;
		width: auto;
		float: none;
		padding-top: 0;
		margin-right: 0;
		font-weight: normal;
		font-size: 9px;
	}
	label:hover,
	input.button:hover {
	cursor: pointer;
	}
.form-field {
	height: 40px;
}
.form-field input.text,
.form-field input.title,
.form-field textarea {
	margin: 0 0 0 0px;
}
.form-field select {
	margin: 4px 0 0 0px;
}
.form-field input.text,
.form-field input.title {
	width: 200px;
}
	.form-field input.shortfield { width: 90px; }
	.form-field input.name { width: 92px; }

	.form-field span.payment-amount {
		font-size: 20px;
	}
input.button {
	padding: 4px;
	font-size: 11px;
	font-weight: bold;
}
input.secure {
	padding-left: 25px;
	background: none url(/images/silk-icons/lock_go.gif) no-repeat 7px 3px;
}
.submit-msg {
	margin-top: 10px;
}

#main .error-msg {
	font-size: 9px;
	color: #cc0000;
	padding-right: 4px;
	padding-left: 142px;
	margin-top: 0;
	margin-bottom: 0;
}

#main .field-error {
	border-color: #FBC2C4;
	background: #FBE3E4;
}

/* -- FOOTER -- */

#footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-top: 40px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
#footer h3 {
	font-size: 10px;
	text-transform: uppercase;
}
	#footer .credits {
		font-size: 9px;
		color: #74787a;
		text-align: left;
		margin-top: 0px;
		margin-bottom: 20px;
	}
	#footer .credits p {
		margin-bottom: 2px;
	}
#footer-cflogo { margin-top: 15px; margin-left: 12px; padding-bottom: 15px;}
#footer-bbb { padding-bottom: 5px; }
#footer-geotrust { padding-bottom: 5px; margin-left: 15px;}

/* -- MISC -- */

.hidden { 
position: absolute; 
left: 0px; 
top: -500px; 
width: 1px; 
height: 1px; 
overflow: hidden; 
}
.outline {
	border: red 1px solid;
}
.error, .notice, .success {
	padding-left: 32px;
	background-repeat: no-repeat;
	background-position: 9px 9px;
	margin-bottom: 15px;
}
.error { background-image: url(/images/silk-icons/exclamation.png)}
.notice { background-image: url(/images/silk-icons/error.png)}
.success { background-image: url(/images/silk-icons/accept.png)}

#main div.error ul {
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: .8em;
}
#main div.error li {
	display: inline;
	margin-right: 5px;
	padding-left: 10px;
	background-image: url(/images/silk-icons/bullet_arrow-tiny.png);
	background-position: 0px 1px;
}