﻿/*     ----- Elements -----     */
body   { text-align:center;margin: 0px auto 0px auto; width: 1100px; font-size: 11px;
         font-family:Arial; color: #555;
}
a:link {		 text-decoration: none; color: #555; 
   		 /*border-bottom-style: dashed;border-bottom-width: 1px;
		 border-bottom-color: #C03;*/
  }

/*a:hover { color: #C03;border: none; text-decoration:underline;}*/
a:visited { text-decoration:none; color:#555;}
a:hover { color: #DC291E; border: none; text-decoration:underline;}
p {padding:2px; margin:4px;}
input { font-family:Trebuchet MS; color:#555; padding-left:5px;}

h3{ font-size:16px; padding:5px; margin:0px; }
li {padding:2px;}
ul {text-align:left}
/*___________________________________________________________________*/


/*     ----- Element IDs -----     */
.body {clear:both;}
#menu { font-size:1.4em; position:relative; top:18px;  font-family:Trebuchet MS, Arial; text-align:left;  float:left;}
#menu a:hover{text-decoration: underline overline;}
#menu a:link a:visited {color:#555;}

#menu1 { font-size:1.4em; font-weight:bold; position:relative; top:24px;  font-family:Trebuchet MS, Arial; text-align:left;  float:left; margin-left:5px; }
#menu1 a:hover{text-decoration: underline overline;}
#menu1 a:link a:visited {color:#555;}


#head1{  float: left; 
         width: 325px;
         height: 190px;
         background: #FFF url(images/head.png) no-repeat left top;
}
#logoSS{background: #FFF url(images/logoSS.png) no-repeat left top; width: 300px; height:61px; margin: 10px auto auto 5px;}
#headbg{ width: 775px; height: 100px;float: left;background: #FFF url(images/headbg.png) repeat-x left top;
}
#merchtChat{ float:left; height: 100px; font-size:1.7em; position:absolute; margin: 0 auto; 
         /*background: #FFF url(images/merch.png) no-repeat left top;*/
         top:100px; left:32%; text-align:center;  width:840px; padding-right:10px; }

#merchtChat TABLE {padding:0px; margin:0px; }
#merchtChat TABLE TD {vertical-align:top;}
#mercht{ float:left; height: 100px; font-size:1.7em; position:absolute; margin: 0 auto; 
         /*background: #FFF url(images/merch.png) no-repeat left top;*/
         top:100px; left:32%; text-align:center; width:750px; }
#container { padding:20px 5px;}
#maincontent{text-align:left; }
#breadcrumbs { float:left; font-size:1.1em;  font-weight:bold; padding:5px;  text-align:left !important; color:#719DDB;}
#leftPane{padding: 0px 10px 5px 5px; width:300px; float:left; border-right:1px solid #dadada; text-align:left;}
#rightPane{padding:0px 5px 5px 10px; width:620px;  float:left; text-align:left;}
#loginSearch {float:right; padding-right:5px; margin-top:90px; font-size:1.1em; text-align:center;}

#footer{ clear:left; background-color: #ccc; padding:5px ; margin:10px 0px; color:#000; width: 1100px;}
#footer a { color: #000;border-bottom-style: dashed; border-bottom-width: 1px; border-bottom-color: #000;}
#footer a:hover { color: #000; border: none; text-decoration:none;}

#featProds{ widows:150px; }
#featProds img { padding:5px; border:1px solid #dadada; width:200px; height:150px;}

#searchbox div { padding:20px 5px 5px 5px; text-align:right;}
.topNav {font-size:11px; padding:5px;}

.missionRed { font: bold 13px/20px Trebuchet MS, Arial, Helvetica, sans-serif;}

#welcome {z-index:1; position:static; margin-top:20px; width:200px; color:Black; 
          font-family:Trebuchet MS; font-size:1.1em; font-weight:bold;
          text-align:left; padding-left:5px; float:left;   }
/*___________________________________________________________________*/


/*_________ Curved corners _________*/
.rtop, .rbottom{display: block; background: #FFF;}

.rtop .r1, .rtop .r2, .rtop .r3, .rtop .r4,
.rbottom .r1, .rbottom .r2, .rbottom .r3, .rbottom .r4
{ display: block;
  height: 1px;
  overflow: hidden; 
  background: #EAEEF6;
}

.r1{margin: 0 5px;}
.r2{margin: 0 3px;}
.r3{margin: 0 2px;}
.rtop .r4, .rbottom .r4
{ margin: 0 1px;
  height: 2px;
}
/*___________________________________________________________________*/

/*     ----- Classes -----     */
div .clearer { clear:both;}
div .clearfix { clear:both;}

.searchbox { vertical-align:middle;}
.medium { font-size:1.2em;}
.underline { border-bottom:1px solid #dadada; padding-bottom:5px;}
.rounded { background:#eee; text-align:center; white-space: nowrap;vertical-align: middle;overflow: visible;}
.HomeProds{width: 200px; height: 135px; float: left; text-align: center; padding-bottom:15px;}
.roundedContent {background-color:#EAEEF6;width:300px;}
.HomeHeads{float:left; width: 100%; border-bottom:solid 1px #CCC; margin-bottom: 10px; padding: 0px 0px 0px 5px;}
.HomeTree{width: 300px; background-color:#EAEEF6;}
.HomeTreeCont{padding: 15px;}
.HomeFlashShow{float:left; width: 400px; }
.HomePlayer1{float:left; width:200px; text-align:center; padding-left: 15px;}
.bio{float:left; width:400px; padding-top: 10px; text-align:justify;}
.HomeBlogList{float:right; width: 200px; padding:10px 5px 5px 10px; text-align:center;}
.HomeCatalogs{float:left; width: 150px; height: 150px; text-align:center;}

/*___________________________________________________________________*/


/******START:  NEW PRODUCTS PAGE STYLE **************/
.SubcategoryName a:link{color: #000}
.ProductPanel{ clear:none; padding:5px 5px 5px 0px;float:left;width:250px; height:300px; font-size:11px;
               font-family:Arial; display:block; border-bottom:1px solid #dadada; color:#000 !important;
             }
.ProductImage {/*width: 50px;height: 60px;*/ padding:5px; float:left;}
.PlaceholderImage { padding:5px; float:left;}
.ProductPanel img{/*width:100px !important;*/ }    
.ProductPanel input { font-family:Arial; font-size:11px; color:#000;}
/*.ProductPanel b span{ color:#000 !important;}*/
.productDetails {height:125px; padding:2px 0px 2px 5px;}
.cartInfo{ padding:2px 0px 0px 5px; margin-top:2px;}
.cartInfo img {width:16px !important;}
.cartItem{ color:#008000; float:right; padding-right:30px;}
.price {color:#CC0033 !important; font-weight:bold !important;}

.SubcategoryPanel{clear:both; border:1px solid #dadada; margin:10px; padding:5px; height:100%; 
                  background:#E3F0F7; color:Black; 
                  font-size:1.2em; font-weight:600;   }
    
.desc{font-size:.9em; color:Black !important; }
.desc b span{color:Black !important;}
.partText { color:#000; font-weight:normal; }
b font{color:#000 !important; font-weight:normal !important;}
#tooltip { position: absolute; z-index:3000;border: 1px solid gray; font-size:11px; font-weight:normal;
           background-color: #d4dded; 
          /*background:url(images/shadow.png) repeat-x scroll right top;*/
           padding:5px 5px 15px 5px;            
           -opera-border-radius: 1em;           
           -moz-border-radius: 10px;
          /* -webkit-border-radius: 1em;*/
           
           }
           
#tooltip img{ background-color:#ffffff;}
#tooltip div { margin: 0; padding:0px; font-size:11px; color:#000; font-weight:normal; text-align:left; }
#tooltip h3 { margin: 0px; padding:0px; font-size:11px; color:#000; font-weight:bold; text-align:left;
              font-family:Trebuchet MS;  text-decoration:underline;}
.normal { width:300px;}

.CategoryName
{
    font: bold 16pt Trebuchet MS, Arial, Helvetica, sans-serif;  
    color: #CC0033; padding:5px 5px 5px 0px; border-bottom:1px solid #dadada;
}
.CategoryDescription
{
    font-family: Arial, Helvetica, MS Sans Serif;
    font-weight: normal;
    font-size: 12px;
}

.PartLabel{ font-weight:bold; }



/****** START: NEW PRODUCTS PAGE STYLE **************/

/****** START : HOME PAGE LAYOUT ******/
.Style1{background-color: #E06060; text-align:center; color:#FFF; font-weight:bold; font-size: 10pt;
           padding:4px; margin:5px; }
.ruler { border-top:1px solid #dadada; margin:10px 0px 10px 0px;}
div .main{text-align:center; font-size:12px;}
#YestNews
{
    background: #EAEEF6 url(images/yestNews.png) no-repeat left top;
    width: 270px;
    height: 342px;
}

div .newsbullets li { padding:2px; font-size:1.2em; font-family:Trebuchet MS;}
.newsbullets a:visited { color:Purple;}
/****** END: HOME PAGE LAYOUT ******/

/****** START: NEW PRODUCTS PAGE STYLE **************/

/****** START : HOME PAGE LAYOUT ******/
.Style1{background-color: #E06060; text-align:center; color:#FFF; font-weight:bold; font-size: 10pt;
           padding:4px; margin:5px; }
.ruler { border-top:1px solid #dadada; margin:10px 0px 10px 0px;}
div .main{font-size:12px; padding:10px 5px 10px 5px;}

/****** END: HOME PAGE LAYOUT ******/

/****** START: GRIDVIEW LAYOUT ******/
.GridViewHeader
{
	color:black !important;
	background-color:#DAD0B0;
	font-weight:bold;
	padding:5px;
}

.GridViewRow
{
	color:#333333;
	background-color:#F7F6F3;
	vertical-align:middle;
}
.GridViewRowSelected
{
	color:#333333;
	background-color:#E2DED6;
	font-weight:bold;
	vertical-align:top;
}

.GridViewPager
{
	color:black;
	background-color:#dad0b0;
	text-align:center;
}


.GridViewRowAlternating
{
	background-color:White; 
	Color:#284775;
	vertical-align:top;
}

.GridViewFooter
{
	background-color:#dad0b0; 
	Color:black;
	text-align:center;
	padding:5px;
}

/****** END: GRIDVIEW LAYOUT ******/

/****** START: BACKORDERED PANEL LAYOUT ******/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border: solid 1px red;
	width:175px;
	padding:10px;
}

.backorderMsg {text-transform:capitalize ; text-align:center; width:130px; color:Red;font-size: 1em; float:left; padding:5px;}
.backorderMsgBold {text-transform: capitalize;color: Red;font-weight: bold;font-size: 0.8em;}

/****** END: BACKORDERED PANEL LAYOUT ******/


        /* Easy Slider */
img{border:none;}   

	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider, #slider li{ 
		/* 
			define width and height of container element and list item (slide)
			list items must be the same size as the slider area
		*/ 
		width:190px;
		height:270px;
		overflow:hidden; 
		}
		
		#slider li em{ font-family:Trebuchet MS; font-size:1em; padding:5px; text-decoration:none;  }
/*	span#prevBtn{ font-family:Trebuchet MS; font-weight:bold; font-size:1.2em; position:absolute; bottom:30px; padding:5px;}
	span#nextBtn{ font-family:Trebuchet MS; font-weight:bold; font-size:1.2em; position:absolute; bottom:30px; padding:5px; }*/
	span#prevBtn{ font-family:Trebuchet MS; font-weight:bold; font-size:1.2em;  float:left;}
	span#nextBtn{ font-family:Trebuchet MS; font-weight:bold; font-size:1.2em;  float:right; }
	
	#prevBtn a:link {color:Blue;}
	#nextBtn a:link {color:Blue;}

/* // Easy Slider */

.moreLink {  font-family:Trebuchet MS; text-align:right;}

.litrature { float:left; padding-right:10px;}

.slideWrap {width:190px; border:1px solid #dadada; float:left; padding:0 5px;} 
.surveyLink {padding:10px; font-weight:bold; font-family:Trebuchet MS; font-size:1.1em;}
.survey{font-size:12px; font-family:Arial; }
.notif {color:Red; font-size:12px; font-family:Arial; }
.super {vertical-align:super; font-size:.9em;}

.thumbWrapper { position:relative;}
.thumbWrapper span{position:absolute; top:38%; left:40%; width:50px; height:50px; z-index:100%; background: transparent url(images/playbutton.jpg) no-repeat;}

#announcementLogo { margin-left:20px;  text-align:center;  width: 500px;height: 70px;background:  url(images/ISS_BoB_Winner_RetailProd.jpg) no-repeat center top;}
