/*CSS Information
-----------------------------------------------------------
Author: Jaymie Jones
Author Company: Xtreme.com.au
Author Website: http://www.xtreme.com.au
Designed For: http://www.coins-stamps.com.au
Date: 23/08/2010
Last Modification: 26/08/2010
-----------------------------------------------------------*/

/* Summary
-----------------------------------------------------------
01. Base Element Declarations
02. Base Element Containers
03. Base Element Classes
04. General Styles
-----------------------------------------------------------*/

/* @group 01. Base element declarations
-----------------------------------------------------------*/

body,td,th { color: #000; font-family: Arial, helvetica, sans-serif; font-size: 13px; }

body { background-color: #003e5f; }

a { color: #004384; }

a:link { text-decoration: underline; }

a:visited { text-decoration: underline; }

a:hover { color: #1693a5; text-decoration: none; }

a:active { text-decoration: underline; }

h1, h2, h3, h4, h5, h6 { color: #f7ad28; margin: 3px 0px; }

h3, h4, h5, h6 { color: #003f60; }

h1 { font-size: 26px; }

h2 { font-size: 22px; }

h3 { font-size: 18px; }

h4 { font-size: 16px; }

h5 { font-size: 14px; }

h6 { font-size: 12px; }

h1, h2, h3, h4, h5, h6, blockquote, strong, b, legend, th, abbr, acronym, label { font-weight: bold; }

em, i, abbr, acronym, blockquote { font-style: italic; }

p { margin: 7px 0px; }

th, td { padding: 5px; }

th { background-color: #003f60; color: #f7f972; }

th a { color: #f7f972; }

fieldset { border: 1px solid #ccc; padding: 20px; }

blockquote { font-size: 20px; }

@font-face {
	font-family: 'AngelinaRegular';
	src: url('../fonts/angelina-webfont.eot');
	src: local('☺'), url('../fonts/angelina-webfont.woff') format('woff'), url('../fonts/angelina-webfont.ttf') format('truetype'), url('../fonts/angelina-webfont.svg#webfontwyRZOY5H') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* @end */

/* @group 02. Base element containers
-----------------------------------------------------------*/

#header { background: #e9edd1 url(../images/bg-header.jpg) top right no-repeat; color: #fff; height: 220px; }

#header-bar { color: #96cfea; font-weight: bold; }

#content-wrap { background-color: #fff; padding: 20px 0px; }

#footer {
	color: #96cfea;
	font-size: 11px;
	padding: 15px 0px;
	text-align: center;
}

/* @end */


/* @group 03. Base element classes
-----------------------------------------------------------*/

/* Clearfix
/* -------------- */

.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix { display: inline-block; }

html[xmlns] .clearfix { display: block; }

* html .clearfix { height: 1%; }

.inner { margin: 0 auto; width: 960px; }

.sidebar { width: 250px; }

tr.even td { background-color: #eee; }

.required em, .validation-advice { color: red; padding-right: 3px; }

p.demo-notice {
	background-color: orange;
	color: #fff;
	font-weight: bold;
	margin: 0;
	padding: 5px 0px;
	text-align: center;
}

/* Blocks */

.block {
	background-color: #1693a5;
	color: #fff;
	font-size: 14px;
	margin-bottom: 20px;
}

.block a { color: #fff; text-decoration: none; }

.block a:hover { color: #f7f972; text-decoration: underline; }

.block .block-title {
	background-color: #003e5f;
	color: #f7f972;
	font-size: 18px;
	padding: 5px 10px;
}

.block p.block-subtitle {
	background-color: #96cfea;
	color: #004384;
	font-size: 16px;
	font-weight: bold;
	margin: 0px;
	padding: 10px;
}

.block .block-content dl, .block .block-content ul, .block .block-content p { padding: 10px; }

.block .block-content dl dt { color: #f7f972; }

.block .block-content dl dd { margin-bottom: 10px; }

/* Messages */

ul.messages { border: 1px solid #e2e2e2; padding: 10px; }

ul.messages li { list-style-type: none; margin: 0 0 10px 0; }

ul.messages ul { border: none; padding: 0; }

/* Breadcrumbs */

#content-wrap #content-main .breadcrumbs ul { padding: 5px 0px 20px 0px; }

#content-wrap #content-main .breadcrumbs ul li { display: inline; list-style-type: none; margin: 0; }

#content-wrap #content-main .breadcrumbs ul li ul { padding: 0; }

/* Buttons */

#content-wrap #content-main .button {
	background-color: #f7ad28;
	border: none;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	padding: 7px 15px;
}

#content-wrap #content-main .button:hover { background-color: #1693A5; cursor: pointer; }

#content-wrap #content-main .button.btn-cart { font-size: 14px; padding: 3px 5px; }

/* CSS3 */

.rounded, .block, fieldset, #content-wrap #content-main .category-products button, #content-wrap #content-main .product-view .product-collateral,
.checkout-cart-index #content-wrap #content-main .cart .cart-collaterals,
.checkout-cart-index #content-wrap #content-main .cart .cart-collaterals .totals,
.customer-account-login #content-main .account-login .col2-set,
.customer-account-create #content-wrap #content-main .account-create .fieldset,
.customer-account-create #content-wrap #content-main .account-create .buttons-set,
.sales-order-view #content-wrap #content-main .my-account .buttons-set,
#content-wrap #content-main .button {
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.rounded-top, .block-title, thead tr {
	-moz-border-radius: 5px 5px 0px 0px;
	-o-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}

.text-shadow, #header #site-title, #header #slogan { text-shadow: 2px 2px 3px #8a8a8a; }

/* @end */

/* @group 04. General Styles
-----------------------------------------------------------*/

/* Header */

#header .inner { position: relative; }

#header #site-title, #header #slogan { position: absolute; }

#header #site-title {
	font-size: 50px;
	font-weight: bold;
	left: 0px;
	top: 5px;
}

#header #site-title a { color: #fff; text-decoration: none; }

#header #site-title a:hover { color: #fff; }

#header #slogan {
	color: #003E5F;
	font-family: 'AngelinaRegular', georgia, serif;
	font-size: 22px;
	left: 5px;
	letter-spacing: 3px;
	top: 60px;
}

/* Header Bar */

#header-bar .inner { position: relative; height: 40px; }

#header-bar ul.home_navigation {
	position: absolute;
	left: 0;
	top: 4px;
}

#header-bar ul.home_navigation li { display: inline-block; }

#header-bar ul.home_navigation a {
	color: white;
	text-decoration: none;
	padding: 0 6px;
	margin: 7px 0;
	display: block;
	border-right: 1px solid white;
}

#header-bar ul.home_navigation a:hover {
	color: #F7F972;
	text-decoration: underline;
	/*background-color: #1693A5;*/
}

#header-bar p.welcome-msg, #header-bar #search { position: absolute; }

#header-bar p.welcome-msg { left:54px; top: 4px; }

#header-bar #search { right: 0px; top: 4px; }

#header-bar #search .form-search { position: relative; }

#header-bar #search input {
	border: none;
	border-top: 1px solid #012e46;
	border-bottom: 1px solid #012e46;
	border-left: 1px solid #012e46;
	color: #858585;
	height: 20px;
	line-height: 20px;
	position: absolute;
	right: 65px;
	width: 165px;
}

#header-bar #search button.button {
	background: #003f60;
	border: none;
	border-top: 1px solid #012e46;
	border-right: 1px solid #012e46;
	border-bottom: 1px solid #012e46;
	color: #fff;
	display: block;
	height: 24px;
	line-height: 20px;
	position: absolute;
	right: 0;
	top: 4px;
	width: 65px;
}

#header-bar #search button.button:hover { cursor: pointer; }

/* Content */

.col-2-left .sidebar { float: left; }

.col-2-left #content-main { margin-left: 270px; }

#content-wrap #content-main ul, #content-wrap #content-main ol { padding: 20px; }

#content-wrap #content-main ul li, #content-wrap #content-main ol li { list-style-position: outside; margin-left: 20px; }

#content-wrap #content-main ul li { list-style-type: disc; }

#content-wrap #content-main ol li { list-style-type: decimal; }

#content-wrap #content-main .pager .pages ol { display: inline; padding: 0; }

#content-wrap #content-main .pager .pages li { display: inline; margin: 0 2px; }

#content-wrap #content-main .pager .pages li.current { color: #1693A5; font-weight: bold; }

.pager .pages .current {}

/* Content - Sidebar */

#sidenav ul ul { display: none; padding: 0px 10px; }

#sidenav li.active > a { color: #f7f972; }

#sidenav li.active:first-child > a { font-weight: bold; }

#sidenav li.active ul { display: block; }

/* Footer */

#footer a { color: #96cfea; text-decoration: none; }

#footer a:hover { text-decoration: underline; }

#footer #copyright { padding-top: 10px; }

#footer ul li { display: inline; padding: 0px 5px; }

/* @end */