/* CSS Document */
html { }
/*overall styles...*/

body { margin: 0px;
font-family: Tahoma, Arial, Helvetica, sans-serif;
min-width: 950px;
}

ul { font-size: 10px; list-style-image: url('images/bullet.jpg'); line-height: 1.5;}

form { display: inline; margin-left: 5px; }

#theNavigation input
{
color: #781351;
border: 1px solid #dddddd;
font-size: 9px;
}

.submit input
{
color: #000;
border: 2px outset #cccccc;
}

#testLayer { position: absolute; z-index: 5; height: 200px; width: 200px; font-size: 25px; 
color: #ffffff;
left: 0px;
top: 0px;}

.marginHeight10 { margin: 5px; }

.clearLeft { clear: left; }

.smallGrayText { font-size: 10px;
color: #666666;
}

.grayBox { background-image: url('images/grayBox.jpg');
background-position: left top;
background-repeat: no-repeat;
width: 125px;
height: 107px;
margin-left: 15px;
}

.grayBoxNice { border: 1px solid #E1E1E1; 
background-color: #eeeeee;
padding: 10px;
width: 125px;
height: 70px;
}

.floatLeft { float: left; display: inline; }
.floatRight { float: right; display: inline; }

.linkBoxLeft { float: left; display: inline; width: 300px; margin-left: 0px; font-size: 13px; }
.linkBoxRight { float: left; display: inline; width: 260px; font-size: 13px; }
.linkBoxRow { clear: left; border-bottom: 1px dotted #cccccc; }
/*end overall styles
*/

/*more top*/
#theTopInside { width: 834px; height: 86px; 
margin-left: auto; margin-right: auto;
}

#theTopText { font-size: 10px; color: #ffffff; margin-top: 38px; margin-left: 25px;}
/* end top */


/* tabs */



/*begin body styles...*/
#theBody { width: 834px; height: auto;
margin-left: auto; margin-right: auto;
 }

a { color: #000000; text-decoration: none; }
a:hover { color: #12903E; }
a.green { color: #12903E; text-decoration: none;}
a.green:hover { color: #000000; }
a.learn { color: #000000; text-decoration: none; font-size: 13px;}
a.learn:hover { color: #12903E; }

.gray {color: #666666; }
.dottedGrayLine { border-bottom: 2px dotted #cccccc; }
.fontSize12 { font-size: 12px; }
.fontSize15 { font-size: 15px; }
.margin020 { margin-left: 0px; margin-right: 20px; }
.marginLeft5 { margin-left: 5px; }
.marginLeft10 { margin-left: 10px; }
.marginLeft15 { margin: 0px 0px 0px 15px; padding: 0; display: block;}
.marginLeft20 { margin-left: 20px; }
.marginTop10 { margin-top: 10px; }

/*theLeft holds the left navigation bar...*/
/*Increased Height to accomodate more news links in center of page*/
#theLeft { float: left; display: inline; 
margin-left: 2px;
width: 230px; 
height: 765px;
font-size: 11px;
line-height: 1.5;
}

/*begin theLeft Styles */
.theLeftBoxes { width: 228px;
padding-top: 10px;
margin-top: 0px;
padding-bottom: 15px;
}

.theLeftImageHolder { width: 24px; 
float: left;
clear: left;
margin-left: 0px;
display: inline;
text-align: left; 
height: 27px;}

/* added by HF for larger order tracking image */
.theLeftImageHolder2 { width: 33px; 
float: left;
clear: left;
margin-left: 0px;
display: inline;
text-align: left; 
height: 27px;
}

.theLeftTextHolder { float: left;
display: inline;
text-align: left;
width: 125px;
padding-top: 3px;
}

/* added by HF for Order Tracking Information */
.theLeftTextHolder2 { float: left;
display: inline;
text-align: left;
width: 150px;
padding-top: 3px;
}

#theLeft input.btn { border: 0;
background-image: url('images/goButton.jpg');
background-position: top left;
background-repeat: no-repeat;
color: #ffffff;
height: 21px;
width: 21px;
}

#theLeft h1 { font-size: 12px; background-color:#000000; color: #ffffff; 
font-weight: normal;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
margin: 0px}

#theLeft h2 { margin-left: 00px; 
margin-top: 3px;
margin-bottom: 3px;
font-size: 12px;
font-weight: bold;
line-height: 1.5;
}

#theLeft p { margin-left: 00px; 
margin-top: 3px;
margin-bottom: 3px;
font-size: 11px;
line-height: 1.5;
}


#theLeft p.switchgroup1 { padding-left: 5px; }

/*end theLeft styles
* end theLeft container styles
*
/*this contains the whole Googleright side of things*/
#theGoogleRight { 
	float: left;
	display: inline;
	margin-left: 15px;
	width: 573px;
	height: auto;
	
}
#theGoogleRight a { color: #000000; text-decoration: underline;}
#theGoogleRight a:hover { color: #12903E; }
#theGoogleRight a.green { color: #12903E; text-decoration: none;}
#theGoogleRight a.green:hover { color: #12903E; }
#theGoogleRight a.learn { color: #000000; text-decoration: none; font-size: 13px;}
#theGoogleRight a.learn:hover { color: #12903E; }
/* theGoogleRight Styles...*/

#theGoogleRight h1 { font-size: 16px; color: #12903E; margin-left: 20px; }
#theGoogleRight p { font-size: 14px; }
#theGoogleRight span { font-size: 14px;
background-color: #FFFFFF;
width: 20px;
padding-left: 5px; 
padding-right: 20px;
display: inline;
margin: 0px;
}

/* theRight side of the page styles... */

/*this contains the whole right side of things*/
#theRight { 
	float: left;
	display: inline;
	margin-left: 15px;
	width: 573px;
	height: auto;
	
}

/* theRight Styles...*/

#theRight h1 { font-size: 16px; color: #12903E; margin-left: 20px; }
#theRight p { font-size: 14px; }
#theRight span { font-size: 14px; color: #ffffff; 
background-color: #000000;
width: 20px;
padding-left: 5px; 
padding-right: 20px;
display: inline;
margin: 0px;
}

#theRight span.faq { font-size: 16px; color: #12903E;
background-color: #ffffff;
width: 20px;
padding-left: 0px; 
padding-right: 40px;
display: inline;
margin: 0px;
}


/*
#theRight ul { list-style-image: url('images/smallBullet.jpg'); font-size: 13px;padding-bottom: 5px;}
#theRight ul.sublist { list-style-image: url('images/smallBulletHollow.jpg'); font-size: 13px; padding-bottom: 0px; margin-left: 15px; padding-left: 0px;}
*/
#theRight ul { padding: 0; margin: 0;}
#theRight ul li { padding: 0; font-size: 13px; list-style-type: none; list-style-image: none; }
#theRight ul li.main { 
    padding: 0 0 0 15px; 
    margin-left: 20px;
    background-image: url('images/smallBullet.jpg');
    background-position: left 7px; 
    background-repeat: no-repeat;}
#theRight ul li.mainNoBull { padding: 0 0 0 15px; margin-left: 20px;}
#theRight ul li.sub {
    margin-left: 35px;
    padding: 0 0 0 15px; 
    background-image: url('images/smallBulletHollow.jpg');
    background-position:  left 7px; 
    background-repeat: no-repeat;}
#theRight ul li.subNoBull { margin-left: 35px; padding: 0 0 0 15px; }
.marginBottom5 { margin-bottom: 5px; }


#theRight ul li.faqQ { 
    padding: 0 0 0 25px; 
    margin-left: 20px;
    margin-right: 20px;
    background-image: url('images/q.jpg');
    background-position: left 0px; 
    background-repeat: no-repeat;}
    
#theRight ul li.faqA { 
    padding: 0 0 0 25px; 
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 10px;
    background-image: url('images/a.jpg');
    background-position: left 0px; 
    background-repeat: no-repeat;}


/*this contains the top flash and the navigation tabs*/
/*it is inside theRight*/
#theRightTop {
	position: relative;
	width: 573px;
	height: 237px;
		
}

#theRightTopObject { z-index: 0; position: absolute; }

#productRightTop {
    position: relative;
	width: 573px;
	height: 159px;
		
}

#productRightBottom {
    margin-left: 20px;
    width: 567px;
    height: auto;
}

#landingRightTop {
    position: relative;
	width: 586px;
	height: 159px;
    background-image: url('images/landingTopRepeat.jpg');
    background-position: left top;
    background-repeat: repeat-x;		
    margin-left: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

#landingRightBottom {
    padding-top: 0px;
    width: 587px;
    height: auto;
}

.padding10px { padding-top: 10px; }

#productRightBottom p { font-size: 13px; margin-left: 20px;}
#productRightBottom h1 {font-size: 30px; color: #000000; margin-left: 20px; }
#productRightBottom h2 { font-size: 15px; margin-left: 20px; }
.green {color: #1C9F51; margin-right: 10px; }
#productRightBottom h3 {font-size: 20px; color: #1C9F51; margin: 0px 0px 0px 20px; padding: 0px;}

#landingRightBottom p { font-size: 13px; margin-left: 20px; }
#landingRightBottom h1 {font-size: 30px; color: #000000; margin-left: 20px; }
#landingRightBottom h2 { font-size: 15px;  margin-left: 20px; }
#landingRightBottom h3 {font-size: 24px; color: #1C9F51; margin: 0px 0px 0px 20px; padding: 0px;}


table.closer { font-size: 14px; margin-left: 20px; }

.guidewireLanding {
    background-image: url('products/guidewires/images/glidewire/glidewireLandingBg.jpg');
    background-position: middle top;
    background-repeat: no-repeat;
}

.sheathLanding {
    background-image: url('products/sheaths/images/SheathsLPfinal.jpg');
    background-position: middle top;
    background-repeat: no-repeat;
}

.angioLanding {
    background-image: url('products/angioCatheters/images/angioBack.jpg');
    background-position: middle top;
    background-repeat: no-repeat;
}

.microLanding {
    background-image: url('products/microCatheters/images/microBack.jpg');
    background-position: middle top;
    background-repeat: no-repeat;
    height: 400px;
}
/*this contains the tabs and appears over the flash in 'theRightTop'*/
/*it is inside theRightTop*/


/* inactiveTab holds an inactive tab on the home page*/
/*inside theTabsHolder*/
.inactiveTab { 
	float: left;
	display: inline;
	background-image: url('images/inActiveTab.gif');
	background-position: left top;
	background-repeat: no-repeat;
	width: 110px;
	height: 26px;
	text-align: center;
	padding-top: 7px;
}

/* activeTab holds an active tab on the home page*/
/*inside theTabsHolder*/
.activeTab { 
	float: left;
	display: inline;
	background-image: url('images/activeTab.gif');
	background-position: left top;
	background-repeat: no-repeat;
	width: 110px;
	height: 26px;
	text-align: center;
	padding-top: 7px;
}

.activeTab a { color: #12903E; text-decoration: none; font-weight: bold; }
.activeTab a:hover { color: #000000; }

.inactiveTab a { color: #000000; text-decoration: none;  }
.inactiveTab a:hover { color: #12903E; }

/*long tabs*/
.inactiveTabLong { 
	float: left;
	display: inline;
	background-image: url('images/inActiveTabLong.gif');
	background-position: left top;
	background-repeat: no-repeat;
	width: 145px;
	height: 26px;
	text-align: center;
	padding-top: 7px;
}

/* activeTab holds an active tab on the home page*/
/*inside theTabsHolder*/
.activeTabLong { 
	float: left;
	display: inline;
	background-image: url('images/activeTabLong.gif');
	background-position: left top;
	background-repeat: no-repeat;
	width: 145px;
	height: 26px;
	text-align: center;
	padding-top: 7px;
}

.activeTabLong a { color: #12903E; text-decoration: none; font-weight: bold; }
.activeTabLong a:hover { color: #000000; }

.inactiveTabLong a { color: #000000; text-decoration: none;  }
.inactiveTabLong a:hover { color: #12903E; }


/*these are sections for the alternating  rows on the specs page*/
#specHolder { font-size: 12px; /*margin-left: 20px;*/}
.grayRow { clear: left; width: 538px; height: 13px; border-bottom: 1px solid #D9DADC; background-color: #E9E9E9;}
.grayRow2 { clear: left; width: 570px; height: 13px;  border-bottom: 1px solid #D9DADC; background-color: #E9E9E9;}
.tctgrayRow { clear: left; width: 580px; height: 70px; border-bottom: 1px solid #D9DADC; background-color: #E9E9E9;}
.whiteRow { clear: left; width: 538px; height: 13px; border-bottom: 1px solid #D9DADC; background-color: #FFFFFF;}
.whiteRow2 { clear: left; width: 570px; height: 13px; border-bottom: 1px solid #D9DADC; background-color: #FFFFFF;}
.tctwhiteRow { clear: left; width: 580px; height: 70px; border-bottom: 1px solid #D9DADC; background-color: #FFFFFF;}
.aSquare { float: left; display: inline; width: 105px; height: 13px; text-align: center; }
.bSquare { float: left; display: inline; width: 87px; height: 13px; text-align: center; }
.cSquare { float: left; display: inline; width: 65px; height: 13px; text-align: center; }
.dSquare { float: left; display: inline; width: 210px; height: 13px; text-align: center; }
.eSquare { float: left; display: inline; width: 180px; height: 13px; text-align: center; }
.fSquare { float: left; display: inline; width: 45px; height: 13px; text-align: center; }
.fSquareW { float: left; display: inline; width: 45px; height: 13px; text-align: center; background-color: #FFFFFF;}
.tctSquare { float: right; display: inline; width: 515px; height: 70px; text-align: center; }
.headSquare { float: left; display: inline; width: 105px; height: 13px; font-weight: bold; text-align: center; padding-top: 5px; }
.headSquareLg { float: left; display: inline; width: 210px; height: 13px; font-weight: bold; text-align: center; padding-top: 5px; }
.headSquareMd { float: left; display: inline; width: 180px; height: 13px; font-weight: bold; text-align: center; padding-top: 5px; }
.headSquareSm { float: left; display: inline; width: 87px; height: 13px; font-weight: bold; text-align: center; padding-top: 5px;}
.headSquareTiny { float: left; display: inline; width: 65px; height: 13px; font-weight: bold; text-align: center; padding-top: 5px;}
.headSquareTiny2 { float: left; display: inline; width: 45px; height: 13px; font-weight: bold; text-align: center; padding-top: 5px;}
.tipSquare { float: left; display: inline; width: 13px; height: 13px; text-align: center;}
.greenText { color: #12903E; font-size: 12px; }
.fontSize11 { font-size: 11px; }

.headSquareHalf { float: left; display: inline; width: 43px; height: 13px; font-weight: bold; text-align: center; }
.headaSquareHalf { float: left; display: inline; width: 80px; height: 13px; font-weight: bold; text-align: center; }
.bSquareHalf { float: left; display: inline; width: 43px; height: 13px; text-align: center; }
.aSquareHalf { float: left; display: inline; width: 80px; height: 13px; text-align: center; }

.SpecTableHeaderRow {background-color: #E9E9E9; font-weight:bold;}
.SpecTableGrayRow {background-color: #E9E9E9; border-bottom: 1px solid #D9DADC; border-top: 1px solid #D9DADC; padding-top: 0px; padding-bottom: 0px; padding-right: 0px; padding-left: 0px; height: 13px; }
.SpecTableWhiteRow {background-color: #FFFFFF; height: 13px; padding-top: 0px; padding-bottom: 0px; padding-right: 0px; padding-left: 0px; }


/*this contains the body underneath the flash and the tabs... should line up with the tabs*/
/*inside theRight*/
#theRightBottom {
	width: 573px;
	/*height: 300px;*/
	height:auto;
		
}

/*this is the top image for the bottom body box*/
/*inside theRightBottom*/
#theRightBottomTop {
	width: 573px;
	height: 20px;
	}

/*this is the div that holds the text in the bottom section.
* use <p> tag to keep from the edges 
inside theRightBottom */
#theRightBottomBody {
	width: 573px;
	height: auto;
	/*height: 260px;*/
	
}

#theRightBottomBody p { margin-left: 20px; margin-top: 0px; padding-top: 0px;}

/*this is the bottom image for the bottom body box*/
/*inside theRightBottom*/
#theRightBottomBottom {
	width: 573px;
	height: 10px;
	
}

/*end the right side of the page styles*/
/*
*
*begin the footer styles*/
#theFooterHolder { width: 100%; height: 80px;
background-image: url('images/footerRepeat.jpg');
background-position: left bottom;
background-repeat: repeat-x;
margin-top: 10px;
}

#theFooter { width: 817px; height: 80px; 
margin-left: auto; margin-right: auto;
background-image: url('images/footer.jpg');
background-position: right bottom;
background-repeat: no-repeat;
color: #000000;
font-size: 10px;
text-align: right;
}

#theFooter a { color: #000000; text-decoration: none; }
#theFooter a:hover { color: #12903E; }

#theFooter a.green { color: #12903E; text-decoration: none; font-size: 12px;}
#theFooter a.green:hover { color: #000000; }
/*end the footer styles*/


/*fixes floating div problems*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

.handcursor{
cursor:hand;
cursor:pointer;
}

/* crossfade styles */
#photoBox {
    width: 567px;
    margin-left: auto;
    margin-right: auto;
    height: auto;
}

ul.crossfade {
	padding: 0;
	/*margin: 10px auto 0 auto;*/
    margin: 10px 0;
	list-style: none;    
}

#fade-example-1 li {
	position: absolute;
	top: 0;
	left: 88px;
    width: 373px;
	height: 570px;
	background-color: #FFF;
	visibility: hidden;
}

li img {
	display: block;
	border: 3px solid #FFF;
}

code {
	font-family: monospace;
	font-size: 1.2em;
}
.control {
    /*position: absolute;
	z-index: 100;*/
	cursor: pointer;
	font-size: 2em;
	font-weight: bold;
	color: #FFF;
    background-color: #ffffff;
}
#fade-example-1-next {
	/*right: 8%;
	top: 71%;*/
}
#fade-example-1-previous {
	/*left: 6%;
	top: 71%;*/
}
.ajax {
	margin: 3em;
	border: 1em solid #FF8C00;
	padding: 1em;
}