@charset "utf-8";
body  {
	padding: 0;
	text-align:center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-color: #3C60AA;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
}

/* Tips for Elastic layouts 
1. Since the elastic layouts overall sizing is based on the user's default fonts size, they are more unpredictable. Used correctly, they are also more accessibl for those that need larger fonts size since the line length remains proportionate.
2. Sizing of divs in this layout are based on the 100% font size in the body element. If you decrease the text size overall by using a font-size: 80% on the body element or the #container, remember that the entire layout will downsize proportionately. You may want to increase the widths of the various divs to compensate for this.
3. If font sizing is changed in differing amounts on each div instead of on the overall design (ie: #sidebar1 is given a 70% font size and #mainContent is given an 85% font size), this will proportionately change each of the divs overall size. You may want to adjust based on your final font sizing.
*/
.thrColElsHdr #container {
	width: 86em;  /* this width will create a container that will fit in an 963px browser window if text is left at browser default font sizes */
	border: 1px solid #000000;
	margin-top: 0;/* the auto margins (in conjunction with a width) center the page */
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 5em;/*Not auto, to prevent auto-centering of the page*/
	padding-top: 1em;
} 
.thrColElsHdr #container, .TinyMce#longdesc {
	background: #FFFFFF;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.thrColElsHdr #header {
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom:10px;
	background-position: left center;
} 
.thrColElsHdr #header img {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding:0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	width:30em; /*In em to allow text-only zooming and retain page layout properly. The calculation is (image width in px) / (body em percentage x 16) e.g. 337 /(70% x 16) = 30em */
	height:7.1em;
}

.thrColElsHdr #header .banner img{
	width:84.2em; /*Really this is necessary so Opera displays the page properly - it has a bug, calculates percentage em sizes incorrectly, which messes up the page width. But it has the side benefit that viewing larger text or zooming, depending on the browser, also keeps the banner the width of the page. */
	height:4.6em;
}

.thrColElsHdr #topnav{
	margin-left: 10px;/*To put this to the right of the side nav, move topnav html below sidebar1 html, and make this margin the right size e.g.19em;*/
	margin-right:10px;
	margin-bottom:10px;
	position:absolute; /* Added to enable this to be at the end of the html, with placeholder making space for it  */
	top:13.9em;          /*   "               "                                */ 
	width:84em;        /*   "               "                                */ 
}
.thrColElsHdr  #searchform form{
	display:inline;
}
.thrColElsHdr  #searchform form input,.thrColElsHdr  #searchform form select{
	font-size:100%;
}
.thrColElsHdr #SearchSpec-keywords{
	width:15em;
}
.thrColElsHdr #SearchSpec-category{
	width:30em;
}
.thrColElsHdr #Search2-secondary,#SearchSpec-secondary{
	width:12em
}
.thrColElsHdr #cartstatus {
	float: right;
	/*border: 1px solid #CCCCCC;*/
	font-size: 85%;
	padding: 5px;
	/*background-color: #FFC;*/
	text-align:center;
}
.thrColElsHdr #cartstatus a, .thrColElsHdr #cartstatus a:visited , .thrColElsHdr #cartstatus a:hover {
	text-decoration: none;
	color:#000000;
	font-weight:bold;
}

.thrColElsHdr #cartstatus p{
	padding:0;
	margin:0px;
	line-height: 15px;
	color:#555555;

}
.thrColElsHdr #cartstatus #BasketLink{
		background-image:url(../Images/BasketButt2.jpg);
		background-repeat:no-repeat;
		background-position:center;
		padding:5px;
		color:#000000;
}

.thrColElsHdr #cartstatus #CheckoutLink{
		background-image:url(../Images/CheckoutButt2.jpg);
		background-repeat:no-repeat;
		background-position:center;
		padding:5px;
		color:#000000;
}

.thrColElsHdr #breadcrumb{
	margin-top:5px;
}

/* Tips for sidebar1:
1. Be aware that if you set a font-size value on this div, the overall width of the div will be adjusted accordingly.
2. Since we are working in ems, it's best not to use padding on the sidebar itself. It will be added to the width for standards compliant browsers creating an unknown actual width. 
3. Space between the side of the div and the elements within it can be created by placing a left and right margin on those elements as seen in the ".thrColElsHdr #sidebar1 p" rule.
*/

.thrColElsHdr #sidebar1 {
	float: left;
	width: 18em; /* since this element is floated, a width must be given */
	background: #EBEBEB; /* top and bottom padding create visual space within this div */
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left:-83.8em;
}

.thrColElsHdr #sidebar2 {
	float: right;
	width: 15em; /* top and bottom padding create visual space within this div */
	padding-top: 5px;
	padding-bottom: 15px;
	margin-left:5px;
	background-color:#EBEBEB;
	color: #000000;
}

/* Tips for mainContent (now mainandright):
1. If you give this #mainContent div a font-size value different than the #sidebar1 div, the margins of the #mainContent div will be based on its font-size and the width of the #sidebar1 div will be based on its font-size. You may wish to adjust the values of these divs.
2. The space between the mainContent and sidebar1 is created with the left margin on the mainContent div.  No matter how much content the sidebar1 div contains, the column space will remain. You can remove this left margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends.
3. To avoid float drop, you may need to test to determine the approximate maximum image/element size since this layout is based on the user's font sizing combined with the values you set. However, if the user has their browser font size set lower than normal, less space will be available in the #mainContent div than you may see on testing.
4. In the Internet Explorer Conditional Comment below, the zoom property is used to give the mainContent "hasLayout." This avoids several IE-specific bugs that may occur.
*/
.thrColElsHdr #mainandright{
	zoom:1;
	/*padding-top:10px;*/
	margin-right: 1em;
	margin-top:0px;
	margin-bottom: 0;
	margin-left: 19em;
	clear:right; /*added to ensure the div sits below cart status, even if that juts out of its containing div*/
	float:left; /*added in order to enable the left sidebar to come after the main content, with negative margins */
	width:64em;  /*   "             "                                                                             */
}
.thrColElsHdr #mainContent h1{
		margin-top:0px; /*Reduces space between topnav and first h1 text in maincontext, if desired*/
}
.thrColElsHdr #mainContent #productdescription{
	width:64em; /*mainandright width - so descriptions occupy full width and  float-right images forced to the right*/
}

.thrColElsHdr #container #mainandright #mainContent .indtab {
border-collapse:collapse;
}
.thrColElsHdr #container #mainandright #mainContent .indtab h3{
font-size: 120%;
}

.thrColElsHdr #container #mainandright #mainContent .indtab td {
padding-left:15px;
padding-right:15px;
padding-top:0px;
padding-bottom:0px;
}
.thrColElsHdr #container #mainandright #mainContent .indtab a {
color:#3C60AA;
text-decoration:none;
}
.thrColElsHdr #container #mainandright #mainContent .indtab a:visited{
color:#3C60AA;
}
.thrColElsHdr #container #mainandright #mainContent .indtab .hrrow hr{
color: #dddddd;
}

.thrColElsHdr #container #mainandright #mainContent .indtab #carouselcell {
	padding: 0 15px 5px 15px; /*Extra 5px below to space from row below */
}
.thrColElsHdr #container #mainandright #mainContent .indtab #carousel-container{
	position: relative; 
	display: block;
}
.thrColElsHdr #container #mainandright #mainContent .indtab #carousel-frame-outer{
	border-bottom:1px solid #555555;
	border-right:1px solid #555555;
}
.thrColElsHdr #container #mainandright #mainContent .indtab #carousel-frame-middle{
	border:2px solid  #3C60AA;
}
.thrColElsHdr #container #mainandright #mainContent .indtab #carousel-frame-inner{
	border-top:1px solid #555555;
	border-left:1px solid #555555;
	border-bottom:1px solid #aaaaaa;
	border-right:1px solid #aaaaaa;
	width: 441px;
	height: 193px;
}
.thrColElsHdr #container #mainandright #mainContent .indtab #carousel-prev{
	display: block;
	position: absolute;
	top: 168px;
    left: 10px;
    width: 42px;
    height: 24px;
    cursor: pointer;
    background-image:url(../Images/Arrows_5dL_exp.png);
	z-index:1000;
}
 .thrColElsHdr #container #mainandright #mainContent .indtab #carousel-prev:hover, 
 .thrColElsHdr #container #mainandright #mainContent .indtab #carousel-prev:focus {
    background-position: -42px 0;
}

 .thrColElsHdr #container #mainandright #mainContent .indtab #carousel-prev:active {
    background-position: -84px 0;
}
.thrColElsHdr #container #mainandright #mainContent .indtab #carousel-next{
	display: block;
	position: absolute;
    top: 168px;
    right: 10px;
    width: 42px;
    height: 24px;
    cursor: pointer;
    background-image:url(../Images/Arrows_5dR_exp.png);
	z-index:1000;
}
 .thrColElsHdr #container #mainandright #mainContent .indtab #carousel-next:hover,
 .thrColElsHdr #container #mainandright #mainContent .indtab #carousel-next:focus {
    background-position: -42px 0;
}

 .thrColElsHdr #container #mainandright #mainContent .indtab #carousel-next:active {
    background-position: -84px 0;
}

.thrColElsHdr #container #mainandright #mainContent .indtab #twittercell {
	padding: 0 0 5px 5px; /*No right padding and less left padding on this one indtab cell, to allow twitter width to be wide enough to display properly. Extra 5px below to space from row below */
}
.thrColElsHdr #container #mainandright #mainContent .indtab #twitterdiv{
	width:20.9em;/* Equivalent to 234px, but in em to allow text size zooming. Standard 209px indtab cell width, + 15 px for no right-padding + 10px for less left-padding - cannot display properly at 209 px: It's the links line below each tweet that causes the problems - if this is too wide, whole display breaks essentially, so must have enough width to accomodate widest links line*/
}
.thrColElsHdr #container #mainandright #mainContent .indtab #twitterdiv a{
	text-decoration:none;
	color:#8197C9;
}
.thrColElsHdr #container #mainandright #mainContent .indtab #twitterdiv a:visited{
	color:#8197C9;
}

.thrColElsHdr #container #mainandright #mainContent .indtab #twitterdiv a:hover{
	text-decoration:underline;
}
.thrColElsHdr #container #mainandright #mainContent .indtab #tweetsheader{
	background-color:#3C60AA;
	padding:5px;
	zoom: 1; /* IE kludge to prevent problems caused by floated 'Join the conversation' link. Needed for both IE6 & 7*/
}
.thrColElsHdr #container #mainandright #mainContent .indtab #twitterjoin{
	vertical-align:top; 
	float:right;
	display: inline
}
.thrColElsHdr #container #mainandright #mainContent .indtab #twitterjoin a, .thrColElsHdr #container #mainandright #mainContent .indtab #twitterjoin a:visited{
	color:#ffffff;
}
.thrColElsHdr #container #mainandright #mainContent .indtab #tweets {
	height: 14.6em;/*Equivalent to 164px, in em to allow text-only zooming. 164px aligns bottom of twitter box and carousel image*/
	overflow-x: hidden;
    overflow-y: auto;
	border:1px solid #3C60AA;
	border-bottom:8px solid #3C60AA;
	border-right:1px solid #777777;
}
.thrColElsHdr #container #mainandright #mainContent .indtab #tweets ul{
	list-style:none;
	padding-left:5px;
	padding-right:5px;
	padding-top:0;
	padding-bottom:0;
	margin:0;
	color:#777777;
}
.thrColElsHdr #container #mainandright #mainContent .indtab #tweets li{
	border-bottom: 1px dotted #BBBBBB;
	padding-top:5px;
	padding-bottom:5px;
}

.thrColElsHdr #container #mainandright #mainContent .indtab .tweetlinks{
	font-size:80%;
}


.thrColElsHdr #mainContent, .TinyMce#longdesc {
	padding-top:0; /* For IE */
	color:  #3C60AA;
	background-color: #FFFFFF /*#F8F1E7 */;
}
.thrColElsHdr #mainContent img.prodimg2, .TinyMce#longdesc img.prodimg2 {
	float: right;
	border: none;
	padding-left: 5px;
	padding-bottom: 5px;
}
/*.thrColElsHdr #mainContent .tinydesc img, .TinyMce#longdesc img {
	float: right;
	border: none;
	padding-left: 5px;
	padding-bottom: 5px;
}*/
.thrColElsHdr #mainContent .tinydesc table, .TinyMce#longdesc table {
	border-collapse:collapse;
	font-size:100%;/*shouldn't be necessary, but for some reason the font-size inheritance is lost in admin in tinymce. 100% means 100% of 70%, of course */
}
.thrColElsHdr #mainContent .tinydesc table.invtab, .TinyMce#longdesc table.invtab {
	border-collapse:separate;
}
.TinyMce#longdesc tr.row-w, .TinyMce#longdesc tr.row-g, .TinyMce#longdesc tr.row-hgw, .TinyMce#longdesc tr.row-hgb, .TinyMce#longdesc tr.row-hwb
{
/*We don't need any styles for the row itself, but tinymce will only list the classes if they are declared without descendants */
}
.thrColElsHdr #mainContent .tinydesc td, .TinyMce#longdesc td {
	border: 1px solid #cccccc;
	padding: 3px;
}
.thrColElsHdr #mainContent .tinydesc table.invtab td, .TinyMce#longdesc table.invtab td {
	border: 0;
}
.thrColElsHdr #mainContent .tinydesc tr.row-w td, .TinyMce#longdesc tr.row-w td{
	background-color:#FFFFFF;
	border: 1px solid #cccccc;
	padding: 3px;
}
.thrColElsHdr #mainContent .tinydesc tr.row-g td, .TinyMce#longdesc tr.row-g td{
	background-color:#e6e6e6;
	border: 1px solid #cccccc;
	padding: 3px;
}
.thrColElsHdr #mainContent .tinydesc tr.row-hgw td, .TinyMce#longdesc tr.row-hgw td{
	background-color:#888888;
	font-weight:bold;
	text-align:center;
	color:#ffffff;
	border: 1px solid #aaaaaa;
	padding:7px 3px;
}
.thrColElsHdr #mainContent .tinydesc tr.row-hgb td, .TinyMce#longdesc tr.row-hgb td{
	background-color:#cccccc;
	font-weight:bold;
	text-align:center;
	border: 1px solid #b3b3b3;
	padding:7px 3px;
}
.thrColElsHdr #mainContent .tinydesc tr.row-hwb td, .TinyMce#longdesc tr.row-hwb td{
	background-color:#ffffff;
	font-weight:bold;
	text-align:center;
	padding:7px 3px;
	border: 1px solid #cccccc;
}

.thrColElsHdr #mainContent img.cardlogoimg {
	float: right;
	border: none;
	padding-left: 5px;
	padding-bottom: 5px;
}
.TinyMce#longdesc, #mceTemplatePreview {
	margin-left: 0;
}
.thrColElsHdr #mainContent p.errorMessage{
	margin-top:5px;
	margin-bottom:5px;
}

.thrColElsHdr #footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD;
	line-height: 0;
}
.thrColElsHdr #footer p{
	margin: 0px; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */  
	color: #3c60aa;
}
.thrColElsHdr #footer a {
	margin: 0px;
	text-decoration: none
}
.thrColElsHdr #footer p a:hover {
	color:#F06
}
.thrColElsHdr #footer p a:visited {
	color: #93C;
	text-decoration: none;
}
/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.thrColElsHdr #mainContent .tinydesc table.clearinvtab, #longdesc.TinyMce table.clearinvtab { /* created so that in tinymce a 1 cell table can be inserted that will clear the float, and show as a dotted line in the editor */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	width:100%;
	
}
.thrColElsHdr #mainContent .tinydesc  .clearinvtab td, #longdesc.TinyMce .clearinvtab td { /* created so that in tinymce a 1 cell table can be inserted that will clear the float, and show as a dotted line in the editor */
	border:0;
	padding:1px;
}
.clearright{/*Added to enable new headers within main content after floated elements. clearfloat would also clear the element to lower than the sidebar */
	clear:right;
	height:0;
    font-size: 1px;
    line-height: 0px;
}
#mceTemplatePreview { /*this just makes the background in the TinyMce template popup look sensible*/
	background: #FFFFFF; 
	text-align: left; 
}
.thrColElsHdr #skudiv {
	/*font-family: Arial,sans-serif;*/
	/*line-height: 1.166;*/
	/*text-indent: 8px;*/
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.thrColElsHdr #skudiv td, #skudiv th {
	text-align:center;
}
.thrColElsHdr #skudiv .hdrRow th {
	border-bottom:1px solid #aaaaaa;
	border-top:1px solid #aaaaaa;
}
.thrColElsHdr #skudiv .altRowEven th,.thrColElsHdr #skudiv .altRowEven td,.thrColElsHdr #skudiv .altRowOdd th,.thrColElsHdr #skudiv .altRowOdd td {
	border-bottom:1px solid #cccccc;
	border-top:1px solid #cccccc;
}
.thrColElsHdr #sailmin, .thrColElsHdr #sailmax, .thrColElsHdr #skudiv input{
	font-size:100%;
}
.thrColElsHdr #skudiv .hdrRow {
	background-color:#cccccc; /*#f0f0f0;*/
}
.thrColElsHdr #skudiv .tabularData{
	border-collapse:collapse;
	/*table-layout:fixed;*/
	width:100%;
}
.thrColElsHdr #skudiv .tabularData .altRowEven{
	background-color:#ffffff; /*#fcfcfc;*/
}
.thrColElsHdr #skudiv .tabularData .altRowOdd{
	background-color:#e6e6e6; /*#f4f4f4;*/
}
.thrColElsHdr #skudiv .Sailcondition{
	width: 15em;
	padding-right:10px;
}
.thrColElsHdr #skudiv .Sailfabric{
	width: 4em;
}
.thrColElsHdr #skudiv .Sailnumeric{
	width: 4em; 
}
.thrColElsHdr #skudiv .Saildisc{
	width: 8em; 
}
.thrColElsHdr #skudiv span.sailsave{ /* Save message as shown for Sku in Details - Table - for sails only */
	background-color:#3C60AA;
	color:#FFFFFF;
	font-weight:bold;
}
.thrColElsHdr span.detpriceprd{ /* Price as shown for Product in Details - Advanced, before selection from dropdown */
font-weight:bold;
}
.thrColElsHdr span.detsaveprd{ /* Save message as shown for Product in Details - Advanced, before selection from dropdown */
background-color:#3C60AA;
color:#FFFFFF;
margin:0 5px 0 5px;
padding:3px 7px 3px 3px;
font-weight:bold;
}
.thrColElsHdr span.detpricesku{ /* Price as shown for Sku in Details - Advanced, after  selection from dropdown*/
font-weight:bold;
}
.thrColElsHdr span.detsavesku{ /* Save message as shown for Sku in Details - Advanced, after  selection from dropdown*/
background-color:#3C60AA;
color:#FFFFFF;
margin:0 5px 0 5px;
padding:3px 7px 3px 3px;
font-weight:bold;
white-space:nowrap;
}
.thrColElsHdr span.detdiscsku{
/*placeholder for formatting for the discount descriptionas shown for Sku in Details - Advanced, after  selection from dropdown */
}
.thrColElsHdr span.detsavetab{ /* Save message as shown for Sku in Details - Table - excludes sails */
background-color:#3C60AA;
color:#FFFFFF;
/* margin:0 5px 0 5px; */
padding:1px 7px 1px 3px;
font-weight:bold;
white-space:nowrap;
}
.thrColElsHdr td.skudeals{ /* .skudeals is the class of the cell that holds the table with sku specific discounts, in Details - Advanced */
vertical-align:top;
}
.thrColElsHdr .skudeals table{
margin-left: auto;
margin-right: auto;
border-collapse:collapse;
}
.thrColElsHdr .skudeals th{
font-weight:bold;
text-align:center;
border: 1px solid #cccccc;
padding:3px;
}
.thrColElsHdr .skudeals td{
text-align:center;
border: 1px solid #cccccc;
padding:5px 3px;
}
.thrColElsHdr .skudeals caption{
text-align:left;
font-weight:bold;
padding-bottom:5px;
}
.thrColElsHdr .skudeals tr.altRowOdd{
background-color:#e6e6e6;
}
.thrColElsHdr .skudeals tr.altRowEven{
background-color:#ffffff;
}
.thrColElsHdr .skudeals span.skudealsave{
background-color:#3C60AA;
color:#FFFFFF;
font-weight:bold;
padding:1px;
}
div#resultsdiv {
margin-bottom:5px;
background:  #F8F1E7; /*#fbf1df; */
}
.thrColElsHdr #resultsdiv table.results{
width:100%;
font-size:100%;
}
.thrColElsHdr #resultsdiv tr.spacer{
height:10px;
}
.thrColElsHdr #resultsdiv td{
padding:0;
}
.thrColElsHdr #resultsdiv .t , .b{
height:20px;
background-repeat:repeat-x;
}
.thrColElsHdr #resultsdiv .t{
background-image:url("../Images/t_g.gif");
}
.thrColElsHdr #resultsdiv .b{
background-image:url("../Images/b_g.gif");
}
.thrColElsHdr #resultsdiv .l , .r{
width:20px;
background-repeat:repeat-y;
}
.thrColElsHdr #resultsdiv .l{
background-image:url("../Images/l_g.gif");
}
.thrColElsHdr #resultsdiv .r{
background-image:url("../Images/r_g.gif");
}
.thrColElsHdr #resultsdiv .m{
height:30px;
background-image:url("../Images/m_g.gif");
background-repeat:repeat-x;
}
.thrColElsHdr #resultsdiv .tl , .tr , .bl, .br{
height:20px;
width:20px;
background-repeat:no-repeat;
}
.thrColElsHdr #resultsdiv .tl{
background-image:url("../Images/tl_g.gif");
}
.thrColElsHdr #resultsdiv .tr{
background-image:url("../Images/tr_g.gif");
}
.thrColElsHdr #resultsdiv .bl{
background-image:url("../Images/bl_g.gif");
}
.thrColElsHdr #resultsdiv .br{
background-image:url("../Images/br_g.gif");
}
.thrColElsHdr #resultsdiv .ml , .mr{
height:30px;
width:20px;
background-repeat:no-repeat;
}
.thrColElsHdr #resultsdiv .ml{
background-image:url("../Images/ml_g.gif");
}
.thrColElsHdr #resultsdiv .mr{
background-image:url("../Images/mr_g.gif");
}
.thrColElsHdr  #resultsdiv .ptl, .ptr, .pbl , .pbr{
height:30px;
width:20px;
background-repeat:no-repeat;
}
.thrColElsHdr #resultsdiv .ptl{
background-image:url("../Images/ptl_g.gif");
}
.thrColElsHdr #resultsdiv .ptr{
background-image:url("../Images/ptr_g.gif");
}
.thrColElsHdr #resultsdiv .pbl{
background-image:url("../Images/pbl_g.gif");
}
.thrColElsHdr #resultsdiv .pbr{
background-image:url("../Images/pbr_g.gif");
}
.thrColElsHdr #resultsdiv .p{
height:30px;
background-image:url("../Images/p_g.gif");
background-repeat:repeat-x;
color:#000000;
}
.thrColElsHdr #resultsdiv .w{
 height:10px;
 background-color:#FFFFFF;
}
.thrColElsHdr #resultsdiv .pagingLinks{
margin:0;
}
.thrColElsHdr #resultsdiv .p a{
color:#000000;
}
.thrColElsHdr #resultsdiv .resdetdesc{
color:#444444;
}
.thrColElsHdr #resultsdiv .resdetpr{
font-size:110%;
font-weight:bold;
text-align:center;
}
.thrColElsHdr #resultsdiv .rescell img{
padding:2px 2px 2px 2px;
background-color:#ffffff;
border:1px solid #dddddd;
}
.thrColElsHdr #resultsdiv .resdet{
text-align:center;
}
.thrColElsHdr #resultsdiv .resdet img{
padding:2px 2px 2px 2px;
background-color:#ffffff;
border:1px solid #dddddd;
/*text-align:center;*/
}
.thrColElsHdr #resultsdiv .rescell{
color:#444444;
}
.thrColElsHdr #resultsdiv .rescell h2, .thrColElsHdr #resultsdiv .rescell strong{
color: #3C60AA;
}
.thrColElsHdr #resultsdiv a.resname, .thrColElsHdr #resultsdiv .resdetpr a{
text-decoration: none;
font-weight:bold;
}
.thrColElsHdr #resultsdiv a.resname:link, .thrColElsHdr #resultsdiv .resdetpr a:link{
color: #3C60AA;
}
.thrColElsHdr #resultsdiv a.resname:visited, .thrColElsHdr #resultsdiv .resdetpr a:visited {
color: #3C60AA;
}
.thrColElsHdr #resultsdiv a.resname:hover, .thrColElsHdr #resultsdiv .resdetpr a:hover{
color: #0000FF;
}
.thrColElsHdr #resultsdiv .resdisc{
text-align:center;
}
.thrColElsHdr #resultsdiv .resdisc table{
/*margin:auto;*/
}
.thrColElsHdr #resultsdiv .resdisc td{
background-color:#3C60AA;
color: #FFFFFF; /*#F8F1E7;*/
font-weight:bold;
padding:8px;
width:120px;
}
.thrColElsHdr .policy{
color:#333333;
}
.thrColElsHdr .policy h1{
color: #3C60AA;
}
.thrColElsHdr .policy h2{
color: #3C60AA;
text-transform:uppercase;
}
.thrColElsHdr .policy h4{
color: #FF0033;
font-weight:bold;
text-transform:uppercase;
}
.thrColElsHdr .policy h5{
font-size:100%;
color: #FF0033;
}
.thrColElsHdr .policy h6{
font-size:100%;
}