/*------------------------------------------------------------------------*/
/*     Content Layout                                                      */
/*------------------------------------------------------------------------*/


/*---- Google search results ----*/
#cse-search-results iframe {
	width: 100%;
	}


/*---- Header ----*/
.Header {
	margin: 0px; 
	padding: 0px;
	width: 990px;
	height: 85px;
	background: url("/style/template/Header.gif") no-repeat;
	}

#HeaderLeft {
	display: block;
	float: left;
	margin: 0px; 
	padding: 0px;
	width: 380px;
	height: 85px;
	}

#HeaderRight {
	display: block;
	float: left;
	margin: 0px; 
	padding: 0px;
	width: 380px;
	height: 85px;
	}

.TitleLeft {
	font: normal 18px Arial, Helvetica, sans-serif;
	text-align: left;
	color: #000;
	margin: 45px 0px 0px 25px;
	padding: 0px;
	}

.TitleSubLeft {
	font: normal 12px Arial, Helvetica, sans-serif;
	text-align: left;
	color: #000;
	margin: 0px 0px 10px 25px;
	padding: 0px;
	}


.TitleRight {
	font: normal 18px Arial, Helvetica, sans-serif;
	text-align: right;
	color: #000;
	margin: 45px 25px 0px 0px;
	padding: 0px;
	}

.TitleSubRight {
	font: normal 12px Arial, Helvetica, sans-serif;
	text-align: right;
	color: #000;
	margin: 0px 25px 10px 0px;
	padding: 0px;
	}


/*---- Content Body ----*/
#CenterContainer {

	border:0px solid #0000ff;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	/* background: url("/style/template/bkg-LeftContainer.gif") repeat-y; */
	}


/*---- Left Content ----*/
#LeftContainer {
	margin: 0px;
	padding: 0px;
	width: 175px;
	background: url("/style/template/bkg-LeftContainer.gif") repeat-y top left;
	}


/*---- Right Content ----*/
#RightContainer {
	margin: 0px;
	padding: 0px;
	/*background: url("/style/template/bkg-RightContainer.gif") repeat-y top right;*/
	background-color:#fff;
	border:0px solid #ff0000;
	}



/*------------------------------------------------------------------------*/
/*     Headers                                                            */
/*------------------------------------------------------------------------*/

h1 { 
	font: normal bold 200%/30px Arial, Helvetica, sans-serif;
	color: #44697d; 
	margin: 0px 0px 10px 0px; 
	padding: 5px 0px 3px 0px; 
	border:0px solid #000;
	/*border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;*/
	}

h2 { 
	font: normal bold 150%/22px Arial, Helvetica, sans-serif; 
	color: #44697d; 
	margin: 15px 0px 5px 0px; 
	padding: 5px 0px 3px 0px; 
	/*border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;*/
	}
	
	
	
h2.three-col{ 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:13px;
	font-weight:bold;
	color: #44697d; 
	margin: 0px 0px 0px 0px; 
	padding: 5px 0px 0px 0px; 
	border:0px solid #000;
	/*border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;*/
	}
	
	

h3 { 
	font: normal bold 125%/16px Arial, Helvetica, sans-serif;
	color: #0099ff; 
	margin: 0px 0px 10px 0px; 
	padding: 5px 0px 3px 0px; 
	/*border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;*/
	}

h4 { 
	font:100%/16px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #0099ff; 
	margin: 0px 0px 0px 0px; 
	padding: 5px 0px 0px 0px; 
	/*border-bottom: 1px solid #ccc;*/
	}

h5 { 
	font: normal bold 100% Arial, Helvetica, sans-serif;
	color: #0099ff; 
	margin: 0px 0px 10px 0px; 
	padding: 5px 0px 3px 0px; 

	}

.Titlehdr {
	font: normal bold 13px Arial, Helvetica, sans-serif;
	color: #7F9EB9; 
	display: block;
	text-align: left;
	margin: 2px 0px 2px 0px; 
	padding: 0px;
	}



/*------------------------------------------------------------------------*/
/*     Lists                                                              */
/*------------------------------------------------------------------------*/
ul.standard{
font-size:12px;
list-style-image: url("/style/bullets/bullet2.gif");
list-style-position: outside;
list-style-type: none;
border:0px solid #f00;
padding:0px 0px 0px 0px;
margin:0px 20px 0px 15px;
}


li.standard{
padding:0px 0px 0px 0px;
margin:0px 0px 10px 0px;;
}







ul, ol {

	margin-top: 0px;
	padding-top: 0px;
	list-style-image:    url("/style/bullets/bullet.gif");
	}

ul.bullet { /* Bulleted list using graphics */
	
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 15px;
	list-style-image:    url("/style/bullets/bullet.gif");
	}

ul.bulletPDF { /* Bulleted list using graphics */
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 1px 15px;
	list-style-image:    url("/style/bullets/bulletPDF.gif");
	}

	
	
	
ul.small-gallery{
border:0px solid #000;
margin:0px;
padding:0px;
float:left;
list-style-position:outside;
}


li.small-gallery{
font-size:12px;
margin:0px;
background-repeat: no-repeat;

padding: 5px; 
list-style-image: url("/style/bullets/bullet2.gif");
width:330px;
}

.li-spacer{
border:1px solid #000;
width:20px;
height:10px;
float:left;

}




ul.apps-list{
font-size:12px;
list-style-image: url("/style/bullets/bullet2.gif");
list-style-position: outside;
list-style-type: none;
border:0px solid #f00;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 15px;;
}


li.apps-list{
width:200px;
padding:0px 0px 0px 0px;
margin:0px 0px 10px 0px;;
}







/*------------------------------------------------------------------------*/
/*     Quotes                                                             */
/*------------------------------------------------------------------------*/

.Quote {
	font: italic normal 110% Arial, Helvetica, sans-serif;
	margin: 0px 0px 10px 0px;
	padding: 10px;
	text-align: center;
	border-top: 1px dotted #ced0d9;
	border-bottom: 1px dotted #ced0d9;
	background: #f0f1f3;
	}

.QuoteName {
	font: normal 11px Arial, Helvetica, sans-serif;
	}



/*------------------------------------------------------------------------*/
/*     DIV Scrolling                                                      */
/*------------------------------------------------------------------------*/

.scrolling {
	width: 100%; 
	/* height: 400px; */
	overflow: auto;
	}



/*------------------------------------------------------------------------*/
/*     Spacers                                                            */
/*------------------------------------------------------------------------*/

.Spacer {
	display: block;
	margin: 0px;
	padding: 0px;
	}

.NavSpacer {
	display: block;
	margin: 0px 15px;
	padding: 0px;
	}

.NavLinkSpacer {
	display: block;
	height: 2px;
	margin: 0px;
	padding: 8px 0px;
	}



/*------------------------------------------------------------------------*/
/*     Booms                                                              */
/*------------------------------------------------------------------------*/


/*-- Header Booms -------------------------------------------------------*/
.BoomImgFull {
	margin: 0px;
	padding: 0px 5px 0px 5px;
	}

.BoomImgLft {
	margin: 0px;
	padding: 0px 0px 0px 5px;
	}

.BoomImgRght {
	margin: 0px;
	padding: 0px 5px 0px 0px;
	}




/*-- Body Booms -------------------------------------------------------*/
.BoomWrap {
	margin: 0px 0px 5px 0px;
	}

.BoomWrap img {
	margin: 0px 0px 5px 0px;
	}

.BoomImgWrap {
	}

.BoomCaption {
	font-size: 90%;
	line-height: 110%;
	margin: 0px 0px 10px 0px;
	text-align: left;
	}

.Boom {
	margin: 0px;
	padding: 0px;
	}


/*-- Flash Boom -------------------------------------------------------*/
.flash {
	margin: 10px 0px;
	padding: 0px;
	/* border: 1px solid #ccc; */
	}



/*------------------------------------------------------------------------*/
/*     Contact Display                                                    */
/*------------------------------------------------------------------------*/

#ContactWrap {
	margin: 0px 0px 10px 0px;
	}



/*------------------------------------------------------------------------*/
/*     Generic and Miscellaneous Styles                                   */
/*------------------------------------------------------------------------*/

/*-- Text Formating ------------------------------------------------------*/
.small { 
	font: normal 10px/12px; 
	}

.caps { 
	text-transform: uppercase; 
	}

.right { 
	text-align: right; 
	}

.left { 
	text-align: left; 
	}

.red { 
	color: #ff0000; 
	}

.blue { 
	color: #0000ff; 
	}

.green { 
	color: #00ff00; 
	}

.white { 
	color: #ffffff; 
	}



/*------------------------------------------------------------------------*/
/*    MERCH HOLES CSS FOR HOME PAGE              */
/*------------------------------------------------------------------------*/
.merch-holder {
/*height: 240px;*/
margin:0px auto;
width:1000px;
border:0px solid #00ff00;
padding:0px 25px;
}



.merch-wrap {
height:415px;
margin:0px auto;
position:relative;
width:630px;
border:0px solid #000000;
background: url("/images/merch-wrap.gif") no-repeat;
}

/*
.merch-wrap-img {
border:0px solid #717073;
height:120px;
width:225px;
position:absolute;
top:4px;
}
*/

.merch1 {
height:175px;
width:325px;
/*width:238px;*/
position:absolute;
left:-190px;
/*left:-167px;*/
top:-120px;

border:0px solid #999;
}


.merch-content1 {
color:#818181;
font-size:13px;
width:325px;
left:0px;
top:130px;
position:absolute;
border:0px solid #000;
text-align:left;
}



.merch2 {
height:185px;
width:262px;
position:absolute;
left:150px;
top:-120px;

border:0px solid #0000ff;
}

.merch-content2 {
color:#464646;
width:262px;
left:15px;
top:130px;
position:absolute;
border:0px solid #000;
text-align:left;
}


.merch3 {
height:175px;
width:100px;
position:absolute;
left:410px;
top:-120px;

border:0px solid #ff0000;
}

.merch-content3 {
color:#464646;
width:100px;
left:25px;
top:130px;
position:absolute;
border:0px solid #000;
text-align:left;
}

.smaller3 {
font-size:13px;
line-height:17px;
color:#818181;
border:0px solid #ff0000;
}

.merch-spacer{
position:relative;
left:40px;
/*padding:0px 0px 0px 30px;*/
}


ul.merch {
border:0px solid #000;
}


li.merch-li {
font-size:11px;
color:#464646;
list-style-type:none;
width:70px;
border-top:1px solid #f1f1f1;
text-align:left;
padding:0px 0px 7px;
}


.merch4 {
height:175px;
width:227px;
position:absolute;
left:600px;
top:-120px;

border:0px solid #000;
}

.merch-content4 {
color:#464646;
width:227px;
left:5px;
top:130px;
position:absolute;
border:0px solid #000;
text-align:left;
}


h4.merch { 
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color: #0099ff; 
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px; 
/*border-bottom: 1px solid #ccc;*/
}

.merch-content {
color:#464646;
width:230px;
left:5px;
top:130px;
position:absolute;
border:1px solid #000;
text-align:left;
}






.button {
height:20px;
width:75px;
position:absolute;
left:130px;
top:187px;
border:0px solid #000;
}



.header {
color:#44697d;
text-align:left
}

.bold {
font-weight:bold;
}

.larger {
font-size:13px;
margin:0px 0px 15px;
}

.smaller {
font-size:13px;
line-height:18px;
color:#818181;
}



/*------------------------------------------------------------------------*/
/*    END MERCH HOLES CSS FOR HOME PAGE     */
/*------------------------------------------------------------------------*/



/*------------------------------------------------------------------------*/
/*    Small hover images              */
/*------------------------------------------------------------------------*/



.small-holder {
height:390px;
margin:0px auto;
width:760px;
border-top:1px dotted#818181;
border-bottom:1px dotted#818181;
font-size:15px;
}



.small-wrap {
height:240px;
position:relative;
width:630px;
border:0px solid #000000;
/*background: url("/images/merch-wrap.gif") no-repeat;*/
}


.small-img1 {
border:1px solid #717073;
height:100px;
width:150px;
position:absolute;
top:5px;
left:5px;
z-index: 10;
}


.small1 {
height:115px;
width:760px;
/*width:238px;*/
position:absolute;
left:0px;
/*left:-167px;*/
top:0px;
background: url("/images/sm-bground.gif") repeat-x;
z-index: 10;
}



.small-img2 {
border:1px solid #717073;
height:100px;
width:150px;
position:absolute;
top:5px;
left:5px;
z-index: 10;
}


.small2 {
height:115px;
width:760px;
position:absolute;
left:0px;
top:120px;
background: url("/images/sm-bground.gif") repeat-x;
z-index: 10;
}

.small-img3 {
border:1px solid #717073;
height:100px;
width:150px;
position:absolute;
top:5px;
left:5px;
z-index: 10;
}




.small3 {
height:115px;
width:760px;
position:absolute;
left:0px;
top:240px;
background: url("/images/sm-bground.gif") repeat-x;
z-index: 10;
}

.small4 {
height:175px;
width:240px;
position:absolute;
left:570px;
top:-120px;


}

.small-content {
color:#464646;
font-size:15px;
width:580px;
left:165px;
top:5px;
position:absolute;
border:0px solid #000;
text-align:left;
}

.merch-li {
color:#464646;
list-style-type:none;
width:120px;
border-top:1px solid #ccc;
text-align:left;

}


.small-spacer{

padding:0px 0px 0px 30px;

}



.button {
height:20px;
width:75px;
position:absolute;
left:130px;
top:187px;
border:0px solid #000;
}



.small-header {
text-align:left;
font-size:18px;
text-decoration:none;
}


a.small-link:link {
color:#7f9eb9;
text-decoration:none;
}

a.small-link:visited {
color:#7f9eb9;
text-decoration:none;
}

a.small-link:hover {
color:#40abdc;
text-decoration:underline;
}


.bold {
font-weight:bold;
}

.larger {
font-size:13px;
}

.smaller-text {
font-size:13px;
color:#818181;
}



/*------------------------------------------------------------------------*/
/*    end  Small hover images           */
/*------------------------------------------------------------------------*/

.en-holder{

border:1px solid #00ff00;



}



/* smart image enlarger starts here */
/* If your images are not linking to other pages leave the links as <a href="#nogo"> Otherwise enlarger won't work in IE6 */

.ienlarger-one {
	float: left;
	clear: none; /* set to left or right if needed */
	padding-bottom: 5px; /* space between thumbs. Don't change this to margin */
	padding-right: 5px; /* space between thumbs and wrapping text when there is any text around it */
	z-index: 10000;
}

.ienlarger-one  a { 
	display:block;
	text-decoration: none;
/* add cursor:default; to this rule to disable the hand cursor */
}

.ienlarger-one a:hover{ /* don't move this positioning to normal state */
 	position:relative;
}

.ienlarger-one  span img {
	border: 1px solid #FFFFFF; /* adds a border around the image */
	margin-bottom: 8px; /* pushes the text down from the image */
	z-index: 10000;
}

.ienlarger-one  a span {  /* this is for the large image and the caption */
	position: absolute;
	display:none;
	color: #818181; /* caption text colour */
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; /* caption text size */
	/*background-color: #FFFFFF;*/
	font-weight: bold;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 13px;
	padding-left: 10px;
	z-index: 10000;
}

.ienlarger-one  img { /* leave or IE puts a border around links */
border-width: 0;
z-index: 10000;
}

.ienlarger-one  a:hover span { 
	display:block;
	top: 100px; /* means the pop-up's top is 50px away from thumb's top */
	left: -10px; /* means the pop-up's left is 90px far from the thumb's left */
	z-index: 10000;
	
/* If you want the pop-up open to the left of thumb, remove the left: 90px; and add  
right: 90px; This would mean the right side of the pop-up is 90px far from the right side of thumb */	

/* If you want the pop-up open above the thumb, remove the top: 50px; and add  
bottom: 50px; This would mean the bottom of the pop-up is 50px far from the bottom of thumb */	

/* add cursor:default; to this rule to disable the hand cursor only for the large image */
}

.resize_thumb {
	width: 169px; /* enter desired thumb width here */
	height : auto;
}

/* smart image enlarger ends here */



/* smart image enlarger starts here */
/* If your images are not linking to other pages leave the links as <a href="#nogo"> Otherwise enlarger won't work in IE6 */

.ienlarger-two {
	float: left;
	clear: none; /* set to left or right if needed */
	padding-bottom: 5px; /* space between thumbs. Don't change this to margin */
	padding-right: 5px; /* space between thumbs and wrapping text when there is any text around it */
}

.ienlarger-two  a { 
	display:block;
	text-decoration: none;
/* add cursor:default; to this rule to disable the hand cursor */
}

.ienlarger-two a:hover{ /* don't move this positioning to normal state */
 	position:relative;
}

.ienlarger-one  span img {
	border: 1px solid #FFFFFF; /* adds a border around the image */
	margin-bottom: 8px; /* pushes the text down from the image */
}

.ienlarger-two  a span {  /* this is for the large image and the caption */
	position: absolute;
	display:none;
	color: #818181; /* caption text colour */
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; /* caption text size */
	background-color: #FFFFFF;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 13px;
	padding-left: 10px;
}

.ienlarger-two  img { /* leave or IE puts a border around links */
border-width: 0;
}

.ienlarger-two  a:hover span { 
	display:block;
	top: 100px; /* means the pop-up's top is 50px away from thumb's top */
	left: -186px; /* means the pop-up's left is 90px far from the thumb's left */
	z-index: 100;
	
/* If you want the pop-up open to the left of thumb, remove the left: 90px; and add  
right: 90px; This would mean the right side of the pop-up is 90px far from the right side of thumb */	

/* If you want the pop-up open above the thumb, remove the top: 50px; and add  
bottom: 50px; This would mean the bottom of the pop-up is 50px far from the bottom of thumb */	

/* add cursor:default; to this rule to disable the hand cursor only for the large image */
}

.resize_thumb {
	width: 169px; /* enter desired thumb width here */
	height : auto;
}

/* smart image enlarger ends here */



/* smart image enlarger starts here */
/* If your images are not linking to other pages leave the links as <a href="#nogo"> Otherwise enlarger won't work in IE6 */

.ienlarger-three  {
	float: left;
	clear: none; /* set to left or right if needed */
	padding-bottom: 5px; /* space between thumbs. Don't change this to margin */
	padding-right: 5px; /* space between thumbs and wrapping text when there is any text around it */
}

.ienlarger-three   a { 
	display:block;
	text-decoration: none;
/* add cursor:default; to this rule to disable the hand cursor */
}

.ienlarger-three  a:hover{ /* don't move this positioning to normal state */
 	position:relative;
}

.ienlarger-three  span img {
	border: 1px solid #FFFFFF; /* adds a border around the image */
	margin-bottom: 8px; /* pushes the text down from the image */
}

.ienlarger-three   a span {  /* this is for the large image and the caption */
	position: absolute;
	display:none;
	color: #818181; /* caption text colour */
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; /* caption text size */
	background-color: #FFFFFF;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 13px;
	padding-left: 10px;
}

.ienlarger-three   img { /* leave or IE puts a border around links */
border-width: 0;
}

.ienlarger-three  a:hover span { 
	display:block;
	top: 100px; /* means the pop-up's top is 50px away from thumb's top */
	left: -360px; /* means the pop-up's left is 90px far from the thumb's left */
	z-index: 100;
	
/* If you want the pop-up open to the left of thumb, remove the left: 90px; and add  
right: 90px; This would mean the right side of the pop-up is 90px far from the right side of thumb */	

/* If you want the pop-up open above the thumb, remove the top: 50px; and add  
bottom: 50px; This would mean the bottom of the pop-up is 50px far from the bottom of thumb */	

/* add cursor:default; to this rule to disable the hand cursor only for the large image */
}

.resize_thumb {
	width: 169px; /* enter desired thumb width here */
	height : auto;
}

/* smart image enlarger ends here */



/* smart image enlarger starts here */
/* If your images are not linking to other pages leave the links as <a href="#nogo"> Otherwise enlarger won't work in IE6 */

.ienlarger-four {
	float: left;
	clear: none; /* set to left or right if needed */
	padding-bottom: 5px; /* space between thumbs. Don't change this to margin */
	padding-right: 5px; /* space between thumbs and wrapping text when there is any text around it */
}

.ienlarger-four a { 
	display:block;
	text-decoration: none;
/* add cursor:default; to this rule to disable the hand cursor */
}

.ienlarger-four a:hover{ /* don't move this positioning to normal state */
 	position:relative;
}

.ienlarger-four span img {
	border: 1px solid #FFFFFF; /* adds a border around the image */
	margin-bottom: 8px; /* pushes the text down from the image */
}

.ienlarger-four  a span {  /* this is for the large image and the caption */
	position: absolute;
	display:none;
	color: #818181; /* caption text colour */
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; /* caption text size */
	background-color: #FFFFFF;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 13px;
	padding-left: 10px;
	border:0px solid #ccc;
}

.ienlarger-four  img { /* leave or IE puts a border around links */
border-width: 0;
}

.ienlarger-four  a:hover span { 
	display:block;
	top: 100px; /* means the pop-up's top is 50px away from thumb's top */
	left: -540px; /* means the pop-up's left is 90px far from the thumb's left */
	z-index: 100;
	
/* If you want the pop-up open to the left of thumb, remove the left: 90px; and add  
right: 90px; This would mean the right side of the pop-up is 90px far from the right side of thumb */	

/* If you want the pop-up open above the thumb, remove the top: 50px; and add  
bottom: 50px; This would mean the bottom of the pop-up is 50px far from the bottom of thumb */	

/* add cursor:default; to this rule to disable the hand cursor only for the large image */
}

.resize_thumb {
	width: 169px; /* enter desired thumb width here */
	height : auto;
}

/* smart image enlarger ends here */

/*/////////////////////////////////*/
/* THIS IS FOR THE LOCATIONS PAGE */
/*////////////////////////////////*/



/* smart image enlarger starts here */
/* If your images are not linking to other pages leave the links as <a href="#nogo"> Otherwise enlarger won't work in IE6 */

.top-tips{
width:200px;
border:0px solid #000;
height:13px;
float:left; 
background:url("/style/template/top.png") no-repeat top left;
position:relative;
left:-10px;
top:-33px;

}

.resize-tips{
width:170px;
/*margin:0px 3px 0px 3px;*/
border:0px solid #00ff00;
position:relative;
top:-30px;
left:5px;
}


.ienlarger-tips {
border:0px solid #000;
float: left;
clear: none; /* set to left or right if needed */
padding-bottom: 5px; /* space between thumbs. Don't change this to margin */
padding-right: 5px; /* space between thumbs and wrapping text when there is any text around it */
padding-left:25px;
}

.ienlarger-tips a { 
display:block;
text-decoration: none;
/* add cursor:default; to this rule to disable the hand cursor */
}

.ienlarger-tips a:hover{ /* don't move this positioning to normal state */
position:relative;
}

.ienlarger-tips span img {
border: 1px solid #FFFFFF; /* adds a border around the image */
/* margin-bottom: 8px; pushes the text down from the image */
}

.ienlarger-tips a span {  /* this is for the large image and the caption */
position: absolute;
display:none;
color: #818181; /* caption text colour */
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px; /* caption text size */
/*background-color: #fff;*/
font-weight: none;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 13px;
padding-left: 10px;
width:200px;
background:url("/style/template/middle.png") no-repeat bottom left;

}

.ienlarger-tips img { /* leave or IE puts a border around links */
border-width: 0;

}

.ienlarger-tips a:hover span { 


display:block;
top: -150px; /* means the pop-up's top is 50px away from thumb's top */
left: -30px; /* means the pop-up's left is 90px far from the thumb's left */
z-index: 100;
/* If you want the pop-up open to the left of thumb, remove the left: 90px; and add  
right: 90px; This would mean the right side of the pop-up is 90px far from the right side of thumb */	

/* If you want the pop-up open above the thumb, remove the top: 50px; and add  
bottom: 50px; This would mean the bottom of the pop-up is 50px far from the bottom of thumb */	

/* add cursor:default; to this rule to disable the hand cursor only for the large image */
}

.resize_thumb-tips {
width: 200px; /* enter desired thumb width here */
height : auto;
color: #818181; 
font-family: Arial, Helvetica, sans-serif;
font-size: 12px; /* caption text size */
line-height:20px;
position:relative;
left:-25px;
}

h2-tips{
color:#44697D;
line-height:18px;
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
margin-top:0px;
padding-top:0px;
}


a.directions-tips:link{

font-size:12px;
font-family: Arial, Helvetica, sans-serif;
font-weight:normal;
color:#7f9eb9;
text-decoration:none;


}

a.directions-tips:visited{
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
font-weight:normal;
text-decoration:none;
color:#7f9eb9; 


}

a.directions-tips:hover{
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
font-weight:normal;
color:#40abdc;
text-decoration:underline;


}

a.directions-tips:active{
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
font-weight:normal;
text-decoration:none;
color:#7f9eb9; 


}

/* smart image enlarger ends here */


/*-----------------Products Page Link Stuffs-------------------------*/

td.prod-page{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
border-bottom:1px solid #ccc;
padding:10px 0px 10px 0px;
color:#344a5c;
text-transform:uppercase;
}

a.prod-page:link {color:#344a5c;text-decoration:none;text-transform:uppercase;}      /* unvisited link */
a.prod-page:visited {color:#344a5c;text-decoration:none;}  /* visited link */
a.prod-page:hover {color:#344a5c; text-decoration:underline;}  /* mouse over link */
a.prod-page:active {color:#344a5c;text-decoration:none;}  /* selected link */