/* CSS Document */

body {background-color:#606060; background-image: url(images/background.jpg); background-repeat:repeat-x; font-family:Helvetica, Verdana; font-size:11px; margin:0px;}

#wrapper {position:relative; margin:0 auto; width:724px;}

.mainContainer {
	background-color:transparent;
	width:724px;
	float:left;

}

#topLogin {width:715px; height:30px; font-size:11px; color:#FFFFFF; font-family:Helvetica, Verdana; padding-left:5px; padding-right:5px;}
#shoppingCart {margin:0px; padding: 0px; float: left;}
#shoppingCart p{margin: 0px; padding: 0px; width: 150px;}
#loginFields {float: right;}

#header {background-image:url(images/header.jpg); width:725px; height:223px;}
#header img{float:left; margin-top: 65px; margin-left: 20px;}
#header #welcome{font-size:12px; color:#FFFFFF; width:200px;}
#header h1{font-size:18px; color:#FFFFFF; margin:0px;}

#welcome {margin-left: 430px; padding-top: 40px;}
#welcome ul {}
#welcome li {width: 260px; color: #606060; font-size: 12px; margin-left: -20px;}
#welcome h1 {color: #bf2a30; font-size: 14px; width: 280px;}


a:link {color: #FFFFFF; }
a:visited {color: #FFFFFF; }
a:hover {color:#bf2a30; }
a:active {color: #FFFFFF; }


.navHolder {float:left; width:724px; background-color: transparent; background-image: url(images/navBar.gif); height:34px; margin-top: 3px; }

#productPreview {background-image:url(images/productBack.jpg); width: 724px; height: 277px; margin-top: 3px; margin-bottom: 10px;}

#productDescription_1 {color: #FFFFFF; width: 230px; float: left; margin-top: 30px; padding-left: 30px;}
#productDescription_1 h1 {width: 230px;font-size: 19px; color: #FFFFFF; font-weight: normal; font-family: Helvetica, Verdana;}
#productDescription_1 img {width: 230px; height: 150px;}

#productDescription_2 {color: #FFFFFF; width: 250px; float: left; margin-left: 20px; margin-top: 30px;}
#productDescription_2 h2 {font-size: 18px; width: 200px; margin: 0px;}
#productDescription_2 p {line-height: 12px;}
#productDescription_2 button {width: 140px; height: 14px; background-image: url(images/arrow.jpg); background-position: right; background-repeat: no-repeat; background-color: transparent; border: none; color: #FFFFFF; font-weight: bold; font-size: 11px; margin-left: 105px;}

.productSearch {float:left; width: 150px; margin-top: 50px; padding-left: 42px;}
.productSearch p {color: #FFFFFF;font-size: 12px; text-align: center;}

.footer {text-align:center; color:#FFFFFF; font-size: 12px;}
.footer a{font-weight: bold;}

//Suture CSS

/* GLOBAL STYLES
--------------------------------------------------------*/
#Form2 {margin: 0; padding: 0}
#Form2 input, #Form2 select {font: 11px Verdana, Tahoma, sans-serif; color: #000; background: #fff; line-height: normal}
#PageSubTable {width: 716px;}
#ContentCell {background-color: transparent;}
#Instruction1_InstructCell {background: #ccc;	border: 1px solid #999;	padding: 7px}
#Instruction1_InstructCell a {color: #000}
.Instructions {font-size: 11px; color: #000}
.Messages,
.ErrorMessages {font-size: 10px; font-weight: bold; color: #c00}
.Headings {font-size: 16px; font-weight: bold; color: #000}
.ContentTableHeader, 
.ContentTable,
.ContentTableHorizontal {font-size: 14px; font-weight: bold; color: #000; background: #999}
.Content {font-size: 11px; color: #000}
.Content a {color: #000; text-decoration: underline}
.Content a:hover {color: #000; text-decoration: none}
.clear {clear: both}

/* TopBanner Styles
--------------------------------------------------------*/
#TopBannerCell {}

/* TopSubBanner Styles
--------------------------------------------------------*/

/* Cart Styling */
.cart {float: right; width: 63%}
.cart .cartwrap {width: auto; float:left; font: 11px Verdana, Arial, Helvetica, sans-serif; padding:0 0 0 20px; background:url(images/design/tsb-cicon.gif) no-repeat center left; color:#333; margin:30px 0 0 0;}
.redbar {color:#c4312f;}

/* Nav Tab List Styling */
#TopSubBannerCell ul {}
#TopSubBannerCell li {}
#TopSubBannerCell li a {color: #bf2a30;}

#TopSubBannerCell .icons {}

/* Main Navigation List Stlyes */

/* Search Box Styles and Holders */
.searchwrap {background:#982e00; font:12px Arial, Helvetica, sans-serif; font-weight:bold; color:#fff; float:none; padding-left:5px;}
.searchwrap input { width:110px; border:solid 1px #CCC; font-size:11px;}

/* Dynamic Menu Bar Styling */
a.leftColumnText {color: #000; font-weight:bold; text-indent:15px; width: 100%; margin: 0px; padding: 0px; 
display: block; height: 15px; line-height:15px; font-size:10px;}
#LeftColumnNav1_CMenubar2_dlMenu a:hover {color:#666;}

/* 
 Styles
--------------------------------------------------------*/

/* Default Page Styles
--------------------------------------------------------*/
#ContentCell.default { width:553px;}
.bd-content{ padding:5px; border:solid 1px #CCC; border-top:solid 4px #c4312f; width:410px; float:left;}

.bd-content h3 { padding:0; margin:0; font-size:11px; font-size:11px;}



#nav, #nav ul {
padding: 0;
margin: 0;
list-style: none;
padding-top: 10px;
padding-left: 15px;
font-family: Helvetica, Verdana;
font-size: 10px;
}


#nav li {
float: left;
position: relative;
}

.level1{
background-color:transparent;
padding-right: 5px;
padding-left: 5px;
border-right: 1px solid gray;
color: #bf2a30;
}

.level1 a{
margin-left: 6px;
margin-right: 8px;
text-decoration: none;
color: #bf2a30;
font-weight: bold;
}

.level1 a:hover{
margin-left: 6px;
margin-right: 8px;
text-decoration: none;
color: gray;
background-color: white;
}

.level2{
display: none;
width: 10em;
position: absolute;
top: 1.2em;
left: 0;
background-color:#e4e4e4;
background-image: url(images/navBack.jpg);
background-repeat: repeat-x;
border: 1px solid gray;
color: #606060;
height: 275px;
}

.level2 li{
width: 100%;
padding-bottom: 4px;
margin-left: -10px;
}

.level2 li a{
text-decoration: none;
color: gray;
font-weight:normal;
}

.level2 li a:hover{
text-decoration: none;
color: #cccccc;
}




#nav li:hover ul, li.over ul {
display: block;
}