@charset "UTF-8";
@import url("scistyle.css");
/* CSS Document */

		body {
    			background-color: white;
    			margin:0px !important;
    			padding:0px;
    			font-family: Verdana, arial, sans-serif;
    			font-size: 12px
    			line-height: 1.5em;
    			overflow-x: hidden;

    		}
    		
    	a (
    	text-decoration:none;
    	color:inherit;
    	)
    	
    	a:hover {
    	text-decoration: underline;
    	}
    	
    	p {
    	color:#444;
    	font-size:12px;
    	line-height: 1.5em;
    	}	
    		
    		/* Header Styles */
    		#header_wrapper {
    			width:100%;
    			min-width: 960px;

    		}
    		
    		
    		.headerBG-WhiteBlue {
    		    background-image: url(../images/headerbg-whiteBlue.jpg);
    			background-repeat: repeat-x;
    			background-position: top left;
    		}
    		
    		.headerBG-WhiteWhite {
				 background-image: url(../images/headerbg.jpg);
    			background-repeat: repeat-x;
    			background-position: top left;
    		}
    		
    		
    		#header {
    			width:960px;
    			margin:0px auto;
    			height:205px;
    		}
    		
    		#logo {
    			position: relative;
    			float:left;
    			top:8px;
    			left:0px;
    			}
    			
    		#brands {
    			position: relative;
    			top:0px;
    			left:10px;
    			float:right;
    			}
    		
    		/* Header navigation Styles */
    		#navigation {
    			position: relative;
    			top: 5px;
    			right:10px;
 				float:left;
 				clear: both;
 				width:960px;
    			}
    		
    		#navigation ul, #navigation li {
    			list-style-position: none;
    			list-style: none;
    			display:inline;
    			margin:0 30px;
    			}
    			
    		#navigation a {
    			color:white;
    			text-decoration: none;
    			font-size:14px;
    			font-weight:bold;
    		}
    		
    		#navigation a:hover {
    			color:#d2e2f0;
    		}
    			
    		/* Header  Utilities Styles */
    		#utilities {
    			position: relative;
    			top:-9px;
    			right:0px;
 				float:right;
 				clear: both;
 				width:600px;
 				text-align: right;
    			}
    			
    		#utilities a {
    			color:navy;
    			text-decoration: none;
    			font-size:10px;
    			font-weight:bold;
    		}
    		
    		#utilities a:hover {
    			color:black;
    			text-decoration: underline;
    		}

    		
    		/* Header Search Styles -- Karen, you will replace these with new code for your site search on SCIChild */
    		
    		#searchBox{
					width:600px;
					height:20px;
					display:inline;

					}
				
			.searchField{
					border:1px solid navy; 
					background-color:#fff; 
					font-size:10px; 
					font-weight:bold; 
					color:#333;
					width:150px;
					display:inline;
					margin:0 0 0 5px;
					padding:1px;
					}
			.searchGo {
					background-color:navy;
border:1px solid navy;
color:#FFFFFF;
cursor:pointer;
display:inline;
font-size:11px;
font-weight:bold;
margin:0 0 0 2px;
padding:2px 0;
text-align:center;
width:25px;
					}
			.emailGo {
					background-color:navy;
border:1px solid navy;
color:#FFFFFF;
cursor:pointer;
display:inline;
font-size:11px;
font-weight:bold;
margin:0 0 0 2px;
padding:0px 0px;
text-align:center;
width:25px;
					}
					
			
				/* END Header Styles */	
				
				
				
				/* footer Styles */
    		#footer_wrapper {
    			width:100%;
    			background-color: white;
    			height:180px;
    			min-width: 960px;
    			margin:0 0 40px;

    		}
    		
    		.footerBG-WhiteBlue {
    		    background-image: url(../images/footerbg-whiteBlue.jpg);
    			background-repeat: repeat-x;
    			background-position: top left;
    		}
    		
    		.footerBG-WhiteWhite {
    			background-image: url(../images/footerbg.jpg);
    			background-repeat: repeat-x;
    			background-position: top left;
    		}
    		
    		#footer {
    			width:960px;
    			margin:0px auto;

    		}
    		
    		#footerPromo {
    			position: relative;
    			top:18px;
    			left:0px;
 				float:left;
 				clear: both;
 				width:960px;
 				text-align: center;
    			}
    		
    		#footerPromo p {
    			color:white;
    			text-decoration: none;
    			font-size:15px;
    			font-weight:bold;
    			overflow: visible;
    			clear:both;
    			display: inline;
    		}
    		
    /* Footer bottom links Styles */		
	
	#footerLinks {
		position: relative;
		top:40px;
	}
	
#footerLinks div {
		color:#666;
		line-height: 1.6em;
		font-size: 10px;
		width:160px;
		float:left;
		position:relative;
		padding:2px 0 5px 0px;	
}

li.primary {
	font-weight: bold;
	display: block;
	color:#22749d;
	}
	
li.secondary {
	padding:0 0 0 15px;
	display: block;
	}
	
#footerLinks a, #footerLinks p {
		color:#22749d;
		font-size: 11px;
		line-height: 1.5em;
		text-decoration: none;
	}
	
#footerLinks a:hover {
		color:navy;
		text-decoration: underline;
	}

	/* NETSUITE ONLY STYLES BELOW */
	
	
h2 a {
    	text-decoration:none;
    	color:navy;
    	}
    	
    	h2 a:hover {
    	text-decoration: underline;
    	}
    	
    	.button {
		border:1px solid navy; 
		background-image: url(../images/buttonBack.jpg);
  		background-repeat: repeat;
   		background-position: top left;
		text-transform: uppercase;
		color:white !important;
		min-width:75px;
		text-decoration: none;
		font-weight:bold !important;
		padding:3px 5px;
		font-size:10px !important;	
		-moz-border-radius: 5px;
		-webkit-border-radius:5px;	
		position: relative;
		top:10px;

			}
			
.buttonLeft {
		border:1px solid navy; 
		background-image: url(../images/buttonBack.jpg);
  		background-repeat: repeat;
   		background-position: top left;
		text-transform: uppercase;
		color:white !important;
		min-width:75px;
		text-decoration: none;
		font-weight:bold !important;
		padding:3px 5px;
		font-size:10px !important;	
		-moz-border-radius: 5px;
		-webkit-border-radius:5px;	
		cursor:pointer;
}
					
	.crumb {
	font-weight: bold;
	color:#22749d;	
	font-size:10px;
		}
	
	.crumbover {
	color:navy;	
		font-weight: bold;
		font-size:10px;
	
		}	
	#breadcrumbsCart {
	position:relative; 
	top: 191px; 
	left: -220px;
		
		}
		
	#breadcrumbs {
		
		}
		
	#breadcrumbs h5 {
	margin: 0px 0 0 0px;
	color:#22749d;
	font-size:10px;
	text-align: left;
	}
	
	#breadcrumbs a {
		text-decoration: none;
	}
	
	#breadcrumbs a:hover {
		text-decoration: underline;
	}

	#content {
	margin:0 auto 0px;
	width:960px;
	}
	
	#content2 {
	padding:12px 0 0;
	margin:0 auto 0px;
	width:960px;
	vertical-align: top;
	}
	
	#shoppingCart {
	text-align: left;
	}
	
	#shoppingCart p {
		font-size:10px;
	}

	

	
	
   .leftNav {

    width:185px;
	border-bottom:1px solid #8aa765;
	margin:0 16px 8px 0;
	
	}

   .leftNavImage {

    width:185px;
	margin:0 16px 6px 0;
	
	}
	
	.leftNav h4 {
	height:25px;
	color:white;
	font-weight: bold;
	font-size:14px;
	padding:2px 0 0 8px;
	margin:0px !important;
	background-image: url(../images/leftNavBG.jpg);
    background-repeat: repeat-x;
    background-position: top left;
	}	
	
	.leftNav h4 a {
	color:white;
	font-weight: bold;
	font-size:14px;
	text-decoration: none;
	}
	
	.leftNavRow {
	border-left:1px solid #8aa765;
	border-right:1px solid #8aa765;
	height:25px;
	margin:2px 0;
	}
	
	.leftNavRow p {
	padding:5px 5px 10px 5px;

	}
	
	.leftNavRow a {
	color:#555;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	width:100%;
	height: 25px;
	}
	
	.leftNavRow a:hover {
	color:black;
	
	}
	.leftLink {
	background-color: #e6ecde;
	width:176px;
	height:18px;
	position: relative;
	padding:6px 0 0 8px;
	margin-bottom: 1px;
	}
	
	h1 {
		background-image: url(../images/contentHeaderBG.jpg);
  		background-repeat: no-repeat;
   		background-position: top -1px;
   		width: 751px;
   		height:45px;
   		color: white;
   		font-weight: bold;
   		font-size: 21px;
   		padding: 2px 0 0 10px;

	}
h5 {
	color: #566F3C;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	margin: 10px 0px 10px 0px;
	border-bottom: solid 1px #566F3C;
}

.right {
float:right;
}

.left {
float:left;
}

.leftImage {
float:left;
margin: 0 16px 16px 0;
border:0px solid #eee;
}

.rightImage {
float:right;
margin: 0 0px 16px 16px;
border:0px solid #eee;
}

.itemInnerLeft {
	padding:0 13px 0 0;
}

.itemInner h2, .itemInnerLeft h2 {
	color:Navy;
	font-weight: bold;
	font-size:18px;
	margin:0 0 5px 0
}

.centered {
	text-align: center;
}

.imageTop {
margin: 0pt auto 10px; 
vertical-align: top; 
text-align: center;
border:0px solid #eee;
}

/* Item Page CSS */

 h3 {
		 color:#22749d;
		 font-size:12px;
		 margin:0 10px 10px 0;
		 font-weight: bold;
		 }
		 
		 h2 {
		 font-weight: bold;
		 margin:0 0 10px 0;
		 color:#333;
		 
		 }

		 h4 {
		 font-weight: bold;
		 font-size:15px;
		 margin:0 0 10px 0;
		 color:#333;
		 
		 }

		 .itemBox {
		 float:left;
		 width:368px;
		 }
	
	.itemBox p {
	margin:0 0 5px;
	}	 
	
/* Related Item CSS */

 .relatedItem h1 {
		 background-image: url(../images/itemHeaderBG.jpg);

		 }
	#qty {
	margin:0 10px 0 0;
	width:25px;
	border:1px solid #ccc;
	}	 
		 .relatedItem h2 {
		 padding:0px; margin:0px 0 5px 0;;
		 
		 }

		 .relatedItemImage {margin:0px !important; padding:0px !important; float:right;}
		 
		 .colorSwatch {margin:0 10px 0 0 !important; display: inline;}
		 
		 .relatedItem h3 { color:#333; display: inline; position:relative; top:-10px;}	
		 
		 .relatedItem h4 {color:navy; font-weight: bold; text-align: right; padding:0 12px 0;}
		 
		 #custcol_packagedweight_fs {display:none;}
		 
		 #custcol_packagedweight_fs_lbl {display:none;}

/* Shopping cart */

#cart {margin:15px 0 15px;}

#searchportlet {display:none;}

.leftImageThree {
margin:0 5px 10px 0; 
border:0px solid #EEEEEE;
float:left;
}

.input {font-size: 11px; }

#main_form input {
border:1px solid gray;
}
#content .medtext {
color:red;
float:right;
font-size:8pt;
font-weight:normal;
left:0;
position:relative;
width:280px;
text-align:right;
}

.medtext, .bglt {
color:black;
font-size:8pt;
font-weight:normal;
text-align:right;
padding:0 5px;
background-color: white;
}


#childItemAddToCart .medtext {
text-align: left;
float:none;
padding:0 0 10px;
}

#brandInfo .leftImage{
margin:2px 0 8px;
}

#brandInfo td {
vertical-align: top;
}

#brandInfo p {
margin:0 0 10px;
}

#brandInfo h3 {
text-align: right;
}

#websiteLink {
position:relative;
top:20px;
}

#websiteLink a {
color:#22749D;
}

#brandInfo .rightImage {
border:1px solid #eee;
}

#brandInfo .leftNav {
margin:0 0 8px 16px;
width:250px;
}

#brandInfo .leftLink {
width:240px;
}

#brandInfo .leftNav h4 {
background-image:url(../images/leftNavBg-long.jpg);
}
.texttablert {
text-align: left;
}