﻿body 
{   margin:0 auto;
    font-family:Arial;
    font-size:11px;
    color:#333333;
    background-color:White;
    background-position:top center;
    background-repeat: repeat-y;
}

a
{
    /* color:#666666;*/  
    color:#4e4e4e;
    text-decoration:none;
}

a:hover
{
   color:#aa0000; 
}

.gradient-1	{/* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000000), to(#252525)); /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #000000, #252525); /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #000000, #252525); /* IE 10 */ background: -ms-linear-gradient(top, #000000, #252525); /* Opera 11.10+ */ background: -o-linear-gradient(top, #000000, #252525); background-color: #000;}
.cnr-rounded-all { -moz-border-radius: 3px; border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }


h1
{
    color:#aa0000;
    font-size:22px;
}

#mainContainer
{  
    margin:0 auto;
    width:1244px;
}

#mainContainerCenter
{

    width:944px;
    background-color:#FFFFFF;
    float:left;

}

#mainContainerLeft
{
    width:150px;
    min-height:500px;
    float:left;
}

#mainContainerRight
{
    width:150px; 
    height:100%;
    float:left;
  
}

#contentContainer
{
    padding:10px;
    position:relative;
    clear:both;
    min-height:800px;
}
 
 .spacer
 {
     width:100%;
     height:10px;
 }
 
 #loading
 {
  margin:0 auto;
  background-image: url(/App_Assets/images/ui/loading.gif);
  background-position:center center;
  background-repeat:no-repeat;
  width:32px;
  height:32px;
  clear:both;
  z-index:10001;
     
 }

 .pdtTitle
 {
     color:#333;
     font-weight:bold;
     line-height:13px;
     margin-bottom: 4px;
 }
 
 a.miniproductpod { text-decoration: none; font-size: 11px; font-weight: bold; color: #333; }
 a:link.miniproductpod { text-decoration: none; font-size: 11px; font-weight: bold; color: #333; }
 a:active.miniproductpod { text-decoration: none; font-size: 11px; font-weight: bold; color: #333; }
 a:visited.miniproductpod { text-decoration: none; font-size: 11px; font-weight: bold; color: #333; }
 a:hover.miniproductpod { text-decoration: underline !important; font-size: 11px; font-weight: bold; color: #333; }
 
 .plaName
 {
    color:#777;
    font-size:11px;
    font-weight:normal; 
    line-height:13px;    
 }
 
 
 .defaultButton
{
    color:#FFFFFF;
    height:29px;
    width:79px;
    font-weight:bold;
    font-size:10px;
    padding-bottom:5px;
    background-image: url(/App_Assets/images/defaultButton.gif);
    border:0;
    cursor:pointer;
}

 .defaultButton:hover
{
    background-image: url(/App_Assets/images/defaultButtonHover.gif);

}

.defaultButtonSmall
{
    color:#FFFFFF;
    height:20px;
    width:59px;
    font-weight:bold;
    font-size:10px;
    padding-bottom:5px;
    background-image: url(/App_Assets/images/ui/buttonBlankSmall.gif);
    border:0;  
    cursor:pointer; 
}

.defaultButtonWide
{
    color:#FFFFFF;
    height:20px;
    width:88px;
    font-weight:bold;
    font-size:10px;
    padding-bottom:5px;
    background-image: url(/App_Assets/images/ui/buttonBlankWide.gif);
    border:0;   
}

.defaultButtonRefine
{
    color:#FFFFFF;
    height:20px;
    width:59px;
    font-weight:bold;
    font-size:10px;
    padding-bottom:5px;
    background-image: url(/App_Assets/images/ui/buttonSearchRefine.gif);
    border:0;   
    cursor:pointer; 
}

.buttonAddCartSmall
{
    color:#FFFFFF;
    height:20px;
    width:88px;
    font-weight:bold;
    font-size:10px;
    padding-bottom:5px;
    background-image: url(/App_Assets/images/ui/btn-add-to-cart-small.jpg);
    border:0; 
    position: relative;
    cursor:pointer;   
}

.buttonAddCartSmall:hover
{
	 background-image: url(/App_Assets/images/ui/btn-add-to-cart-small-hover.jpg);	
}

.textboxBackground
{
    width:225px;
    height:33px;
    padding-left:12px;
    padding-top:8px;
    background-image: url(/App_Assets/images/textboxBackground.gif);  
    background-repeat:no-repeat;      
}


.storesButton
{
    width:24px;
    height:24px;
    background-image: url(/App_Assets/images/ui/storesViewMap.gif);
    border:0;
}

.myClass{
	color:#00CCCC;
}
 

/* FOOTER */

 #footerOuter
 {
    display:block;
    margin-left:10px;
    margin-right:10px;
    margin-top:10px;
    width: 924px;
    float: left;
 }
 
 #footer
 {
    display:block;
    clear:both;
    color:White;
    background-color:#333333;
    height:96px;
	background-image:url(/App_Assets/images/footerBackground.gif);
	position: relative;
	
 } 
 
 #footer #topRow
 {
     height:70px;
     width:924px;
     
 }
 
 #footer #bottomRow
 {
     height:26px;
     width:914px;
     margin-left:10px;
     line-height:23px;
 } 
 
 #footer #verisign
 {
   padding-right:6px;  
   float:right;
 } 
 
 #bottomRow a
 {
     color:White;
 }
 
  #bottomRow a:hover
 {
     text-decoration:underline;
 }
 
 #footer #icon
 {
     padding-top:10px;
     padding-left:10px;
     width: 140px;
     float: left;
 }
 
 #footer #topLeft
{
    width:5px;
    height:5px;
    background-image: url(/App_Assets/images/footerCornerLeft.gif);
    background-repeat: no-repeat;
    float:left;
    position:absolute;
    left: 0;
} 

 #footer #topRight
{
    width:5px;
    height:5px;
    background-image: url(/App_Assets/images/footerCornerRight.gif);
    background-repeat: no-repeat;
    float:right;
    position:absolute;
    right: 0;

} 

/* HELP AND SUPPORT */

#helpAcc
{
    height:400px;
    width:315px;
}

#helpAcc .header {
    width: 303px;
    line-height:23px;
    height:26px;
    margin-bottom:1px;
    color:#aa0000;
    font-weight:bold;
    cursor:pointer;
    padding-left:10px;
    background-image:url(/App_Assets/images/ui/rightColListDivider.gif);
    background-repeat:no-repeat;
    background-position: 0% 100%; 
    
}

#helpAcc .selected {
    width: 303px;
    line-height:23px;
    height:26px;
    margin-bottom:1px;
    background-image: url(/App_Assets/images/ui/panelHeaderRed.gif);
    color:#aa0000;
    cursor:pointer;
    padding-left:10px;
}

#helpAcc .content {
    width:280px;
    margin-bottom:2px;
    padding:4px 10px 5px 15px;
}

#helpAcc .content > a {
    display:block;
}

.formHeading
{
    font-weight:bold;

    padding-bottom:5px;
    padding-left:5px;
}

.buttonContinue
{
    background-image: url(/App_Assets/images/ui/buttonContactContinue.gif);
    height: 29px;
    width: 131px;
    border:0;
    
}


/* PANEL MENU */

.panelItems{ 
     padding-top:10px;
} 
 
.panelItem
{
    display:block;
    padding:8px;
    line-height:13px;
    text-decoration:none;
    background-image:url(/App_Assets/images/ui/rightColListDivider.gif);
    background-repeat:no-repeat;
    background-position: center 100%; 
    font-weight:bold;
    color:#aa0000;
 }
 
.panelItems a:hover > .panelItem
 {  
     background-image: url(/App_Assets/images/ui/rightColListBackground.gif);
     background-position:bottom;
     background-repeat:repeat-x;
     cursor:pointer;
     text-decoration:none;
 }
 
 
 /* TRADE PAGE */
 
 .tradeAccHeader
 {
    background-image:url(/App_Assets/images/ui/panel1headerDark.gif);
    color:White;
    font-family:Arial,Verdana,Sans Serif;
    font-size:12px;
    font-weight:bold;
    height:18px;
    line-height:17px;
    padding:4px 4px 4px 12px;
    text-align:left;   
 }
 
 .tradeAccContent
 {
     background-color:White;
     overflow:hidden;
 }
 
 .tradeViewAll
 {
     float:right;
     cursor:pointer;
 }
 
 .tradeLeftImage{
    float:left;
    padding:10px;
    }

.tradeCol1{
    
    width:505px;
    top:0;
    left:0;
}

.tradeCol2{
    width:222px;
    position:absolute;
    top:60px;
    left:525px;
    z-index:10;
    
}

.tradePanel{
    height:230px;
    }

.tradeHowToItem{
    height:35px;
    padding:10px;
    background-image:url(/App_Assets/images/ui/rightColListDivider.gif);
    background-position:center 0%;
    background-repeat:no-repeat;
    }
.tradeHowToNumber{
    float:left;
    padding-right:10px;
    
}

.tradePanelSubHeading{
    padding:10px;
    font-weight:bold;
    font-size:12px;

}
 
 /* REPORTING */
 
 .reportTable
 {
     width:480px;
     padding:3px;
 }
 
 .reportHeader
 {
    color:#aa0000;
    font-weight:bold;
    font-size:12px;   
 }
 
 .reportTitle
 {
    color:#aa0000;
    font-weight:bold;
    font-size:16px;   
 }
 
 
 .reportRow
 {

    border:1px solid #CCCCCC;  
 }
 
 .tradeSubHeader
 {
    font-size:18px;
    font-weight:bold;
    color:#aa0000;
    line-height:20px;    
 }
 
 /* HIDE ADDTHIS ELEMENTS */
 
 #at15ptc, #at16pf{
 	display:none;
	}




.pointer
{
	cursor:pointer;
}

/* Payment Processing Overlay */

        .PaymentLoading, .ProcessLoading
        {
    	    z-index: 10000;
	        filter: alpha(opacity=90); /*older IE*/
	        filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); /* IE */
	        -moz-opacity: .90; /*older Mozilla*/
	        -khtml-opacity: 0.9;   /*older Safari*/
	        opacity: 0.9;   /*supported by current Mozilla, Safari, and Opera*/
	        background-color:#F7F7F7;
	        position:fixed; top:0px; left:0px; width:100%; height:100%; color:#FFFFFF; text-align:center; vertical-align:middle;  
	        display:none;
        }
        
        .PaymentLoading .center, .ProcessLoading .center
        {
    	    width:100px; height:66px; position:absolute; top:50%; left:50%; margin:-50px auto auto -50px; text-align:center;
    	    color:#AA0000;
font-size:14px;
font-weight:bold;
        }

