@charset "UTF-8";
/* CSS Document */

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

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 80px;
	margin-left: 0px;
	background-color: #596e74;
	background-image: url(../images/bg_tile.gif);
	background-repeat: repeat-x;
	margin-left: expression((document.body.clientWidth - 965 )/ 2);
	
	}

p {
	font-size: 70%;
	line-height: 1.3em;
	margin-bottom: 1.2em;
	}
	
	
a {
	font-size: 70%;
	line-height: 1.3em;
	}

h1 {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 140%;
	color: #000000;
	margin-top: 15px;
	margin-bottom: 15px;
	font-weight: normal;
	letter-spacing: 0.05em;
	float: left;
	}
	
h2 {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 120%;
	color: #000000;
	}


h3 {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 100%;
	margin-bottom: 10px;
	font-weight: normal;
	}
	
h4 {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 110%;
	color: #000000;
	}
	
.line {
	width: 100%;
	border-top: 1px solid #FF6600;
	margin-bottom: 20px;
	}
ins
{
    margin : 10px;
}	
ul#nav {
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	list-style: none;
	margin-top: 2px;
	}
	
	ul#nav li{
		display: inline;
		}
	
	ul#nav li a{
		display: block;
		color: #FFF;
		text-decoration: none;
		text-align: center;
		float:left;
		margin-top: 1px;
		border: 0px;
		}
	
	ul#nav li a:hover{
		color: #CC3300;
		}
		
		
	ul#nav li a.home{
		margin-top: 10px;
		margin-left: 8px;
		width: 47px;
		}
		
	ul#nav li a.aboutus{
		margin-top: 10px;
		width: 67px;
		}
		
	ul#nav li a.whyuse{
		margin-top: 10px;
		width: 87px;
		}
		
	ul#nav li a.divide{
		width: 1px;
		margin: -1px;
		}
		
	ul#nav li a.swapsoffered{
		margin-left: 8px;
		}
	ul#nav li a.swapswanted{
		margin-top: 1px;
		}
	ul#nav li a.myzone{
		margin-top: 1px;
		}
		
	ul#nav li a.help{
		margin-top: 10px;
		width: 50px;
		}
		
	#search-wrapper{
		width: 245px;
		float:right;
		margin-top: 10px;
		}
		
		.search_line{
			margin-right: 25px;
			float: left;
			}
		
		#search{
			width: 170px;
			height: 17px;
			float:left;
			color: #333333;
			font-size: 70%;
			padding-left: 3px;
			margin-top: 5px;
			}
			
			.search_button{
				margin-top: 6px;
				margin-right: 20px;
				float: right;
				}


/* Tools */

.clear {
	clear: both;
	}
	
.left {
	float: left;
	}
	
.right {
	float: right;
	}
	
.border {
	border: 1px solid #999999;
	}
	
.margin-top {
	margin-top: 3px;
	}
	
div#pagewrap {
	width: 965px;
	height: auto;
	padding: 0px 10px 30px 10px;
	margin: 0 auto;
	background-color: #FFF;
	}
	
div#pagewrap-preview {
	width: 750px;
	height: auto;
	padding: 0px 10px 30px 10px;
	margin: 0 auto;
	background-color: #FFF;
	}
	
.centre {
	width: 722px;
	margin-left: 20px;
	}
	
.centre-propose {
	width: 702px;
	margin-left: 20px;
	padding-right: 20px;
	}

/* Colours */

.orange-1	 	{color: #FF6600;}
.orange-2 		{color: #993300;}
.grey-1 		{color: #333333;}
.grey-1 		{color: #666666;}
.cool-grey-1	{color: #596e74;}


/* CSS Header Section */

	
div#headerwrap {
	width: 965px;
	background: url(../images/header_bg.gif) repeat-x top;
	height: 115px;
	}
	
	div#header-col-1 {
		width: 720px;
		height: 80px;
		float: left;
		}
		
		div#header-col-1-box-1 {
			width: 198px;
			height: 80px;
			float: left;
			}
			
			div#header-col-1-box-1 .logoswapu4it  {
				margin: 25px 0 0 25px;
				}
			
		div#header-col-1-box-2 {
			width: 522px;
			height: 80px;
			float: left;
			}
			
		
	div#header-col-2 {
		width: 235px;
		height: 80px;
		float: right;
		}
		
		div#header-col-2 .join_now  {
			margin: 8px 10px 0 0;
			float: right;
			}
		div#header-col-2 #login  {
			width: 225px;
			text-align: right;
			margin: 8px 10px 0 0;
			float: right;
			font-family: verdana;
			font-size: 75%;
			color: #333333;
			}
				
			div#header-col-2 #login a  {
				font-size: 90%;
				color: #666666;
				}
				
				div#header-col-2 #login a:hover  {
					color: #111111;
					}
	
div#header-col-2 #login-text-wrapper
{
    width:300px;
}
div#header-col-2 #login-left-text  {
    text-align: left;
    margin: 8px 10px 0 0;
    float: right;
    font-family: verdana;
    font-size: 75%;
    color: #333333;
}

div#header-col-2 #login-right-text  {
    text-align: right;
    margin: 8px 10px 0 0;
    float: right;
    font-family: verdana;
    font-size: 75%;
    color: #333333;
}
				
div#header-col-2 #login-right-text a  {
    font-size: 90%;
    color: #666666;
}

div#header-col-2 #login-right-text a:hover  {
    color: #111111;
}


/* Body Section */


	/* Home Row 1 - Top Left Panels and Main Image */
	
	div#row1wrap {
		width: 965px;
		height: 225px;
		margin-top: 8px;
		}
		
		div#row1wrap-content {
		width: 965px;
		margin-top: 8px;
		}
		
		div#row1wrap-content-preview {
		width: 745px;
		margin-top: 8px;
		}
		
		div#row1-left {
			width: 198px;
			height: 225px;
			float: left;
			}
			
			div#row1-left-content {
				width: 198px;
				float: left;
				}
			
			div#row1-box-1 {
				width: 198px;
				height: 36px;
				float: left;
				background: url(../images/box_refer_friend_1.gif) no-repeat top;
				}
				
				div#row1-box-1-content {
					width: 178px;
					height: 16px;
					margin: 10px;
					float: left;
					color: #596e74;
					font-size: 85%;
					}
					
					div#row1-box-1-content a{
						font-size: 90%;
						color: #596e74;
						text-decoration: underline;
						}
						
						div#row1-box-1-content a:hover{
						font-size: 90%;
						color: #2d3a3e;
						text-decoration: underline;
						}
				
			div#row1-box-2 {
				width: 198px;
				height: 52px;
				float: left;
				margin-top: 3px;
				background: url(../images/box_refer_friend_2.gif) no-repeat top;
				}
				
				div#row1-box-2-content {
					width: 178px;
					height: 32px;
					margin: 10px;
					float: left;
					color: #596e74;
					font-size: 75%;
					}
					
					div#row1-box-2-content a{
						font-size: 90%;
						color: #596e74;
						text-decoration: underline;
						}
						
						div#row1-box-2-content a:hover{
						font-size: 90%;
						color: #2d3a3e;
						text-decoration: underline;
						}

				
			div#row1-box-3 {
				width: 198px;
				height: 64px;
				float: left;
				margin-top: 3px;
				background: url(../images/box_swaps_details.gif) no-repeat top;
				}
				
				div#row1-box-3-content {
					width: 178px;
					height: 44px;
					margin: 10px;
					float: left;
					color: #596e74;
					font-size: 75%;
					/*background: url(../images/digital_counter_blank.gif) no-repeat top;*/
					}
					.row1-box-3-content-inner
					{
					    background: url(../images/digital_counter_blank.gif) no-repeat top;
					    height:28px;
					    color:#1195CC;
					    font-size:18px;
					    padding-right:10px;
					    text-align:right;
					    font-family: LCD Display Grid;
					    padding-top: 4px;
					}
					
					div#row1-box-3-content .counter {
						margin: 3px 0 0 5px;
						}
				
			div#row1-box-4 {
				width: 198px;
				height: 64px;
				float: left;
				margin-top: 3px;
				background: url(../images/box_swaps_details.gif) no-repeat top;
				}
				
				div#row1-box-4-content {
					width: 178px;
					height: 44px;
					margin: 10px;
					float: left;
					color: #596e74;
					font-size: 75%;
					}
					
					div#row1-box-4-content .counter {
						margin: 3px 0 0 5px;
						}
		
		div#row1-right {
			width: 742px;
			height: 225px;
			float: right;
			}
			
		div#row1-right-content {
			width: 742px;
			float: right;
			text-align: left;
			}
			
		div#bread-crumbs-wrapper {
			width: 100%;
			float: left;
			height: 20px;
			margin-top: 5px;
			}
			
			ul#bread-crumbs {
				list-style: none;
				}
				
				ul#bread-crumbs li{
					display: inline;
					}
					
					ul#bread-crumbs li a{
						font-size: 70%;
						color: #FFFFFF;
						display: inline;
						height: 17px;
						height: expression("20px");
						text-decoration: none;
						text-align: center;
						float: left;
						width: auto;
						padding-left: 5px;
						padding-right: 5px;
						padding-top: 3px;
						background:  url(../images/bread_tile.gif) repeat-x top;
						}
						
						ul#bread-crumbs li a:hover{
							color: #333333;
							}

						
						ul#bread-crumbs li.normal{
							display: block;
							height: 20px;
							width: 15px;
							float: left;
							}
						
						ul#bread-crumbs li.change{
							display: block;
							height: 20px;
							width: 15px;
							float: left;
							}
						
						ul#bread-crumbs li.on{
							font-size: 70%;
							color: #AAA;
							display: block;
							height: 17px;
							height: expression("20px");
							text-decoration: none;
							text-align: center;
							float: left;
							width: auto;
							padding-left: 5px;
							padding-right: 5px;
							padding-top: 3px;
							background:  url(../images/bread_light_tile.gif) repeat-x top;
							}
						
						ul#bread-crumbs li.end{
							display: block;
							height: 20px;
							width: 10px;
							float: left;
							}
						
		div#description-wrapper{
			width: 520px;
			float: left;
			margin-top: -160px;
			}
		
		.description_title{
			font-size: 100%;
			font-weight: bold;
			color: #333;
			float: left;
			}
			
		ul#description-bullets{
			float: left;
			width: 400px;
			margin-left: 40px;
			margin-bottom: 30px;
			}
			
			ul#description-bullets li{
				font-size: 70%;
				float: left;
				width: auto;
				list-style-position: outside;
				}
				
		ul#description-bullets-fullpage{
			float: left;
			width: 700px;
			margin-left: 40px;
			margin-bottom: 30px;
			}
			
			ul#description-bullets-fullpage li{
				font-size: 70%;
				float: left;
				width: 100%;
				list-style-position: outside;
				line-height: 1.3em;
				margin-bottom: 12px;
				}
				
				
		ul#help-links {
			float:left;
			margin-bottom: 40px;
			}
			
		ul#help-links li {
			list-style: none;
			}
			
		ul#help-links li a {
			color: #CC6600;
			font-size: 75%;
			line-height: 1.7em;
			}
			
		.grey-link {
			color: #666;
			font-size: 100%;
			line-height: 1.3em;
			}
				
				
			
		div#product-tabs-wrapper{
			float: right;
			width: 100%;
			height: 36px;
			margin-top: -30px;
			margin-bottom: 10px;
			background: url(../images/prod_tab_line_tile.gif) repeat-x bottom;
			}
			
			ul#product-tabs{
				width: auto;
				float: right;
				list-style: none;
				}
				
				ul#product-tabs li{
					display: inline;
					}
					
					ul#product-tabs li a{
					float: left;
					display: block;
					height: 36px;
					}
					
					ul#product-tabs li a.right-tab{
					margin-right: 7px;
					}
			
		.product-image{
			float: left;
			width: 300px;
			border: 1px solid #ccc;
			}	
			
		div#product-title{
			float: right;
			width: 425px;
			padding-top: 5px;
			padding-bottom: 10px;
			border-bottom: 1px solid #999;
			margin-bottom: 8px;
			}
			
		div#product-title-full{
			width: 742px;
			padding-top: 5px;
			padding-bottom: 10px;
			border-bottom: 1px solid #999;
			margin-bottom: 8px;
			}
			
		div#prod-column-wrapper{
			float: right;
			width: 425px;
			}
			
			div#prod-column-left{
				padding-top: 10px;
				float: left;
				width: 215px;
				}
				
				div#left-1{
					font-family: verdana;
					font-size: 75%;
					font-weight: bold;
					color: #333;
					float: left;
					width: auto;
					line-height: 1.8em;
					}
					
				div#left-2{
					font-family: verdana;
					font-size: 75%;
					color: #666;
					float: right;
					width: 130px;
					line-height: 1.8em;
					}
					
					.red-points{
						font-family: verdana;
						font-size: 150%;
						color: #FF0000;
						font-weight: bold;
						}
						
					div#left-2 a{
						font-family: verdana;
						font-size: 80%;
						color: #999;
						}
						
					div#left-2 a:hover{
						color: #333;
						}
						
					.green-button{
						text-align: center;
						padding-top: 30px;
						}
				
			div#prod-column-right{
				float: right;
				width: 202px;
				}
				
				div#prod-box-1{
					width: 182px;
					width: expression("202px");
					height: 108px;
					padding: 42px 10px 30px 10px;
					background-image: url(../images/prod_box_owner_info.gif);
					background-repeat: no-repeat;
					background-position: top;
					}
					
					div#owner-info{
						width: 170px;
						padding-bottom: 8px;
						border-bottom: 1px solid #b8c3c7;
						margin-bottom: 6px;
						margin-left: 5px;
						}
						
						.member-icon{
							margin-right: 8px;
							float: left;
							}
							
							div#owner-info a{
								margin-top: 1px;
								color: #FFF;
								font-size: 70%;
								text-decoration: none;
								float: left;
								}
								
								div#box-1-wrapper{
									width: 170px;
									margin: 0 auto;
									font-size: 70%;
									color: #ced7da;
									font-weight: bold;
									line-height: 1.8em;
									}
								
								div#box-1-left{
									width: 95px;
									float: left;
									}
									
								div#box-1-right{
									width: 65px;
									float: right;
									color: #FFF;
									}
									
								div#box-2-wrapper{
									width: 170px;
									margin: 0 auto;
									font-size: 70%;
									color: #ced7da;
									font-weight: bold;
									line-height: 1.8em;
									}
								
								div#box-2-left{
									width: 90px;
									float: left;
									}
									
								div#box-2-right{
									width: 70px;
									float: right;
									color: #FFF;
									}
									
								.reference-number{
									font-weight: normal;
									color: #000;
									}
					
				div#prod-box-2{
					width: 182px;
					width: expression("202px");
					height: 75px;
					padding: 40px 10px 30px 10px;
					background-image: url(../images/prod_box_item_info.gif);
					background-repeat: no-repeat;
					background-position: top;
					}
					
				div#prod-box-3{
					width: 162px;
					width: expression("202px");
					height: 46px;
					padding: 50px 20px 30px 20px;
					background-image: url(../images/prod_box_report_item.gif);
					background-repeat: no-repeat;
					background-position: top;
					}
					
				div#prod-box-3 a{
					font-size: 80%;
					margin-top: 5px;
					display: block;
					width: 120px;
					height: 20px;
					color: #FFF;
					float: right;
					text-decoration: underline;
					}
					
				div#prod-box-3 a:hover{
					color: #DDD;
					}
					
		div#row1-right-content .side-box {
			width: 220px;
			padding: 20px 20px 30px 20px;
			border: 1px solid #ccc;
			margin: 0 10px 15px 20px;
			float: right;
			background-color: #FFFFCC;
			}
			
			div#row1-right-content .side-box a{
				font-size: 100%;
				color: #FF6600;
				}
				
				div#row1-right-content .side-box a:hover{
					color: #CC3300;
					}
				
			div#row1-right-content .side-box ul.bullets{
				font-size: 70%;
				font-weight: bold;
				list-style-type: square;
				list-style-position: outside;
				margin-left: 8px;
				list-style-image: url(../images/bullet_arrows_orange.png);
				}
				
				div#row1-right-content .side-box ul.bullets li{
					margin-bottom: 10px;
					}
					
			div#row1-right-content .grey-box {
				width: 400px;
				padding: 36px 20px 36px 20px;
				border: 1px solid #ccc;
				float: left;
				background-color: #DDDDDD;
				}
				
			div#row1-right-content .grey-box-full {
				width: 700px;
				padding: 36px 20px 36px 20px;
				border: 1px solid #ccc;
				float: left;
				background-color: #DDDDDD;
				}
	
	
	
	
	/* Home Row 2 - Swap Feature Panel */
	
	.table-light {
		width: 965px;
		margin-top: 8px;
		}
		
		.table-light-header {
			width: 100%;
			height: 35px;
			}
			
			.table-light-header-col-1 {
				width: 960px;
				height: 35px;
				float: left;
				}
				
				.table-light-header-col-1-box-1 {
					width: 5px;
					height: 35px;
					float: left;
					background-image: url(../images/box_feature_tl.gif);
					}
					
				.table-light-header-col-1-box-2 {
					width: 945px;
					width: expression("955px");
					height: 35px;
					float: right;
					padding-left: 10px;
					background: url(../images/box_feature_t.gif) repeat-x top;
					}
					
					.table-light-header-col-1-box-2-title{
						display: block;
						width: 250px;
						height: 18px;
						margin-top: 8px;
						font-size: 80%;
						color: #000000;
						float: left;
						}
			
			.table-light-header-col-2 {
				width: 5px;
				height: 35px;
				float: right;
				background-image: url(../images/box_feature_tr.gif);
				}
			
		.table-light-body {
			width: 100%;
			height: 152px;
			}
			
			.table-light-body-col-1 {
				width: 960px;
				height: 152px;
				float: left;
				}
				
				.table-light-body-col-1-box-1 {
					width: 5px;
					height: 152px;
					float: left;
					background: url(../images/box_feature_l_tile.gif) repeat-y top;
					}
					
				.table-light-body-col-1-box-2 {
					width: 955px;
					height: 156px;
					float: right;
					background: url(../images/box_feature_body_tile_1.gif) repeat-x top;
					}
				
					.table-light-body-col-1-box-2 .img {
						margin-top: 8px;
						margin-bottom: 5px;
						border: 1px solid #666666;
						}
					.table-light-body-col-1-box-2 .img:hover {
						margin-top: 8px;
						margin-bottom: 5px;
						border: 1px solid #FFFFFF;
						}	
						.table-light-body-col-1-box-2 .labels {
							font-size: 75%;
							color: #FFF;
							}
					
			
			.table-light-body-col-2 {
				width: 5px;
				height: 152px;
				float: right;
				background: url(../images/box_feature_r_tile.gif) repeat-y top;
				}
			
			
			
			
		.table-light-footer {
			width: 100%;
			height: 35px;
			}
			
			.table-light-footer-col-1 {
				width: 960px;
				height: 35px;
				float: left;
				}
				
				.table-light-footer-col-1-box-1 {
					width: 5px;
					height: 35px;
					float: left;
					background: url(../images/box_feature_bl.gif);
					}
					
				.table-light-footer-col-1-box-2 {
					width: 945px;
					width: expression("955px");
					height: 35px;
					float: right;
					text-align: right;
					padding-right: 10px;
					background: url(../images/box_feature_b.gif) repeat-x top;
					}
					
					.table-light-footer-col-1-box-2 a {
						color: #666666;
						font-size: 75%;
						display: block;
						height: 20px;
						width: 200px;
						margin-top: 10px;
						float: right;
						}
						
						.table-light-footer-col-1-box-2 a:hover {
							color: #333333;
							}
			
			.table-light-footer-col-2 {
				width: 5px;
				height: 35px;
				float: right;
				background: url(../images/box_feature_br.gif);
				}
				
	
	
	/* Home Row 2 - Left Advertising Column and 2 x Category Boxes */
	
	div#row2wrap {
		width: 965px;
		margin-top: 8px;
		}
		
		div#row2-left {
			width: 198px;
			height: 600px;
			float: left;
			margin-top: 10px;
			/*background: url(../images/left_panel_gradient.gif) repeat-x #d2d7d8 top;*/
			}
			
			div#row2-left-content {
				margin-top: 10px;
				width: 198px;
				/*height: 820px;*/
				float: left;
				/*background: url(../images/left_panel_gradient.gif) repeat-x #d2d7d8 top;*/
				}
		
		div#row2-right {
			width: 742px;
			float: right;
			}
			
			div#row2-right-content {
				width: 742px;
				float: right;
				}
	
			.table-dark {
				width: 742px;
				margin-top: 8px;
				}
				
				.table-dark-header {
					width: 742px;
					height: 35px;
					}
					
					.table-dark-header-col-1 {
						width: 737px;
						height: 35px;
						float: left;
						}
						
						.table-dark-header-col-1-box-1 {
							width: 5px;
							height: 35px;
							float: left;
							background-image: url(../images/box_cat_tl.gif);
							}
							
						.table-dark-header-col-1-box-2 {
							width: 722px;
							width: expression("732px");
							height: 35px;
							float: right;
							padding-left: 10px;
							background: url(../images/box_cat_t.gif) repeat-x top;
							}
							
							.table-dark-header-col-1-box-2-title{
								display: block;
								width: 250px;
								height: 18px;
								margin-top: 8px;
								font-size: 80%;
								color: #000000;
								float: left;
								}
					
					.table-dark-header-col-2 {
						width: 5px;
						height: 35px;
						float: right;
						background-image: url(../images/box_cat_tr.gif);
						}
					
				.table-dark-body {
					width: 100%;
					/*height: 153px;*/
					}
					
					.table-dark-body-col-1 {
						width: 742px;
						/*height: 153px;*/
						float: left;
						}
						
						.table-dark-body-col-1-box-1 {
							width: 5px;
							/*height: 153px;*/
							float: left;
							background: url(../images/box_cat_l_tile.gif) repeat-y top;
							}
							
						.table-dark-body-col-1-box-2 {
							width: 742px;
							/*height: 153px;*/
							float: right;
							background: url(../images/box_cat_body_tile.gif) #79878c repeat-x top;
							}
							
							.table-dark-body-col-1-box-2 .cats-offered {
								/*margin-top: 10px;*/
								margin-left: 10px;
								color: #ffcc66;
								font-size: 75%;
								line-height: 1.5em;
								}
								
								
									.table-dark-body-col-1-box-2 .cats-offered a{
										color: #FFF;
										text-decoration: underline;
										font-size: 100%;
										}
										
										.table-dark-body-col-1-box-2 .cats-offered li a:hover{
											color: #ccc;
											}
							
					
					.table-dark-body-col-2 {
						width: 5px;
						/*height: 153px;*/
						float: right;
						background: url(../images/box_cat_r_tile.gif) repeat-y top;
						}
					
					
					
					
				.table-dark-footer {
					width: 100%;
					height: 33px;
					}
					
					.table-dark-footer-col-1 {
						width: 737px;
						height: 33px;
						float: left;
						}
						
						.table-dark-footer-col-1-box-1 {
							width: 5px;
							height: 33px;
							float: left;
							background: url(../images/box_cat_bl.gif);
							}
							
						.table-dark-footer-col-1-box-2 {
							width: 722px;
							width: expression("732px");
							height: 33px;
							float: right;
							text-align: right;
							padding-right: 10px;
							background: url(../images/box_cat_b.gif) repeat-x top;
							}
							
							.table-dark-footer-col-1-box-2 a {
								color: #666666;
								font-size: 75%;
								display: block;
								height: 20px;
								width: 200px;
								margin-top: 10px;
								float: right;
								}
								
								.table-dark-footer-col-1-box-2 a:hover {
									color: #333333;
									}
					
					.table-dark-footer-col-2 {
						width: 5px;
						height: 33px;
						float: right;
						background: url(../images/box_cat_br.gif);
						}
					
					
					
					
				.table-dark-footer {
					width: 100%;
					height: 33px;
					}
					
					.table-dark-footer-col-1 {
						width: 737px;
						height: 33px;
						float: left;
						}
						
						.table-dark-footer-col-1-box-1 {
							width: 5px;
							height: 33px;
							float: left;
							background: url(../images/box_cat_bl.gif);
							}
							
						.table-dark-footer-col-1-box-2 {
							width: 722px;
							width: expression("732px");
							height: 33px;
							float: right;
							text-align: right;
							padding-right: 10px;
							background: url(../images/box_cat_b.gif) repeat-x top;
							}
							
							.table-dark-footer-col-1-box-2 a {
								color: #666666;
								font-size: 75%;
								display: block;
								height: 20px;
								width: 200px;
								margin-top: 10px;
								float: right;
								}
								
								.table-dark-footer-col-1-box-2 a:hover {
									color: #333333;
									}
					
					.table-dark-footer-col-2 {
						width: 5px;
						height: 33px;
						float: right;
						background: url(../images/box_cat_br.gif);
						}
						
		#footer-links-wrap {
			width: 100%;
			text-align: center;
			}
			
			ul#footer-links {
				color: #79878c;
				font-size: 100%;
				margin-top:20px;
				list-style: none;
				}
				
				ul#footer-links li {
					display: inline;
					}
				
				ul#footer-links li a{
					padding-top: 7px;
					height: 20px;
					color: #79878c;
					text-decoration: none;
					}
					
					ul#footer-links li a:hover{
						color: #364f55;
						text-decoration: underline;
						}
						
	
	/* Product Results - Rows and Page Tools */
	
	.page-tools-wrapper {
		width: 300px;
		float: right;
		margin-top: -40px;
		}
		
		.page-tools-wrapper-2 {
			width: 300px;
			float: right;
			margin-top: 10px;
			margin-bottom: 40px;
			}
		
		.page-tools-wrapper .sort-combo {
			font-size: 80%;
			width: 300px;
			text-align: right;
			float: right;
			}
		
		.page-tools-wrapper .pagination {
			font-size: 80%;
			width: 500px;
			text-align: right;
			float: right;
			margin-top: 5px;
			margin-bottom: 5px;
			}
		
		.page-tools-wrapper .pagination .numbers {
			font-size: 100%;
			color: #CC6600;
			}
			
			.page-tools-wrapper .pagination .numbers:hover {
				color: #993300;
				}
			
		.page-tools-wrapper .pagination .numbers-on {
			font-size: 100%;
			color: #CCC;
			}
			
			.page-tools-wrapper .pagination .numbers-on:hover {
				color: #666;
				}
		
		.page-tools-wrapper .pagination .steps {
			font-size: 100%;
			color: #666;
			}
			
			.page-tools-wrapper .pagination .steps:hover {
				color: #333;
				}
			
			
			.page-tools-wrapper-2 .sort-combo {
				font-size: 80%;
				width: 300px;
				text-align: right;
				float: right;
				}
		
		.page-tools-wrapper-2 .pagination {
			font-size: 80%;
			width: 300px;
			text-align: right;
			float: right;
			margin-top: 5px;
			margin-bottom: 5px;
			}
		
		.page-tools-wrapper-2 .pagination .numbers {
			font-size: 100%;
			color: #CC6600;
			}
			
			.page-tools-wrapper-2 .pagination .numbers:hover {
				color: #993300;
				}
			
		.page-tools-wrapper-2 .pagination .numbers-on {
			font-size: 100%;
			color: #CCC;
			}
			
			.page-tools-wrapper-2 .pagination .numbers-on:hover {
				color: #666;
				}
		
		.page-tools-wrapper-2 .pagination .steps {
			font-size: 100%;
			color: #666;
			}
			.page-tools-wrapper-2 .pagination .steps:hover {
			color: #333;
			}
	
	
	.product-row-wrapper {
		width: 100%;
		float: left;
		padding-bottom: 10px;
		border-bottom: 1px solid #CC6600;
		margin-bottom: 10px;
		}
		
		.product-row-left {
			width: 500px;
			float: left;
			}
			
			.product-row-col-1 {
				width: 102px;
				float: left;
				}
				
				.product-thumb {
					border: 1px solid #CCC;
					}
				
				.product-thumb:hover {
					border: 1px solid #333;
					}
				
			.product-row-col-2 {
				width: 378px;
				float: right;
				}
				
			.product-row-col-2 .location-text {
				font-size: 80%;
				display: block;
				margin-top: 5px;
				margin-bottom: 10px;
				}
			
		.product-row-right {
			width: 232px;
			float: right;
			}
				
			.product-row-col-3 {
				font-size: 70%;
				line-height: 1.8em;
				width: 232px;
				float: right;
				}
			
			.product-row-col-3-left {
				font-weight: bold;
				width: 75px;
				float: left;
				}
				
			.product-row-col-3-right {
				width: 150px;
				float: right;
				}
				
				.product-row-col-3-button {
					margin-top: 6px;
					}
	
	
	/* My Zone */
	
	div#myzone-tabs-wrapper {
		width: 737px;
		padding-left: 5px;
		float: left;
		height: 36px;
		background: url(../images/myzone_tab_tile.gif) repeat-x bottom;
		}
		
		
	div#myzone-wrapper {
		width: 740px;
		float: left;
		border-left: 1px solid #999;
		border-right: 1px solid #999;
		border-bottom: 1px solid #999;
		}
		
	div#myzone-subnav-wrapper {
		width: 740px;
		float: left;
		height: 37px;
		background: url(../images/myzone_subnav_tile.gif) repeat-x top;
		}
		
	div#inner-content-wrapper {
		width: 700px;
		float: left;
		padding: 25px 20px 30px 20px;
		}
	div#DIV7{
		width: 700px;
		float: left;
		padding: 25px 20px 30px 20px;
		}
	div#Div3{
		width: 700px;
		float: left;
		padding: 25px 20px 30px 20px;
		}	
	div#Div4{
		width: 700px;
		float: left;
		padding: 25px 20px 30px 20px;
		}	
	div#Div5{
		width: 700px;
		float: left;
		padding: 25px 20px 30px 20px;
		}
	ul#myzone-tabs {
		list-style: none;
		}
	
		ul#myzone-tabs li {
			display: inline;
			}
			
			ul#myzone-tabs li a{
				display: block;
				height: 36px;
				float: left;
				text-align: center;
				}
				
				ul#myzone-tabs li a.account{
					width: 132px;
					}
				
				ul#myzone-tabs li a.mail{
					width: 83px;
					}
				
				ul#myzone-tabs li a.swaps{
					width: 93px;
					}
				
				ul#myzone-tabs li a.points{
					width: 94px;
					}
					
				ul#myzone-tabs li a.community{
					width: 116px;
					}
					
				div#upgrade-wrapper{
					float: right;
					width: 200px;
					height: 36px;
					overflow:visible;
					}
				
				div#upgrade{
					float: right;
					height: 16px;
					width: 83px;
					margin-top: -10px;
					margin-top: expression('0px');
					overflow:visible;
					z-index:1000;
					
					}
					
				div#member-status-wrapper{
					float: right;
					height: 20px;
					width: 200px;
					margin-top: 3px;
					}
					
				div#member-status{
					display: block;
					text-align: right;
					margin-top: 3px;
					font-size: 70%;
					width: auto;
					float: right;
					}
					
				div#member-status-icon{
					float: left;
					margin-right: 5px;
					width: 12px;
					}
					
					
		ul#myzone-subnav {
			list-style: none;
			}
	
		ul#myzone-subnav li {
			display: inline;
			}
			
			ul#myzone-subnav li a{
				font-family:Arial, Helvetica, sans-serif;
				display: block;
				float: left;
				text-align: center;
				font-size: 75%;
				color: #7b8a92;
				font-weight: bold;
				text-decoration: none;
				}
				
				ul#myzone-subnav li a:hover{
					color: #44575D;
					}
					
				ul#myzone-subnav li a.divide{
					width: 1px;
					height: 36px;
					margin-left: 20px;
					margin-right: 20px;
					}
					
				ul#myzone-subnav li a.start{
					margin-top: 6px;
					margin-left: 20px;
					}
					
				ul#myzone-subnav li a.active{
					margin-top: 6px;
					}
				
				ul#myzone-subnav li a.mystatus{
					margin-top: 11px;
					width: auto;
					margin-left: 30px;
					}
					
				ul#myzone-subnav li a.mydetails{
					margin-top: 11px;
					width: auto;
					}
					
				ul#myzone-subnav li a.paymenthistory{
					margin-top: 11px;
					width: auto;
					}
		
		.two-box-wrapper{
			width: 700px;
			margin-top: 20px;
			}
				
			.two-box-wrapper .two-box-1{
				float: left;
				width: 238px;
				border: 1px solid #AAA;
				padding: 15px;
				height: 90px;
				}
				
				.two-box-wrapper .two-box-1 .up-3px{
					display: block;
					height: 20px;
					float: right;
					width: 215px;
					text-align: left;
					}
				
				.two-box-wrapper .two-box-1 .dot-left{
					display: block;
					height: 23px;
					float: left;
					}
				
			.two-box-wrapper .two-box-2{
				float: right;
				width: 378px;
				border: 1px solid #AAA;
				padding: 15px;
				height: 90px;
				}			
					
					
			.propose-left{
				float: left;
				width: 310px;
				border: 1px solid #AAA;
				padding: 25px;
				background-color: #FFFFCC;
				height: 80px;
				margin-top: 16px;
				margin-bottom: 20px;
				}
				
			.propose-right{
				float: right;
				width: 300px;
				padding: 15px;
				height: 120px;
				margin-bottom: 20px;
				}
				
			.propose-title{
				font-size: 120%;
				font-family:Arial, Helvetica, sans-serif;
				font-weight: normal;
				margin-bottom: 10px;
				}
				
			.continue{
				text-align: right;
				}
				

				
			.search-text{
				color: #ccc;
				text-align: left;
				margin-bottom: 15px;
				float: left;
				padding-left: 3px;
				height: 20px;
				border: 1px solid #596e74;
				}
			

/* --------- Table Elements START ------------- */

TABLE.schedule {
	CLEAR: right; 
	BACKGROUND: #efefef; 
	MARGIN-BOTTOM: 5px; 
	WIDTH: 700px; 
	COLOR: #333; 
	LINE-HEIGHT: 1.4em; 
	BORDER-COLLAPSE: collapse;font-size:11px;
}			

TABLE.schedule THEAD TR {BACKGROUND: #bbc5ca; font-size:11px}
.column_order {BACKGROUND: #98a6ad}
TABLE.schedule THEAD TR TH {BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 0.6em; HEIGHT: 25px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 0.6em; PADDING-BOTTOM: 0.4em; BORDER-LEFT: #fff 1px solid; PADDING-TOP: 0.4em; BORDER-BOTTOM: #fff 1px solid;}
TABLE.schedule TBODY TR {BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 1px; BORDER-RIGHT-WIDTH: 1px}
TABLE.schedule TBODY TR.odd {BACKGROUND: #fff}
TABLE.schedule TBODY TR.disabled {	COLOR: #ff0000; BACKGROUND-COLOR: #ffcccc}
TABLE.schedule TBODY TR.disabled A:link {	COLOR: #ff0000}
TABLE.schedule TBODY TR.disabled A:hover:link {COLOR: #aa0000}
TABLE.schedule TBODY TD {BORDER-RIGHT: #888 1px solid; PADDING-RIGHT: 0.6em; BORDER-TOP: #9493ad 1px solid; height:26px;BORDER-LEFT: #888 1px solid; PADDING-TOP: 0.2em; BORDER-BOTTOM: #9493ad 1px solid}
TABLE.schedule THEAD TR TH A:link {COLOR: #000}
TABLE.schedule THEAD TR TH A:hover {COLOR: #333}
TABLE.schedule TBODY TD A:link {COLOR: #000; font-size: 100%;}
TABLE.schedule TBODY TD A:hover {COLOR: #666; font-size: 100%;}
TABLE.schedule TBODY TD A:visited {COLOR: #000; font-size: 100%;}



TABLE.schedule TABLE.inner { 
	margin-top: 0px;
	margin-bottom: 0px;
	BORDER-COLLAPSE: collapse;font-size:11px;
	border: 0px;
	margin-left: 0px;
}
TABLE.schedule TABLE.inner TBODY TD {
	PADDING-RIGHT: 0.0em; 
	PADDING-TOP: 0.0em; 
	BORDER:0px;
	}

.table-text {
	padding-left: 5px;
	padding-right: 5px;
	}

.table-text-red {
	color: #FF0000;
	}

.table_heading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	}

.table_heading:visited {
	color: #333;
	}

.table_heading_order:visited {
	color: #333;
	}

.table_heading_order {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	}


.table-pagination {
	width: 700px;
	float: left;
	font-size: 75%;
	color: #000;
	}

.table-pagination a{
	font-size: 90%;
	color: #CC6600;
	text-decoration: underline;
	}
	
	.table-pagination a:hover{
		color: #993300;
		}
		
	.table-pagination a.on{
		font-size: 90%;
		color: #CC9966;
		text-decoration: none;
		}

	.table-column-1 {
		width: 450px;
		float: left;
		}
		
		.table-column-1-box-1 {
			width: 200px;
			float: left;
			height: 20px;
			}
			
		.table-column-1-box-2 {
			width: 250px;
			float: right;
			height: 20px;
			}
	
	.table-column-2 {
		width: 250px;
		float: right;
		}
		
		.table-column-1-box-3 {
			width: 250px;
			float: right;
			height: 20px;
			text-align: right;
			}
			
	.login-wrapper {
		width: 670px;
		margin: 0 auto;
		}
		
	.login-left {
		float: left;
		width: 320px;
		}
		
	.login-right {
		float: right;
		width: 320px;
		}
		
		.login-box-320-header {
			width: 320px;
			height: 34px;
			background: url(../images/box_header_320.gif)
			}
			.login-box-reducer {
            color:#666666;
            font-size:90%;
            }
		.login-box-title {
			font-size: 110%;
			color: #000;
			font-family: Arial, Helvetica, sans-serif;
			margin-bottom: 10px;
			display: block;
			}
			
			.login-box-body {
            background-color:#EFEFEF;
            border:1px solid #647377;
            font-size:80%;
            height:180px;
            padding:20px;
            width:278px;
            }
		.login-box-body td
		{
		    font-size: 80%;
		}


	.box-580-wrapper {
		width: 580px;
		margin: 0 auto;
		}
		
		.box-580-header {
			width: 580px;
			height: 34px;
			background: url(../images/box_header_800.gif)
			}
		
		.box-body {
			width: 538px;
			padding: 20px;
			height: 100px;
			border-left: 1px solid #647377;
			border-right: 1px solid #647377;
			border-bottom: 1px solid #647377;
			background-color: #EFEFEF;
			font-size: 80%;
			}
			
		.box-body-2 {
			width: 538px;
			padding: 20px;
			height: 130px;
			border-left: 1px solid #647377;
			border-right: 1px solid #647377;
			border-bottom: 1px solid #647377;
			background-color: #EFEFEF;
			font-size: 80%;
			}
			
		.box-body a {
			color: #999;
			font-size: 80%;
			}
			
		.box-body a:hover {
			color: #333;
			}
			
		.login-fields {
			width: 99%;
			height: 20px;
			border: 1px solid #596e74;
			}
			
		.login-fields-multiline {
			width: 99%;
			border: 1px solid #596e74;
			margin-top: 10px;
			margin-bottom: 10px;
			}
			
		.fields-short {
			width: 100px;
			height: 20px;
			border: 1px solid #596e74;
			}
			
		.fields-2digits {
			width: 40px;
			height: 20px;
			border: 1px solid #596e74;
			}
			
		.combo-box-long {
			width: 200px;
			font-size: 90%;
			}
			
		.form-labels {
			font-size: 80%;
			color: #333;
			font-weight: bold;
			}
			
.tools-wrapper {
	width: auto;
	float: right;
	margin-bottom: 10px;
	margin-top: -30px;
	}
	
	.tools-wrapper .menu-left {
		padding-top: 10px;
		width: auto;
		float: left;
		margin-right: 20px;
		}
	
	.tools-wrapper .menu-left2 {
		padding-top: 10px;
		width: auto;
		float: left;
		}
	
	.tools-wrapper .menu-box {
		padding: 6px;
		width: 200px;
		float: left;
		background-color:#FFFFCC;
		color: #333;
		font-size: 90%;
		font-weight: bold;
		text-align:center;
		margin-right: 65px;
		border: 1px solid #ccc;
		margin-top: 3px;
		}
	
	.tools-wrapper .upgrade-lozenge{
		float: left;
		width: 204px;
		}
			
			
	.box-700-wrapper {
		width: 700px;
		margin: 0 auto;
		}
		
		.box-700-header {
			width: 700px;
			height: 34px;
			background: url(../images/box_header_700.gif)
			}
	
		.box-700-body 
		{
		    width: 658px;
		    width: expression('700px');
			padding: 20px;
			font-family:Verdana,Arial,Helvetica,sans-serif;
			font-size:12.8px;
			border-left: 1px solid #647377;
			border-right: 1px solid #647377;
			border-bottom: 1px solid #647377;
			background-color: #EFEFEF;
			
			}
			
			.box-700-body-addswap {
				width: 658px;
				padding: 20px;
				border: 1px solid #647377;
				background-color: #EFEFEF;
				font-size: 80%;
				}
			
		.box-700-body-left {
			width: 320px;
			height: 50px;
			float: left;
			text-align: center;
			}
			
		.box-700-body-right {
			width: 310px;
			height: 50px;
			float: right;
			text-align: left;
			}
			
		.box-700-body-right-text {
			display: block;
			width: 270px;
			margin-top: 10px;
			float:right;
			}
			
		.box-body a {
			color: #999;
			font-size: 80%;
			}
			
		.box-body a:hover {
			color: #333;
			}
			
		.box-700-yellow {
			width: 658px;
			width: expression('700px');
			height: 200px;
			padding: 20px;
			Padding-top: 30px;
			border: 1px solid #999999;
			background-color: #FFFFCC;
			font-size: 80%;
			}
			
			.box-700-yellow-left {
				width: 320px;
				float: left;
				}
			
			.box-700-yellow-left2 {
				font-size: 90%;
				margin-top: 20px;
				width: 320px;
				float: left;
				line-height: 2em;
				font-weight: bold;
				}
			
			.box-700-yellow-right {
				width: 320px;
				float: right;
				}
			
			.box-700-yellow-right2 {
				margin-top: 20px;
				padding-left: 10px;
				width: 310px;
				float: right;
				height: 80px;
				}
			
			.status-bullets {
				font-size: 100%;
				list-style-type: none;
				list-style-position: outside;
				margin-left: 8px;
				}
				
			.status-bullets li{
				margin-bottom: 8px;
				}
			.status-bullets-1 {
				font-size: 100%;
				list-style-type: disc;
				list-style-position: outside;
				}
			
			TABLE.details {
				width: 578px;
				margin-left: 80px;
				}
				
			TABLE.details tr td
				{
				    font-size: 80%;
				}
				
			TABLE.details-wide {
				width: 590px;
				margin-left: 40px;
				font-size:98%;
				}
				
			TABLE.title {
				width: 590px;
				background-color: #CCCCCC;
				}
			.table-titles {
				color: #000;
				font-size: 120%;
				font-weight: bold;
				font-family:Arial, Helvetica, sans-serif;
				padding-left: 10px;
				padding-top: 5px;
				padding-bottom: 5px;
				}
				
				
			div#points-calculation {
				width: 635px;
				margin-bottom: 20px;
				background-color: #FFFFCC;
				border: 1px solid #CCC;
				padding: 10px;
				text-align:center;
				}
			div#DIV8
			{
			    width: 635px;
				margin-bottom: 20px;
				background-color: #FFFFCC;
				border: 1px solid #CCC;
				padding: 10px;
				text-align:center;
			}	
			.points-banner {
				width: 678px;
				margin-bottom: 20px;
				background-color: #FFFFCC;
				border: 1px solid #CCC;
				padding: 10px;
				text-align:center;
				}
				
			.swap-description-field {
				width: 500px;
				}
				
			.swap-field-full {
				width: 100%;
				}
				
			.swap-button {
				margin-left: 10px;
				padding: 2px;
				}
			
			.orange-link {
				font-size: 90%;
				color: #CC3300;
				}
				
			.orange-link:hover {
				color: #990000;
				}
				
			.swap-title {
				font-size: 120%;
				color: #000;
				}
				
			.cancel {
				float: right;
				width: 70px;
				text-align: right;
				}
				
			.cancel a{
				font-size: 80%;
				color: #000;
				text-decoration: underline;
				}
				
			.cancel a:hover{
				font-size: 80%;
				color: #666;
				text-decoration: underline;
				}
				
			.h2-reducer{
				font-size: 70%;
				color: #333;
				font-weight: 500;
				}
				
				
				
	
/* Register */	
				
	.terms-box {
		font-size: 110%;
		padding: 10px;
		color: #666;
		margin-top: 20px;
		margin-bottom: 10px;
		width: 588px;
		font-family: "Times New Roman", Times, serif ;
		height: 100px;
		border: 1px solid #596e74;
		}
		
	.example_notes {
		display: block;
		font-size: 85%;
		color: #666;
		padding-left: 5px;
		padding-top: 5px;
		}

/* Swap Procedure */	

div#prop-top-wrapper {
		width: 700px;
		}
		
	div#prop-top-left {
		float: left;
		width: 400px;
		}
		
		div#prop-top-col-1 {
		float: left;
		width: 277px;
		background-color:#ebebeb;
		border-top:1px solid #626f73;
		border-left:1px solid #626f73;
		border-right:1px solid #626f73;
		padding: 10px;
		}
		
		div#prop-top-col-1-full {
		float: left;
		width: 678px;
		background-color:#ebebeb;
		border:1px solid #626f73;
		padding: 10px;
		}
		
		div#prop-top-col-2 {
		float: right;
		width: 100px;
		}
		
		.prop-top-col-2-image {
		margin-left: 3px;
		}
		
		.prop-thumb {
		border: 1px solid #999;
		margin-right: 10px;
		float: left;
		}
		
		.prop-titles {
		display: block;
		font-size: 80%;
		font-weight: bold;
		color: #000;
		margin-bottom: 5px;
		}
		
		.prop-info {
		font-size: 70%;
		color: #626f73;
		}
		
		.prop-info-points {
		display: block;
		margin-top: 10px;
		font-size: 70%;
		color: #626f73;
		}
		
	.prop-screen {
		display: block;
		margin-top: 15px;
		font-size: 80%;
		color: #333;
		text-align: left;
		}
		
		.prop-user {
		margin-right: 5px;
		}
		
	.prop-line {
		border-top: 1px solid #ccc;
		margin-bottom: 10px;
		}
		
	.prop-main-text {
		font-size: 75%;
		color: #000;
		line-height: 1.5em;
		}
		
	.prop-main-title {
		font-size: 120%;
		color: #2f3b3e;
		}
		
	div#prop-top-right {
		float: right;
		width: 277px;
		background-color:#f8f8f8;
		border-top:1px solid #c8cdce;
		border-left:1px solid #c8cdce;
		border-right:1px solid #c8cdce;
		padding: 10px;
		}
		
	.prop-main {
		float: left;
		width: 658px;
		background-color:#ebebeb;
		border-left:1px solid #626f73;
		border-right:1px solid #626f73;
		border-bottom:1px solid #626f73;
		padding: 20px;
		}
		
	.prop-main-full {
		float: left;
		width: 658px;
		background-color:#ebebeb;
		border:1px solid #626f73;
		padding: 20px;
		}
		
	.prop-main-left-tab {
		float: left;
		width: 323px;
		}
		
	.prop-main-tab-full {
		float: left;
		width: 658px;
		}
		
	.prop-main-right-tab {
		float: right;
		width: 323px;
		}
		
	.tab-container {
		background: url(../images/prop_tab_white.gif) top no-repeat;
		width: 323px;
		height: 35px;
		}
	
	.tab-container-full {
		background: url(../images/prop_tab_white_full.gif) top no-repeat;
		width: 658px;
		height: 35px;
		}
		
	.back-link {
		width: 200px;
		float: right;
		text-align: right;
		}
		
	.tab-body {
		background: #FFF;
		border-left: 1px solid #aab6ba;
		border-right: 1px solid #aab6ba;
		border-bottom: 1px solid #aab6ba;
		width: 291px;
		height: 320px;
		padding: 15px;
		}
		
	.tab-body-full {
		background: #FFF;
		border-left: 1px solid #aab6ba;
		border-right: 1px solid #aab6ba;
		border-bottom: 1px solid #aab6ba;
		width: 626px;
		padding: 15px;
		}
		
	.tab-container-title {
		display: block;
		font-size: 100%;
		color: #626f73;
		padding-top: 10px;
		padding-left: 15px;
		}
		
	table.delivery {
		margin-top: 5px;
		font-size: 70%;
		color: #000;
		}
	
	.delivery-field {
		width: 160px;
		border: 1px solid #acb6b9;
		height: 18px;
		margin-top: 2px;
		margin-bottom: 2px;
		}
		
	.delivery-field-longer {
		width: 200px;
		border: 1px solid #acb6b9;
		height: 18px;
		margin-top: 2px;
		margin-bottom: 2px;
		}
		
	.delivery-field-multi {
		width: 200px;
		border: 1px solid #acb6b9;
		height: 100px;
		margin-top: 2px;
		margin-bottom: 2px;
		}
		
				

/* --------- Table Elements END ------------- */

	
	
		
	/* Red Footer Area */	
				
	div#row-footer {
		width: 915px;
		padding: 20px 30px 10px 30px;
		background-color: #663333;
		}
		
		
		
		
		
	/* Credits */		
					
	div#row-credits {
		width: 985px;
		padding-top: 7px;
		margin: 0 auto;
		font-size: 70%;
		color: #CCC;
		}
		
	div#row-credits-preview {
		width: 770px;
		padding-top: 7px;
		margin: 0 auto;
		font-size: 70%;
		color: #CCC;
		text-align: center;
		}
		
		
	.close-window {
		width: 770px;
		padding-top: 10px;
		padding-bottom: 10px;
		margin: 0 auto;
		font-size: 70%;
		color: #FFF;
		background-color:#000;
		}
		
	.close-window a {
		color: #FFF;
		font-size:120%;
		}
		
	.close-window a:hover {
		color: #FF0000;
		}
		
		div#rights {
		width: auto;
		float: left;
		font-size: 100%;
		color: #CCC;
		}
		
		div#credits a {
		display: block;
		text-decoration: none;
		width: auto;
		float: right;
		font-size: 120%;
		color: #CCC;
		}
		
		div#creds {
		margin-top: 10px;
		margin-left: 560px;
		width: 277px;
		width: expression("325px");
		height: 42px;
		padding: 8px 8px 8px 35px;
		font-size: 80%;
		color: #666666;
		background: url(../images/creds_tag.png);
		background-repeat: no-repeat;
		}
		
		div#creds a {
		line-height: 20px;
		color: #666666;
		text-decoration: underline;
		}
		
		div#creds a:hover {
		color: #111111;
		}


div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 820px; 
    height:150px; 
    float:left;	
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
    margin-left:0px;
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left; 
} 
 
/* you may want to setup some decorations to active the item */ 
div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}

/*.scrollable {

	position:relative;
	overflow:hidden;
	width: 680px;
	height:120px;

	border:1px solid #ccc;
	background:url(/img/global/gradient/h300.png) repeat-x;
}*/

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
/*.scrollable .items {
	width:20000em;
	position:absolute;
	clear:both;
}*/

/* single scrollable item */
.scrollable img {
	float:left;
	margin:20px 10px 20px 21px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	cursor:pointer;
	width:100px;
	height:100px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	z-index:9999;
	position:relative;
}

/* this makes it possible to add next button beside scrollable */
/*.scrollable {
	float:left;	
}*/

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(../img/scrollable/arrow/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 10px;
	cursor:pointer;
	font-size:1px;
	padding-left:19px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(../img/scrollable/arrow/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	

p.answers
{
    margin-bottom:0;
    margin-top:0;
    display:none;
}