html,body 
{
	margin:0; padding:0;height:100%; font: 11px Arial, Helvetica, sans-serif; color:#333;  
    background:url(../../images/topbg.jpg) repeat-x #fff top;
}
 
a:link, a:visited, a:active
{
	color: #55c3f8; text-decoration:none; font-size:11px; font-weight:bold;
}
a:hover
{
	 color: #55c3f8;  text-decoration:underline; font-weight:bold;
}

.paragraph 
{
	padding-right:20px;
}

.paragraph2 
{
    padding-right:10px;
}

hr, .border
{
	background:#666; border:dotted 1px #fff;
}

#wrapper
{
	width:882px; margin:auto; 
}
#header
{
	width:100%; 
}
#corners
{
	background:url(../../images/header.png); behavior: url('../images/iepngfix.htc'); width:100%; height:15px; margin-top:7px; 
}
#logo
{
	float:left;  margin:0 1em;  height:100px; width:30%;
}
	#logo img
	{
		margin:0 1.5em; 
	}
#right
{
	float:right;  margin:0 0.6em; width:60%;
}
#Toplinks
{
	color:#fff200; float:right; margin:0 0.6em; 
}
#Toplinks a
{
	color:#fff200; text-decoration:none; font-size:12px; font-weight:bold;
}

#Toplinks a:hover
{
	color:#fff200; text-decoration:underline; font-size:12px; font-weight:bold;
}

#Toplinks img
{
	margin: 5px 0 0 0 0;
}
#search
{
	color:#003145; float:right; font-size:13px;  margin-top:10px; padding-bottom:5px;
}

#MainNav
{
	font-size: 12px; padding:0; background-image:url(../../images/navbg.jpg); height:34px; width:880px; background-repeat:repeat-x; color:#FFFFFF; font-weight:bold; text-align:center; border:1px solid #ccc; margin:auto;}

.clear
{
	clear:both;
}

.clearfix:after{
    content: ".";  display: block; height: 0; font-size:0; clear: both; visibility:hidden;
    }
	
   .clearfix 
   {
       display: inline-block; 
   } 
    /* Hides from IE Mac \*/
    * html .clearfix 
    {
        height: 1%;
    }
   .clearfix 
   {
       display:block;
   }
    /* End Hack */ 
#container
{
	width:100%; background:#fff;
}
#Splash
{
	margin:0; height:216px; padding:0;
}

 
#container_table
{
	margin:0 ;  background:url(../../images/graybg2.jpg) repeat-x top;
}
#container_table2
{
	margin:0 ;
}

#sidebar
{ 
	width:200px;  background:url(../../images/product_sidebarbg.jpg) repeat-x #000 top;
} 

#content 
{ 
	 padding:1em;  height:500px;
} 

#contentarea2{
 	 width:100%; height:500px; padding:5px; text-align:left; background:url(../../images/graybg2.jpg) repeat-x top;
}

/*----------------------------------Footer-----------------------------------------*/
#footer
{
	 height:50px; background:#000; margin:auto; text-align:center; color:#fff200; font-weight:normal; font-size:11px; padding:0;
}
	#footer a
	{
		color:#fff200; text-decoration:none; font-weight:normal; font-size:11px;
	}
	
	#footer a:hover
	{
		color:#fff200; text-decoration:underline; font-weight:normal; font-size:11px;
	}
	
	#footer div
	{
		text-align:center; color:#fff200; font-size: 11px; font-weight:normal; margin:0;	 
	}
/*--------------------------------End Footer----------------------------------------*/
/*--------------------------- Left Navigation---------------------------------------*/
#nav{
	 text-align:left; padding: 10px 5px 10px 10px; font-size: 12px; /*color:#fff;	 */
}
	#nav a
	{
		text-decoration:none; 
	}
#naxtxt
{padding:10px 0 0 0 ;
}
.navlink:active, .navlink:link, .navlink:visited
{
	text-decoration:none; color:#FFFFFF; font-weight:bold;
}
.navlink:hover
{
	text-decoration:none; color:#fff200; font-weight:bold;
}
	.navcat a
	{
		font-style: normal; font-weight: bold; color: #fff200; line-height:12px; padding-left:15px;  
		background:url(../../images/white_arrow.gif) no-repeat 0px 4px;  font-size: 12px;
	}
	.navcat2,
	.navcat2 a
	{
		font-style: normal; font-weight: bold; color:#fff200;/* color: #55c3f8;*/ line-height:12px; padding-left:15px;  
		background:url(../../images/white_arrow.gif) no-repeat 0px 4px; font-size: 12px;
	}
	.nav-items a
	{
		 font-weight: bold; color: #55c3f8; background:url(../../images/blankbullet.gif) no-repeat 0px; font-size: 12px;
	}
	.nav-items2 a
	{
		 font-weight: bold; color: #55c3f8; padding-left:15px; background:url(../../images/blankbullet.gif) no-repeat 0px 5px; font-size: 12px;
	}
	.nav-items,
	.nav-items2
	{
		display:block; font-weight: bold; color:#ffffff; line-height:18px; margin-left:15px; font-size: 12px;
	}
	.nav-items2 :hover,
	.navcat2 :hover,
	.navcat :hover,
	.nav-items :hover
	{
		 color: #ffffff;  text-decoration:none; font-weight: bold;
	}
 /*------------------------End Left Navigation---------------------------------------*/
 /*------------------------product breadcrumbs---------------------------------------*/
#product-breadcrumbs
{
	width:90%; display:block;  line-height:30px;  padding-left:10px; font-size:10px;  color:#333; 
}
	#product-breadcrumbs a
	{
		 color:#333; font-size:10px;  font-weight:bold;
	}

	#product-breadcrumbs a:hover
	{
		 color:#ccc; font-size:10px;  font-weight:bold;
	}


/*---------------------------End-product breadcrumbs--------------------------------*/

/*---------------------------Rotator Skin-------------------------------------------*/

.RotatorContainer
{
 width:211px; margin:0px; overflow:hidden; vertical-align:top;
}
.RotatorContainer table
{
	margin:0; 
}
.ItemName,
.ItemName a
{
	color:#000000; font-weight:bold;
}
.ItemImage
{
	margin:0; padding:0; width: 75px;  height: 75px;  border: 0;
}
.ItemPrice,
.ItemPrice a
{
	color:#f56f52; font-weight:bold;
}
.ItemLabelPrice,
.ItemLabelPrice a
{
	color:#c75702; font-weight:bold;
}
.RetailPrice
{
	 text-decoration:line-through;
}


.salmontxt 
{
	color:#8d84c7;
}

.Pricetxt 
{
	color:#dd684d; font-weight:bold;
}

.RetailDark 
{

color:#3e396f; font-weight:bold;	
}

/*-----------------------End Rotator Skin-------------------------------------------*/
.step-table
{
	 border:dotted 1px #1e4a63; margin-top:6px;   
}
.step-cell 
{ 
	padding:3px; color:#fff; font-weight:bold; background:#1e4a63; 
}
ms{
	float:left; height:38px; color:#000; font-size:16px; margin-top:0; line-height:38px;
}
.LbllSpecials
{
	padding: 10px; color:#1e4a63; font-size:16px; font-weight:bold; line-height:20px;
}
.LbllSpecials
{
	padding: 10px; color:#1e4a63; font-size:16px; font-weight:bold; line-height:20px;
}
/*------------------------- Classes related to controls------------------------------*/
.MainSearch
{
	background:url(../../images/ProductSearchBG.gif) no-repeat right top; width:326px; height:33px; padding-left:110px; 
} 

.ContentTitle
{
	font-size:16px; color:#1e4a63; 
}
.ContentSubTitle  /*Product Categories Title*/
{
	font-size:16px; color:#fff; 
}
.border-td
{
	border-top:solid 1px #ccc;
	
	 padding:10px 0;

}
.border-reg
{
	border:dotted 1px #bebebe;
}
.vertical5
{
	padding:5px 0 5px 0;
}
.StatusHeads
{
	font-size: 11px; /*color: #1e8cb4;*/color: #0f405e;  font-style: normal; font-weight: bold; line-height: 18px;
}
select
{
	background: url(../../images/select_bg.jpg); border: 1px solid #c1c1bf;
}

.Buttons
{
    border: #918d10 1px solid; color: #000; font-size: 11px; cursor: pointer; font-weight: normal; 
    background:url(../../images/yellow.gif) #fff repeat-x top; padding:3px; margin:2px;	 
}
.Buttons_Bold
{
    border: #ccc 1px solid; color: white; font-size: 11px; cursor: pointer; font-weight: bold; 
    background:url(../../images/blue.jpg) #fff repeat-x top; padding:3px; margin:2px;	

}
.Textboxes
{

	border: #a5bdc7 1px solid; font-size: 11px;	
}
.DropDownLists
{
	border:  #a5bdc7 1px solid; font-size: 11px;
}
.DropDownLists_FixedWidth
{
	border:  #ccc 1px solid; font-size: 11px;	height: 18px;
}
.RequiredFields
{
	font-size: 11px; color: Red; font-style: normal; font-weight: normal;
}

.FieldLabels
{
	font-size: 11px; font-style: normal; font-weight: normal;
}
.medtxt 
{
	font-size: 14px; font-style: italic; font-weight: bold;	text-decoration: none;
}
.m12txt 
{
	font-size: 12px; font-style: italic; font-weight: bold; 
}
.itemtext
{
	font-size: 11px; color: #36363C;
}
td.padding
{
	padding:2px;
}
.FieldLabels_Bold
{
	font-size: 11px; color: Black; font-style: normal; font-weight: bold; 
}
.HeaderText
{
	font-size: 18px; color: #3b3b45; font-weight: bolder; letter-spacing: -1px;
}
.HeaderCell
{
	background-color: inherit; font-weight: bold;
}
.HrefLinks 
{
	font-size: 11px; color: Black;	font-weight:normal;	cursor:pointer;
}
.HrefLinks a
{
	font-size: 11px; color: Black;	font-weight:normal;	cursor:pointer;
}
.HrefLinks :hover
{
	text-decoration:underline;
}

.GridRecordCountFooter
{
	font-weight: bold
}

.MilesGridInactive
{
	background-color: #FFCCCC
}

.MilesGridInactiveAlternating{
	background-color: #FFDDDD
}

/* LABELS */

.Labels_PageHeading
{
	font-size: 18px;	color: #3b3b45;	font-weight: bolder; letter-spacing: -1px;
}
.Labels_PageSubHeading
{
	font-size: 16px; color: #333333;	font-weight: bold; 
}
.Labels_Validation
{
	font-size: 11px;	color: Red;	
}
.MessageLabels,
.Labels_Messages /* error messages, system messages etc */
{
		font-size: 11px;	color: Red;	
}
.Labels
{
	font-size: 11px;
}
.Labels_Small
{
	font-size: 11px;
}
.Labels_Medium
{
	font-size: 13px;
}
.Labels_Large
{
	font-size: 14px;
}

.Labels_Bold
{
	font-size: 12px; font-weight: bold;
}
.SubHeads,
.Labels_SmallBold
{
	font-size: 11px; font-style: normal; font-weight: bold;
}
.Labels_MediumBold
{
	font-size: 13px; font-weight: bold;
}
.Labels_LargeBold
{
	font-size: 14px; font-weight: bold;
}

/* END OF LABELS */

.whitetxt 
{
	font-size: 12px; font-style: normal; font-weight: bold; font-family:Arial; color:#fff;	
}


/* STATIC STYLES */


.featuredbg 
{
	background-color:#fff;
	background-image:url(../../images/ecomtitle_featuring.jpg);
	background-repeat:no-repeat;
	margin:0;
	height:211px;
	height:38px;
	padding:0;
	background-position:bottom;
	clear:both;
}

#staticcontainer {
	margin:auto;
	padding:0;
	width:882px;
}

.rightalign {
	text-align:right;
}

#maincontentarea 
{
	background-color:#fff;
}

#maincontentarea2
{
	background-color:#fff;
	padding-left:10px;
	padding-right:10px;
}

#staticcontentarea{
	background-color:#fff;
	background-image:url(../../images/graybg.jpg);
	background-repeat:repeat-x;
	margin:0;
	padding:0;
	clear:both;
	text-align:left;
}

.mainarea {
	width:211px;
	border:1px solid #ccc;
	text-align:center;
	padding:5px;
}

.mainbtm {
	background-image:url(../../images/mainbtmbg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	height:12px;
}

.mainbtm2 {
	background-image:url(../../images/mainbtmbg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	padding:0;
	margin:0;

}

.acousticgrands {
	width:211px;
	background-image:url(../../images/title_acoustic.jpg);
	height:38px;
	background-repeat:no-repeat;
}

.acousticgupright{
	width:211px;
	background-image:url(../../images/title_acousticupright.jpg);
	height:38px;
	background-repeat:no-repeat;
}

.keyboards {
	width:211px;
	background-image:url(../../images/title_keyboards.jpg);
	height:38px;
	background-repeat:no-repeat;

}

.accessories {
	width:211px;
	background-image:url(../../images/title_accessories.jpg);
	height:38px;
	background-repeat:no-repeat;

}

.spacer {
	width:25px;

}

#productsearchbar {
	background-image:url(../../images/searchbg.jpg);
	background-repeat:repeat-x;
	height:35px;
	border:1px solid #ccc;
	margin:auto;
}

h1 {
font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; margin-top:10px;

}

.h1title {
font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; margin-top:10px; color:#000;

}

.title {
font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; margin-top:10px; color:#333;

}

.yellowlink:link, .yellowlink:active, .yellowlink:visited
{
	 color: #fff200; text-decoration:none; font-size:12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;
}

.yellowlink:hover
{
	 color: #fff200; text-decoration:underline; font-size:12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;
}


.yellowlink2:link, .yellowlink2:active, .yellowlink2:visited
{
	 color: #fff200; text-decoration:none; font-size:12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;
}

.yellowlink2:hover
{
	 color: #fff; text-decoration:none; font-size:12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;
}



.bluelink:link, .bluelink:active, .bluelink:visited
{
	 color: #009cff; text-decoration:underline; font-size:12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;
}

.bluelink:hover
{
	 color: #4785ae; text-decoration:underline; font-size:12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;
}

.blklink:link, .blklink:active, .blklink:visited
{
	 color: #333333; text-decoration:none; font-size:12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;
}

.blklink:hover
{
	 color: #ccc; text-decoration:none; font-size:12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;
}


.smbluelink:link, .smbluelink:active, .smbluelink:visited
{
	 color: #009cff; text-decoration:none; font-size:11px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;
}

.smbluelink:hover
{
	 color: #4785ae; text-decoration:underline; font-size:11px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;
}


.blktxt
{
	 color: #333333; text-decoration:none; font-size:12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;
}

.biggertext 
{
    font-size:18px;
}

/* END OF STATIC STYLES */