/* CSS Document */

/* top elements */

* { 

	padding: 0; margin: 0; outline: 0;

}

body {

	margin: 0; 	padding: 0;

	font: 70%/165% 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;	

	color: #555;

	text-align: center;

	background: #f4f3f3; 

}



/* links */

a { color: #999999; background-color: inherit; text-decoration: none; }

a:hover {

	text-decoration: none;	

	color: #CB4721;

}



/* headers */

h1, h2, h3 { font: bold 1em 'Trebuchet MS', Arial, Sans-serif; color: #111; }

h1 { font-size: 1.8em; }

h2 { font-size: 1.6em; color: #B5B5B5; letter-spacing: -1px; } 

h3 { font-size: 1.3em; color: #B5B5B5; }



p, hr, h1, h2, h3, form { margin: 10px 15px; }



ul, ol {

	margin: 10px 15px;

	padding: 0 15px;

}

dl {

	margin: 10px 15px;

	padding: 0 15px;

}

dt {

   font-weight: bold;  

   color: #003366; 

}

dd {

   margin-left: 0;

   padding: 0 0 5px 0;

}

#bannerAd {
  float:right;
  width:468px;
  height:60px;
  border:0px solid #FFF;
  position:absolute;
  top:10px;
  right:10px;
}

hr {

	height: 1px;

	clear: both;

	border-top-width: 0;

	border-right-width: 0;

	border-left-width: 0;

	border-top-style: none;

	border-right-style: none;

	border-left-style: none;

	border-bottom: 1px solid #EBEBEB;

	margin: 0 15px 0 0; padding: 0;

	

}

hr.hidden {

	clear:both;

	visibility:hidden;	

}



/* images */

img {

	border: none;

	padding: 5px;	

}

img.no-border {

	border: none;

}

img.float-right {

  margin: 5px 0px 5px 15px;  

}

img.float-left {

  margin: 5px 15px 5px 0px;

}



code {

  margin: 5px 0;

  padding: 1em;

  display: block;

  width: 95%;

  overflow: auto;  

  font: 500 1.1em/1.5em 'Courier New', 'Lucida Console', monospace ;

  /* white-space: pre; */

  background: #FAFAFA;

  color: #333;

  border: 1px solid #EAEAEA;  

}

acronym {

  cursor: help;

  border-bottom: 1px solid #777;

}

blockquote {

  margin: 10px 15px;

  padding: 0 0 0 45px;  

  background: #FAFAFA url(images/quote.gif) no-repeat 5px 1em;

  color: #333;

  border: 1px solid #EAEAEA;  

  font-weight: bold; 

}



/* form elements */

form {

  padding: 5px;

  background: #F3F3F3;

  border: 1px solid #EAEAEA;

}

label {

  display: block;

}

fieldset {

	margin: 10px 30px;	

	padding: 10px;

}

legend {

	margin: 10px 0; 

}

input, textarea, select {

  padding: 2px;

  font: 400 12px 'Courier New', 'Lucida Console', Monospace;

  color: #333;

  background: #FFF;

  border: 1px solid #EAEAEA;

}

input.textbox { 

	margin: 0; 

	width: 200px;

	border: 1px solid #CCC; 

	background: #FFF;

	color: #333; 	

}

input.button {

	margin: 0; 

	padding: 3px 5px; 

	font-size: 100%; 

	font-family: Arial, Tahoma, Sans-serif; 

	background: #FAFAFA url(images/btn.gif) repeat-x bottom left;

	border: 1px solid #EAEAEA;	

	font-weight: bold; 

	color: #454545;		

}
.normal_18_white {
font				: normal 13px  Arial, Helvetica, sans-serif;
color				: #FFFFFF;
}

textarea {

	width:425px;

	font: normal 1em Verdana, sans-serif;

	border:1px solid #EAEAEA;

	height:150px;

	display:block;

	color:#333;

}







/***********************

	  LAYOUT

************************/





#content, #header-content, #footer-content  {



	width: 945px !important;	



}







/* content */



#content-wrap {



	clear: both;



	float: left;



	width: 100%;



	background: #FAFAFA;  



	/* background: #FAFAFA url(http://www.creditcardcity.com.au/images/content-bg.jpg) repeat-y center top; */



}



#content {



	text-align: left;	



	padding: 0; 



	margin: 20px auto;			



}







/* header */



#header {



	background: #FAFAFA url(http://www.creditcardcity.com.au/images/back.jpg) repeat-x;



	height: 180px; 	



	text-align: left;	



	



	/* height: 195px; */



}



#header-content {



	position: relative;



	margin: 0 auto; padding: 0;	



}



#header-content h1 {	



		position: left;



	background: transparent url(http://creditcardcity.com.au/images/credit-card-header-5.png) no-repeat 0 0;



	margin: 0; padding: 0;	



	height:80px; width: 986px; 





	



	/* change the values of left and top to adjust the position of the slogan */



	left: 15px; top: 0px;



}



#header-content h1 span {



	position: absolute;



	left: -2000px;	



}



#header-content #slogan {



	position: absolute;	



	font: normal 11px 'Trebuchet MS',sans-serif;



	letter-spacing: 0px;



	color: #918F8E;	



	margin: 0; padding: 1px 0;



	text-transform: none;



	border-top: 1px solid #555;



	



		/* change the values of left and top to adjust the position of the slogan */

	left: 15px; top: 0px;

}

#header-content h1 span {

	position: absolute;

	left: -2000px;	

}

#header-content #slogan {

	position: absolute;	

	font: normal 11px 'Trebuchet MS',sans-serif;

	letter-spacing: 0px;

	color: #918F8E;	

	margin: 0; padding: 1px 0;

	text-transform: none;

	border-top: 1px solid #555;

	

	/* change the values of left and top to adjust the position of the slogan */

	top: 70px; left: 115px;

}



/* main navigation tabs */

#header-content ul {

	position: absolute;

	list-style:none;

   margin:0; padding:0px;	

	font: bold 14px Tahoma, 'Trebuchet MS', Arial, Sans-serif;

	text-transform: none;

	letter-spacing: 0;

	right:0 ; top: 110px;

}

#header-content li {

   display:inline;

   margin:0; padding:0;

}

#header-content a {

   float:left;

   margin:0;

   padding:0 0 0 1px;

   text-decoration:none;

	color: #163F53;

}

#header-content a span {
   float:left;

   display:block;

   padding:7px 13px 7px 13px;

   color: #ffffff;
   
   border: medium;
   
       
   background: url(http://creditcardcity.com.au/images/background-4.gif) repeat;


}




/* Commented Backslash Hack hides rule from IE5-Mac \*/



#header-content a span {float:none;}



/* End IE5-Mac hack */

#header-content a:hover span {

	color:#010101;

}

#header-content a:hover {

    color: #010101; 

}

#header-content a:hover span {

  	   padding:7px 13px 7px 13px;

   background: url(http://creditcardcity.com.au/images/menu-2.gif) repeat;

	color: #FFF;

}

#header-content #current a {

     

	color: #FFF; 	

}

#header-content #current a span {
   padding:7px 13px 7px 13px;

   background: url(http://creditcardcity.com.au/images/menu-2.gif) repeat;

	color: #FFF;

}



/* header links */

#header-content ul#header-links {	

	list-style: none;	

	font-size: .88em;

	position: absolute;

	background: #282222;

	border: 1px solid #2C2929;

	padding: 5px 10px 8px 10px;

	font-weight: normal;

	

	top: 0px; right: 10px;

}

#header-content ul#header-links li {

	float: left;

}

#header-content ul#header-links li a {	

	color: #A8A6A6;

	text-decoration: none;		

	display: block;

	padding: 0px 15px;		

}

#header-content ul#header-links li a:hover {

	color: #35AA32;

}



/* google ad-links */

#google-adlinks {

	position: absolute;	

	clear: both;

	text-align: center;



	/* for 3 */

	left: 100px; top: 150px;	

}

#google-adlinks p {

	padding: 0; margin: 0;	

	color: #111;

}



/* Main Content */	

#main	{

	position: relative;

	margin-right: 410px;	

}

#main #column1 {

	position: relative;

	float: left;

	width: 100%;

	margin-right: -400px;

	padding-left: 10px; 
	
	

	/* padding-right: 10px; */
}
#main #column1 li {
list-style: none;
padding-left: 20px;
background-image: url(images/icon-tick.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
}

#main #column2 {

	position: relative;

	float: left;

	width: 100%;

	margin-right: -400px;

	padding-left: 10px; 
	
	

	/* padding-right: 10px; */
}
#main #column2 li {
list-style: none;

}

#main h1 { 

	font: bold 25px "Trebuchet MS", Tahoma, Arial, sans-serif;

	text-transform: none;

	color: #999999;

	padding: 0 0 5px 0;

	margin: 10px 15px 15px 15px;

	letter-spacing: -1.7px;

	background:url(images/thumb-hr.gif) repeat-x left bottom;

}	

#main h2 {

	font: bold 20px "Trebuchet MS", Tahoma, Arial, sans-serif;

	text-transform: none;

	color: #999999;

	letter-spacing: -1px;

	background:url(images/thumb-hr.gif) repeat-x left bottom;

	padding: 0 0 5px 0;

	margin: 10px 15px 15px 15px;

} 



#main p, #main h1, #main h2, #main h3, #main blockquote, #main form {

	margin-left: 0;

}

#main form p {

	margin: 10px;

}



/* sidebar */	

#sidebar	{

	float: right;	

	width: 400px;	

	font-size: .95em;	
	
	

}

#sidebar p {

	margin-left: 10px;

}

#sidebar h3 {

	font: bold 14px "Trebuchet MS", Tahoma, Arial, sans-serif;

	color: #B5B5B5;

	padding: 5px 10px 0 10px;

	margin: 5px 0 15px 0;

	letter-spacing: 0px;		

	text-transform: uppercase;	

}

#sidebar #sidebar-left {

	width: 185px; 

	float: left;

	padding: 0em 0.2em 0.5em 0.9em;	

	

}


#sidebar #sidebar-right	{

	width: 190px; 

	float: left;

	padding: 0em 0em 0.5em 1em;	

}	

#sidebar #sidebar-right p {

	margin: 5px 0; padding: 0;

}

#sidebar #sidebar-right a img {

	padding: 0; margin: 0 0 3px 0;

	border: 1px solid #D3DBDC;

}	

#sidebar #sidebar-right h3 {

	padding-left: 0px;

	color: #B5B5B5; 

	text-transform: uppercase;

	letter-spacing: 2px;	

}

#sidebar #sidebar-right .google-ad-box {

	margin: 0; padding: 0 0 0 10px; 		

	text-align: center;	

}	

#sidebar #sidebar-right .banners {

	padding-bottom: 2px;

	margin-bottom: 8px;

	border-bottom: 1px solid #EAEAEA; 	

	/* background: transparent url(gray_dotted.gif) repeat-x left bottom; */

}



/* sidebar menu */

#sidebar ul.sidemenu {

	list-style: none;

	text-align: left;

	margin: 0 10px 15px 10px; padding: 0;

	text-decoration: none;	

	background: transparent url(images/thumb-hr.gif) top left repeat-x;  

	/* background: transparent url(gray_dotted.gif) top left repeat-x; */

}

#sidebar ul.sidemenu li {

	/* background: transparent url(thumb-hr.gif) repeat-x left bottom; */

	background: transparent url(images/thumb-hr.gif) repeat-x left bottom;

	padding: 4px 5px 4px 5px;

	padding: 6px 5px 6px 0px;

}



* html body #sidebar ul.sidemenu li { height: 1%; }



#sidebar ul.sidemenu li a {

	text-decoration: none;	

	color: #666666;	



}

#sidebar ul.sidemenu li a:hover {

	text-decoration: none;	

	color: #CB4721;

}



/* footer */

#footer {

	clear: both;

	margin: 0; padding: 40px 0 5px 0;

	font-size: .95em;

	text-align: left;	

	background: url(images/footer-bg.jpg) repeat-x left top;

	height: 120px;

	color: #666666;

}

#footer p {

	line-height: 170%;

	margin-top: 0px;

}

#footer a img, #footer a:hover img {

	border: none;	

}

#footer-content {	

	margin: 0 auto;		

}

#footer-content a{

	color: #AF1908;

}

#footer-content a:hover {

	text-decoration: underline;

}

#footer-content .footer-left {

	float: left;

	width: 65%;		

	padding: 10px 0px 10px 0px

}

#footer-content .footer-right {

	float: right;

	width: 30%;	

	padding: 10px 0px 10px 0px

}

#footer-content .footer-right p {

	margin: 0; padding: 0;

}



/* alignment classes */

.float-left   { float: left; }

.float-right  { float: right; }

.align-left   { text-align: left; }

.align-right  { text-align: right; }

.align-center { text-align: center }



/* display and additional classes */

.clear {  clear: both;  height: 0; }

.displaynone {	display:none; }

.block {  display: block; }

.hide { display: none; }	

.blue { color: #003366; }

.green { color: #B5B5B5; }

.separator { margin-right: 5px; }

.entry {	clear:both;	}

.email-add { border:none; padding: 0; margin: 0; }



/* google ads */

.google-banner-underline {

	height: 75px;

	padding: 10px 0px 3px 0px;

	background-color: #FFF;	

	background: url(images/thumb-hr.gif) no-repeat center bottom;

	text-align: center;

	margin-right: 15px;

}

.google-banner-white {

	height: 70px;

	padding: 5px 0px 5px 0px;		

	background-color: #FAFAFA;

	text-align: center;

	margin-right: 15px;

}

.google-top-links {

	margin: 15px 15px 5px 0;

	padding: 7px 5px;

	background: #F3F3F3;

   border: 1px solid #EAEAEA;

}



/* template list */

.template-list {

	list-style:none;

	margin:0px 0px 10px;

	padding:0px 15px 0px 0px;

}

.template-list .details {

	float: right;

	width: 56%;	

}

.template-list br{

	display:none;

}

.template-list p br{

	display:block;

}

.template-list li{

	margin: 12px 0px;

	height: 200px;

	background: url(images/thumb-hr.gif) no-repeat center bottom;

}

.template-list h3{

	margin: 0px;

	padding: 5px 0 0 0;

	font: bold 15px "Trebuchet MS", Tahoma, Arial, Sans-serif;

	color: #B5B5B5;

	text-transform: none;

}

.template-list img {

  border: 1px solid #FAFAFA;

  padding: 5px;

  background: #FAFAFA;

}

.template-list img.buttons {

	padding: 0;

	border: none	

}

.template-list a img {

	text-decoration: none;

}

.template-list p.buttons {

	margin-top: 20px;

}

.template-list p.buttons a {		

	padding: 7px 10px 7px 25px;	

	font-weight: bold;	

	color: #333;		

	/* border: 1px solid #E1E1E1; */

}

.template-list .preview-button {

	background: url(images/small-arrow.jpg) no-repeat left center;	

}

.template-list .download-button {

	background: url(images/small-arrow.jpg) no-repeat left center;	

}



/* link Blocks */

.link-block {

	float:left;

	width:250px;

	margin-right:15px;

}

.link-block2 {

	float:left;

	width:250px;

}	



/* Resource page */

ul.section-tab {

	width: 510px; 

	min-height: 30px;

	border: 1px solid #EBEBEB;

	list-style: none;

	margin: 0;

	padding: 0;

} 

ul.section-tab  li {

	margin: 0; padding: 0;

	background: none;

	float: left;

	font: bold 1.3em 'Trebuchet MS', Tahoma, Sans-serif;

	display: inline;

	line-height: 30px

}

ul.section-tab  li a {

	padding: 0 15px;

	display: block;

	color: #959595;

	border-right: 1px solid #EBEBEB;

}

ul.section-tab  li.selected a {

	padding: 0 15px;	

	background: #f3f3f3;

	color: #333;

}

ul.section-tab li a:hover {

	color: #999999; text-decoration: underline;

}



#resource-list ul {

	margin:5px 0 10px 0;

	background: url(images/thumb-hr.gif) repeat-x left top;

	font-size: 95%;

		

	/* added by erwin */ 

	list-style: none;

	padding: 0; margin: 0;

}

#resource-list ul li {

	/* color:#74898e; */

	background:url(images/thumb-hr.gif) repeat-x left bottom;

}

#resource-list ul li a {

	display:block; 

	border:0;

	padding:0;

}

* html body #resource-list ul li a {

	height: 1%;

}

#resource-list ul li a:link, #resource-list ul li a:visited {

	color: #4E5F62;

	padding:3px 0 3px 0;	

}

#resource-list ul li a:hover {

	color:#e45a49;

	padding:3px 0 3px 0;	

	text-decoration: none;

}	



#resource-list ul.cat-nav {

	margin:10px 0;

	padding: 10px 0;

	background:none;

	width: 510px;

	height: 50px;

	border-top: 1px solid #EBEBEB;			

}	

#resource-list ul.cat-nav li {

	display:inline;

	float:left; 

	margin: 1px 0;		

	white-space:nowrap; 

	background: none;

	/* background:transparent url(images/link_go.gif) no-repeat right center; */

}		

#resource-list  ul.cat-nav li a {

	display:inline;

	color: #244800;		

}		

#resource-list  ul.cat-nav li a:link, #resource-list  ul.cat-nav li a:visited {

	padding: 3px 22px 3px 5px;

	background:transparent url(images/link_go.gif) no-repeat right center; 

}		

#resource-list  ul.cat-nav li a:hover  {

	color: #244800;	

	text-decoration: underline;

}



/* sitemap */

#sitemap ul {

	margin:5px 0 10px 0;

	background: url(images/thumb-hr.gif) repeat-x left top;

	font-size: 95%;

	list-style: none;

	padding: 0; margin: 0 20px 0 0;

}

#sitemap ul li {

	background:url(thumb-hr.gif) repeat-x left bottom;

}

#sitemap ul li a {

	display:block; 

	background:url(images/check-bullet.gif) no-repeat 0em .5em; 

	border:0;

	padding:0;

}

* html body #sitemap ul li a {

	height: 1%;

}

#sitemap ul li a:link, #sitemap ul li a:visited {

	color: #4E5F62;

	padding:3px 0 3px 25px;	

}

#sitemap ul li a:hover {

	color:#e45a49;

	padding:3px 0 3px 25px;	

	text-decoration: none;

}

#gradient-style
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 0px;
	width: 900px;
	text-align: centre;
	border-collapse: collapse;
}
#gradient-style th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #b9c9fe url('table-images/gradhead.png') repeat-x;
	border-top: 2px solid #d3ddff;
	border-bottom: 1px solid #fff;
	color: #039;
}
#gradient-style td
{
	padding: 8px; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid #fff;
	background: #e8edff url('table-images/gradback.png') repeat-x;
}
#gradient-style tfoot tr td
{
	background: #e8edff;
	font-size: 12px;
	color: #99c;
}
#gradient-style tbody tr:hover td
{
	background: #d0dafd url('table-images/gradhover.png') repeat-x;
	color: #339;
}