/* CSS Document */

/* DOCUMENT INFORMATION -----------------------------------

TITLE:			Default screen display styles
LAST UPDATED:	15th September 2008
AUTHOR:			Wade Womersley, Andrew Routledge

NOTES:			The 1st section will reset any variance
			across all browsers making them all.
			appear very similar, however it also means
			everything needs its own custom style!
			Retrieved from various sources over the net

-- CONTENTS -----------------------------------------------

	=1:		[STANDARDS / HTML]
	=2:		[LINKS]
	=3:		[COMMON ELEMENTS]
	=4:		[MAIN_INDEX.TPL]
	=5:     [TABPODS]
	=6:		[MAIN.TPL COLUMN]
	=7:		[SIDEBAR COLUMN]
	=8:		[FOOTER]
	=9:		[LISTS]
	=10:	[FORMS]
	=11:	[IMAGES]
	=12:	[MISC]	
	
---------------------------------------------------------*/


/*------=1:	[STANDARDS / HTML] -----------------------------*/

html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	vertical-align: baseline;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
	background: white;
	line-height: 1;
	color: black;
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
}



/*------=2:	 [LINKS] ---------------------------------------*/
a {
	text-decoration: none;
}
a, a:visited {
	color: #03509e;
}

.button1:hover, .button2:hover, .button3:hover, .breadcrumb a:hover { text-decoration: underline; }

a.button1, a.button1:visited, a.button2, a.button2:visited, a.button3, a.button3:visited   {
	height: 20px;
	display: block;
	padding: 6px 0px 4px 8px;
	font-weight: bold;
	color: #444;
	font-size: 0.9em;
}
a.button1, a.button1:visited {
	width: 103px;
	background: url('../images/button1_bg.gif') top left no-repeat;
}
a.button2, a.button2:visited {
	width: 192px;
	background: url('../images/button2_bg.gif') top left no-repeat;
}
a.button3, a.button3:visited {
	width: 161px;
	background: url('../images/button3_bg.gif') top left no-repeat;
}


#news a:hover, #newsBrowse a:hover {
	font-weight: bold;
	color: #03509e;
}


/*------=3:	 [COMMON ELEMENTS] -----------------------------*/
h1 {
	font-size: 1.5em;
	font-weight: normal;
	color: #03509e;
	margin-bottom: 5px;
}

h2 {
	font-size: 1.2em;
	font-weight: bold;
	color: #03509e;
	margin: 5px;
}

h3 {
	font-size: 1.1em;
	font-weight: bold;
	color: #03509e;
}

h4 {
	font-size: 1em;
	font-weight: bold;
	color: #03509e;
	padding: 2px;
}

.breadcrumb {
	width: 99%;
	margin: 4px 0 8px 0;
	padding: 4px;
	border-bottom: 1px solid #CCC;
	font-size: 0.9em;
	color: #000;
}



hr {
	height: 1px;
	background-color: #ccc;
	color: #ccc;
	border: 0px;
	width: 90%;
	margin: 2px auto;
}

.floatLeft { float: left; }
.floatRight { float: right; }

p { line-height: 1.3em; }

.bold {	font-weight: bold; }
.note { font-size: 8pt; font-style: italic; }
.termsBold {
	color: #336699;
	font-weight: bold;
	text-decoration: none;
}


/* tables still need cellspacing="0" in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	font-weight: normal;
	text-align: left;
}


/* remove possible quote marks (") from <q> & <blockquote> */
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

.rating {
	width: 80px;
}

.rating img {
	display: inline;
	cursor: pointer;
}

/*------=4:	 [MAIN_INDEX.TPL] ------------------------------*/
#container {
	width: 878px;
	margin: 0 auto;
}

#central {
	width: 802px;
	
}

	#topBasket {
		background: url('../images/header_basket.png') top center no-repeat;
		width: 384px;
		height: 50px;
		float: right;
		font-size: 0.9em;
		position: relative;
	}
	
		#topBasket_text {
			position: absolute;
			text-align: right;
			top: 20px;
			right: 2px;
			width: 150px;
		}
		
		#topBasket_links {
			position: absolute;
			text-align: right;
			top: 37px;
			right: 2px;
			width: 150px;
		}
		
#topNavBar {
	width: 802px;
	clear: both;
	position: relative;
	top: 10px;
}
	.loggedOut {
		background: url('../images/menubar_back.gif') top left repeat-x;
		height: 53px;
	}
	.logged {
		background: url('../images/menubar_back_logged.gif') top left repeat-x;
		height: 78px;
	}

	#menubarLogo {
		position: absolute;
		top: -25px;
		left: 20px;
	}
	
	#topNavBar ul {
		float: right;
	}
	
		#topNavBar ul li {
			float: left;
			color: #fff;
			padding: 13px 5px 0 5px;
			font-size: 1.2em;
			font-weight: bold;
		}
		
			#topNavBar ul li a {
				color: #fff;
			}
			#topNavBar ul li a:hover { text-decoration: underline; }
			
			
	#topNavBar ul.subnav {
		position: absolute;
		bottom: 0px;
		right: 0px;
		width: 608px;
		height: 32px;
		background: url('../images/subnav_bg.gif') -1px -1px no-repeat;
	}
		#topNavBar ul.subnav li {
			float: right;
			color: #03509e;
			font-size: 0.9em;
			font-weight: bold;
		}
		#topNavBar ul.subnav li a {
			color: #03509e;
		}
		#topNavBar ul.subnav li a:hover {
			text-decoration: underline;
		}	
			
	#topBar {
		float: left;
		width: 802px;
		height: 415px;
		position: relative;
		top: 10px;
	}
	
		#topBar_Nav {
			float: left;
			width: 193px;
			/*height: 319px;*/
			background: url('../images/leftbar_back.gif') right repeat-y;
		}
		
			#topBar_Search {
				width: 177px;
				height: 72px;
				background: url('../images/leftbar_searchbox.png') center no-repeat;
				position: relative;
				top: 30px;
				left: 5px;
			}
			#topBar_Search fieldset {
				padding: 0;
				margin: 0;
				width: 100%;
			}
				#topBar_Search .inpSearch {
					width: 174px;
					height: 16px;
					background: url('../images/leftbar_searchbox.png') -2px -22px no-repeat;
					position: relative;
					top: 24px;
					left: 2px;
					border: 0;
				}
				
				#topBar_Search .inpSubmit {
					position: relative;
					top: 33px;
					left: 2px;
				}
			
			#topBar_NavList {
					background: url('../images/leftbar_separator_big.gif') top right no-repeat;
					width: 193px;
					height: 50px;
					position: relative;
					top: 40px;
			}
			
				#topBar_NavList ul {
					list-style-image: url('../images/leftbar_bullet.gif');
					margin-left: 20px;
				}
				
					#topBar_NavList ul li {
						background: url('../images/leftbar_separator_small.gif') bottom right no-repeat;
						line-height: 22px;
						font-size: 0.9em;
						font-weight: bold;
					}
		
		#topBar_Products {
			float: left;
			width: 609px;
			height: 319px;
			position: relative;
		}
			
			#topBar_Products #rotatingBackgrounds {
				position: absolute;
				left: 1px;
				width: 608px;
				height: 319px;
				overflow: hidden;
			}
			
				#topBar_Products #rotatingBackgrounds img {
					position: absolute;
					display: none;
				}
			
			#topBar_Products_SelectionBox {
			/*	background: url('../images/topnumberbackground.png') bottom left no-repeat;*/
				position: absolute;
				width: 120px;
				height: 29px;
				top: 280px;
				left: 10px;
			}
				
				#topBar_Products_SelectionBox a {
					position: relative;
					left: 11px;
					margin-right: 27px;
					top: 5px;
					font-size: 1.2em;
					font-weight: bold;
					color: #ccc;
				}
				
					#topBar_Products_SelectionBox a.currentSelection {
						color: #03509e;
					}
			
			#topBar_Products_Items {
				position: absolute;
				right: 10px;
				width: 161px;
				height: 320px;
			}
			
				#topBar_Products_Items .productItem {
					background: url('../images/topproductback.png') bottom right no-repeat;
					width: 161px;
					height: 143px;
					margin-top: 10px;
					position: relative;
				}
			
					#topBar_Products_Items .productBigTitle {
						position: absolute;
						top: 5px;
						width: 161px;
						font-weight: bold;
						color: #03509e;
						text-align: center;
					}
			
					#topBar_Products_Items .productLink {
						position: absolute;
						right: 0;
						bottom: 0;
					}
			
					#topBar_Products_Items .productTitle {
						position: absolute;
						left: 5px;
						top: 25px;
						width: 85px;
						font-size: 0.9em;
						font-weight: bold;
					}
			
					#topBar_Products_Items .productDescription {
						position: absolute;
						left: 5px;
						top: 52px;
						font-size: 0.8em;
						width: 85px;
					}
			
					#topBar_Products_Items .productPrice {
						position: absolute;
						left: 5px;
						bottom: 8px;
						width: 80px;
						font-weight: bold;
						color: #03509e;
					}
			
					#topBar_Products_Items .productImage {
						position: absolute;
						top: 25px;
						right: 5px;
					}
				
	#mainContent {
	
	}
				
.fullWidthBar {
	float: left;
	background: url('../images/midbar.gif') center no-repeat;
	padding: 2px 0 2px 0;
	margin-top: 8px;
	width: 802px;
	height: 9px;
	clear: both;
}

/* ---  PAGE CONTENT (index) --- */
.pageContent {
	width: 800px;
	margin: 2px 1px 2px 1px;
}
* html .pageContent { margin: 0px; }

	.pageContent p {
		margin: 8px 0 8px 0;
	}
	
	.pageContent .column50 {
		margin: 0 10px 0 10px;
		padding: 5px;
		float: left;
		width: 361px;
	}
	
	.pageContent .column50.border {
		border-right: 1px solid #d6d6d6;
	}
	
	* html .pageContent .column50 { margin: 0px 5px; padding: 2px; }	


/*------=5:	 [TABPODS] -------------------------------------*/
			.tabPod {
				margin: 5px 0 0 0;
			}
			
				ul.Tabs {
					
				}
			
				ul.Tabs li {
					float: left;
					width: 175px;
					height: 38px;
				}
				
					ul.Tabs li.whatsnew {
						background: url('../images/tab_whatsnew_on.png') no-repeat;
					}
				
					ul.Tabs li.bestseller {
						margin-left: 1px;
						background: url('../images/tab_bestseller_off.png') no-repeat;
					}
/*

.tabPod {
	float: left;
	margin: 0 3px 10px 3px;
	position: relative;
	overflow: hidden;
}
* html .tabPod { margin: 0px 0px 10px 0px; }

	.tabPod ul.Tabs {
		height: 37px;
		
	}
	*/
	
		.tabPod ul.Tabs li {
			background: url('../images/tadPod_unselected.png') top left no-repeat;
			width: 175px;
			height: 38px;
			float: left;
			text-align: center;
			line-height: 34px;
			font-size: 12px;
			font-weight: bold;
			margin-right: 1px;
		}
	
		.tabPod ul.Tabs li.selected {
			background: #03509e url('../images/tadPod_selected.png') top left no-repeat;
			width: 175px;
			height: 38px;
			text-align: center;
			line-height: 3em;
			font-size: 14px;
		}
		
		.tabPod ul.Tabs li.selected a {
			color: #fbee01;
			font-weight: bold;
			text-decoration: none;
		}
		
/*

	.tabPod .podBody {
		float: left;
		padding-bottom: 15px;		
		position: relative;
		overflow: hidden;
	}
	
	.tabPod .body { background: url('../images/tabPod_bg.gif') top left repeat-y; width: auto;  }
	.tabPod .index { background: url('../images/tabPod_back.gif') no-repeat; width: 794px; height: 444px; }
	

		.tabPod .podBody .podPage {
			float: left;
			position: relative;
			left: 11px;
			top: 8px;
			display: none;
			overflow: hidden;
			height: auto;
		}
		.tabPod .podBody .podPage.podStretch {
			height: auto;
			overflow: visible;
		}
		
			.tabPod .podBody .podPage .podProduct {
				width: 385px;
				height: 144px;
				position: relative;
				float: left;
				font-size: 1em;
				border-bottom: 1px solid #d6d6d6;
				border-right: 1px solid #d6d6d6;
			}
		
				.tabPod .podBody .podPage .podProduct .podProduct_Image {
					position: absolute;
					top: 8px;
					left: 8px;
				}
		
				.tabPod .podBody .podPage .podProduct .podProduct_Title {
					position: absolute;
					top: 12px;
					left: 124px;
					font-weight: bold;
					color: #03509e;
				}
		
				.tabPod .podBody .podPage .podProduct .podProduct_Description {
					position: absolute;
					top: 35px;
					left: 124px;
					width: 260px;
					line-height: 18px;
				}
		
				.tabPod .podBody .podPage .podProduct .podProduct_Price {
					position: absolute;
					bottom: 20px;
					left: 124px;
					font-weight: bold;
					color: #f00;
					font-size: 1.2em;
				}
		
				.tabPod .podBody .podPage .podProduct .podProduct_View {
					position: absolute;
					bottom: 20px;
					right: 20px;
				}*/
*/
/*------=6:	 [MAIN.TPL COLUMN] -----------------------------*/
#bodyContent {
	float: left;
	width: 609px;
	position: relative;
	top: 10px;
}
	#bodyContent .textContent {
		float: left;
		padding: 10px 4px 10px 4px;
	}
	#bodyContent .textContent p {
		line-height: 1.6em;
	}
	
* html #bodyContent { width: 602px; }


.searchBar {
	float: left;
	width: 603px;
	background: #CCE0EB url('../images/searchbar_bg.png') repeat-x;
	background-position: top;
	border-bottom: 1px solid #ebebeb;
	margin-bottom: 3px;
	padding: 3px;
	font-size: 0.9em;
}
	.searchBar .resultCount {
		float: left;
		padding-top: 3px;
		width: 185px;
	}
	.searchBar .page {
		float: left;
		margin: 0px auto 0px auto;
		width: 230px;

	}
		.searchBar .pageDisabled { color: #444; }
		
	.searchBar .sortby {
		float: right;
		width: 185px;
	}

#results {
	float: left; 
	width: 590px;
}
	#results .item {
		float: left; 
		width: 135px;
		height: 180px;
		margin: 4px 4px 30px 4px;
		padding: 2px 2px 2px 2px; 
		/*border-bottom: 1px solid #CCC;*/
		overflow: hidden;
		text-align: center;
	}	
	
	#results .item img {
		display: inline;
	}	
	
	#results .item p, #results .category p { font-size: 10px; line-height: 14px; text-align: center; }
	#results .item a:hover, #results .category a:hover  { text-decoration: underline; }
	
	#results .category {
		float: left;
		width: 135px;
		height: 140px;
		margin: 2px 2px 10px 2px;
		padding: 2px 4px 2px 2px;
		border: 1px solid #ccc;	
		overflow: hidden;
	}
		#results .category img { margin: 4px auto; text-align: center;}
		#results .category:hover { border-color: #999966; }

#productTitle {
	float: left;
	width: 580px;
	margin: 5px 5px 0px 5px;
	background: url('../images/line_bg.gif') bottom left repeat-x;
	padding-bottom: 8px;
}

#productInfo {
	float: left;
	width: 330px;
	margin: 5px 5px 0px 5px;
}
				 .title { background: url('../images/title_bg.gif') top left repeat-x; font-weight: bold; color: #404040; }
				 .row { padding: 4px; }
	#productInfo .label { float: left; text-align: right; font-weight: bold; width: 60px; margin-right: 5px; }
	#productInfo .Product_Brand {  }
	#productInfo .Product_Rating { float: right; padding: 3px; font-size: 8pt; }
				 .Product_RRP { font-weight: bold; color: #03509e; text-decoration: line-through;}
	#productInfo .Product_Price { font-weight: bold; color: #f00; font-size: 1.2em; }
	#productInfo .Product_Saving { color: #f00; font-size: 1em; }
	#productInfo .Product_Description { line-height: 16px; }

	
#productMedia {
	float: left;
	width: 239px;
	margin: 8px 5px 0px 5px;
}
	#productMedia .Product_Image { margin: 0px auto; }
	#productMedia .Product_Thumbs { text-align: center; margin: 0px auto; }
	#productMedia .thumb { display: inline; margin: 2px; padding: 2px; border: 1px solid #CCC; }
	#productMedia .submit { padding-left: 40px; }
		
/*----------------- Basket Styles -----------------*/
#basket, #basket table {
	background-color: #efefef;
	border-collapse: collapse;
	margin: 2px;
	padding: 0px;
}
	#basket td { font-size: 8pt; padding: 2px; margin: 0px; } 
	
	#basket thead td {
		background-color: #C2D2D4;
		font-weight: bold;
		text-align: center;
	}
		#basket thead td.borr {	border-right: 1px solid #dfe7e8; }
		#basket thead td.btl { background: #C2D2D4 url('../images/b2topleft.gif') top left no-repeat; }
		#basket thead td.btr { background: #C2D2D4 url('../images/b2topright.gif') top right no-repeat; }

		
	#basket tbody td.bgtr { padding: 0px; }	
	#basket tbody tr.light td { background-color: #deeaf0; height: 30px; vertical-align: middle;}
	#basket tbody tr.dark td { background-color: #f1f5f7; height: 30px; vertical-align: middle;}
	
	#basket tfoot td { padding: 3px; height: 20px; vertical-align: middle; }
	#basket tfoot tr.whitebg td { background-color: #FFF; }
	
		#basket tfoot tr.baskbottom td {
			background: url('../images/b2bottom.gif') bottom left no-repeat;
			border-top: 1px solid #ffffff;
			padding: 4px;
		}
		#basket tfoot tr.borb {
			background-color: #FFFFFF;
			border-bottom: 1px solid #c2d2d4;
		}
	
	
#addressSelect {
	float: left;
	width: 99%;
	margin: 0 auto;
	line-height: 12pt;
}
	#addressSelect h3 {
		width: 99%;
		background-color: #f0f5fa;
		height: 20px;
	}
	#addressSelect .address {
		float: left;
		margin: 0px 4px 0px 4px;
		width: 150px;
	}
	#addressSelect .address p {
		clear: both;
		margin: 4px 6px 4px 6px;
	}
	#addressSelect .addressCheckout {
		float: left;
		margin: 0px 8px 0px 8px;
		width: 45%;
	}

	
	
/*------=7:	 [SIDEBAR COLUMN] ------------------------------*/
#sideBar {
	float: left;
	width: 193px;
	position: relative;
	top: 10px;
}

	#sideBar_Nav {
		float: left;
		width: 193px;
		background: url('../images/leftbar_back.gif') right repeat-y;
	}
	
		#sideBar_Search {
			width: 177px;
			height: 72px;
			background: url('../images/leftbar_searchbox.png') center no-repeat;
			position: relative;
			top: 30px;
			left: 5px;
		}
		#sideBar_Search fieldset {
			width: 100%;
			margin: 0;
			padding: 0;
		}
			#sideBar_Search .inpSearch {
				width: 174px;
				height: 16px;
				background: url('../images/leftbar_searchbox.png') -2px -22px no-repeat;
				position: relative;
				top: 24px;
				left: 2px;
				border: 0;
			}
			
			#sideBar_Search .inpSubmit {
				position: relative;
				top: 33px;
				left: 2px;
			}
		
		.sideBar_NavList {
				background: url('../images/leftbar_separator_big.gif') top right no-repeat;
				width: 193px;
				position: relative;
				top: 40px;
		}
		
			.sideBar_NavList ul {
				list-style-image: url('../images/leftbar_bullet.gif');
				margin-left: 20px;
			}
			
				.sideBar_NavList ul li {
					background: url('../images/leftbar_separator_small.gif') bottom right no-repeat;
					line-height: 22px;
					height: auto;
					font-size: 0.9em;
					font-weight: bold;
				}

				.sideBar_NavList ul li ul {
					list-style-image: url('../images/widget_bluearrow.gif');
				}
			
#ticker {
	float: right; 
	width: 610px; 
	background: url('../images/news_bg_strip.gif') repeat-y; 
	margin: 1px 0px 2px 0px;
}
	#ticker a:hover { text-decoration: underline; }
	
/*------=8:	 [FOOTER] --------------------------------------*/
#footer {
	float: left;
	margin-top: 10px;
	width: 802px;
	font-size: 7pt;
}
	#footer a:hover { text-decoration: underline; }

#footerCC {
	float: right;
	color: #aaa;
}

	#footerCC a {
		color: #9c0;
		font-weight: bold;
	}

/*------=9:	 [LISTS] ---------------------------------------*/
ol, ul {
	list-style: none;
}

ul#formErrors, ul#formSuccess {
	margin: 0px auto;
	width: 90%;
	list-style-position: outside;
	padding: 4px 4px 4px 25px;
	border: 1px solid #f6861f;
}
ul#formErrors {
	list-style-image: url('../images/exclamation.png');
}
ul#formSuccess {
	list-style-image: url('../images/accept.png');
}

ul#formErrors li, ul#formSuccess li {  padding: 3px;  }
ul#reviewPros li, ul#reviewCons li { padding: 3px; }

ul#reviewPros, ul#reviewCons {
	margin: 0px auto;
	width: 90%;
	list-style-position: outside;
	padding: 4px 4px 4px 20px;
}
ul#reviewCons {
	list-style-image: url('../images/exclamation.png');
}
ul#reviewPros {
	list-style-image: url('../images/accept.png');
}



ul#news, ul#newsBrowse, ul#links {
	margin: 0px;
	list-style-position: outside;
	padding: 4px 4px 4px 25px;
}
	ul#news { 
		float: left;
		width: 390px;
		list-style-image: url('../../shared/icon?newspaper.png');
	}
	ul#news li, ul#newsBrowse li, ul#links li { padding: 4px; }
	
	ul#newsBrowse { 
		float: right;
		width: 150px;
		border: 1px solid #ccc;
		list-style-image: url('../../shared/icon?bullet_red.png');
	}
	
	ul#links {
		float: left;
		list-style-image: url('../../shared/icon?bullet_red.png');
	}



/* Help Menu */
#helpNav {

}
	.formHelp {
		margin:0 0 1em 0;
		border:solid 1px #e7e7e8;
	}
	#helpNav .pointers {
		border:solid 1px #FFD324;
		background-color: #ffffeb;
		color: #817134;
	}
	#helpNav dl {
		margin: 1em;
		line-height:1.6em;
	}
	#helpNav dt {
		font-weight:bold;
	}
	#helpNav dd {
		margin-left:1.5em;
		line-height:1.4em;
	}





/*------=10: [FORMS] ---------------------------------------*/
form {margin-bottom: 0px;}

input.checkbox { width: 15px;}
.text { width: 210px; }
.tiny { width: 40px; }
.small { width: 80px; }
.med	{ width: 180px; }
.xlarge { width: 350px; }

div.readonly {
	margin: 0px auto;
	border: 1px solid #666666; 
	padding: 4px; 
	background-color: #efefef; 
	width: 90%;
}

textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	border: 1px solid #ccc;
}

select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}


.registrationFrm p, .shortFrm p, .stdForm p, .reviewFrm p { font-size: 1em; padding: 3px; clear: both; }


.reviewFrm label {	font-weight: bold; }
.reviewFrm textarea { width: 500px; }

/* -- shortFRM ---  ( USED for narrow forms e.g. CLIENT LOGIN and TELL A FRIEND ) */
.shortFrm label {
	width: 7em;
	float: left;
	text-align: right;
	vertical-align: top;
	margin-right: 0.5em;
	display: block;
}
.shortFrm legend {
	font-weight: bold;
	text-decoration: underline;
}

/* -- genericFRM ---  ( USED for CONTACT US, DELIVERY SELECT ) */
.stdForm label {
	width: 12em;
	float: left;
	text-align: right;
	vertical-align: top;
	margin-right: 0.5em;
	display: block;
}

.stdForm .submit input {
	margin-left: 12.5em;
}


/* -- registrationFRM ---  ( Large Form USED for CLIENT REGISTER ) */
.registrationFrm fieldset {
	border: 1px solid #ccc;
	margin: 5px 3px 10px 3px;
	width: 580px;
}
	.registrationFrm legend {
		color: #fff;
		font-weight: bold; 
		color: #03509e;
		padding: 2px 6px;
		font-size: 14px;
	}
	
	.registrationFrm label {
		width: 10em;
		float: left;
		text-align: right;
		vertical-align: top;
		margin-right: 0.5em;
		display: block;
		font-size: 11px;
		
	}
	
	.registrationFrm em {
		background-color: #FFFFC0;
		padding: 5px;
	}	
	
	.tinyButton, .smallButton, .largeButton, .massiveButton, .microButton {
		border: none;
		text-align: left;
		line-height: 2em;
		padding: 0 0 0 5px;
		font-weight: bold;
		font-family: arial;
		font-size: 11px;
		margin-left: 10px;
	}
	
		
	.massiveButton {
		background: url('../images/button_blank_massive.gif') no-repeat;
		width: 214px;
		height: 30px;
	}
	
/*----------PAYPAL AND SAGE BUTS--------------*/
	
	input.sage {
		background:url('../images/sage-but.gif') no-repeat;
		height: 34px;
		width: 214px;
		border:none;
		cursor:pointer;
	}
	
	input.paypal {
		background:url('../images/paypal-but.gif') no-repeat;
		height: 34px;
		width: 214px;
		border:none;
		cursor:pointer;
	}
	
/*----------PAYPAL AND SAGE BUTS END--------------*/

	.largeButton {
		background: url('../images/button_blank_large.gif') no-repeat;
		width: 147px;
		height: 30px;
	}
	
	.smallButton {
		background: url('../images/button_blank_small.gif') no-repeat;
		width: 97px;
		height: 30px;
	}
	
	.tinyButton {
		background: url('../images/button_blank_tiny.gif') no-repeat;
		width: 57px;
		height: 30px;
	}

	.microButton {
		background: url('../images/button_blank_micro.gif') no-repeat;
		width: 39px;
		height: 27px;
	}


	
/*------=11: [IMAGES] --------------------------------------*/
img.sideImage {
	margin-top: 50px;
}

img {border: 0px; display: block;}	
img.inline { display: inline; }

img.imgBox { margin: 1px; padding: 2px; border: 1px solid #ccc; }


/*------=12: [MISC] ----------------------------------------*/
.paddMe10 { padding: 10px; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }

.clearBoth {
	clear: both;
}
.red { color: #cc0000; }
.green { color: #00FF00; }
.blue { color: #00CC00; }
.black { color: #000000; }
.white { color: #FFFFFF; }
.grey { color: #666666; }
.amber { color: #FF6600; }


.koBlue { color: #03509e; }


.border { border: 1px solid #444; }
.greyBg { background-color: #efefef; }

.detail { font-size: 0.8em; }



#tellFriendWin, #videoWin, #expertWin {
	width: 400px;
	height: 311px;
	border: 5px solid #FFF;
	margin: 0px auto;
	color: #FFF;
	padding: 4px;
	background-color: #03509e;
}
	#tellFriendWin h2, #expertWin h2 {
		color: #FFF;		
	}

	.paddMe {
		padding: 10px;
	}