/*

***********************************************************



	MAIN HTML CLASSES

	

***********************************************************

*/



html { 

	margin:0px; 

	padding:0px; 

	background-color:#2C457C;

}



body {

	margin:0px;

	padding:0px;

	background-image:url(images/new_interface/background.jpg);

	background-position:top;

	background-repeat:repeat-x;

	background-color:#2C457C;

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

	color:#000000;

}



h1 { 

	font-family:Arial, Helvetica, sans-serif;

	font-size:16px;

	font-weight:bold;

}

h2 { 

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

	font-weight:bold;

}

h1,h2 { margin-top:0px; margin-bottom:10px; line-height:1.4em; }

p,ul { margin-top:0px; margin-bottom:10px; line-height:1.4em; }

form { margin:0px; padding:0px; }

a {

	color:#2C457C;

}



/*

***********************************************************



	STRUCTURAL CLASSES



***********************************************************

*/



#outer_canvas {

	width:900px;
	margin:0px auto;

}



#canvas {


}



	#logo_left {

		position:absolute;

		margin-left:-196px;

		z-index:100;

		background-image:url(images/new_interface/logo_left.jpg);

		width:196px;

		height:320px;

	}

	#add_this {
	
		position:absolute;

		margin-top:135px;

		margin-left:207px;
		
	
	}

	#search_box {

		position:absolute;

		width:200px;

		height:32px;

		margin-top:120px;

		margin-left:575px;
		
		background-color:#FFFFFF;

		/*background-image:url(images/new_interface/search_left.gif);

		background-position:left bottom;

		background-repeat:no-repeat;*/

	}

	#search_box_inner {

		/*background-image:url(images/new_interface/search_right.gif);

		background-position:right bottom;

		background-repeat:no-repeat;*/

		padding:0px 10px;

	}

	#search_box_canvas {

		height:22px;

		padding-top:5px;

		padding-bottom:5px;

		color:#2C457C;

	}

	#search_box_canvas a {

		color:#2C457C;

		text-decoration:underline;

	}

	#search_box_canvas a:hover {

		text-decoration:none;

	}

	

	#quickSearch {

		border-left:1px solid #465475;

		border-top:1px solid #465475;

		border-bottom:1px solid #465475;

		border-right:none;

		padding:2px;

		height:16px;

		width:160px;

	}

	#header {
		margin:0px;
		padding:0px;
		background-color:#FFFFFF;
		background-image:url(images/mainbg.gif);
	}	

	#header_strapline {

		width:568px;

		height:48px;

		text-align:right;

		position:absolute;

		margin-top:-48px;

		margin-left:338px;	

		color:#EC3D00;

		font-family:Verdana, Arial, Helvetica, sans-serif;

		font-size:18px;

		font-weight:bold;

		line-height:48px;

	}

	#header_strapline span {

		color:#FFFFFF;

		font-family:Arial, Helvetica, sans-serif;

		font-size:11px;

		font-weight:normal;

	}

	

	#white_canvas_top {

		/*background-image:url(images/new_interface/main_canvas_top.gif);

		width:900px;

		height:3px;*/

	}

	#white_canvas_bottom {

		/*background-image:url(images/new_interface/main_canvas_bottom.gif);

		width:900px;

		height:3px;*/

	}

	

	#footer_inner {

		background-color:#282828;	

		padding:10px;

		color:#FFFFFF;

	}

	

	#footer { color:#808FB0; padding:10px 0px 20px 0px; }

	#footer a { color:#808FB0; text-decoration:none; }

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

	#footer_copyright { float:left; }

	#footer_link { float:right; }

	

	#white_canvas {

		background-color:#FFFFFF;
		/*background-image:url(images/new_interface/whitebg.jpg);
		background-repeat:repeat-y;*/
		padding:0px 0px;
		border-left: solid 1px #000000;
		border-right: solid 1px #000000;
		border-bottom: solid 1px #000000;		

	}


	#white_canvas_inner {

		background-color:#FFFFFF;
		background-image:url(images/mainbg.gif);
		background-repeat:repeat-y;		

	}


	#white_canvas_inner_separator {

		background-image:url(images/new_interface/separator_vertical.gif);

		background-repeat:repeat-y;

		background-position:190px 0px;

		height:1%;

	}

	

		/* total width of left & right column: 900px; */

		#left_column {

			float:left;

			width:190px;

			height:1%;

			margin-right:10px;
			
			background-color: #2c457c;

			

		}

		

			.left_column_promos_placeholder {

				height:321px;

			}

			.left_column_promos {

				padding-left:10px;

				text-align:center;

				position:absolute;

				margin-top:-201px;
				
				background-color: #2c457c;

			}

			

			.leftColumnBox {
				background-color: #7A89AA;
				padding:10px;

			}

			

			.leftColumnBoxHeader {

				font-family:Arial,Helvetica,sans-serif;

				font-size:14px;

				font-weight:bold;
				
				color: #fff;

			}

		

		#right_column {

			float:left;

			width:680px;

			height:1%;

			padding:0px 7px;

		}

	

/*

***********************************************************



	MENUS (top, left and bottom)



***********************************************************

*/



	#menu_top {

		background-color:#2c457c;

		color:#FFFFFF;

		<!--margin-bottom: 3px;-->

		height:1%;

	}

	#menu_top ul {

		float:left;

		list-style-type:none;

		margin:0px;

		padding:0px;

	}

	#menu_top ul li { float:left; }

	#menu_top ul li a {

		float:left;

		height:1%;

		display:block;

		color:#FFFFFF;

		text-decoration:none;

		padding:10px;

		line-height:12px;	

	}

	#menu_top ul li a:hover {

		background-color:#4b6190;

	}

	#menu_top ul li a.selected { 

		background-color:#1a2748;

	}

	#menu_top ul li a.selected:hover { 

		background-color:#1a2748;

	}	

	

	#mini_basket {

		float:right;

		width:400px;

		height:1%;

	}

	#mini_basket table {

		float:right;

	}

	#mini_basket table td { height:32px; padding-right:10px; }

	#mini_basket a {

		color:#FFFFFF;

		text-decoration:underline;

	}

	#mini_basket a:hover {

		text-decoration:none;

	}

	

	#menu h1 {

		padding-left:10px;

	}

	

	#menu ul {

		margin:0px;

		padding:0px;

		list-style-type:none;

	}

	#menu ul li {

		float:left;

		background-color:#2c457c;

	}

	#menu ul li:hover {

		background-color:#596D98;

	}

	#menu ul li:hover ul {

		left:auto;

	}

	#menu ul li a {

		display:block;

		font-size:12px;

		padding:3px 0px 3px 10px;

		width:180px;

		height:1%;

		text-decoration:none;

		color:#FFFFFF;

	}

	#menu ul li a:hover {

		background-color:#596D98;

	}

	#menu ul li a.current {

		background-color:#596D98;

	}

	

	#menu ul li ul {

		position:absolute;

		margin-left:190px;

		width:190px;

		background-color:#596D98;

		z-index:2000;

		left:auto;

		margin-top:-21px;

		left:-9999px;

	}

	#menu ul li ul li a {

		background-color:#596D98;

	}

	#menu ul li ul li a:hover {

		background-color:#96A5C2;

	}

	

	

/*

***********************************************************



	PAGE-SPECIFIC: FRONT PAGE



***********************************************************

*/



	.home_left {

		float:left;

		width:356px; 

		height:235px;

		margin-right:10px;

	}

	

		.welcome_text { width:100%; height:100%; }

		.welcome_text td {

			/*background-color:#F0F0F0;*/

			padding:10px;

			text-align:left;

			vertical-align:top;

		}



	.home_right {

		float:left;

		width:314px;

		height:235px;

	}

	

	#auth_username_label,#auth_password_label { margin-bottom:4px; }

	#auth_username,#auth_password,#auth_login { margin-bottom:10px; }

	

	

/*

***********************************************************



	PAGE-SPECIFIC: PRODUCT DETAILS PAGE



***********************************************************

*/



	.product_canvas {

		background-image:url(images/new_interface/separator_vertical.gif);

		background-repeat:repeat-y;

		background-position:350px;

		height:1%;

	}

	

	.product_left {

		float:left;

		width:330px;

		height:1%;

		margin-right:40px;

	}



	.product_right {

		float:left;

		width:300px;

		height:1%;

		padding-right:10px;

	}

	

	.price {

		color:#CC0000;

		font-size:14px;

		font-weight:bold;

	}

	

	/*.product_image { border:1px solid #cccccc; }*/

	.product_image a { text-decoration:none; }

	.product_image img { border:0px; }

	

	.product_detailed_images .product_detailed_image {

		float:left;

		width:100px;

		border:1px solid #cccccc;

		margin-right:12px;

	}

	

	.product_options {

		border:1px solid #cccccc;

	}



	

/*

***********************************************************



	SITE-WIDE CLASSES



***********************************************************

*/



	.NavigationPath a {

		color:#c0c0c0;

		text-decoration:none;

	}

	.NavigationPath a:hover {

		text-decoration:underline;

	}



	.productBox {

		float:left;

		width:143px;

		height:1%;

		margin-left:12px;

		margin-bottom:10px;

	}

		.product_right .productBox {

			width:143px;
			margin-left:0px;

		}

	

	.productThumbnail {
/*
		width:158px;

		height:158px;
*/		
		width:143px;

		height:143px;

		/*border:1px solid #cccccc;*/
		
		display: table-cell;
		vertical-align: bottom;

		text-align:center;

	}

		.product_right .productThumbnail {

			width:143px;

			height:143px;

		}

	

	.productThumbnail img {

		border:0px;

	}

	.productPriceLabel {

		text-align:center;

		color:#000000;

		padding-top:4px;

	}

	.productPriceLabel span {

		color:#CC0000;

		font-weight:bold;

	}

	

	.productBox a {

		display:block;

		text-decoration:none;

		color:#000000;

	}	



	.categoryBox {

		float:left;

		width:160px;

		height:1%;

		margin-right:12px;

		margin-bottom:10px;

	}

	

	.categoryThumbnail {

/*		width:158px;

		height:158px;
*/
		width:143px;

		height:143px;

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

	}

	
	.categoryThumbnail img {

		border:0px;

/*		width:158px;

		height:158px;
*/
		width:143px;

		height:143px;


	}

	.categoryTitle {

		text-align:center;

		color:#000000;

		padding-top:4px;

		font-weight:bold;

	}

	

	.categoryProductCount {

		text-align:center;

	}

	

	.categoryBox a {

		display:block;

		text-decoration:none;

		color:#000000;

	}

	

	.red { color:#CC0000; }

	

	.defaultTable { border-collapse:collapse; border:1px solid #999999; }

	.defaultTable th { background-color:#DDDDDD; border:1px solid #999999; color:#666666; padding:4px; }

	.defaultTable td { padding:4px; border:1px solid #999999; }

	.defaultTable tr.trOver { background-color:#F7FDE3; }

	.defaultTable tr.trEven { background-color:#F1F1F1; }



	

	.products_filters {

		margin-bottom:10px;

	}

	.products_filters a {

		text-decoration:none;

		color:#000000;

		display:block;

		padding:2px 3px;

		border:1px solid #FFFFFF;

	}

	.products_filters a:hover {

		border:1px solid #000000;

	}

	.products_filters img {

		border:0px;

	}

	

		.products_pagerlinks {

			float:left;

		}

		.products_pagerlinks td.NavigationCellSel {

			font-weight:bold;

		}

		.products_pagerlinks td.NavigationTitle { padding-right:10px; }

		.products_sortlinks {

			float:right;

		}

	

	

	

	

	

	.navigationFramed {

		width:100%;

		/*background-color:#F3F5F8;*/

		margin-bottom:10px;

	}

	.navigationFramed a {

		color:#000000;

	}

		

	TABLE.ButtonTable {

		CURSOR: pointer;

		VERTICAL-ALIGN: middle;

		DIRECTION: ltr;

	}

	TD.Button {								 

		background-color: #1e2c51;

		padding:0px 4px;

		vertical-align:middle;

		white-space:nowrap;

		color:#FFFFFF;

	}

	img.GoImage {

		border:0px;

	}	

	

	font.ProductTitle {

		font-size:14px;

		font-weight:bold;

	}

	

	td.PListImgBox { padding:10px; }

	td.PListImgBox img {

		border:0px;

	}

	

	.TableHead {

		background-color: #DDDDDD;

		FONT-WEIGHT: bold;

	}



	

	/* NEW: Dialog box */

	.DialogNew {

		height:28px;

		background-image:url(images/dialog_new_back.gif);

		background-repeat:repeat-x;

	}

	.DialogNewLeft { float:left; }

	.DialogNewTitle {

		float:left;

		background-image:url(images/dialog_new_title_back.gif);

		background-repeat:repeat-x;

		font-weight:bold;

		font-size:14px;

		line-height:14px;

		padding-top:7px;

		padding-bottom:7px;

		background-color:#F3F5F8;

	}

	.DialogNewRight { float:left; }

	

	.DialogNewContent {

		background-color:#f7f7f7;

		border-left:1px solid #ccc;

		border-right:1px solid #ccc;

		border-bottom:1px solid #ccc;

		padding:20px;	

	}

	

	/*

		Dialog box

	*/

	TABLE.DialogBox {

		WIDTH: 100%;

		HEIGHT: 100%;

		VERTICAL-ALIGN: top;

	}

	TD.DialogBox {

		background-color: #ffffff;

		TEXT-ALIGN: left;

		PADDING: 10px;

	}

	.DialogBorder {

		background-color: #68C1FF;

		HEIGHT: 100%;

		PADDING: 0px;

	}

	TD.DialogTitle {

		color: #000000;

		FONT-WEIGHT: bold;

		font-size: 11px;

		background-IMAGE: url(images/dialog_bg_n.gif);

		VERTICAL-ALIGN: bottom;

		HEIGHT: 15px;

		PADDING-TOP: 0px;

		PADDING-BOTTOM: 0px;

		PADDING-LEFT: 10px;

		PADDING-RIGHT: 0px;

		TEXT-ALIGN: left;

	}

	FONT.DialogTitle {

		color: #FFFFFF;

		FONT-WEIGHT: bold;

		font-size: 11px;

		VERTICAL-ALIGN: bottom;

		HEIGHT: 15px;

		TEXT-ALIGN: left;

		MARGIN-LEFT: 10px;

	}	

	

	/*

		Dialog info box

	*/

	TABLE.DialogInfo {

		WIDTH: 85%;

		TEXT-ALIGN: center;

	}

	.DialogInfoTitle {

		color: #FFFFFF;

		FONT-WEIGHT: bold;

		font-size: 11px;

		VERTICAL-ALIGN: bottom;

		TEXT-ALIGN: left;

		HEIGHT: 15px;

		PADDING-TOP: 0px;

		PADDING-BOTTOM: 0px;

		PADDING-LEFT: 5px;

		PADDING-RIGHT: 5px;

	}

	.DialogInfoTitleBorder {

		background-color: #081589;

		PADDING: 0px;

		VERTICAL-ALIGN: bottom;

		HEIGHT: 15px;

	}

	.DialogInfoBorder {

		background-color: #081589;

		PADDING: 0px;

	}

	.DialogInfoIcon {

		WIDTH: 16px;

		HEIGHT: 16px;

	}

	.DialogInfoClose {

		WIDTH: 15px;

		HEIGHT: 13px;

	}

	.DialogInfoClose img { border:0px; }

	

	a.PopupHelpLink img { border:0px; }

	

	.category_tree {

		position:absolute;

		width:300px;

		color:#FFFFFF;		

	}

	

	



/*

***********************************************************



	MARGIN & SEPARATOR CLASSES



***********************************************************

*/



div.separator { height:1px; border-bottom:1px solid #cccccc; }



.mt0 { margin:0px; }

.mt0 { margin-top:0px; }

.mb0 { margin-bottom:0px; }

.mt10 { margin-top:10px; }

.mb10 { margin-bottom:10px; }

.mt20 { margin-top:20px; }

.mb20 { margin-bottom:20px; }



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

fieldset { padding-left:3px; margin:0; border:1px solid #CCCCCC; }

legend { margin-left:10px; color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#2C457C; font-weight:bold; }

.SearchSortTitle {
color:#000099;
}	

.SearchSortCell {
color:#000099;
}	

.SearchSortLink {
color:#000099;
}	

.SearchSortLink {
text-decoration:underline;
}	

.SearchSortImg {
margin:0;
}

#dhtmltooltip {
	position:absolute;
	left:-1000px;
	top:0px;
	background-color:#FFFFFF;
	border:2px solid #000000;
	padding:10px;
}