/* Trilliant Global 08/10/2010 
> #C5880F - c21 link a - dk orange
> #003366 - c21 link hover - dk blue

*/
html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, td, form, fieldset, a, img, address {
     margin: 0;
     padding: 0;
     border: 0;
}
body {
	margin-top: 10px;
	padding: 0;
	background: #FFFFFF;
	text-align: left;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 80%;
	color: #666666;
}

h1, h2, h3, h3, h5, h6 {
	margin-top: 0;
	color: #444444; /* dark gray */
}

h1 {
	margin: 1em 0em 1em 0em;
	font-size: 1.2em;
	font-weight: normal;
}

h2 {
	margin: 1em 0em 1em 0em;
	font-size: 1.1em;
	font-weight: normal;
}

h3 {
	margin: 1em 0em 1em 0em;
	font-size: 1em;
	font-weight: normal;
}

h4 {
	margin: 1em 0em 1em 0em;
	font-size: 1em;
	font-weight: bold;
}

h5 {
	margin: 1em 0em 1em 0em;
	font-size: 0.8em;
	text-align: left;
}

h6 {
	margin: 1em 0em 1em 0em;
	font-size: 0.8em;
	font-weight: bold;
}
p {
	padding: 5px;
}

ul {
    list-style-type: none;
    list-style-position: inside;
    margin: 1em;
}

a {
	text-decoration: none;
	color: #DA8403; 
/*  color: #C5880F;  EF940B */
}

a:hover {
	border-bottom: none;
	color: #003366;
}

a img {
	border: none;
}

img.left {
	float: left;
	margin: 0 20px 0 0;
}

img.right {
	float: right;
	margin: 0 0 0 20px;
}

#wrapper 
{
	width: 1000px;
	margin: 0 auto;
	padding: 0px;
	background: #FFFFFF;
	margin-top: 1.3em;
}

/* Page */
#page {
	width: 1000px;
	margin: 0 auto;
	padding: 0px;
	background: #FFFFFF;
}
#page.container
{
	padding:0 10px 10px 10px;
}
#page td 
{
    padding: 2px 5px;
}
.container {
	padding: 10px;
	text-align: left;
}
.imgFrame   {
    padding: 5px;
    border: 1px solid #CCC;
    margin: 0 auto;
    text-align: center;
        }

/* Content */

/* Page Layout  */

/* For standard 3 column pages, e.g. default.aspx */

#content-3-column {
	float: left;
	width: 550px;
}

/* For 2 column pages with a sidebar on either side */

#content-2-column {
	float: left;
	width: 750px;
}

.sidebar {
	float: left;
	width: 220px;
	padding: 0;
	font-size: 12px;
}

/* For single column pages, e.g. welcome.aspx, with empty sidebars */

#content-1-column {
	float: left;
	width: 990px;
	display: inline;
}
.sidebar-empty {
	float: left;
	padding: 0;
	margin: 0;
	display: inline;
	width: 5px; 
}
/* Column widths */
.column {
	float: left;
}
.columnLeft {
	float: left;
}
.columnRight {
	float: right;
}
.width10 {
	width: 10%;
}
.width12 {
	width: 12%;
}
.width25 {
	width: 25%;
}
.width33 {
	width: 33%;
}
.width45    {
    width: 45%;
}
.width48    {
    width: 48%;
}
.width50    {
    width: 50%;
}
.width66 {
	width: 66%;
}
.width75    {
    width: 75%;
}
.width85    {
    width: 85%;
}
.width99    {
    width: 99%;
}
.divider {
    clear: both;
    margin-top: 1.3em;
    padding: 0;
    height:1.5em;
    border-top: 1px dashed #D2D2A0;
} 
.extender {
    clear: both;
    margin: 0;
    padding: 0;
    border: none;
    height: 2px;
} 
.imgFloatLeft {
	float:left;
	display:inline;
	margin: 0.25em;
} 
.imgFloatRight {
	float:right;
	display:inline;
	margin: 0.25em;
} 

.centerBlock {
    margin: 0 auto;
    text-align: center;
 } 
 .centerBlockOnly {
    margin: 0 auto;
 } 

/* Sidebars */

#sidebarLeft {
	float: left;
}

#sidebarRight
{
    float: right;
}

/* Footer */

#footer {
	width: 960px;
	height: 70px;
	margin: 0 auto;
	padding: 10px 20px 0px 20px;
	border-top: 1px solid #CCCC99;
}

#footer p {
	margin: 0;
	padding: 5px 0 0 0;
	/* text-align: center; */
	font-size: .85em;
}    

#footer a {
}

#footer .link {
	float: right;
}

#footer .copyright {
	float: left;
}

/* Decorated Links */

.iconlink-Add
{
    background-position: left center;
    padding: 0px 0 0 20px;
    font-variant: small-caps;
    font-size: 1em;
    background: transparent url(Images/cssButton_greenPlus.gif) no-repeat top left;
    line-height: 2em;
}
.iconlink-Delete
{
    background-position: left center;
    padding: 0px 0 0 20px;
    font-variant: small-caps;
    font-size: 1em;
    background: transparent url(Images/cssButton_subtract.gif) no-repeat top left;
    line-height: 2em;
}
.iconlink-Cancel
{
    background-position: left center;
    padding: 0px 0 0 20px;
    font-variant: small-caps;
    font-size: 1em;
    background: transparent url(Images/cssButton_redx.gif) no-repeat top left;
    line-height: 2em;
}
.iconlink-Email
{
    background-position: left center;
    padding: 0px 0 0 2.2em;
    font-variant: small-caps;
    font-size: 1em;
    background: transparent url(Images/cssButton_mail.gif) no-repeat top left;
    line-height: 2em;
}
.iconlink-Select
{
    background-position: left center;
    padding: 0px 0 0 20px;
    font-variant: small-caps;
    font-size: 1em;
    background: transparent url(Images/cssButton_check.gif) no-repeat top left;
    line-height: 2em;
}
.iconlink-Update
{
    background-position: left center;
    padding: 0px 0 0 20px;
    font-variant: small-caps;
    font-size: 1em;
    background: transparent url(Images/cssButton_pencil.gif) no-repeat top left;
    line-height: 2em;
}

.iconlink-Upload
{
    background-position: left center;
    padding: 0px 0 0 20px;
    font-variant: small-caps;
    font-size: 1em;
    background: transparent url(Images/cssButton_upload.png) no-repeat top left;
    line-height: 2em;
}

.iconlink-GoBack
{
    background-position: left center;
    padding: 0px 0 0 24px;
    font-variant: small-caps;
    font-size: 1em;
    background: transparent url(Images/cssButton_back.gif) no-repeat top left;
    line-height: 2em;
}
.iconlink-Calculate  {
    background: url(Images/cssButton_dollarSign.gif) left center no-repeat; 
    padding-left: 1.5em;
    padding-right: 1em;
    line-height: 1.2em;
    font-variant: small-caps;
    }
.phone  {
    background: url(../../Styles/Images/phone.gif) left center no-repeat; 
    padding-left: 2.3em;
    padding-right: 1em;
    line-height: 1.2em;
    }
.phoneLarge  {
    background: url(../../Styles/Images/phone.gif) left center no-repeat; 
    padding-left: 2.2em;
    padding-right: 1em;
    line-height: 1.2em;
    font-size: 1em;
    }    
/* Highlighted Text */

.errorMessage 
{
    color: #C11B0E; /* red */
}
.alertMessage 
{
    color: #6B5EC6; /* blue */
}

/* Creat Account */
.createAccount
    {
    float: right;
    display: inline;
    width: 50%;
    padding: 10px 10px 10px 20px;
    font-size: 85%;
    }
* html .createAccount {height: 1%;}
.createAccount p    
{
    padding: 10px 40px 5px 0px;
}
.createAccountTitle
    {
/*  background: url(../../App_Themes/c21/Images/createAccount_bkg.png) no-repeat left top; */
    color: #00CC33;
    padding: 5px;
    font-size: 1em;
    font-weight: bold;
    }

.memberLogin
{
    float: left;
    display: inline;
    width: 39%;
    padding: 10px;
    font-size: 85%;
} 
* html .memberLogin {height: 1%;}

.loginTitle
    {
/*    background: url(../../App_Themes/c21/Images/login_bkg.png) no-repeat left top; */
    color: Blue;
    padding: 5px;
    font-size: 1em;
    font-weight: bold;
    }
/* end create account page */
/* password recovery */
.passwordRecovery
{
    float: left;
    display: inline;
    width: 39%;
    padding: 10px;
    font-size: 85%;
} 
* html .passwordRecovery {height: 1%;}

/* Trilliant Log in page */    
#welcome {
    padding: 0;
    background-color: #FFFFFF;
    text-align: left;
    font-family: Verdana, Helvetica, Arial, Geneva, sans-serif;
    font-size: 80%;
    color: #333;
}
#welcome_page {
	width: 960px;
	margin: 0 auto;
	height: 600px;
	border: solid 20px #6E6E80;
	background: #4D4D99 url(images/bg.png) no-repeat left top;
    }
#welcome_login {
	width: 400px;
	padding: 1em 1em 0 25em;
	height: 250px;
	color: #4D4D99;
    }
#welcome_login h1 {
	color: #4D4D99;
    }
.welcome_logo {
	padding: 3em 3em 1em 3em;
	width: 960;
	height: 5em;
    }
.loginBox {
    padding: 2px;
    }
/* end Trilliant Log in page */   

/* Simple GridView paging */

.cssPager span  
{
    background-color:#F5F5F5; 
    font-weight: bold;
    } 
  
.cssPager td 
{
    padding-left: 5px; 
    padding-right: 5px;
    }    
 
/* ListView & DataPager*/

a.pagerButton, a.pagerButton:visited
{
    border: solid 1px #a00;
    padding: 4px;
    text-decoration: none;
    color: #600;
}

a.pagerButton:hover
{
    border: solid 1px black;
    color: Black;
}

.pagerButtonCurrentPage
{
    border: solid 1px #a00;
    padding: 4px;
    text-decoration: none;
    color: White;
    background-color: #600;
}

.pagerButtonDisabled
{
    border: none;
    color: #999;
    padding: 4px;
}
/* color */    
.mediumDark {
    color: #444444; /* medium dark gray*/
    }
.black {
    color: #000000; /* black */
    }    
.blue {
    color: #6B5EC6; /* blue */
    }
.orange {
    color: #CC6600; /* orange brown */
    }
.purple {
    color: #A918DF; /* purple */
    }
.red {
    color: #C03; /* red */
    }    
.yellow {
    color: #F7DA13; /* yellow */
    }
.lightGray  {
    color: #CCCCCC; /* pale gray */
}    
.lightText  {
    color: #FFFFCC; /* pale peach */
}  
/* spacing */  
.marginTop5{
    margin-top: 5px;
    }   
     
.padding10{
    padding: 10px;
    }   
.paddingBottom10{
    padding-bottom: 10px;
    }  
.paddingTop10{
    padding-top: 10px;
    }        
.smallCaps
{
    font-variant: small-caps;
} 
.bold   {
    font-weight: bold;
} 
.strikeThrough  {
    text-decoration: line-through;
}
.uppercase
{
    text-transform: uppercase;
} 
.share /*c21 specific */
{
    padding-top: 15px;
    width: 300px;
    clear: both;
}
.mail  {
    background: url(../../Styles/Images/cssButton_mail.gif) left center no-repeat; 
    padding-left: 2.2em;
    padding-right: 1em;
    line-height: 1.2em;
    }
.zoom  {
    background: url(../../Styles/Images/zoom.gif) left center no-repeat; 
    padding-left: 2em;
    padding-right: 1em;
    font-size: .89em;
    }    
.phone  {
    background: url(../../Styles/Images/phone.gif) left center no-repeat; 
    padding-left: 2.3em;
    padding-right: 1em;
    line-height: 1.2em;
    }
.phoneLarge  {
    background: url(../../Styles/Images/phone.gif) left center no-repeat; 
    padding-left: 2.2em;
    padding-right: 1em;
    line-height: 1.2em;
    font-size: 1.2em;
    }    
.photoHeading {
    font-variant: small-caps;
    text-align: center;
    font-weight: bold;
    color: #CC6600; /* orange brown */
    padding: 5px;
}
.catalogDescription p {
    font-size: .95em;
    color: #666;
    padding-left: 45px;
    padding-right: 45px;
    }
/* global elements */   
    /* text */

.alignCenter, .center {
    text-align: center;
    }
.alignLeft, .left {
    text-align: left;
    }
.alignRight, .right {
    text-align: right;
    }        
.PagingText {
    font-size: 11px;
    color: #666;
    }
.textTiny {
    font-size: .7em;
    color: #666;
    }    
.trilliant {
    text-align: center;
    clear: both;
    line-height: 2em;
    }
/* line height */
.height14   {
    line-height: 1.4em;
}
.height16   {
    line-height: 1.6em;
}

    /* float */
.floatLeft {
    float: left;
} 
.floatRight {
    float: right;
}   
/* product detail */
.colDetailLeft
    {
    float: left;
    display: inline;
    width: 40%;
    height: 400px;
    padding: 20px 5px 0px 5px;
    text-align: center;
    }
* html .colDetailLeft {height:1%;}
.colDetailRight
{
    float: right;
    display: inline;
    width: 50%;
    color: #666;
    padding: 20px 5px 10px 5px ;
    text-align: left;
} 
* html .colDetailRight {height:1%;}

.pdAttributes
{
    padding-left: 6px;
} 
.colDetailRight table
{
    border-spacing: 0;
} 
.colCatalogLeft
    {
    float: left;
    display: inline;
    padding: 10px 0px 10px 15px;
    text-align: left;
    background-color: yellow;
    }
* html .colCatalogLeft {height:1%;}
.colCatalogRight
{
    float: right;
    display: inline;
    padding: 10px 35px 10px 0px;
    text-align: right;
    background-color: pink;
} 
* html .colCatalogRight {height:1%;}