/*
Reset CSS
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}

/*
Fonts CSS
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
body{font:13px/1.231 "Lucida Sans Unicode",Arial,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% "Lucida Grande","Lucida Sans Unicode", arial,helvetica,clean,sans-serif;outline: none;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/* Generic Styling */

body { background: url(/images/bg/swoosh4.png) fixed 50% 200px  no-repeat #DEDEDE; }

a:link,a:visited {
	text-decoration:none;
	color:#FF9900;
	}
a:hover,a:active {
	text-decoration:none;
	color:#000000;
}

a.plain:link,a.plain:visited {
	text-decoration:none;
	color:#000000;
	}
a.plain:hover,a.plain:active {
	text-decoration:none;
	color:#FF9900;
}

a.blue:link,a.blue:visited {
	text-decoration:none;
	color:#0F98DD;
	}
a.blue:hover,a.blue:active {
	text-decoration:none;
	color:#666666;
}

a.grey:link,a.grey:visited {
	text-decoration:none;
	color:#999999;
	}
a.grey:hover,a.grey:active {
	text-decoration:underline;
}

ol, ul 
{
	margin-left: 20px;
	padding: 0;
}
#content ul, #content ol 
{
	margin:0.5em;
	padding:0 1em;
}

ul.list-right {
	list-style: none;
}

ul.checkbox_list {
	list-style: none;
	display: block;
	}
	
blockquote.note {
	margin-left: 35px;
	line-height: 25px;
	font-size: 12px;
	font-style: italic;
	color: #666666;
	}

blockquote.exc {
	margin-left: 10px;
}

.query-holder {
	background: url('../images/ta-bg.gif') top left no-repeat;
	width: 350px;
	height: 127px;
	padding: 4px;
}

.spacer { height: 10px; }
.spacer-small { height: 5px }
.clearer { clear: both; }
.padder { padding: 10px; }
.pad-small { padding: 5px }
.pad-tiny { padding : 3px }
.blue { color: #0F98DD }
.uline { text-decoration: underline }
.bb { border-bottom: 1px dotted #999999; }

.announcer { font-size: 1.0em }

.flash_notice {
	border: 1px dotted #CCCCCC;
	background-color: #DCE7C4;
	padding: 5px;
}

.flash_error {
	border: 1px dotted #CCCCCC;
	background-color: #FFC4C4;
	padding: 5px;
}

.error_list {
	border: 1px dotted #CCCCCC;
	background-color: #FFC4C4;
	font-size: 10px;
	}
	
ul.error_list { margin-left: 0px }

.page-text p { margin: 10px 0px }
.page-text ul, .page-text ol { margin-left: 30px }
.page-text ul li { list-style-type: square }
.page-text ol li { list-style-type: decimal }

.page-text span { color: #0F98DD; }

.float-left { float: left }
.float-right { float: right }

.button {
	height: 24px;
	border: 0;
	cursor: pointer; 
	color: #FFFFFF; 
	text-align: left;
	padding-bottom: 3px;
	font-size: 15px;
}

.medium-edit {
	background: url('/images/btn/btn-medium-edit.png');
	width: 97px;
}

.large-edit {
	background: url('/images/btn/btn-large-edit.png');
	width: 215px; 
}

.medium-wrench {
	background: url('/images/btn/btn-medium-wrench.png');
	width: 97px; 
}

.medium-save {
	background: url('/images/btn/btn-medium-save.png');
	width: 97px; 
}

.large-save {
	background: url('/images/btn/btn-large-save.png');
	width: 215px; 
}

.medium-search {
	background: url('/images/btn/btn-medium-search.png');
	width: 97px; 
}

.large-login {
	background: url('/images/btn/btn-large-login.png');
	width: 160px;
}

.x-large-create {
	background: url('/images/btn/btn-large-pen.png');
	width: 300px;
}

.large-create {
	background: url('/images/btn/btn-160-pen.png');
	width: 160px;
}

.key-160 {
	background: url('/images/btn/btn-160-key.png');
	width: 160px;
}

.cart-200 {
	background: url('/images/btn/btn-200-cart.png');
	width: 200px;
}

.renew-215 {
	background: url('/images/btn/btn-215-renew.png');
	width: 215px;
}

.renew-100 {
	background: url('/images/btn/btn-100-renew.png');
	width: 100px;
}

.blue-160-pen {
	background: url('/images/btn/btn-blue-160-pen.png');
	width: 160px
}

.silver-button a:link,
.silver-button a:visited {
	display: block;
	width: 204px;
	height: 46px;
	padding: 0px 0px 0px 0px;
	background: transparent url(/images/btn/bg_btns.png) 0 0 no-repeat;
	font-weight: bold;
	font-size: 14px;
	line-height: 42px;
	color: #444751;
	text-shadow: 0 1px 2px #fff;
	text-align: center;
}

.silver-button a:hover {
	color: #2b2522;
}

.silver-button a:active {
	background: transparent url(/images/btn/bg_btns.png) 0 -46px no-repeat;
	color: #2b2522;
}

.angle-sep-right {
	background: transparent url(/images/bg/angled-divider.png) 215px 50% no-repeat
}


/* Structure */

#wrapper {
	margin:10px auto 0 auto;
	width:960px;
	background: #FFFFFF;
	-moz-box-shadow: 0 0 1em #888;
	-webkit-box-shadow: 0 0 1em #888;
    box-shadow: 0 0 1em #888; 
}

#logo {
	height: 80px;
}	

#menu-wrapper-outer {
	background: url(/images/bg/menu.png) 0px 0px no-repeat;
}
#menu-wrapper-inner {
	background: url(/images/bg/menu.png) 900px -40px no-repeat;
}
#menu-holder {
	height: 40px;
	line-height: 40px;
	background: url('/images/bg/menu.png') 0px -80px;
	margin: 0 20px 0 20px;
}
#menu {
	padding: 0px;
	}
#split {
	margin: 0;
	width: 900px;
	height: 25px;
	border-bottom: solid 4px #FF9900;
}
#content {
	float:left;
	margin:0;
	text-align: center;
	}

#page {
	margin: 0 auto;
	width: 920px;
	padding: 15px;
	text-align: left;
	background: #FFFFFF;
	overflow: auto;
}

#site-links {
	width: 960px;
	margin: 0 auto;
	font-size: 0.9em;
	color: #999999;
}

#footer {
	width: 940px;
	margin: 0 auto;
	padding: 4px;
	font-size: 0.8em;
	height:30px;
	color: #999999;
}

#footer-links {
	font-size: 13px;
}

.section-top {
	background: url('/images/bg/section-top-bar.png') top repeat-x;
}

.section-top-light {
	background: url('/images/bg/section-top-bar-light.png') top repeat-x;
}

.section-top-black {
	background: url('/images/bg/section-top-bar-black.png') top repeat-x;
}

.section-top-light h4 a:link, .section-top-light h4 a:visited,
.section-top-black h4 a:link, .section-top-black h4 a:visited,
.section-top h4 a:link, .section-top h4 a:visited
{
	text-decoration:none;
	color:#FFFFFF;
}

.section-top-light h4 a:hover, .section-top-light h4 a:active,
.section-top-black h4 a:hover, .section-top-black h4 a:active,
.section-top h4 a:hover, .section-top h4 a:active
  {
	text-decoration:none;
	color:#000000;
}

.list-navigation {
	height: 30px; line-height: 30px;
	/* background: url(/images/bg/section-top-bar-black.png) top repeat-x; */
	padding: 0 10px;
	color: #666666;
	width: 607px;
}

.current-page { font-size: 16px; font-weight: bold }

.shadow-small {
	-moz-box-shadow: 2px 2px 5px #888;
	-webkit-box-shadow: 2px 2px 5px #888;
    box-shadow: 2px 2px 5px #888;
}

#site-links .h-list ul { list-tyle-type: none }
#site-links .h-list ul li { float: left; margin-right: 10px; }
/* Menu */

#menu ul {
	list-style-type:none;
	margin: 0;
	padding: 0;
}
#menu li {
	float:left;
	background: url(/images/bg/menu-separator.png) right 5px no-repeat;
}

#menu li a {
	padding:0 15px;
	display:block;
	color:#000000;
	font-size:15px;
}

#menu li a:hover, #menu li.current_page_item a:link, #menu li.current_page_item a:visited,#menu li.current_page_item a:hover,#menu li.current_page_item a:active 
{
	color:#FFFFFF;
	background: url(/images/bg/menu-up.png) bottom no-repeat;
}

#menu li.last a { border-right: 0 }
#menu li.last { background: 0 }


/* Footer */

#footer-valid 
{
	float: right;
	padding-top:12px;
	padding-right: 10px;
	cursor:default;
	color:#333;
	}
#footer-valid a {
	color:#FF9900;
	text-decoration:none;
	}
#footer-valid a:hover {
	color:#000000;
	text-decoration:none;
	}

/* Heading's */

h1 {
	font-size:27px;
	font-weight:bold;
	color:#0F98DD;
	}
	
h2 {
	font-size:1.90em;
	font-weight:normal;
	color:#666666;
}

h3 {
	font-family: 'Segoe UI';
	font-size:1.80em;
	font-weight:normal;
	color:#666666;
}

h4 {
	font-size: 1.6em;
	color:#999999;
	font-weight: bold;
}

h4.section-header {
	font-size: 1.4em;
	color: #FFFFFF;
	margin-bottom: 25px;
	font-weight: normal;
	line-height: 22px;
}

h5 {
	font-size: 1.2em;
	color: #0F98DD;
}

h6 {
	font-size: 13px;
	color: #666666;
}

/* Color */
.bg-dark-blue 	{ background: #304269 }
.bg-med-blue 	{ background: #0F98DD }
.bg-lit-blue	{ background: #91BED4 }
.bg-vlit-blue 	{ background: #D9E8F5 }

.bg-org 		{ background: #FF9900 }
.bg-lit-org		{ background: #FFDCA8 }

.bg-dark-grey	{ background: #333333 }
.bg-med-grey	{ background: #666666 }
.bg-lit-grey	{ background: #999999 }
.bg-vlit-grey	{ background: #DEDEDE }
.bg-vvlit-grey	{ background: #EFEFEF }

.bg-white		{ background: #FFFFFF }

.col-dark-blue 	{ color: #304269 }
.col-med-blue 	{ color: #0F98DD }
.col-lit-blue	{ color: #91BED4 }
.col-vlit-blue 	{ color: #D9E8F5 }

.col-org 		{ color: #FF9900 }
.col-lit-org		{ color: #FFDCA8 }

.col-dark-grey	{ color: #333333 }
.col-med-grey	{ color: #666666 }
.col-lit-grey	{ color: #999999 }
.col-vlit-grey	{ color: #DEDEDE }

/* Icons */
.special-offer  { background: url(/images/icons/special-offer.png) 102% 102% no-repeat; }
.swap-it	  	{ background: url(/images/icons/swap-it.png) 102% 102% no-repeat; }

/* Behaviour */
.pointer		{ cursor: pointer; }
 