/* -------------------------------------------
project:	MidSCI
author:	cssninjas.com
date:		2008/11/10
------------------------------------------- */

/*'Lucida Grande', Candara,*/
html, body, p, ul, ol, dl, dt, dd, h1,h2,h3,h4,h5,h6, form, li { margin: 0; padding: 0;}
html, body { font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Trebuchet MS', Verdana, sans-serif; background: #0a2d4d; text-align: center; }
html { font-size: 0.84em; }
a img{border:none;}
table{border-spacing:0;}


#ackeys{position:absolute; top:-666em;}
#container{width:980px; margin:0 auto; text-align:left; padding:30px 0 50px 0; overflow:hidden;}

#bodyWrapper{background:#fff url('../images/wrapper.gif') bottom left repeat-x;}

/*header
-----------------------------------*/

#header{background:url('../images/headerbcg.gif') top left repeat-x;}
 #headerContainer{width:980px; height:142px; margin:0 auto; text-align:left; overflow:hidden; background:url('../images/headerbanner.gif') top left no-repeat; position:relative;} 
  #headerContainer h1{width:243px; height:92px; background:url('../images/logo.gif') top left no-repeat; text-indent:-666em; overflow:hidden;}
  #headerContainer .col1{padding:18px 0 0 10px; width:300px; float:left;}
   #headerContainer .col1 p{color:#fff; font-size:0.74em; padding-top:4px;}
	
  #headerContainer .col2{float:right; color:#d6eaf6; padding-top:11px;}
   #headerContainer .col2 h2{font-size:1.5em; padding-bottom:5px;}
   #headerContainer .col2 ul{float:right; list-style:none;}
    #headerContainer .col2 ul li{clear:left; padding-top:5px;}
    #headerContainer .col2 form p{clear:both; float:right; padding-top:5px;}
  
    #headerContainer .col2 form ul label{width:60px; display: block; text-align:right; vertical-align:middle; font-size:0.84em; float:left; padding:3px 6px 0 0;}
    #headerContainer .col2 form ul input{width:117px; vertical-align:middle; border:1px solid #92abcd;}
  
    #loginsubmit{cursor:pointer; display: block; font-size:1em; padding:2px 10px; border:1px solid #10457c; background:#d32528 url('../images/btn.gif') top left repeat-x; font-family: 'Lucida Grande', Candara, 'Lucida Sans Unicode', 'Trebuchet MS', Verdana, sans-serif; color:#fff;}
  
  #loginsubmit:hover,
  #loginsubmit.sfhover{border:1px solid #cbe8fc;}
  
#header1{background:url('../images/headerbcg1.gif') top left repeat-x;}
  #headerContainer1{width:980px; height:43px; margin:0 auto; text-align:left; overflow:hidden;}
  #headerContainer1 h2{font-size:1.3em; padding-top:8px; color:#d4e6ff; width:400px; float:left;}
  
  #headerContainer1 form{float:right; padding-top:10px;}
   
   #headerContainer1 ul li{float:left; list-style:none; padding-left:10px;}
   #headerContainer1 ul li.last{margin-top:-2px;}
	
	#headerContainer1 ul label{text-align:right; vertical-align:middle; font-size:0.84em; float:left; padding:3px 6px 0 0; color:#d4e6ff;}
    #headerContainer1 ul input{width:117px; vertical-align:middle; border:1px solid #92abcd; vertical-align:middle;}
    #headerContainer1 #loginsubmit{float:left; width:auto; vertical-align:middle; border:1px solid #155c9b;}
	 
	 #headerContainer1 #loginsubmit:hover,
    #headerContainer1 #loginsubmit.sfhover{border:1px solid #cbe8fc;}
	

	
#headBox{overflow:hidden; width:100%; padding-bottom:25px;}
 #logoContainer{width:162px; height:63px; float:left;}
  #logoContainer a{width:162px; height:63px; display: block; text-indent:-666em; overflow:hidden; background:url('../images/logo1.gif') top left no-repeat;}
	
	
	
 #headBox form{width:400px; float:left; padding:20px 0 0 25px;}
 #headBox form p input{vertical-align:middle;}
 #headBox form p input#searchPhrase{width:215px; border:1px solid #92abcd; background:#f0f6fe;}
 #headBox #tel{float:right;}
  #headBox #tel ul{list-style:none; padding-top:10px; font-size:0.84em; text-align:center; color:#125592;}
   #headBox #tel ul span{color:#d64249; padding-right:10px;}
 
  
/*main menu*/
/*Jason changed the id name from mainMenu to nav_277703 to support the dynamic menu functionality*/
#nav_277703{list-style: none; overflow:hidden; width:100%; background:url('../images/menu.gif') bottom left no-repeat; padding-bottom:4px;}
 #nav_277703 li{
	float: left;
	margin-right: 8px;
}
 #nav_277703 li.last {margin-right:0;}
  #nav_277703 li a{display:block; font-size:1.1em; padding: 4px 9px 4px 9px; text-decoration: none; color:#125592;}

  #nav_277703 li a:hover,
  #nav_277703 li a.current,
  #nav_277703 li a:hover.current{background:#d32528 url('../images/btn.gif') top left repeat-x; color: #fff;}
/*end main menu*/



/*side col
----------------------------------*/


#sideCol{width:194px; float:left; padding-top:30px;}

 #sideCol h2.type1{background:url('../images/rc1.gif') top left no-repeat; font-size:1.2em; color:#d76f74; font-weight:normal; padding:8px 15px 6px 15px;}

	#sideMenu ul{list-style: none; margin: 0; background:url('../images/rc2.gif') bottom left no-repeat; padding-bottom:13px; color:#000; text-align:left; width:194px; border-top:1px solid #ccdbee;}
    #sideMenu ul li{position:relative; z-index:4; border:1px solid #ccdbee; border-top:none;}
     #sideMenu ul li a{display:block; color: #31557e; text-decoration: none; min-height:10px; font-size:0.9em; background:#f0f6fe; padding-left:12px}
     #sideMenu ul li a span{display:block; color: #31557e; background:#f0f6fe; text-decoration: none; min-height:10px; padding:6px 2px 6px 0; cursor:pointer;}

  * html #sideMenu ul li{height: 1%;  float:left; }
  * html #sideMenu ul li a{ height: 1%; }

  #sideMenu ul li a:hover{background:url('../images/btn1.gif') top left repeat-x; color:#fff; border:0px solid #000;}
  #sideMenu ul li a:hover span{background:url('../images/bullet.gif') center left no-repeat; color:#fff; padding-left:10px;}
  
  
  #categoryIndexBox{background:url('../images/rc3.gif') top left no-repeat; margin-top:40px; width:190px}
   #categoryIndexBox form{background:url('../images/rc4.gif') bottom left no-repeat;}
   #categoryIndexBox form h2{font-size:1.2em; color:#28568c; font-weight:normal; padding:20px 15px 0 15px;}
   
	#categoryIndexBox form p{text-align:center; padding:20px 0; clear:both;}
    #categoryIndexBox form p #search{width:150px; border:1px solid #92abcd;}
    #categoryIndexBox form ul{list-style:none; padding-left:13px;}
    #categoryIndexBox form ul li{float:left; padding:0 0 5px 5px;}
     #categoryIndexBox form ul li a{display: block; color:#bb191f; text-align:center; background:#fff; border:1px solid #92abcd; text-decoration:none; width:19px;}
     #categoryIndexBox form ul li a:hover{color:#fff; background:#c84045; border:1px solid #fff; text-decoration:none;}

	.adContainer { margin-top: 40px; width: 200px;} 
	  
	#mostPopularBox{
	background:url(../images/rc3.gif) no-repeat left top;
	margin-top:40px;
	width:190px
} 
    #mostPopularBox h2{font-size:1.2em; color:#4f88bb; font-weight:normal; padding:10px 15px 8px 15px;}
	#mostPopularBox .pagination { display: none;} 
	 
	  #innerMostPopular{background:url('../images/rc5.gif') bottom left no-repeat; padding-bottom:7px;}
	  
	   #innerMostPopular p{width:168px; background:#fff; margin-left:1px; padding:5px 8px 6px 12px;}
      #innerMostPopular ul{width:172px; background-color:#fff; margin-left:1px; border-top:1px solid #ccd8e9; list-style:none; padding:12px 8px;}
	  
	  ul.type1 li a{color:#234b7a; display: block; padding:6px 0 6px 20px; text-decoration:none; background:url('../images/bullet1.gif') center left no-repeat;}
	  ul.type1 li a:hover{text-decoration:underline;}
	  ul.type1 li a img, ul.type1 li a span.price { display: none; }
	  ul.type1{background:url('../images/brd.gif') bottom center no-repeat;}
	  #innerMostPopular ul li a{font-size:0.84em;}
	  
	  a.type1{color:#e04045; font-size:0.84em; text-decoration:none; padding-left:10px; background:url('../images/bullet2.gif') center left no-repeat;}
	  a.type1:hover{text-decoration:underline;}
	  
/*end side col
----------------------------------*/


/*content
----------------------------------*/

#content{
	width:740px;
	float:right;
	padding-top:30px;
}
#landingPage p { line-height: 170%;}
#landingPage h2 { margin: 20px 0 10px 0; color:#4f88bb; font-size:1.4em; font-weight:normal; }

#mainBanner img{display: block;}

#optionsMenu li{list-style:none; float:left;}
 #optionsMenu a{display: block; height:104px; text-indent:-666em; overflow:hidden; background:url('../images/menu1.gif') no-repeat;}
 #optionsMenu a#item1{width:248px; background-position:0 0;}
 #optionsMenu a#item1:hover{background-position:0 -104px;}
 
 #optionsMenu a#item2{width:248px; background-position:-248px 0;}
 #optionsMenu a#item2:hover{background-position:-248px -104px;}
 
 #optionsMenu a#item3{width:244px; background-position:-496px 0;}
 #optionsMenu a#item3:hover{background-position:-496px -104px;}
 
 
 .latest-announcements {
	width: 340px;
	margin: 0 10px 0 5px;
	float: right;
}
 .latest-announcements h2 {
	color:#4f88bb;
	clear:both;
	font-size:1.3em;
	padding-bottom:5px;
	margin-bottom: 10px;
	border-bottom-color: #4F88BB;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	background-color: #ECF1EF;
}
 .latest-announcements .announcement-list { padding: 0; margin: 0;}
 .latest-announcements .announcement-list h2 {
	background:url(../images/bullet1.gif) no-repeat left 3px;
	font-size: 13px;
	font-weight: normal;
	line-height: 125%;
	padding-left: 25px;
	border-bottom-width: 0px;
	background-color: #FFFFFF;
}
 .latest-announcements .announcement-list h2 a { color:#234b7a; text-decoration: none; }
 .latest-announcements .announcement-list h2 a:hover { text-decoration: underline; }
 .latest-announcements .announcement-list h2 span.date {
	display: none;
}
 .latest-announcements .announcement-list p.body {
	display:none;
}
 
 .latest-blog-posts {
	width: 340px;
	margin: 0px 5px 0 0;
	float: left;
}
 .latest-blog-posts h2 {
	color:#4f88bb;
	clear:both;
	font-size:1.3em;
	padding-bottom:5px;
	margin-bottom: 10px;
	border-bottom-color: #4F88BB;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	background-color: #ECF1EF;
}
 .latest-blog-posts .blogsitesummary { list-style: none; margin-top: 10px;}
 .latest-blog-posts .blogsitesummary li {
	list-style-type: none;
	padding: 0 0 10px 20px;
	background:url(../images/bullet1.gif) no-repeat left 3px;
}
 .latest-blog-posts .blogsitesummary li a {color:#234b7a; text-decoration: none; font-weight:normal;}
  .latest-blog-posts .blogsitesummary li a:hover { text-decoration: underline; font-weight:normal;}
 .latest-blog-posts .blogsitesummary li .author,
 .latest-blog-posts .blogsitesummary li .date { display: none;}
 
 
 /*for popular products*/
 .popularprods {
	width: 350px;
	margin: 0 10px 0 10px;
	float: right;
}
 .popularprods h2 {
	color:#FF0000;
	clear:both;
	font-size:1.3em;
	background:url('../images/brd2.gif') bottom left no-repeat;
	padding-bottom:5px;
	margin-bottom: 10px;
}
 .popularprods .popularprods { padding: 0; margin: 0;}
 .popularprods .popularprods h2 {
	background:url(../images/bullet1.gif) no-repeat left 3px;
	font-size: 13px;
	font-weight: normal;
	line-height: 125%;
	padding-left: 25px;
}
 .popularprods .popularprods h2 a { color:#234b7a; text-decoration: none; }
 .popularprods .popularprods h2 a:hover { text-decoration: underline; }
 .popularprods .popularprods h2 span.date {
	display: none;
}
 .popularprods .popularprods p.body {
	display:none;
}

 .popularprods .popularprodslist li {
	list-style-type: none;
	padding: 0 0 10px 20px;
	background:url(../images/bullet1.gif) no-repeat left 3px;
	margin-bottom: 8px;
}
 .popularprods .popularprodslist li a {color:#234b7a; text-decoration: none;}
 .popularprods .popularprodslist li a:hover { text-decoration: underline; }
 
  /*end popular products*/
 
 #cols{padding-top:40px; clear:both; width:100%;}
  #cols li{list-style:none;}
  #cols li.col{float:left; width:221px; padding-left:25px}
  #cols li.col .wrapper1{padding-left:42px}
  #cols li.col img{display: block;}
  #cols li.col ul{width:170px; padding-bottom:10px; margin-bottom:10px}
  #cols li.col h2{color:#4f88bb; font-size:1.4em; font-weight:normal; padding-bottom:5px; line-height:150%;}
  #cols li.col h2.type2{font-size:1.3em;}
  #cols li.col p{padding-bottom:10px;}
  
  #cols li.col .wrapper{background:url('../images/directions.gif') top left no-repeat; padding-top:71px}
  
  
  #popularItemsBox{
	clear:both;
	width:725px;
	background:url('../images/prodlist1.gif') bottom left no-repeat;
}
  #popularItemsBox h2{
	clear:both;
	color:#e04045;
	font-size:1.4em;
	padding-bottom:12px;
}
  #popularItemsBox h2 em{width:100px; display: block; position:absolute; font-style:normal; right:15px; top:0;}
   #popularItemsBox h2 em a{display: block; padding:5px 19px; color:#fff; background:#d22528 url('../images/btn2.gif') top left repeat-x; float:left; font-size:0.74em; font-weight:normal; text-decoration:none;}
   #popularItemsBox h2 em a:hover{background:#092a4b url('../images/btn3.gif') top left repeat-x;}
	
	
   #popularItemsBox .wrapper{background:url('../images/prodlist.gif') top left repeat-x; position:relative; padding:25px 0;}
	
   #popularItemsBox .wrapper #previous{position:absolute; top:80px;}
   #popularItemsBox .wrapper #next{position:absolute; right:30px; top:80px;}
	
	
	
   #popularItemsBox .prodList{overflow:hidden;}
    #popularItemsBox .prodList li{list-style:none; float:left; /*padding-left:10px;*/}
     #popularItemsBox .prodList li a{display: block; text-decoration:none; color:#e04045; font-size:0.84em; width:146px;}
      #popularItemsBox .prodList li img{display: block; border:1px solid #f1a69d;}
      #popularItemsBox .prodList li a span{display: block; padding-top:3px;}
      #popularItemsBox .prodList li a:hover span{text-decoration:underline;}
  
  #bCrumbs{font-size:0.84em; margin-left:-7px;}
    #bCrumbs a{color:#e2383f; padding: 0 7px 0 7px; text-decoration:none;}
    #bCrumbs a:hover{text-decoration:underline;}
		 
  #content h1{color:#4f88bb; clear:both; font-size:1.5em; padding-top:20px; background:url('../images/brd2.gif') bottom left no-repeat; padding-bottom:3px;}
   #contentCol{padding-top:10px; width:475px; float:left;}
   #contentCol .textBox{background:url('../images/textbox.gif') bottom left no-repeat; padding-bottom:30px;}
   #contentCol .textBox p{color:#234b7a; padding:4px 0; line-height:150%; font-size:1.05em;}
	
	#contentCol #cols li{list-style:none;}
   #contentCol #cols li.col{float:left; width:221px; padding-left:10px}
   #contentCol #cols li.col p.type1{background:url('../images/brd.gif') bottom center no-repeat; color:#234b7a; line-height:150%; width:190px; margin-bottom:10px;}
  
  
  #bannerCol{width:237px; float:right; padding-top:16px;}
  #bannerCol ul{list-style:none;}
   #bannerCol ul li{padding-bottom:16px;}
   #bannerCol ul a img{display: block;}
  
/*end content
----------------------------------*/

/*footer
----------------------------------*/

#footer{min-height:349px; background:url('../images/footer.gif') top left repeat-x;}
 #footer h2{width:533px; height:23px; background:url('../images/footerheader.gif') top left no-repeat; text-indent:-666em; overflow:hidden;}
 
 #innerFooter{width:980px; margin:0 auto; text-align:left; padding-top:20px;}
 
  #footerColsContainer{background:url('../images/brd1.gif') top left no-repeat; margin-top:10px; padding-top:20px;}
   #footerCols{overflow:hidden; width:100%; background:url('../images/brd1.gif') bottom left no-repeat; padding-bottom:20px;}
	
   #footerCols h3{color:#6dbaff; font-weight:normal; font-size:1.1em;}
	
   #footerCols #fcol1{float:left; padding-left:10px; width:260px;}
   #footerCols #fcol2{float:left; padding-left:10px; width:225px;}
   #footerCols #fcol3{float:left; padding-left:10px; width:280px;}
   #footerCols #fcol4{float:left; padding-left:10px;}
	
	
   #footerCols ul{padding-top:9px;}
    #footerCols ul li{padding-top:3px;}
     #footerCols ul li a{text-decoration:none; font-weight:bold; color:#bfdaff;}
     #footerCols ul li a:hover{text-decoration:underline;}

   #footer li{list-style:none;}
	
	
	#linkList1{width:300px; float:left; padding-left:10px; padding-top:12px;}
	 #linkList1 li{float:left; padding-right:9px;}
	  #linkList1 li a{color:#fff; text-decoration:none; font-weight:bold; font-size:0.84em; padding-right:9px; background:url('../images/bullet3.gif') center right no-repeat;}
	  #linkList1 li.last a{background:none;}
	  #linkList1 li a:hover{text-decoration:underline;}
	  
	  
	#nav_309514{float:right; font-size:0.84em; font-weight:bold; padding-top:12px;}
	 #nav_309514 li{float:left; color:#6cb9ff; padding-right:9px;}
	  #nav_309514 li a{color:#fff; text-decoration:none; padding-right:9px; background:url('../images/bullet3.gif') center right no-repeat;}
	  #nav_309514 li a:hover{text-decoration:underline;}

/*end footer
----------------------------------*/

.imgText{position:absolute; left:-666em;}

/*jquery tabs
----------------------------------*/
#rotateTabs{display:none;}
.ui-tabs-hide{display:none;}

/* Blog
-------------------------------------*/

#blog {width: 980px; padding-top: 30px;}
.blog-list { background: #f9f9f9; border: 1px solid #eee; color: #000; font-size: 11px; margin: 0 0 18px; padding: 18px; }
.blog-list h2 { font-size: 18px; margin: 0 0 3px 0; }
.blog-list span { color: #888; }
.blog-container h1 { color:#4f88bb; clear:both; font-size:1.5em; background:url('../images/brd2.gif') bottom left no-repeat; padding-bottom:3px; }
.blog-container p.description { margin: 0 0 36px; }
.blog-container .post-list { float: left; width: 72%; }

.blog-post h2.post-title { border-bottom: 1px solid #ccc; font-size: 18px; margin: 0; padding: 0 0 3px 0; }
.blog-post .post-details { color: #888; font-size: 11px; margin: 0 0 18px;  }
.blog-post .post-body { margin: 0 0 36px; }
.blog-post .post-body .links { font-size: 11px; }
.blog-post .post-body p { margin: 0 0 20px 0; line-height: 140%; font-size: 13px;}
.blog-post dl { background: #f9f9f9; border: 1px solid #eee; margin: 0 0 18px; padding: 18px; }
.blog-post dt { color: #000; }
.blog-post dd { margin: 0 0 9px; }

.comment-list { background: #f9f9f9; border: 1px solid #eee; margin-bottom: 36px; padding: 18px; }
.comment-list h5 { font-size: 14px; margin: 0 0 18px; }
.comment-list input#Captcha { width: 300px; }
.comment-list textarea.cat_listbox_small { height: 120px; width: 100%; }
.blog-comment-container { border: 1px solid #e9e9e9; margin: 0 0 18px; }
.blog-comment-container  .comment-details { background: #eee; font-size: 11px; padding: 6px; }
.blog-comment-container .comment { background: #fff; padding: 9px; }
span.flag { margin: 0 6px; vertical-align: middle; }
input#fullname, input#website, input#emailaddress { width: 300px; }
textarea.comment { height: 160px; width: 100%; }
.forum-registration textarea.comment { height: 70px; width: 270px; }

.blog-container .side-panel { float: right; width: 25%; }
.side-panel a { color:#4f88bb; }
.side-panel h2 { font-size: 14px; padding: 15px 0 10px 0; margin-top: 15px; background:url('../images/brd2.gif') top left no-repeat; }
.side-panel h2.first { padding: 0 0 10px 0; background: none;}
.BlogTagCloud { margin: 0 0 18px; }
.BlogRecentPost ul, .BlogTagList ul, .BlogPostArchive ul { margin: 0; padding: 0; }
.BlogRecentPost li, .BlogTagList li, .BlogPostArchive li { font-size: 11px; list-style: none; margin: 0 0 9px; }
p.page-nav { text-align: center; } 
p.page-nav a { margin: 0 9px; }


/* Announcements
-------------------------------*/
.announcement-container { margin: 20px 0 0 0;}
.announcement-list { font-size: 11px; margin: 0 0 20px 0; }
.announcement-list h2 { font-size: 14px; margin: 0 0 5px 0; }
.announcement-list span.date { font-size: 10px; font-weight: normal; margin: 0 0 0 6px; }
.announcement-details span.date { display: block; font-size: 10px; font-weight: normal; margin-bottom: 18px; }
.announcement-details p { line-height: 140%; margin: 20px 0 0 0;}
.announcement-details .goBack { margin-top: 20px;}

/* Header Search Box */
.searchBox {position:absolute; left:285px; top:50px;}
.searchBox form p input#searchPhrase {background:#F0F6FE; border:1px solid #92ABCD; width:215px;}
.searchBox form p input {vertical-align:middle;}