/***************************************************************************************************************************************************** */
/* Perth City Cycles                              **************************************************************************************************** */
/* Toltech Internet Solutions: 19 / 03 / 2008     **************************************************************************************************** */
/* Last Updated: 21 / 03 / 2008                   **************************************************************************************************** */
/***************************************************************************************************************************************************** */


/***************************************************************************************************************************************************** */
/* Body Style       ********************************************************************************************************************************** */
/***************************************************************************************************************************************************** */

body {margin: 0px 0px 0px 0px; padding:0px; background-color:#000000;}

/***************************************************************************************************************************************************** */
/* Heading and paragraph styles       **************************************************************************************************************** */
/***************************************************************************************************************************************************** */
	
h1{font-size:22px; width:600px; color:#0090ff; font-family:Arial, Helvetica, sans-serif, "Arial Narrow"; /*border-bottom:1px dashed #d4d4d4;*/ padding-left:10px; margin-top:5px;}

h2{font-size:16px; background-color:#353535; color:#d4d4d4; padding:5px 0px 5px 0px; font-family:Arial, Helvetica, sans-serif, "Arial Narrow";}

h3 {font-size:15px;  padding:10px 5px 0px 10px; font-family:Arial, Helvetica, sans-serif, "Arial Narrow";}

p{font-family:Arial, Helvetica, sans-serif, "Arial Narrow"; color:#d7d7d7;}

/***************************************************************************************************************************************************** */
/* Link Styles              ************************************************************************************************************************** */
/***************************************************************************************************************************************************** */

a{color:#008aff; text-decoration:none; font-family:Arial, Helvetica, sans-serif, "Arial Narrow"; font-size:13px;}

/***************************************************************************************************************************************************** */
/* Individual font styles                ************************************************************************************************************* */
/***************************************************************************************************************************************************** */
.menuTitle{background-color:#999999; color:#000000; font-family:Arial, Helvetica, sans-serif, "Arial Narrow"; font-size:13px; font-weight:bold;}

.highlight {font-family:Arial, Helvetica, sans-serif, "Arial Narrow"; font-size:12px; color:#ffffff;}

.#0090ffText {font-family:Arial, Helvetica, sans-serif, "Arial Narrow"; font-size:14px; color:#0090ff;}

.title{font-size:12px; font-family:Arial, Helvetica, sans-serif, "Arial Narrow"; color:#FFFFFF; }

.clear30 {clear: both; height: 30px;}
.clearFade {clear:both;}

.listDescription 
{
    color:#FFFFFF;
    font-weight:bold;
    padding-left:10px;
}
/***********************************************************/
/* Checkout Styles *****************************************/
/***********************************************************/

#basket_grdShoppingCart 
{
    width:90%;
    margin:0px auto;
    border:2px solid #353535;
    background-color:#353535;
}

#basket_grdShoppingCart td 
{
    background-color:#100000;
}

#basket_grdShoppingCart th 
{
    color:#0090ff;
    background-color:#111111;
}

#basket_grdShoppingCart #basket_grdShoppingCart_ctl02_lnkRemoveLine 
{
    color:#0090ff;
    margin:0px auto;
}

basket_grdShoppingCart_ctl03_lnkRemoveLine 
{
    color:#0090ff;
    margin:0px auto;
}

.formBox
{
    width:80%;
    background-color:#111111;
    border:2px solid #0090ff;
    margin:0px auto;
    height:inherit;
    padding:10px;
}

.address
{
    margin-left:100px;
}

.button
{
    /* margin-top:30px; */
}

.formLeft 
{
    font-weight:normal;
}

.checkout p
{
    color:#0090ff;
    font-size:18px;
    font-weight:bold;
}

.address .button 
{
    margin-top:20px;
}

.formRight input 
{
    width:200px;
}

.formRight select 
{
    width:207px;
}

#checkoutConfirm_grdOrder 
{
    width:90%;
    margin:0px auto;
    border:2px solid #353535;
    background-color:#353535;
}

#checkoutConfirm_grdOrder  td 
{
    background-color:#100000;
}

#checkoutConfirm_grdOrder  th 
{
    color:#0090ff;
    background-color:#111111;
}

.oTotal 
{
    margin-top:20px;
}

.formRight .button 
{
    /* margin-top:20px; */
}

/**************************************************************************************************************************************************** */
/* Table Styles             ************************************************************************************************************************* */
/**************************************************************************************************************************************************** */
.formattedTable {border: 3px double #363636; width: 500px; background-color:#000000; margin:0px 0px 0px 0px; padding:0px;}
.formattedTable tr {background-color: #000000; font: 11px arial, verdana, sans-serif; color: #96999c; vertical-align: top;}

.formattedTable1 {width: 460px; background-color:#FFFFFF; margin:0px 0px 0px 0px; padding:7px;}
.formattedTable1 tr {background-color: #ffffff; font: 11px arial, verdana, sans-serif; color: #96999c; vertical-align: top;}

.signinTable {border: 3px double #bbbcbd; width: 230px; background-color:#FFFFFF; margin:0px 0px 0px 0px; padding:10px;}
.signinTable tr {background-color: #ffffff; font: 11px arial, verdana, sans-serif; color: #96999c; vertical-align: top; padding:10px;}

.colourRow{background-color:#363636;}
.colourRowWhite{background-color:#666666; letter-spacing:1px; color:#333333; font-family:Arial, Helvetica, sans-serif, "Arial Narrow"; font-size:13px; font-weight:bold;}

/**************************************************************************************************************************************************** */
/* List Styles              ************************************************************************************************************************* */
/**************************************************************************************************************************************************** */

ul {	margin: 5px 0px 15px 0px;
		padding: 0px;
		list-style-type: none;
		color: #154D7C;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		}
	
ul li {	padding: 0px 0px 0px 0px;
		background-position: 0px 0px;
		background-repeat: no-repeat;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		}
		

/**************************************************************************************************************************************************** */
/* Main Framework           ************************************************************************************************************************* */
/**************************************************************************************************************************************************** */

#holdIt{width:1000px;margin: 0px auto 0px auto;padding:0px;	background-color:#000000;}

#mainHolder {width: 1000px;background-color:#000000;float:left;padding:0px 0px 0px 0px;}
	
#title {height:250px; background-image:url(/images/header.jpg);}
		

/**************************************************************************************************************************************************** */
/* Navigation      ********************************************************************************************************************************** */
/**************************************************************************************************************************************************** */
#horizontalNav{background:url(/images/home-images/menu-bg.jpg) right no-repeat;
				margin:0px;
				padding:0px;
				height:42px;
				width:1000px;
				border-bottom:2px solid #000000;}
				
				
/*** Horizontal Navigation ***/			
#topNav {height: 25px; width: 500px; margin-top:3px; float:left; text-align:left;}
#topNav ul {margin: 0px; padding: 0px ;color: #d4d4d4; line-height: 20px; white-space: nowrap; font-weight:bold;}
#topNav li {list-style-type: none; display:inline; font-family: Arial, Helvetica, sans-serif; font-size:20px;}
#topNav li a {text-decoration: none; padding: 7px 10px 7px 10px; margin:0px; color: #ffffff;}
#topNav li a:link {color: #ffffff;}
#topNav li a:visited {color: #ffffff;}
#topNav li a:hover {color: #008aff;}
#topNav li a.active{color:#ffffff; font-weight:bolder;}


/*** Vertival Navigation Framework***/	
#mainNav {width: 170px; margin-bottom:0px; margin-top:0px;margin-left:0px;margin-right:0px; padding-top:0px;background-color: #333333;}

p.nav {font-size: 10px;margin-top:0px;margin-left:0px;padding-left:0px;padding-top:0px; }
.sidetext { width: 170px; margin-left:0px;padding-top:0px;margin-bottom:20px;margin-top:10px;padding-left:0px;padding-bottom:10px;}
.sidepic {width: 170px; padding:0px;margin-bottom:0px;margin-top:10px;border: 1px solid #244b6c;}


/*** Vertival Navigation ***/	
a.menubuttons:link, a.menubuttons:active, a.menubuttons:visited {
	display: block;
	color: #d4d4d4;
	text-decoration: none;
	padding-right: 0px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	margin: 0px;
	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif, "Arial Narrow";
	font-weight:bold;
	text-align: left;
	width:165px;
	background-color:#353535;
	border-bottom:1px solid #2D2D2D;
	}

a.menubuttons:hover {color: #353535;background-color:#d4d4d4;border-bottom:1px solid #2D2D2D;font-size: 14px;font-family:Arial, Helvetica, sans-serif, "Arial Narrow";font-weight:bold;}
a.shopping {color:#000000; font-family:Verdana, Sans-Serif; font-size:13px; font-weight:bold;}
a.shopping:hover {color:#666666;font-family:Verdana, Sans-Serif;font-size:13px;font-weight:bold;}
a.shopping:visited {color:#000000;font-family:Verdana, Sans-Serif;font-size:13px;font-weight:bold;}

/*** Vertival Sub Navigation ***/	
a.menubuttonsub:link, a.menubuttonsub:visited, a.menubuttonsub:active {
	display: block;
	color: #000000;
	text-decoration: none;
	padding-right: 0px;
	padding-left: 15px;
	padding-bottom: 5px;
	padding-top: 5px;
	margin: 0px;
	font-size: 11px;
	text-align: left;
	font-weight: normal;
	width:155px;
	background-color:#909090;
	font-family:Arial, Helvetica, sans-serif, "Arial Narrow";
	font-size:12px;
	font-weight:bold;
	letter-spacing:2px;
	border-bottom:1px solid #333333;
}

a.menubuttonsub:hover {color: #333333;background-color:#dddddd;border-bottom:1px solid #333333;}


/*** Vertival Sub Sub Navigation ***/	
a.subCat:link, a.subCat:visited, a.subCat:active {
	display: block;
	color: #333333;
	text-decoration: none;
	padding-right: 0px;
	padding-left: 25px;
	padding-bottom: 5px;
	padding-top: 5px;
	margin: 0px;
	font-size: 11px;
	text-align: left;
	font-weight: normal;
	width:145px;
	background-color:#C5C5C5;
	font-family:Arial, Helvetica, sans-serif, "Arial Narrow";
	font-size:12px;
	font-weight:bold;
	letter-spacing:2px;
	border-bottom:1px solid #333333;
}

a.subCat:hover {color: #333333;background-color:#dddddd;border-bottom:1px solid #333333;}



/**************************************************************************************************************************************************** */
/* Main Contant Framework      ********************************************************************************************************************** */
/**************************************************************************************************************************************************** */

#contentHolder{width:1000px;background-color:#333333;float:left;}
				
#columnleft{width:210px;background-color:#333333; padding:0px 0px 0px 0px;float:left;}
			
#columnRight{width:790px;float:left;padding:0px 0px 0px 0px;background-color:#000000;color:#ffffff;font-family:Arial, Helvetica, sans-serif, "Arial Narrow";font-size:14px;}
			
#columnOne{width:614px;background-color:#000000;padding:0px 1px 0px 1px;float:left; color:White;}
#columnOne img{border:0px; padding:0px; margin:0px;}
.infoLeft {width:340px; float:left;}
.buyOptions {width:244px; float:right; border:double 3PX #333333; padding:3px; margin-right:5px;}
			
#columnAds{	width:170px;
			/*height:1255px;*/
			float:right;
			padding:0px 0px 0px 0px;
			background-color:#ffffff;
			color:#666666;
			font-family:Arial, Helvetica, sans-serif, "Arial Narrow";
			font-size:14px;
			border-left:4px solid #363636;
			/*border-top:1px solid #000000;*/
			}
#columnAds a{color:#666666;}
.holdAds{width:180px;padding-left:10px; background-color:#FFFFFF; float:right; }
.holdSpec {width:279px; float:left; background-color:White; height:295px; border-left:solid 1px #333333;}
.holdSpec ul {padding:3px; color:#333333;list-style-type:disc;}
.holdSpec ul li {padding:3px;list-style-type:disc; }
.buyNow {background-image:url("../images/searchButton.jpg"); background-repeat:no-repeat; border:0; color:#222222; width:83px; height:25px; background-color:Transparent; padding:0px 10px 3px 0px; font-family:Arial Black; margin-top:-1px;}
.padzero {padding:0px; margin:0px;}
.searchBar 
{
	height:15px;
	margin-top:3px;
	margin-right:-8px;
}
		
/**************************************************************************************************************************************************** */
/* Footer     *************************************************************************************************************************************** */
/**************************************************************************************************************************************************** */

#footerArea {	clear: both;
				font-size: 10px;
				color: #ffffff;
				margin: 0px auto 0px auto;
				padding: 10px 0px 0px 10px;
				width:990px;
				background-repeat: no-repeat;
				background-color:#2C2C2C;
				border-top:1px solid #000000;
				font-family:Arial, Helvetica, sans-serif, "Arial Narrow";
				height:40px;}
			
				
/*** Footer alignments ***/	
#footerArea.right {float:right; font-weight:bold;font-size: 12px;}
#footerArea.left {float:left; font-weight:bold;font-size: 12px;}


/*** Footer Links ***/		
#footerArea a {color: #FFFFFF; text-decoration: none; font-size: 10px!important; }
#footerArea a:visited {color: #FFFFFF; font-size: 10px!important;}
#footerArea a:hover {color:#333333; text-decoration: underline; font-size: 10px!important;}