/* Links */
a:link, a:visited, a:active {
	color: #330066;
	text-decoration: none;
}
a:hover {
	color: #663399;
	text-decoration: underline;
}

/* Images */
img {
	border: 0;
}
.image-link img {
	background: #FFFFFF;
	border: 1px solid #E0E0E0;
	padding: 5px;
}
.image-link:hover img {
	border-bottom: 1px solid #999;
}

/* Headings */
h1, h2, h3, h4, h5 {
	margin: 0 0 10px 0;
	padding: 0;
}
h1 { font-size: 24px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }
h5 { font-size: 10px; }

/* Paragraphs */
p {
	margin: 0 0 10px 0;
	padding: 0;
	line-height: 1.4em;
}

/* Forms */
form {
	margin: 0;
	padding: 0;
}
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

/* Labels */
label {
	cursor: pointer;
}

/* Special Links */
a {
	padding: 1px 0px;
}
a.go {
	padding-right: 20px;
	background: url(../icons/link-go.gif) right no-repeat;
}
a.exit {
	padding-left: 20px;
	background: url(../icons/exit.gif) left no-repeat;
}
a.view {
	padding-left: 20px;
	background: url(../icons/view.gif) left no-repeat;
}
a.logout {
	padding-left: 20px;
	background: url(../icons/logout.gif) left no-repeat;
}
a.forward {
	padding-right: 20px;
	background: url(../icons/bullet-right.gif) right no-repeat;
}
a.back {
	padding-left: 20px;
	background: url(../icons/arrow-left.gif) left no-repeat;
}
a.back-up {
	padding-right: 20px;
	background: url(../icons/back-up.gif) right no-repeat;
}
a.checkout {
	padding-left: 20px;
	background: url(../icons/checkout-go.gif) left no-repeat;
}
a.info {
	padding-left: 20px;
	background: url(../icons/information.gif) left no-repeat;
}
a.settings {
	padding-left: 20px;
	background: url(../icons/information.gif) no-repeat;
}
a.addresses {
	padding-left: 20px;
	background: url(../icons/addresses.gif) no-repeat;
}
a.orders {
	padding-left: 20px;
	background: url(../icons/cart.gif) no-repeat;
}
a.services {
	padding-left: 20px;
	background: url(../icons/cog.gif) no-repeat;
}
a.ownertell {
	padding-left: 20px;
	background: url(../icons/tag-blue.gif) no-repeat;
}

/* Generic CSS */
.tick-box {
	width: 8px;
	height: 8px;
	border: 1px solid #000000;
	font-size: 1px;
	float: left;
	margin: 0;
	margin-right: 10px;
}

/* Generic List Table */
.list-table {
	width: 100%;
	border: 1px solid #DDDDDD;
}
.list-table thead th {
	font-weight: bold;
	background-color: #DDDDDD;
}
.list-table .row-a {
	background-color: #FFF;
}
.list-table .row-b {
	background-color: #EEE;
}

/* FAQ */
.faq dt {
	font-weight: bold;
	margin: 15px 0 5px 0;
}
.faq ul {
	margin: 0;
	padding: 0;
}
.faq-contents {
	margin: 0;
	padding: 0 0 0 18px;
}

/* Errors */
div.notice { border: 1px solid #DDDDDD; background-color: #EEEEEE; }
div.warning { border: 1px solid #FF0000; background-color: #FFDBDB; }
div.success { border: 1px solid #99FF99; background-color: #DBFFDB; }
div.error {	border: 1px solid #FF0000; background-color: #FFDBDB; }
div.notice, div.warning, div.success, div.error {
	text-align: left;
	font-size: 12px;
	width: 98%;
	margin: 0;
	padding: 10px;
}
div.notice ul, div.warning ul {
	margin: 0;
	padding: 0;
	padding-left: 15px;
}
div.error ul, div.success ul {
	margin: 0;
	padding: 0;
	padding-left: 5px;
}
div.success li, div.error li {
	list-style: none;
	padding-left: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 16px;
}
div.success li {
	background: url(../../public/icons/accept.gif) no-repeat;
}
div.error li {
	background: url(../../public/icons/error.gif) no-repeat;
}

/* Content Menu */
.content-menu {
	margin: 0;
	margin-bottom: 35px;
	padding: 0;
}
.content-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
}
.content-menu li {
	margin: 0px 10px 0px 0px;
	padding: 0;
	height: 25px;
	float: left;
}
.content-menu a {
	height: 24px;
	padding: 0px 10px;
	line-height: 25px;
	float: left;
	border: 1px solid #CCCCCC;
}
.content-menu a:link,
.content-menu a:active,
.content-menu a:visited {
	color: #333;
	background-color: #DDDDDD;
}
.content-menu a:hover {
	text-decoration: none;
	background-color: #EEEEEE;
}
.content-menu .active a {
	border-bottom: 1px solid #FFFFFF;
}
.content-menu .active a:link,
.content-menu .active a:active,
.content-menu .active a:visited,
.content-menu .active a:hover {
	color: #000;
	background-color: #FFFFFF;
}

/* Content Block */
.content-block {
	margin: 0;
	padding: 10px;
	clear: both;
	border: 1px solid #CCCCCC;
}

/* Customer Note */
.customer-note {
	background: url(../images/customer-note.png) top left no-repeat;
	padding: 0px 15px;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	color: #FFF;
}

/* Tick Box */
.tick-box {
	width: 8px;
	height: 8px;
	border: 1px solid #000000;
	font-size: 1px;
	float: left;
	margin: 0;
	margin-right: 10px;
}
