html, body {margin:0px; padding:0px; background:#FFFFFF; font-family: Arial, Helvetica, Verdana, sans-serif; font-size:12px;height:101%;}


/* The header and footer */
div#header{
	margin: 0 auto;
	width: 990px;
	border: 0px;
	height: 150px;
	background-color: #000;
	color: #FFF;
}
div#header_ultra{
	margin: 0 auto;
	width: 990px;
	border: 0px;
	height: 150px;
	background-color: #000;
	color: #FFF;
}
div#container{
	margin: 0 auto;
	width: 990px;
	border: 0px solid #FF0000;
}
#wrapper {position:relative; display:block;background:#B5B5B5; border-left:200px solid #7C7C7C; border-right:10px solid #B5B5B5;padding-top: 5px; overflow:visible;}
div#wrapper_ultra{position:relative; display:block;background:#B2BAC3; border-left:200px solid #667789; border-right:10px solid #B2BAC3;padding-top: 5px; overflow:visible;}

#trade-wrapper {position:relative; display:block;background:#BDBCC1; border-left:10px solid #BDBCC1; border-right:10px solid #BDBCC1;padding-top: 5px; min-height:470px;   height:auto !important;   height:470px; overflow:visible;width:970px}

div#trade-wrapper-login{position:relative; display:block;background:#BDBCC1; border-left:200px solid #7C7C7C; border-right:10px solid #BDBCC1;padding-top: 5px; overflow:visible;}

#left {float:left; position:relative; text-align: right;width:198px; margin-left:-210px; padding-right: 25px; display:inline;}
#right {float:right; position:relative; width:198px; margin-right:-197px; display:inline;}
.clear {clear:both;height:5px;overflow:hidden;}

#left ul li{
	width: 165px;
	list-style: none;
}
#left ul li ul li{
	width: 100%;
	list-style: none;
}
div#navigation_top{
	width: 100%;
	height: 98px;
	text-align: left;
	background-image: url('../../images/header_tap.jpg');
	background-repeat: no-repeat;
	background-position: 897px 0px;
}
div#header .searchbar_top{
	background-color: #7D7D7D;
	width: 100%;
	height: 30px;
	padding-top: 5px;
}
div#header_ultra .searchbar_top{
	background-color: #667789;
	width: 100%;
	height: 30px;
	padding-top: 5px;
}
div#left div.box1{
	float: left;
	width: 90%;
	height: 55px;
	border: 0px solid #FFF;
	vertical-align: middle;
	/*padding: 5px 0 0 5px;*/
	padding: 10px 0px 10px 27px;
	text-align: left;
}
div#searchbar_top div.box2{
	float: right;
	width: 980px;
	height: 25px;
	text-align: left;
	border: 0px solid #FFF;
}
div.box2 div{
	/*width: 150px;*/
	float: left;
}
div.box2 div#pApp{
	width: 195px;
	float: left;
}
div.box2 select{
	width: 150px;
	float: left;
}
div.box2 div#pCode{
	width: 150px;
	float: left;
}
.hudsontitle{
	font-size: 14px;
	color: #000;
	font-weight: bold;
}
.ultratitle{
	color: #051C3A;
	font-size: 14px;
	font-weight: bold;
}

div#content_left{
	float: left;
	width: 380px;
	display:inline;
}
div#content_right{
	float: right;
	width: 380px;
	display:inline;
}
div#content_single{
	float: right;
	width: 760px;
	display:inline;
}
div#content_trade{
	float: left;
	width: 970px;
	display:inline;
}
div#content_trade-white{
	float: left;
	width: 970px;
	display:inline;
	background-color: #FFF;
}
.thumbnail_image{
	width: 140px;
	text-align: center;
	padding: 10px;
}
h1{
	font-family: Arial,Helvetica,sans-serif;
	color: #FFF;
	font-size: 24px;
	font-weight: normal;
	line-height: 20px;
}
h2{
	font-family: Arial,Helvetica,sans-serif;
	color: #FFF;
	font-size: 18px;
	font-weight: normal;
	line-height: 14px;
}
h3{
	color: #102538;
	font-size: 18px;
	font-weight: bold;
	line-height: 14px;
}
h4{
	color: #102538;
	font-size: 16px;
	font-weight: bold;
	line-height: 12px;
}
h2 a:link,h2 a:visited{
	color: #102538;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	text-decoration: none;
}
h2 a:active,h2 a:hover{
	color: #1F4D7A;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	text-decoration: none;
}
.search_pagination{
	width: 100%;
	text-align: right;
	border: 0px solid #FFF;
	color: #102538;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
}
.search_pagination a:link,.search_pagination a:visited{
	color: #102538;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
	text-decoration: none;
}
.search_pagination a:active,.search_pagination a:hover{
	color: #1F4D7A;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
	text-decoration: none;
}
.NavigationButton {padding: 0px 5px 0px 5px; line-height: 100%; border-right-width: 1px; border-right-color: #FFFFFF; border-right-style: solid;}
.NavigationButtonWithOutBorder {padding: 0px 5px 0px 5px; line-height: 100%;}

a.NavigationButton:link, a.NavigationButton:visited{color: #FFFFFF; text-decoration: none; font-family:  Arial, Helvetica, Verdana, sans-serif; font-size: 14px;}
a.NavigationButton:hover, a.NavigationButton:active{color: #FECC5E; text-decoration: none; font-family:  Arial, Helvetica, Verdana, sans-serif; font-size: 14px;}

a.NavigationButtonWithOutBorder:link, a.NavigationButtonWithOutBorder:visited{color: #FFFFFF; text-decoration: none; font-family:  Arial, Helvetica, Verdana, sans-serif; font-size: 14px;}
a.NavigationButtonWithOutBorder:hover, a.NavigationButtonWithOutBorder:active{color: #FECC5E; text-decoration: none; font-family:  Arial, Helvetica, Verdana, sans-serif; font-size: 14px;}

a.UltraNavigation:link, a.UltraNavigation:visited{color: #FFFFFF; text-decoration: none; font-size: 14px; font-weight: bold;line-height: 18px;}
a.UltraNavigation:hover, a.UltraNavigation:active{color: #FECC5E; text-decoration: none; font-size: 14px; font-weight: bold;line-height: 18px;}

a.UltraNavigation_sub:link, a.UltraNavigation_sub:visited{color: #FFFFFF; text-decoration: none; font-size: 12px; font-weight: normal;line-height: 16px;}
a.UltraNavigation_sub:hover, a.UltraNavigation_sub:active{color: #FECC5E; text-decoration: none; font-size: 12px; font-weight: normal;line-height: 16px;}

/*-------------------------------------------------------------------------------------------*/
td.BodyAreaWithLeftMargin {padding: 5px 0px 0px 5px; background-color: #7D7D7D;}
td.BodyArea {padding: 5px 0px 0px 0px; background-color: #7D7D7D;}
td.BodyAreaGap {padding: 0px 0px 0px 0px; background-color: #7D7D7D; line-height: 6px;}
td.HomeTextArea {padding: 5px 5px 0px 5px; background-color: #C1C1C1;}
td.HomeTextGap {padding: 0px 0px 0px 0px; background-color: #C1C1C1;}

td.AdminTextHeading {padding: 0px 0px 0px 0px; color: #051C3A; background-color: #C1C1C1; font-family:  Arial, Helvetica, Verdana, sans-serif; font-size: 24px;}
td.AdminTextMidHeading {padding: 0px 0px 0px 0px; color: #051C3A; font-family:  Arial, Helvetica, Verdana, sans-serif; font-size: 24px;}
td.AdminTextSubHeading {padding: 0px 0px 0px 0px; color: #051C3A; font-family:  Arial, Helvetica, Verdana, sans-serif; font-size: 16px;}
td.AdminText {padding: 0px 0px 0px 0px; color: #051C3A; font-family:  Arial, Helvetica, Verdana, sans-serif; font-size: 14px;}

td.TradeTextHeading {padding: 0px 0px 0px 0px; color: #FFFFFF; background-color: #98b3d6; font-family:  Arial, Helvetica, Verdana, sans-serif; font-size: 14px;line-height: 150%;}

/*-------------------------------------------------------------------------------------------*/

/*
.NewsScrollText {padding: 0px 0px 0px 5px; font-family: Arial, Helvetica, Verdana, sans-serif; color:#000000; font-size: 14px; font-weight: normal; background-color: #FECC5E; Line-height: 175%;}
.NewsScrollArea {background-color: #FECC5E;}
.trade-NewsScrollArea {background-color: #98b3d6;}

*/
/*-------------------------------------------------------------------------------------------*/
.BodyAreaUltraHeadText {padding: 0px 0px 0px 5px; text-align: right; font-family: Arial, Helvetica, Verdana, sans-serif; color:#051C3A; font-size: 14px; font-weight: bold; background-color: #7D7D7D; Line-height: 120%;}
.BodyAreaHudsonHeadText {padding: 0px 0px 0px 5px; text-align: right; font-family: Arial, Helvetica, Verdana, sans-serif; color:#000000; font-size: 14px; font-weight: bold; background-color: #7D7D7D; Line-height: 120%;}

.BodyText {padding: 0px 0px 0px 0px; text-align: right; font-family: Arial, Helvetica, Verdana, sans-serif; color:#FFFFFF; font-size: 14px; font-weight: normal; background-color: #B5B5B5; Line-height: 120%;}
/*-------------------------------------------------------------------------------------------*/

/*
NEWS AREA / SCROLLER
*/
div#NewsScrollArea{
	height: 20px;
	background-color: #FECC5E;
	color:#000000;
	font-size: 12px;
	font-weight: normal;
	padding-top: 3px;
	line-height: 110%;
	overflow: hidden;
}

div#trade-NewsScrollArea{
	height: 20px;
	background-color: #98b3d6;
	color:#000000;
	font-size: 12px;
	font-weight: normal;
	padding-top: 3px;
	line-height: 110%;
	overflow: hidden;
}

.ticker
{
	position:	relative;
	visibility:	hidden;
	left:		0px; 
	top:		0px; 
	border-width:	1px;
	border-style:	solid;
	font-size:	12px; 
	font-weight:	bold; 
	width:		100%;
}
#ticker a:link, #ticker a:visited{
	color: #000000; 
	text-decoration: none; 
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 12px;
	font-weight: normal;
	line-height: 12px;
}
#ticker a:hover, #ticker a:active{
	color: #000000; 
	text-decoration: underline; 
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 12px;
	font-weight: normal;
	line-height: 12px;
}
.clstsu
{
	color:		green; 
	cursor:		pointer; 
	padding-bottom:	2px; 
	padding-left:	2em;
	padding-right:	2em;
	margin:		0px;
}

.clstsd
{
	color:		red; 
	cursor:		pointer; 
	padding-bottom:	2px; 
	padding-left:	2em;
	padding-right:	2em;
	margin:		0px;
}

.clstimg
{
	height:         12px;
	width:          18px;
}
a.newslinkText:link,a.newslinkText:visited{
	color: #000000; 
	text-decoration: none; 
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 14px;
	font-weight: normal;
	}

a.newslinkText:hover, a.newslinkText:active{
	color: #000000; 
	text-decoration: none; 
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 13px;
	font-weight: bold;
}

.news_faq_snippet{
	text-indent: 25px;
}

/*INPUT boxes and drop menus*/
.searchbar_top_input_text{
	font-size: 13px;
	color: #172B64;
	font-family: Arial,Helvetica,sans-serif;
	border: 1px #B5B5B5 solid;
	background-color: #FFF;
}
select{
	font-size: 13px;
	color: #172B64;
	font-family: Arial,Helvetica,sans-serif;
	border: 1px #B5B5B5 solid;
	background-color: #FFF;
}

/*Collections and search result grids*/
div.gridHolderCategorySmall{
	width: 135px;
	height: 167px;
	background-color: #FFF;
	font-size: 14px;
	color: #272727;
	border: 0px solid #272727;
	text-align: left;
	padding: 0px 5px 10px 0px;
	margin: 0px 5px 0px 5px;
	cursor: pointer;
}
div.gridHolderCategoryTextSmall{
	height: 30px;
	padding-top: 5px;
	padding-left: 8px;
	font-size: 14px;
	font-family: Arial,Helvetica,sans-serif;
	border: 0px solid #000;
	font-weight: normal;
}
div.gridMainItem{
	float: left;
	width: 295px;
	height: 382px;
	background-color: transparent;
	font-size: 14px;
	color: #272727;
	border: 0px solid #272727;
	text-align: left;
	padding: 0px 0px 5px 0px;
	cursor: pointer;
}
.gridMainItemText{
	/*height: 100px;*/
	padding-top: 5px;
	padding-left: 0px;
	font-size: 14px;
	font-family: Arial,Helvetica,sans-serif;
	border: 0px solid #000;
	color: #FFF;
}
.gridMainItemText b{
	color: #102538;
	font-size: 16px;
}
div#gridRangeContainerRight{
	width: 450px;
	border: 0px solid #000;
	height: 360px;
	background-color: transparent;
	float: right;
}
#gridProductContainerRight a:link,#gridProductContainerRight a:visited{
	color: #FFF;
}
div.gridHolderProductSmall{
	width: 135px;
	height: 181px;
	background-color: #FFF;
	font-size: 11px;
	color: #272727;
	border: 0px solid #272727;
	text-align: left;
	padding: 0px 0px 5px 0px;
	margin: 0px 10px 10px 0px;
	cursor: pointer;
	text-transform: capitalize;
	border: 0px solid #000;
}
.gridHolderProductTextSmall{
	height: 30px;
	padding-top: 5px;
	padding-left: 8px;
	font-size: 13px;
	font-family: Arial,Helvetica,sans-serif;
	border: 0px solid #000;
}
div#gridProductContainerRight{
	width: 450px;
	border: 0px solid #000;
	height: 360px;
	background-color: transparent;
	float: right;
	color: #FFF;
	font-size: 14px;
}
div#large_image{
	/*display: none;*/
	width: 586px;
	height: 674px;
	position: absolute;
	top: 25px;
	margin: 0 auto;
	border: 2px solid #272727;
}

/*SPARES WISH LIST PAGE*/
 .sparesWishlistHeaderRow{
 	background-color: #FFF;
	color: #102538;
	font-size: 14px;
	font-weight: bold;
 }
 .sparesWishlistItemRow{
 	background-color: #000;
	color: #FFF;
	font-size: 12px;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
 }
 
 .sparesWishlistItemRowGrey{
 	background-color: #E6E6FA;
	color: #000000;
	font-size: 12px;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
 }
 
.sparesProductItemRow{
   	background-color: #FFF;
	color: #000;
	font-size: 12px;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
 }
.sparesProductItemRow a:link, .sparesProductItemRow a:visited{
	color: #000;
	text-decoration: none;
}

.sparesProductItemRow a:hover, .sparesProductItemRow a:active{
	color: #006699;
	text-decoration: underline;
}
 
 .sparesWishlistItemRowWhite{
  	background-color: #FFF;
	color: #000;
	font-size: 12px;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
 }
 
 .sparesWishlistItemRowWhite input text{
	font-size: 10px;
	
 }
 
 .sparesWishlistItemRowBordered{
 	border: 1px solid #FFF;
 }
 
tr.tableRowSelectorEven td{
	background-color: #FFF;
	color: #333399;
}
tr.tableRowSelector td{
	background-color: #CCCCFF;
	color: #333399;
}

tr.tableRowSelectorEven td a, tr.tableRowSelector td a{
	color: #333399;
	text-decoration: none;
}
tr.tableRowSelectorOver td{
	background-color: #333333;
	color: #FFF;
}

tr.tableRowSelectorOver td a{
	background-color: #333333;
	color: #FFF;
	text-decoration: none;
}
 
/*WISH LIST PAGE*/
 .wishlistHeaderRow{
 	background-color: #E6E6FA;
	color: #102538;
	font-size: 14px;
	font-weight: normal;
 }
 .wishlistItemRow{
 	background-color: transparent;
	color: #000000;
	font-size: 12px;
 }
 .wishlistVolumeDiscountRow{
 	background-color: #000000;
	color: #98b3d6;
	font-size: 12px;
 }

label{
 	width: 25%;
	float: left;
	clear: left;
	text-align: right;
	white-space: nowrap;
	min-width: 5em;
	min-height: 1.3em;
	font-size: 1em;
	padding-right: 50px;
	line-height: 110%;
 }
#enqField{
 	padding-right: 40px;
 }
#adobe_reader, #adobe_reader a{
 	/*margin: 0 auto;*/
	width: 60%;
	font-size: 1em;
	color: #303030;
}
div#adobe_reader a{
	color: #303030;
}
.wishlistItemRowEven{
 	background-color: #A1A1A1;
	color: #FFFFFF;
	font-size: 12px;
 }
 .wishListQty{
 		font-size: 12px;
		background-color: transparent;
		color: #000000;
		border: 1px solid #000000;
 }
  .wishListQtyEven{
 		font-size: 12px;
		background-color: #A1A1A1;
		color: #FFFFFF;
		border: 1px solid #FFFFFF;
 }
 /**/
 .tradeListHeaderRow, .tradeListHeaderRowEven{
 	background-color: #FFF;
	color: Navy;
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
 }
 .tradeListDeliveryOption{
 	background-color: #FFF;
	color: Navy;
	font-size: 10px;
 }
 .tradeListItemRow{
 	background-color: transparent;
	color: Navy;
	font-size: 11px;
 }
.tradeListItemRowEven{
 	background-color: #A1A1A1;
	color: #FFFFFF;
	font-size: 111px;
 }
 .tradeListQty{
 		font-size: 111px;
		background-color: transparent;
		color: #000000;
		border: 1px solid #000000;
 }
  .tradeListQtyEven{
 		font-size: 11px;
		background-color: #A1A1A1;
		color: #FFFFFF;
		border: 1px solid #FFFFFF;
 }
 .trade-checkout-column label{
 	width: 40%;
	float: left;
	clear: left;
	text-align: right;
	white-space: nowrap;
	min-height: 1.3em;
	font-size: 1em;
	padding-right: 10px;
	line-height: 110%;
 }
 /*STATIC Pages*/
 #static_page_image{
 	padding: 0px 10px 10px 0px;
 }
/*misc spacers etc*/
.tenspace{
	font-size: 1px;
	line-height: 5px;
	width: 100%;
}
div#contact table{
	font-weight: bold;
	color: #000;
	font-size: 12px;
}

.errorText{
	font-weight: bold;
	color: #CD0001;
	font-size: 12px;
}
.news_snippet a:link,.news_snippet a:visited{
	font-weight: bold;
	color: #000;
	font-size: 12px;
	text-decoration: none;
}
.news_snippet a:hover,.news_snippet a:active{
	font-weight: bold;
	color: #000;
	font-size: 12px;
	text-decoration: underline;
}
.trade-checkout-row{
	width: 970px;
	height: 25px;
	float: left;
	border: 0px solid #404040;
	margin-right: 10px;
	 background-color: #98b3d6;
}
.trade-checkout-column{
	width: 470px;
	float: left;
	border: 0px solid #404040;
	margin-right: 10px;
}
.trade-checkout-column-right{
	width: 470px;
	float: left;
	border: 0px solid #404040;
	margin-left: 10px;
}
.tradePriceTextBox{
	font-size: 10px;
	border: 1px solid #000;
}

div#price-holder{
	font-size: 1.4em;
}
div#price-holder td{
	vertical-align:top;
}
.totalfield{
	font-weight: bold;
	color: #CD0001;
}
.alRight{
	text-align: right;
}
input.radio{
	size: 10px;
}

/* alert box css start */

#alert_area_1 {
   position: absolute;
   z-index: 2;
   width: 400px;
   height: 100px;
   padding: 0px;
   margin: 15px;
   visibility: hidden;   
   border: solid 1px #000;
   background: #FFF; 
   visibility: hidden; 
}

#alert_back_1 {
   position: absolute;
   z-index: 1;
   width: 400px;
   height: 100px;
   padding: 0px;
   margin: 20px;
   visibility: hidden;   
   background: #98B3D6; 
   filter:alpha(opacity=50); 
   opacity: 0.5;
   -moz-opacity:0.5;
   -khtml-opacity: 0.5; 
}

#alert_text_1 {
   padding: 15px 20px 5px 15px;
}

#alert_link_1 {
   padding: 0px 0px 15px 15px;
}

/* alert box css end */