/* CSS Classes Related to Controls */

html, body 
{
	margin:0px; padding:0px; color: #333333; font-family: Arial,sans-serif; font-size:12px; 
}
p 
{  
     line-height:19px;
}
.bg
{
	background:  #decece;
}
.clear 
{
    clear: both; 
}

.clearfix:after{
    content: ".";  display: block; height: 0; font-size:0; clear: both; visibility:hidden;
}
	.clearfix 
	{
		display: inline-block;
	} 
		html .clearfix 
		{
			height: 1%;
		}
	.clearfix 
	{
		display:block;
	}
	
	.right{float:right}
	
	.left{float:left}
	
/* MASTER SHELL */
#Wrapper
{
	width:900px; margin:1px auto 0 auto; background: #fff; border:solid 1px #fff; /*border-bottom:0;*/
}

    #WrapperContainer
    {
	    width:920px; margin: auto; background:url(../../images/Green/ContainerBg.gif) repeat-x 0  154px #e8dedd; border-left:solid 2px #262626; border-right:solid 2px #262626; 
    }

#Header 
{ 
	width:auto; height:119px; background:url(../../images/Green/headerbg.gif) repeat-x 0 30px #fff;  border-bottom:1px solid #c3d38c; 
}	
#Top
	{
		width:auto; height:25px; padding-top:5px; padding-bottom:5px;  background:url(../../images/Green/top.gif) repeat-x #121212 left top; border:solid 1px #000;
	}
		#Top .content
		{
			 width:882px; margin:auto; line-height:25px; color:#fff; padding-right:15px; text-align:right; font-size:11px;
		}
		#Top .logos
		{
			float:right; width:80px; margin-top:-3px; 
		}
#Logo
	{
		float:left; margin-left:28px; margin-top:5px;
	}
	#AssitanceInformation
{
     float:right; background:url(../../images/Green/AssitanceInfo.gif) no-repeat top right;  
     width:200px; height:50px; margin:30px 15px 0 15px; text-align:right;
}
    #AssitanceInformation acronym {display:none;}	

#HeaderRight
{
 float:right; color:#060503; width:470px; font-weight:bold; margin-top:15px;
}  
    #HeaderRight a{color:#060503; text-decoration:underline;}
      #MyAccount
        {
         float:right; background:url(../../images/Green/Homeicon.gif) no-repeat top left; padding-left:43px;
         margin-right:10px; line-height:32px;
        }
        #ShoppingCart
        {
         float:right; background:url(../../images/Green/carticon.gif) no-repeat top left;  padding-left:43px;
         margin-right:10px; line-height:32px;         
        }
        #Help
        {
         float:right; background:url(../../images/Green/infoicon.gif) no-repeat top left; padding-left:43px;
         margin-right:10px; line-height:32px;
        } 
       /* #Logout
        {
         float:right; background:url(../../images/Green/Lockicon.gif) no-repeat top left; padding-left:33px;
         margin-right:10px; line-height:32px;*/
            } 
       #Logout
        {
         float:right;
        } 
       .Logout 
        {
         float:right;padding-left:33px;
         margin-right:10px; line-height:32px;background:url(../../images/Green/Lockicon.gif) no-repeat top left; 
        } 
#Login
{
	float:right; width:318px; height:auto;

}
	#LoginTitle
	{
	    background:url(../../images/Red/LoginTitle.gif) no-repeat top left;  width:318px; height:26px; margin-bottom:2px
	} 
	#LoginTitle acronym {display:none;}
	
	.LoginQueestionicon
	{
	    background:url(../../images/Blue/Question-icon.png) no-repeat top;  width:53px; height:53px; float:right; behavior: url('../images/iepngfix.htc')
	} 
	
	#Login .content
	{
		 width:100%; height:auto; background:#1d7bc3; color:#fff;  font-weight:bold;
		 
	}
	#Login a
	{
		 color:#fff !important; 
	}
	
	.SignUp-btn
	{
	    background:url(../../images/Blue/Btn-SignUp.png) no-repeat top;  width:299px; height:65px; 
	} 
#Nav
{
    background:url(../../images/Green/menubg.gif) repeat-x bottom #207dc2; border:solid 1px #1671aa;
    width:auto; height:34px; 
}
     #NavRetail
        {
            /*margin-left:50px; width:700px;*/ margin:6px 0 6px 13% !important;
        }
        
     #NavMaster
    {
         margin:6px 0 6px 50px
    }
#TopButtons
{
    width:910px; margin:6px auto 0 auto; 
}
#Leftside, .Leftside
{
	width:188px; 
}
	#Menu
	{
		 width:auto; height:auto; margin:4px 5px 0 5px; text-align:right; float:right
	}	
	#LanguagePlug
	{ 
	     width:auto; line-height:25px; margin: 0 5px; background:#fff; border:solid 1px #c9e880;
	     text-align:center; color:#d53221; font-size:12px;
	}
	    #LanguagePlug a
	    { 
	        text-align:center; color:#d53221; text-decoration:none
	    }
	    #LanguagePlug :hover
	    { 
	       color:#333; text-decoration:underline
	    }
		
#Rightside
{
	width:730px; 
}
#Banner
	{
		width:auto;  height:145px; 
	}
	#Banner_Retail
	{
		width:716PX;  height:167px; margin:4px 5px 5px 2px;   border:solid 1px #1f7ac9; 
	}

#ContentContainer
{
	width:auto; height:auto; min-height:200px; padding:0 15px 15px 15px;
}
.ContentContainerAUX,.border-td
{
	width:auto; height:auto; margin:6px;
}	
        .ContentContainerDia
        {
	        width:auto; height:auto; margin:5px; border:solid 1px #1f7ac9; background:#fff;
        }	   
           
	    #ContentContainer_retail
	    {
		    width:716px; height:auto; min-height:400px; margin:4px 5px 5px 2px;
		    border:solid 1px #1f7ac9; background:#fff;
	    }
	    
#copyright 
{
	width:auto; height:60px; bottom:0; background:#1d7bc3; color:#fff; font-size:11px !Important ;
}
    #copyright .copyright {padding:0 10px; color:#fff; text-align:left; font-size:11px !Important ; line-height:34px;}
    #copyright .copyright  .right
    {
   color:#fff !important; text-align:left; font-size:11px !Important ; line-height:normal;
    }
   #copyright a
    {
       color:#fff !important;text-decoration:underline;
    }

#Footer
{
	width:auto; height:54px; bottom:0;color:#8c160c; 
}

	#Footer .content{margin:auto 1px; color:#8c160c; text-align:center; font-size:11px !Important}
	#Footer  a
	{
		color:#8c160c; text-decoration:underline;line-height:20px; text-align:center; font-size:11px !Important 
	}
	
	#Footer div a:hover
	{
		color:#000;  text-decoration:none; 
	}
#copyright_retail
{
	width:auto; height:54px; bottom:0; border-top:solid #000000 1px;color:#fff; 
	background: url(../../images/Green/footerbg.gif) right top repeat-x #2a2a2a; 
}
    #copyright_retail .copyright 
    {
        width:882px; margin:auto; padding: 0 10px; color:#fff; text-align:left; font-size:11px; line-height:44px;
    }
    #copyright_retail .copyright  .right
    {
       margin:auto; padding: 0 10px; color:#fff; text-align:left; font-size:11px; line-height:normal;
    }
    
    #copyright_retail a
    {
       color:#fff;text-decoration:underline;
    }
   
/*	BUTTONS */

.Buttons, .Buttons_Bold
{
	color: #fff; font-size:12px; CURSOR: pointer; border: #66762c 1px solid; font-weight: bold;
	background: url(../../images/Primary-button.gif) right top repeat-x #a2da09;padding: 0.2em;		
}
.SecButtons, .SecButtons_Bold
{
    color: white; font-size:12px; CURSOR: pointer; border: #2d78b1 1px solid; font-weight: bold;
    background: url(../../images/Secondary-button.gif) right top repeat-x #89aec2;padding: 0.2em;	
}
.NeutralButtons, .NeutralButtons_Bold
{
    color: #000; font-size:12px; CURSOR: pointer; border: #848484 1px solid; font-weight: bold;
    background: url(../../images/Neutral-button.gif) right top repeat-x #dde2ed;padding: 0.2em;	
}


.Buttons:hover, .Buttons_Bold:hover,
.SecButtons:hover, .SecButtons_Bold:hover,
.NeutralButtons:hover, .NeutralButtons_Bold:hover
{
	color: #000; 
}
/*	END OF BUTTONS */

/* LABELS */
.HeaderTitle
{
    background: url(../../images/Green/Featuredbg.gif) right top repeat-x #1b6ea2;  border: #0e5b89 1px solid;
    width:auto; margin:5px;
}
    .HeaderTitle div
    {
       width:auto; line-height:25px; color:#fff; padding:0 10px; text-transform:uppercase; font-weight:bold; font-size:16px !important
    }
    .HeaderTitle .Labels
    {
        color:#fff; text-transform:uppercase; font-weight:bold; font-size:16px !important
    }
.Labels_PageHeading
{
	font-size: 18px;	color: #2b85b7; font-weight: bold;  text-transform:uppercase; 
}
.Labels_PageHeadingDialog
{
	font-size: 14px;	color: #2b85b7; font-weight: bold;  text-transform:uppercase; 
}
.Labels_PageSubHeading
{
	font-size: 14px;color: #2b85b7;font-weight: bold;  text-transform:uppercase; 
}
    .LabelsHighlight, .LabelsHighlight a
    {
	    font-size: 12px; color:#c12f20; font-weight:bold;
    }
    .LabelsHighlightAtl, .LabelsHighlightAtl a
    {
	    font-size: 12px; color:#1f7cca; font-weight:bold;
    }
.Labels_Validation
{
	font-size: 11px;	color: Red;	
}
.Labels_ValidationSummary
{
	font-size: 13px;	color: Red;
}
.Labels_Messages /* error messages, system messages etc */
{
		font-size: 11px;	color: Red;	
}
.Labels
{
	font-size: 12px;
}
.Labels_Small
{
	font-size: 11px;
}
.Labels_Medium
{
	font-size: 13px;
}

.Labels_Large
{
	font-size: 14px;
}

.Labels_Bold
{
	font-size: 12px;font-weight: bold;
}

.Labels_SmallBold
{
	font-size: 11px; font-style: normal; font-weight: bold; color:#191919 !important
}
.Labels_MediumBold
{
	font-size: 13px; font-weight: bold;
}
.Labels_LargeBold
{
	font-size: 14px; font-weight: bold;
}

h1 
{   
    color:#2a84b6;
    font-size:18px;
    text-transform:uppercase;
}

/* END OF LABELS */

/* LINKS */
a.Links:link
{
	font-size: 12px; color:#27413e;	cursor:pointer;	text-decoration:none;
}

a.Links:hover
{
	text-decoration:underline;
}

a.LinksBold:link
{
	font-size: 12px; color:#27413e;	cursor:pointer;	text-decoration:none; font-weight:bold;
}

a.LinksBold:hover
{
	text-decoration:underline;
}

a.LinksHeader:link
{
	font-family: Arial;	color: #FFFFFF;	cursor:pointer;	text-decoration:none; font-size: 12px;
}
a.LinksHeader:visited
{
	font-family: Arial;	color: #FFFFFF;	cursor:pointer;	text-decoration:none; font-size: 12px;
}
a.LinksHeader:hover
{
	text-decoration:underline;
}

/* END OF LINKS */

.Textboxes
{
	border: #184580 1px solid;	font-size: 12px; padding: 0.2em;	
}

.Textboxes_RightAlign
{
	border: #184580 1px solid;	font-size: 12px; text-align:right; padding: 0.2em;	
}

.DropDownLists
{
	border: #184580 1px solid;	font-size: 12px; font-family: Arial; padding: 0.2em;	
}


/* end of css classes related to Controls */

.select, select
{
	background:#fff;	border: 1px solid #184580;
}
.FieldLabels_Bold
{
	font-size: 11px; color: Black;	font-weight: bold;
}
.HeaderCell
{
 	background: inherit; font-weight: bold;
}
.GridRecordCountFooter
{
	font-weight: bold
}
.MilesGridInactive
{
	background: #FFCCCC
}

.MilesGridInactiveAlternating
{
	background: #FFDDDD
}


.tabcontainer
{
	padding-left:10px; width:95%
}

/*Data List*/

.DTPaging
{
  background:  #cdeb8b; line-height:25px; color:#000; font-weight:bold !important;
}
    .DTPaging table, .DTShorting table
    {
      margin:0 5px;
    }

.DTShorting
{
  background:  #bedff0; line-height:20px; color:#000;font-weight:bold !important;
}
.DTPaging a, .DTShorting a
{
  color:#d63324 !important; text-decoration:underline !important;
}
.listtingtitle
{
    color:#000; font-weight:bold; font-size:12px;
}
.listtingdesc
{
    color:#000; font-size:12px;
}
.listtingYourPrice
{
     color:#d63324;font-size:12px;font-weight:bold !important
}
.listtingListPrice
{
    color:#000; font-size:12px;font-weight:bold !important
}
.itembox
{
    border-bottom:solid 1px #d43223; border-left:solid 1px #d43223; 
}
    
    .itemboxItem
    {
          border-bottom:solid 1px #d43223; border-bottom:solid 1px #d43223; 
    }
    .itemboxAtl
    {
         border-left:solid 1px #d43223; border-right:solid 1px #d43223;border-bottom:solid 1px #d43223; 
    }
.itemboxlast
{
    border-bottom:solid 1px #d43223;  
}
.dlProductList TABLE
{
    border:solid 1px #fff;  margin:auto
}
.dlProductList TD
{
    border:solid 1px #fff;  width:33.3% 
}
    .dlProductListItem TABLE
{
    border:0;   padding:4px;
}
.dlProductListItem TD
{
    border:0;  border:none; width:auto !important; 
}
/*End Data List*/

.PianoPattern
{ 
    background: url(../../images/PianoPatern.gif) repeat-x top left; height:24px; margin:10px 0; width:auto;
}
/* Product Breadcrumb */

 #product-breadcrumbs
 {
	  margin:4px 0;  font-size: 11px; color:#000; font-weight:bold; text-decoration:none;
  }
 #product-breadcrumbs a
    {
	    font-size: 11px; color:#c12f20; font-weight:bold; text-decoration:underline;
    }
/* End Product Breadcrumb */ 

/* Dashboard*/

.Dashboard
{ border: solid 1px #bedff0; background:#ebf8fe; padding:6px; width:46.4%;/*width:320px;*/ float:left;margin:4px;/* margin:10px;*/}


.Dashboard .ContentContainerDia
{ 
     width:auto; height:auto; padding:6px; border:solid 1px #bedff0; background:#fff; min-height:30px
}
/* End Dashboard*/

.ShopContainer
{ border: solid 1px #bedff0; background:#ebf8fe; padding:6px; width:auto; float:left; margin:6px;}
.ShopContainerItem
{ 
    border-bottom: solid 1px #bedff0;
}
.DLHeader
{background:#bedff0; width:auto; }

.VerticalSeparator
{ 
    border-right: solid 2px   #d43223; 
}