/********************************************
first.css  revised 03/03/2011 (BL)
*********************************************
combinded 3 into 1 by jerry 12/11/2010
/********************************************
BasePage.css  created 11-07-08
*********************************************
HTML tag styles(for every page)
*********************************************/
HTML, BODY
{
	margin: 0;
	padding: 0;
}
BODY
{
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	color: #666666;
	background-color: #F8F9FB;
}
BUTTON
{
	font-family: Verdana;
}
A:link
{
	color: #000080;
	text-decoration: none;
}
A:visited
{
	text-decoration: none;
}
A:hover
{
	text-decoration: underline;
}
img
{
    border:0;
}
.small
{
	font-size:x-small;
}

/* New Master Page CSS*/
/*page-container set display size of the page*/
#MP_page-container
{
    width: 950px;
    margin: auto;
}
/*sites and user links(PCX | Professional Studio | Office User | Home User My Account| Help Center)*/
#MP_sites-user-links
{
    padding: 5px 0px 0px 0px;
    width: 100%;
    height: 15px;
    font-size:x-small;
    text-align: right;
}
#MP_sites-user-links a
{
    color: #666;
    text-decoration: none;
}
#MP_sites-user-links a:hover
{
    color: #000;
    text-decoration: underline;
}
/*header*/
/*mast head (pcx logo, company text, cart box, login box)*/
#MP_mast-head
{
    margin: 1px 0px 0px 0px;
    padding: 10px 0px 0px 0px;
    width: 100%;
    height: 74px;
    background: transparent url(img/bg-tHeader.gif);
    font-size: smaller;
}
#MP_PCXLogo
{
    margin: 8px 0px 0px 0px;
    float: left;
}
a.MP_logo
{
    width: 81px;
	height: 58px;
	display: block;
}
a.MP_pcx_logo{
	background: url(img/Banner_sprite1.png) no-repeat scroll 0 0px transparent;
	/*width: 81px;
	height: 58px;
	margin: 0;
	padding: 0;*/
}    
.MP_mainTitle
{
    margin: 0px 0px 0px 0px;
    color: Gray;
    width: 380px;
    text-align: center;
    float: left;
}
div.MP_mainTitle h2
{
    margin:1em 0 0 1em;
}
.MP_mainPhoneNumbers
{
    font-size: small;
}
.MP_cartAndLoginLinks
{
    width: 350px;
    float: right;
    margin-top: 1em;
    margin-right: 15px;
    _margin-right: 7px;
}
.MP_cartAndLoginLinks a
{
    color: #666;
    text-decoration: none;
}
.MP_cartAndLoginLinks a:hover
{
    color: #000;
    text-decoration: underline;
}
/*this part has been changed for Bruce's new css 12/10/11 by jerry*/
div.MP_quickCart
{
    float: left;
    /*background: transparent url(cart-shoppingCart.gif) no-repeat left center;
    padding: 0 5px 0 33px;*/
    font-size: 1.05em;
    width: 150px;
}
.MP_quickCart a
{
    display: block;
    color: #666;
    text-decoration: underline;
    font-size: 0.9em;
    max-width: 147px;
}
/*end 12/10/11 */
.MP_quickCart span.label
{
    color: gray;
    font-weight: 700;
}
.MP_quickCart a:hover span
{
    color: #333;
}
.MP_login
{
    font-size: small;
    float: right;
}

/*head-function*/
#MP_head-function
{
    clear: both;
    padding: 0px 0px 0px 0px;
    border-bottom: 1px solid #cccccc;
    width: 100%;
    background: transparent url(img/bg-top-search-box.gif);
}
#MP_head-search
{
    width: 100%;
    color: White;
    font-size: small;
}
#MP_searchBox
{
    margin: 3px;
    float: left;
}
#MP_AdvSearch
{
    margin: 5px;
    float: left;
    font-size:x-small;
}
#MP_shopByBrand
{
    float: right;
    margin: 5px;
}
#MP_shopByBrand a
{
    color: white;
    text-decoration: none;
}
#MP_shopByBrand a:hover
{
    color: Yellow;
    text-decoration: underline;
}
#MP_top-menu
{
    clear: both;
    width: 948px;
    height: 25px;
    padding: 5px 0px 0px 0px;
    background-color: #D8D8D8;
    border-bottom: 1px solid #28375E;
    border-left: 1px solid #28375E;
    border-right: 1px solid #28375E;
}
.MP_top-menu-item{
    text-align:center;
}
#MP_top-banner
{
    width: auto;
    margin: 15px 0px 15px 0px;
    padding:5px;
    height: auto;
    background-color: #ECE9D8;
}
/*jQuery effect for popup pages*/
/* background of the Popup*/
#backgroundPopup
{
    display: none;
    position: fixed;
    _position: absolute; /* hack for internet explorer 6*/
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #000000;
    border: 1px solid #cecece;
    z-index: 199;
}
/* popupContact*/
#popupContact
{
    display: none;
    position: fixed;
    _position: absolute; /* hack for internet explorer 6*/
    height: 384px;
    width: 408px;
    background: #FFFFFF;
    border: 3px solid #cecece;
    z-index: 201;
    padding: 12px;
    font-size: 13px;
}
#popupLoading
{
    display: none;
    position: fixed;
    _position: absolute; /* hack for internet explorer 6*/
    height: 100px;
    width: 100px;
    background: #FFFFFF;
    z-index: 200;
}
#buttonDisable
{
    text-align: center;
    margin: 100px;
}

/* masterpage new 14/10/11 */
.MP_LoginButton{
    background: url(img/Banner_sprite1.png) no-repeat scroll 0 -90px transparent;
    width: 96px;
    height: 20px;
    margin: 0;
    padding: 0;
}
div.MP_quickCartLogo{
    background: url(img/Banner_sprite1.png) no-repeat scroll 0 -70px transparent;
    width: 24px;
    height: 18px;
    margin-top: 10px;
    margin-right:5px;
    padding: 0px;
    float:left;
}	
.Insiders{
    background: url(img/Banner_sprite1.png) no-repeat scroll 0 -335px transparent;
    width: 169px;
    height: 22px;
    margin: 0;
    padding: 0;
}	
.MP_TextBoxSearch{
    width:230px;
    font-size:13px;
}
.MP_ButtonSearch
{    
    font-size:15px;    
}

    
/*********************************************
master page related controls
**********************************************/
/**********************************************
DropdownSearchControl.ascx
**********************************************/

.MP_dropdownSearchDiv
{
	width: auto;
	padding: 3px;
	font-size: small;
	font-weight: bold;
	color: #FFFFFF;
}
.MP_waterMark
{
	font-family: Verdana;
	font-style: italic;
	color: #808080;
	width:230px;
	height:13px; 
	padding:4px 3px;
    font-size:13px;
}
/**********************************************
NewSearchControl.ascx
**********************************************/
.MP_newSearch
{
	padding: 3px;
	font-weight: bold;
}

/*********************************************
MasterPage_popup.master
**********************************************/
#MP_popup_head
{
	height: 4px;
	background-color: #000080;
}
#MP_popup_footer
{
	font-size: small;
	text-align: right;
	height: 16px;
	background-color: #000080;
	color: #FFFFFF;
	margin-bottom: 2px;
}
#MP_popup_body
{
	height: 388px;
	overflow:scroll;
	border-bottom: 3px solid #808080;
	border-top: 3px solid #808080;
	margin-top: 1px;
	margin-bottom: 1px;
}

/**********************************************
Null_NoSM.master.aspx
use in Null_NoSM.master.aspx and some other pages
e.g. login.aspx and passwordrecovery.aspx
**********************************************/
#MP_null_master_content
{
	padding: 10px;
}
#MP_null_master_content_small
{
	width: 400px;
	margin: 10px;
	padding: 10px;
}
/**********************************************
Null.master.aspx
**********************************************/
#MP_null_master_PcxLogo
{
	margin: 5px 0px;
}

/**********************************************
master footer for pcx_footer.html
**********************************************/
#MF_tFooter
{
	width: 948px;
	font-family: Sans-serif;
}
/*Start Footer*/
#MF_footerLinks
{
	float: left;
	width: 100%;
	margin-top: 3em;
	overflow: hidden;
	text-align: left;
	font-size: 0.7em;
}
#MF_footerLinks .linkColumns
{
	background: #FFF url(img/bg-footer.png) repeat-x center bottom;
	float: left;
	width: 98%;
	padding: 0.75em;
	border: 1px solid #28375E;
}
#MF_footerLinks .note
{
	float: left;
	clear: both;
	width: 100%;
	margin: 0 0 0 25em;
	_margin: 0 0 0 14.5em;
	font-size: 0.916em;
	font-weight: bold;
}
#MF_footerLinks .note A
{
	text-decoration: underline;
	white-space: nowrap;
}
#MF_footerLinks A
{
	color: #666;
	text-decoration: none;
}
#MF_footerLinks A:hover
{
	color: #000;
	text-decoration: underline;
}
#MF_footerLinks H3
{
	color: #000;
	margin: 0;
}
#MF_footerLinks .linkColumns UL
{
	display: block;
	float: left;
	width: 11em;
	_width: 11em;
	margin: 0 0.3em;
}
#MF_footerLinks UL LI
{
	display: block;
	float: left;
	width: 100%;
	text-align: left;
}
DIV#MF_emailSignup
{
	background: transparent url(img/bg-top-search-box.gif) repeat scroll 0%;
	float: left;
	width: 100%;
	height: 33px;
	padding: 0.25em 0pt 0pt 1.5em;
}
DIV#MF_emailSignup FORM
{
	float: left;
}
DIV#MF_emailSignup H3
{
	display: inline;
	margin-right: 1.5em;
	color: #FFF;
	vertical-align: 0.5em;
}
DIV#MF_emailSignup INPUT.email
{
	display: inline;
	margin-right: 0.25em;
	vertical-align: 0.5em;
	font-size: 13px;
}
DIV#MF_emailSignup INPUT.button
{
	border: none;
	vertical-align: 0.25em;
}
DIV#MF_emailSignup UL LI.last
{
	margin-right: 1em;
	_margin-right: 0.5em;
}
DIV#MF_emailSignup UL LI.feedback
{
    
	background: transparent url(img/logos_sprite.gif) no-repeat left -185px;    
	padding-left: 32px;
	height: 17px;
}
DIV#MF_emailSignup UL
{
	float: right;
	width: auto;
}
/*28em*/
DIV#MF_emailSignup UL LI
{
	float: left;
	width: auto;
}
DIV#MF_emailSignup UL LI A
{
	float: left;
	display: block;
	color: #FFF;
	font-weight: bold;
	margin-top: 0.25em;
	margin-right: 2em;
	_margin-right: 1em;
}
DIV#MF_emailSignup UL LI A:hover
{
	color: #FFF;
	text-decoration: underline;
}
#MF_footerLinks UL.phoneBox
{
	border: 1px solid #CCC;
	width: 19em;
	background: #FFF url(img/bg-footer.png) repeat-x center bottom;
	padding: 0.5em;
	margin-right: 0.75em;
}
#MF_footerLinks UL.phoneBox
{
	width: 18%;
}
#MF_footerLinks UL.phoneBox LI
{
	padding: 0.5em;
}
#MF_footerLinks UL.phoneBox LI A
{
	font-size: 0.916em;
	text-decoration: underline;
}
#MF_footerLinks .label
{
	color: #777;
}
#MF_footerLinks .value
{
	color: #999;
}

#MF_footerLinks UL.subFooter
{
	float: left;
	color: #666;
	border-top: 1px solid #DBDBDB;
	padding: 0.75em;
	width: 60em;
}
#MF_footerLinks UL.subFooter LI
{
	float: left;
	display: block;
	width: auto;
	margin-right: 1em;
}
#MF_footerLinks UL.subFooter LI A
{
	/*[disabled]color:#666;*/
}
#MF_footerLinks UL.subFooter LI.copyright
{
	display: block;
	width: 100%;
}
#MF_footerLinks UL.subFooter LI.sitemap
{
	margin-right: 0;
}
#MF_footerLinks UL.subFooter LI.disclaimer
{
	display: block;
	width: 100%;
	font-size: 6pt;
	margin-top: 1.5em;
}
#MF_footerLinks UL.subFooterIcons
{
	/*[disabled]float:right;*/
	/*[disabled]width:auto;*/
}
#MF_footerLinks UL.subFooterIcons LI
{
	/*[disabled]float:left;*/
	/*[disabled]width:auto;*/
	/*[disabled]padding:1.5em 0 0 0.75em;*/
}
#MF_footerLinks UL.moreSites
{
	/*[disabled]width:14.5em;*/
}
#MF_footerLinks .cyberTrust
{
	/*[disabled]margin-top:13px;*/
}
#MF_footerLinks .bbbOnline
{
	/*[disabled]margin-top:11px;*/
}

/**********************************************
innerPage.css  created by Jerry Zhou
used for defing 2 and 3 columns display layout
it'll use in Default.aspx, index.aspx ...
*********************************************/
#IP_left-column
{
    float: left;
    width: 150px;
    height:auto;
    margin: 0px;
    padding: 0px;
}

/*page-contents-withLeft*/
#IP_page-contents-withLeft
{
text-align:center;
    float: left;
    width: 800px;
    height: auto;
    background-color: white;
    font-size: small; 
}

/*page-contents-100%*/
#IP_page-contents-100
{
    float: left;
    width: 100%;
    height: auto;
    background-color: white;
    font-size: small; 
}

/*page-contents-withRight*/
#IP_page-contents-withRight
{
    float: left;
    width: 798px;
    height: auto;
    background-color: white;
    font-size: small; 
}

/*page-contents-withBoth*/
#IP_page-contents-withBoth
{
    float: left;
    width: 648px;
    height: auto;
    background-color: white;
    font-size: small; 
}

/*right-column*/
#IP_right-column
{
    float: right;
    width: 140px;
    height: 100%;
    margin: 0px;
    padding:0px;
    border-left: 0px solid #cccccc;
    border-bottom: 0px solid #cccccc;
}

/**********************************************
default.aspx---Front page product table
it also been used on index.aspx for display fetured products
**********************************************/
.FP_FrontPageProducts
{
	border-right-style: solid;
	border-bottom-style: solid;
	border-width: 1px;
	border-color: #E1E1E1;
	padding-top: 6px;
	padding-left: 5px;
	vertical-align: top;
}
.FP_FrontPageAction
{
	color: #FF0000;
	font-style: italic;
	font-weight: bold;
	text-align: left;
}
.FP_FrontPageText
{
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 0px 0px 0px 9px;
}
.FP_FrontPagePic
{
	background-position: center top;
	vertical-align: text-top;
	height: 110px;
}
.FP_LabelFdDesc
{
    font-size:12px;
}
#BannerMap
{
border-width:0;
}
/**********************************************
index.aspx---product list page (PL_)
most of css tags are using both index.aspx and productDetail.aspx
**********************************************/
#productList
{
	font-family: Verdana;
}
/*new added by jerry 14/10/11*/
table.PL_tbProduct
{
    width:100%;
    border:0;
    padding:0;
    border-bottom-color:#CCC7BA;
    border-bottom-width:thin;
    border-bottom-style:solid;
}
.PL_ProductImage
{
    width:65px;
    height:65px;
}
/*end of new css*/
.PL_LblStockText2
{
	font-size: small;
	width: 380px;
	padding-right: 4px;
}
.PL_availability
{
	font-size:small;
	margin: 0;	
	color: #14213D;
}

.PL_produceImgList
{
	margin: 12px 12px 4px 0px;
}
/*for PopupControlExtender--PanelPopup 
in index.aspx productdetail.aspx shoppingcartcontrol.ascx and widhlistcontrol.ascx*/
.PL_popupBox
{
	width: 400px;
	background-color: #FBFDBE;
	border-color: #FFFF00;
	border-style: solid;
	border-width: 1px;
	padding: 5px;
	font-weight: normal;
}
.PL_IndexQtyTD
{
	width: 130px;
	text-align: right;
}
.PL_IndexAddButtonTD
{
	text-align: right;
}
/*Header Style, using in index.aspx shoppingcartcontrol.ascx and widhlistcontrol.ascx */
.PL_ListHeading
{
	background-color: #D6D6D6;
	color: #000000;
	font-size:small;
	font-weight:bold;
}
/*this tag using in shoppingCart page as well*/
.PL_PriceTableHead
{
	background-color: #FF0303;
	font-weight: bold;
	color: #FEFEFE;
}
.PL_ItemsPrices
{
    float:right;
    padding-top: 3px;
}
UL.PL_horizMenuNoBulletCodes
{
	float: left;
	width: 100%;
/*width is changed*/
	margin: 0em;
	padding: 0em;
	list-style: none;
	margin: 5px 0 0 -1.5em;
	font-size: small;
/*	border-bottom: thin solid #F0F0F0;*/
}
LI.PL_singleBullet
{
	float: left;
	width: auto;
	margin-left: 0em;
	padding: 0em 0em 0em 1.5em; 
}
.PL_productTitle H2
{
	font-size: 15px;
	font-weight: bold;
	margin: 0px;
	color:#0462BE;
}
.PL_productTitle H2 A
{
	color: #000000;
	text-decoration: none;
}
.PL_productTitle H2 A:hover
{
	text-decoration: underline;
}
.PL_productTitle H3
{
	font-size: 13px;
	font-weight: bold;
	margin: 0px;
}
.PL_productTitle H3 A
{
	color: #0462BE;
	text-decoration: none;
}
.PL_productTitle H3 A:hover
{
	text-decoration: underline;
}
/*new 11/2011*/
.PL_TagBubble{
   background: url(img/logos_sprite.gif) repeat scroll -30px -245px transparent;
   width: 25px;
   height: 22px;
}
/*not using
img.trade
{
    width:100px;
    height:26px;
    background:url('http://www.pcx.com.au/img/static/trade.gif');
    padding:0;
    margin:0;
}
img.b2b
{
    width:100px;
    height:26px;
    background:url('http://www.pcx.com.au/img/static/b2b.gif');
    padding:0;
    margin:0;
}
*/
img.f_clearance
{
    width: 60px;
    height: 13px;
    background: url(img/Featured_sprite.gif) -0px -0px;
    padding:0;
    margin:0;
}
img.f_featured
{
    width: 50px;
    height: 13px;
    background: url(img/Featured_sprite.gif) -0px -15px;
    padding:0;
    margin:0;
}
img.f_new
{
    width: 50px;
    height: 13px;
    background: url(img/Featured_sprite.gif) -0px -30px;
    padding:0;
    margin:0;
}
img.f_on_sale
{
    width: 50px;
    height: 13px;
    background: url(img/Featured_sprite.gif) -0px -45px;
    padding:0;
    margin:0;
}
img.f_on_special
{
    width: 50px;
    height: 13px;
    background: url(img/Featured_sprite.gif) -0px -60px;
    padding:0;
    margin:0;
}
img.f_reduced
{
    width: 50px;
    height: 13px;
    background: url(img/Featured_sprite.gif) -0px -75px;
    padding:0;
    margin:0;
}
img.f_save
{
    width: 50px;
    height: 13px;
    background: url(img/Featured_sprite.gif) -0px -90px;
    padding:0;
    margin:0;
}
img.f_soon
{
    width: 50px;
    height: 13px;
    background: url(img/Featured_sprite.gif) -0px -105px;
    padding:0;
    margin:0;
}
img.f_burn_free
{
    width: 30px;
    height: 20px;
    background: url(img/Featured_sprite.gif) -0px -119px;
    padding:0;
    margin:0;
}

/*====================================
 all following relate to image navigator for product categories
sub navgation (SN_)
use in index.aspx and default.aspx
======================================*/
.SN_subNavItem
{
	padding-left: 0px;
	margin-left: 18px;
	margin-right: -22px;
}
.SN_subNavText
{
	font-size: 8pt;
}
.SN_subNavHeading
{
	color: #6696BC;
	font-size: 10pt;
	font-weight: bold;
}
.SN_subNavBanner
{
	background-color: #D7D7D7;
	color: #14213D;
	padding-right: 6px;
	font-size: 14pt;
	padding-left: 10px;
	padding-bottom: 4px;
	padding-top: 4px;
	/*[empty]width:;*/
	text-align: left;
	border-bottom: 1px solid #323232;
	border-right: 1px solid #323232;
	border-left: 1px solid #323232;
}
#SN_subNavImg
{
	width: 180px;
	text-align: left;
}
#SN_subNavImg_small
{
	width: 160px;
	text-align: left;
}
/**********************************************
ProductDetail.aspx
**********************************************/
#PD_ItemMessage
{
	width: 720px;
}
#PD_viewProductListShoppingLink
{
	text-align: right;
	font-size: small;
}
#PD_detailFromView
{
    width: 100%;
    padding:20px 0 20px 0;
}
.PD_LblStockText2
{
	font-size: small;
	width: 470px;
	padding-right: 4px;
}
/*jerry's for images size-wrong
img.PD_ProductImage
{
    width:250px;
    height:250px;
}
*/
/**********************************************
FeaturedListControl.ascx---right column of some pages
**********************************************/
.RC_WhiteHead
{
	background-color: #FF0000;
	color: #FFFFFF;
	font-weight: bold;
	font-size: larger;
}
.RC_FeaturedLinks
{
	padding: 3px;
	border-style: solid;
	border-width: thin;
	border-color: #CCCCCC;
}
#RC_FeaturedList
{
	font-size: small;
}
.RC_FeaturedImageBackground
{
    background-position:center;
    background-repeat:no-repeat;
    text-align:center;
}
/*display image in asp:HyperLink*/
/*used for FeaturedListControl.ascx*/
a.featuredList
{
    width: 33px;
    height: 17px;
    display: block;
}
a.DownArrow
{
    background: url(img/logos_sprite.gif) repeat scroll -0px -205px transparent;
}

/***********************************************
Left column category navigator 
Last Rev 101020 BL 
***********************************************/
#LC_Head a
{
    color: white;
    text-decoration: none;
}
#LC_Head a:hover
{
    color: Yellow;
    text-decoration: underline;
}
.LC_Block {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 5px;
	border: 1px solid #999999;
	height: auto;
	width: 130px;
	word-spacing: normal;
}
.LC_Block2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 5px;
	border: 1px solid #999999;
	height: auto;
	width: 130px;
	word-spacing: normal;
	margin-top: 75px;
}
#LC_Title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-align: Center;
	list-style-position: outside;
	list-style-type: none;
	color: #6693BC;
}
.LC_Title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-align: Center;
	list-style-position: outside;
	list-style-type: none;
	color: #6693BC;
}
a#logo {
	position: relative;
	width: 15px;
	height: 15px;
	background:  url(img/Clear_left.jpg) right center;
	display: block;
	text-decoration: none;
	/*z-index: 2;*/
	float: right;
	clear: left;
	}
#LC_Head {
	font-size: 12px;
	font-style: normal;
	color: #FFFFFF;
	background-color: #EF2B2D;
	padding-left: 4px;
}
.LC_Head {
	font-size: 12px;
	font-style: normal;
	color: #FFFFFF;
	background-color: #EF2B2D;
	padding-left: 4px;
}
#LC_Sub {
	font-size: 12px;
	font-style: normal;
	text-align: Center;
	color: #000000;
	background-color: #D6D6D8;
	background-position: center;
}
.LC_Sub {
	font-size: 12px;
	font-style: normal;
	text-align: Center;
	color: #000000;
	background-color: #D6D6D8;
	background-position: center;
}
#LC_LineLeft {
	text-align: Left;
	background-color: #F7F7F7;
	color: #000000;
	font-size: 12px;
	font-style: normal;
}
.LC_LineLeft {
	text-align: Left;
	background-color: #F7F7F7;
	color: #000000;
	font-size: 12px;
	font-style: normal;
}
#LC_LineRight {
	text-align: Right;
	background-color: #F7F7F7;
	color: #000000;
	font-size: 12px;
	font-style: normal;
}
.LC_LineRight {
	text-align: Right;
	background-color: #F7F7F7;
	color: #000000;
	font-size: 12px;
	font-style: normal;
}
#LC_LineCentre {
	text-align: Center;
	background-color: #F7F7F7;
	color: #000000;
	font-size: 12px;
	font-style: normal;
}
.LC_LineCentre {
	text-align: Center;
	background-color: #F7F7F7;
	color: #000000;
	font-size: 12px;
	font-style: normal;
}
#LC_Note {
	background-color: #F7F7F7;
	color: #666666;
	font-size: 10px;
	font-style: normal;
}
.LC_Note {
	background-color: #F7F7F7;
	color: #666666;
	font-size: 10px;
	font-style: normal;
}
#LC_Resources {
	font-size: 12px;
	font-style: normal;
	color: #FFFFFF;
	background-color: #6693BC;
	font-weight: bold;
	padding-left: 0px;
}
.LC_Resources {
	font-size: 12px;
	font-style: normal;
	color: #FFFFFF;
	background-color: #6693BC;
	font-weight: bold;
	padding-left: 0px;
}
img.LC_Card1
{
    width: 30px;
    height: 22px;
    background: url(img/logos_sprite.gif) -2px -270px;
    padding:0;
    margin:0;
}
img.LC_Card2
{
    width: 30px;
    height: 22px;
    background: url(img/logos_sprite.gif) -1px -294px;
    padding:0;
    margin:0;
}
img.LC_Card3
{
    width: 31px;
    height: 22px;
    background: url(img/logos_sprite.gif) -1px -318px;
     padding:0;
    margin:0;
}
img.LC_Card4
{
    width: 30px;
    height: 22px;
    background: url(img/logos_sprite.gif) -1px -342px;
     padding:0;
    margin:0;
}

/**********************************************
ShoppingCart.aspx and myregulars.aspx
**********************************************/
.SC_cart
{
	font-size: small;
}
/**********************************************
ShoppingCartControl.aspx
**********************************************/
/**********************************************
WishListControl.ascx
**********************************************/
.SC_cartBody
{
	width: 850px;
}
.SC_CartImageTD
{
	width: 35px;
	vertical-align: top;
}
.SC_CartPriceDiv
{
	width: 200;
}
.SC_CartInfoTD
{
	width: 400px;
	text-align: right;
}
.SC_CartInfoTD1
{
	width: 50px;
	text-align: right;
	padding-left: 10px;
}
.SC_liStyleTypeNono
{
	list-style-type: none;
	float: left;
	clear: left;
}
.SC_CartInfoTable
{
	border: 0px solid #000000;
	width: 850px;
	border: 1px solid #323232;
	margin-top: 0px;
}
.SC_CartDesc
{
	color: #0462BE;
	font-weight: bold;
	font-size: small;
	text-align: left;
}
.SC_CartAvailablity
{
    font-size:x-small;
}

/**********************************************
Shipping Calculator for 
CalculateShipping.aspx and CalculateShippingCart.aspx
**********************************************/
.CS_loading
{
	font-size: x-small;
}
.CS_box
{
    width: 500px;
    background-color: #ECE9D8;
}
.CS_CalcShipSmall
{
	font: 9pt/1.8 sans-serif;
}
.CS_desc_td
{
	width: 109px;
}
.CS_input_td
{
	width: 98px;
}
.CS_GV2_td
{
	width: 223px;
}
.CS_left_td
{
    width: 12px;
}
.CS_CalcShipItems
{
	background-color: #EAE7D6;
	width: 550px;
	outline-color: #8B8B7D;
	padding-top: 0px;
	padding-bottom: 5px;
	padding-left: 7px;
	padding-right: 5px;
	border: 1px solid #000000;
}
.CS_CalcShipHeading
{
	background-color: #166EBF;
	padding: 5px;
	color: #FFFFFF;
	font-weight: bold;
	width: 552px;
	border: 1px solid #000000;
	border-radius: 7px 7px 0px 0px;
	-moz-border-radius: 7px 7px 0px 0px;
	-webkit-border-radius: 7px 7px 0px 0px;
	-khtml-border-radius: 7px 7px 0px 0px;
}
.CS_CalcShipCalculate
{
	position: relative;
	margin-left: 200px;
	left: 27px;
}
.CS_CalcShipBack
{
    position: relative;
	margin-left: 440px;
}

/********************************************
Checkout.css
*********************************************/
.Checkout
{
	font-size: 19px;
	color: #666666;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.CheckoutBody
{
	margin-top: 0px;
	font-weight: normal;
	font-size: 11pt;
	margin-bottom: 10px;
	margin-left: 20px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}
#cardname
{
	margin-top: 0px;
}
.tdSilver
{
	border-right: 1px solid #000000;
	padding-right: 9px;
	border-top: 1px solid #000000;
	margin-top: 0px;
	padding-left: 9px;
	padding-bottom: 3px;
	vertical-align: top;
	border-left: 1px solid #000000;
	padding-top: 9px;
	border-bottom: 1px solid #000000;
	background-color: #C0C0C0;
	width: 90px;
}
.tdWhite
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 7px;
	margin: 0px;
	vertical-align: middle;
	width: 90px;
	padding-top: 7px;
	background-color: #FFFFFF;
}
.CheckoutLabel
{
	font: 10pt sans-serif;
	vertical-align: top;
	width: 100px;
	text-align: right;
}
.CheckoutSummary
{
	border-right: 1px solid #BFBFBF;
	padding-right: 6px;
	border-top: 1px solid #BFBFBF;
	margin-top: 3px;
	padding-left: 10px;
	font-size: 10pt;
	background: #FBFDBE;
	margin-left: 322px;
	border-left: 1px solid #BFBFBF;
	border-bottom: 1px solid #BFBFBF;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	text-align: right;
}
.CheckoutHeading
{
	font-size: 18pt;
	left: 50px;
	position: relative;
	top: -24px;
}
.CheckoutStep
{
	border-right: 1px solid #000000;
	padding-right: 0px;
	border-top: 1px solid #000000;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	vertical-align: middle;
	border-left: 1px solid #000000;
	width: 120px;
	padding-top: 0px;
	border-bottom: 1px solid #000000;
	background-color: #C0C0C0;
}
.CheckoutStepLink
{
    padding-top:7px;
    padding-bottom:7px;
    
}
/*.CheckoutHeaders
{
	font-size: 14pt;
	text-align: left;
}*/
.CheckoutField
{
	font: 10pt sans-serif;
	vertical-align: top;
	color: #65625C;
	height: 19px;
	text-align: left;
}
.CheckoutSmall
{
	font-size: 8pt;
	vertical-align: top;
}
.CheckoutAddress
{
	border-right: 1px solid #C19A5F;
	border-top: 1px solid #C19A5F;
	padding-left: 7px;
	background: #FEF0C7;
	padding-bottom: 13px;
	margin: 1px 65px 0px 3px;
	border-left: 1px solid #C19A5F;
	width: 800px;
	padding-top: 8px;
	border-bottom: 1px solid #C19A5F;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
}
.CheckoutNavigator
{
	font-size: 9pt;
	color: #020202;
	text-align: center;
}
.checkoutPosition
{
	margin-top: -54px;
}

/**********************************************
other pages
**********************************************/
/**********************************************
MyAccount.ascx
**********************************************/
.pagelabel
{
	font-weight: bold;
}
.TableWith100
{
    width: 100%;
}
/**********************************************
FeedBack.aspx
**********************************************/
.FeedBackTD
{
    width: 250px;
    text-align: right;
}

/**********************************************
Login.aspx
**********************************************/

.loginBox
{
    width: 350px;
    font-size: small;
    background-color: #F7F6F3;
		  margin-left: 50px;
}
.LoginHead
{
    text-align: center;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #5D7B9D;
}
.LoginTD
{
    text-align: right;
    width: 106px;
}
.LogingCancelTD
{
    width: 22%;    
}
.LoginRemembserMe
{
    text-align: center;    
}
#LoginRegPass
{
    border-top: solid 1px black;
    margin-top: 2px;
    padding-top: 2px;
    font-size:small;
}

/**********************************************
errorpage.ascx
**********************************************/
.errorPageFont
{
	margin: 50px;
	font-size: large;
	font-weight: bold;
}
/**********************************************
editUserInfo.ascx
**********************************************/
.editUserInfoTable
{
	width: 550px;
	font-size: x-small;
	font-family: Verdana;
	background-color: #F4F2E8;
}
.editUserInfoName
{
	text-align: right;
}
.editUserInfoTitle
{
	font-size: medium;
	text-align: center;
	font-weight: 700;
}
.editUserInfoSubTitle
{
	background-color: #FFFFFF;
	height: 15px;
	font-weight: bold;
}
/*********************************************
siteMap.aspx
**********************************************/
.siteMapTitle
{
	width: 300px;
	font-size: large;
	font-weight: bold;
}
.titlebar
{
	background-color: #000080;
	color: #FFFFFF;
	font-size: large;
	border-bottom: 2px solid #FFFFFF;
}

/**********************************************
CheckOut.aspx
**********************************************/
.checkoutPosition
{
	padding-top: 40px;
	padding-bottom: 33px;
}
.checkoutContent
{
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	white-space: nowrap;
	color: #333333;
	padding-left: 15px;
}
.checkoutHeaders
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	text-align: left;
	font-weight: bold;
	color: #333333;
	text-transform: capitalize;
	white-space: nowrap;
	height: 30px;
	padding-top: 3px;
	padding-bottom: 5px;
}
.checkoutLabel
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	color: #333333;
	margin-left: 20px;
	margin-bottom: 10px;
	text-align: left;
}
.checkoutTextbox
{
	font-size: 1em;
	color: #000;
	text-indent: 3px;
	background-color: #FFFFFF;
	border-width: 1px;
	border-style: solid;
	border-top-color: #C6C3B3;
	border-right-color: #7C7D6A;
	border-bottom-color: #000;
	border-left-color: #7C7D6A;
	height: 16px;
	margin-top: 1px;
}
.checkoutDropdown
{
	font-size: 1em;
	color: #000;
	text-indent: 3px;
	background-color: #EAE9E4;
	border-width: 1px;
	border-style: solid;
	border-top-color: #C6C3B3;
	border-right-color: #7C7D6A;
	border-bottom-color: #000;
	height: 16px;
	margin-top: 2px;
}
.checkoutButtonBg
{
	background-image: url(img/dotten-line.gif);
	background-repeat: repeat-x;
	background-position: top;
}
.back
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	background-image: url(img/button-back.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
	padding-left: 22px;
	padding-top: 9px;
	margin-left: 7px;
	cursor: hand;
	line-height: 40px;
}
.continue
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	background-image: url(img/button-continue.gif);
	background-repeat: no-repeat;
	background-position: right 7px;
	padding-right: 22px;
	padding-top: 9px;
	margin-right: 7px;
	cursor: hand;
	line-height: 40px;
}
.submit
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background-color: #FB9D00;
	font-size: 1.1em;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	cursor: hand;
	line-height: 30px;
	border: 1px solid #000000;
	border-bottom-color: #F07C00;
	border-top-color: #FFCC00;
	border-right-color: #F07C00;
	border-left-color: #FFCC00;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 1px;
	padding-bottom: 1px;
}
.checkOutLabel
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #333333;
	margin-left: 3px;
	margin-bottom: 10px;
	text-align: left;
}
/********************************************
ShopByBrand.aspx styles
********************************************/
.ShopByBrandBrand
{
	margin: 2px 2px 2px 13px;
	padding: 2px;
	width:165px;
}

/********************************************
TransactionsList.aspx
********************************************/
.TransactionsListPanel
{
    background-color:#006699;
    color:White;
    padding:3px;
}

/* ================ */
/* Left column without tables*/
/*  last revised 101206 BL    */
.LC2_Block  {
	font-family: Geneva,  Arial,  Helvetica,  sans-serif;
	font-size: 10px;
	padding: 5px;
	border: 1px solid #999999;
	height: auto;
	width: 130px;
	word-spacing: normal;
}
.LC2_Heading  {
	font-size: 12px;
	font-style: normal;
	color: #FFFFFF;
	background-color: #EF2B2D;
	width: 122px;
	border: solid #FFFFFF;
	padding-left: 2px;
	border-bottom: 1px;
	clear:both;
}
.LC2_Resources  {
	font-size: 12px;
	font-style: normal;
	color: #FFFFFF;
	background-color: #FF0303;
	font-weight: normal;
	width: 122px;
	border-color: #FFFFFF;
	border-style:  solid ;
	border-width: 1px;
	padding-left: 2px;
	border-bottom: 1px;
	clear:both;
}
.LC2_Note  {
	background-color: #F7F7F7;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	width: 122px;
	border: solid #FFFFFF;
	padding-left: 4px;
	border-bottom: 1px;
	clear:both;
}
#LC2_TwoColumns  
{
	width: 130px;
	overflow: hidden;
	text-align: left;
	font-size: 12px;
}
#LC2_TwoColumns .LC2_2Col  
{
	width: 55px;
	display: block;
	border: solid #FFFFFF;
	padding-left: 2px;
	border-bottom: 1px;	
	height: auto;
	padding-left: 2px;
	float: left;
}
.LC2_OneCol  {
	width: 125px;
	overflow: hidden;
	text-align: left;
	font-size: 12px;
	display: block;
	border-color: #FFFFFF;
	border-style: solid;
	padding-left: 2px;
	border-bottom: 1px;	
	height: auto;
	clear:both;
}
.LC2_Title  {
	font-family: Arial,  Verdana,  Helvetica,  sans-serif;
	font-size: 14px;
	font-weight: normal;
	background-color: #FF0303;
	text-align: center;
	list-style-position: outside;
	list-style-type: none;
	color: #000000;
	clear:both;
}
.LC2_SubHead  {
	font-size: 12px;
	font-style: normal;
	text-align: Center;
	color: #000000;
	background-color: #D6D6D6;
	background-position: center;
	width: 122px;
	border: solid #FFFFFF;
	padding-left: 4px;
	border-bottom: 1px;
	clear:both;
}
a#logo  {
	position: relative;
	width: 15px;
	height: 15px;
	background:  url(img/Clear_left.jpg) right center;
	display: block;
	text-decoration: none;
	float: right;
}
img.LC2_Card1  {
    width: 30px;
    height: 22px;
    background: url(img/logos_sprite.gif) -2px -270px;
    padding:0;
    margin:0;
}
img.LC2_Card2  {
    width: 30px;
    height: 22px;
    background: url(img/logos_sprite.gif) -1px -294px;
    padding:0;
    margin:0;
}
img.LC2_Card3  {
    width: 31px;
    height: 22px;
    background: url(img/logos_sprite.gif) -1px -318px;
    padding:0;
    margin:0;
}
img.LC2_Card4  {
    width: 30px;
    height: 22px;
    background: url(img/logos_sprite.gif) -1px -342px;
    padding:0;
    margin:0;
}

/**** new as of 1 Dec 10 *****/
/** Front page Products ****/
.FP_FeaturedRow 
{
	padding: 5px;
	border: 1px solid #999999;
	height: 196px;
	width: 773px;
	/**color: black;**/
	float: left;
	position: relative;
	top: 0px;
	background:PowderBlue;
	word-spacing: normal;
	margin: 3px;
     -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    border-color: PowderBlue;
}
.FP_FeaturedHeading
{
	font-family: Geneva,  Arial,  Helvetica,  sans-serif;
	font-size: 16px;
	padding-bottom: 5px;
	padding-top: 5px;
	border-radius: 10px 10px 10px 10px;
/**	border: 1px solid #999999; **/
	height: 25px;
	width: 250px;
	top:0px;
	left:40px;
	top: 10px;
	z-index: 0;
	float: left;
	position: relative;
	background:green;
	word-spacing: normal;
	postition; fixed;
	background:PowderBlue;
	color:red;
}
.FP_FeaturedRowCell 
{
	font-family: Geneva,  Arial,  Helvetica,  sans-serif;
	font-size: 10px;
	padding: 5px;
	background: white;
	/**color: black;**/
	height: 180px;
	width: 177px;
	float: left;
	z-index: -1;
	word-spacing: normal;
	margin: 3px;
     -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}
.FP_FeaturedCellText
 {
	text-align: left;
	vertical-align: top;
	font-size: 13px;
	margin: 0px;
	padding: 0px 0px 0px 5px;
}
.FP_FeaturedCell 
{
	font-family: Geneva,  Arial,  Helvetica,  sans-serif;
	font-size: 10px;
	padding: 5px;
	border: 1px solid #999999;
	height: 180px;
	width: 180px;
	float: left;
	word-spacing: normal;
	margin: 3px;
     -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}
.FP_FeaturedText
 {
	text-align: left;
	vertical-align: top;
	font-size: 12px;
	margin: 0px;
	padding: 0px 0px 0px 5px;
}
UL.FP_Feature
 {
	float: left;
	width: 100%;
	/*margin: 0px 0px 0px 10px;
	padding: 0em;*/
	list-style-type: square;
	margin-bottom: 0em;
	margin: 0;
	padding: 0 0 0 1em;
}
.FP_FeaturedPic
 {
	background-position: center top;
	vertical-align: text-top;
	align: center;
	float: center;
}
.FP_More
{
font-size: 10px;
text-align: right;
}

/*******Default page right column********/
.RC_BoxBanner
{
position:relative;
width:195px;
height:25px;
margin: 5px 0px 2px 0px;
background:url(img/RC_Banner.jpg) right center;
display:block;
text-decoration:none;
float:center;
clear:left;
}
.RC_Box
{
width:194px;
border-left:1px solid red;
border-right:1px solid red;
}
.RC_BoxTop
{
position:relative;
width:195px;
height:10px;
background:url(img/RC_Top.jpg) right center;
display:block;
text-decoration:none;
float:center;
clear:left;
}
.RC_BoxBottom
{
position:relative;
width:195px;
height:10px;
background:url(img/RC_Bottom.jpg) right center;
display:block;
text-decoration:none;
float:center;
clear:left;
}
UL.RC_Feature
 {
	float: left;
	width: 185px;
	margin: 0px 0px 0px 10px;
	padding: 0em;
	font-size: 10px;
	list-style-type: none;
	text-align: left;
}

/*******Premiums Item Disp Control********/
.PremiumsItemContanctWrapper
{ 
     width: 250px; 
     font-size:x-small;
}    
.premImageArea
{
    float:left;
    margin:1em;
    width: 50px;
}
.premDetails
{
    margin:1em 1em 1em 0em;
}
.premPrice
{
    float:left;
    margin: 1em 0em 1em 0em;
    font-weight:bold;
}
.bottomLinks
{
    clear:both;
    margin: 0em 0em 2em 0em;
}
.viewMoreLink
{    
    float:left;
}
.HyperLinkAddCart
{
    margin: 0px 0px 0px 8px;
    float:right;
}
.HyperLinkAddRegular
{
    margin: 0px 0px 0px 2px;
    float:right;
}
.premHeader
{
    font-size:small;
    text-align:center;
}
#PremItemDispControl
{
    width:250px;
    float:right;
}
/*popupLayer effect in index.aspx and productdetail.aspx,2011 Jerry*/
.popupLayer
{
    border: 2px solid #175583;
    background-color: #e9e7e9;
    z-index: 9000;
    padding: 0.4em;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    border-radius: 0.5em;
    font-size: 12px;
    font-weight: normal;
    width: 310px;
    position: absolute;
    visibility: hidden;
}
.popupLayerHeader
{
    background-color: #FFF;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    border-radius: 0.3em;
    padding: 0.5em;
    line-height: 18px;
    background-position: 4px 4px;
    background-repeat: no-repeat;
}
/*img.headerLogo, .header{
	display:none;
}*/
.popupLayerHeader h2
{
    color: #175583;
    text-align: left;
    margin: 0.25em 5.25em 0.25em 0.25em;
    font-size: 1em;
    white-space: normal;
}

.ui-draggable .popupLayerHeader
{
    cursor: move;
}
.popupLayerHeader .close
{
    /*background-image:url(img/popupLayerClose.gif); 	background-repeat:no-repeat;*/
    height: 18px;
    width: 60px;
    float: right; /* 	position:absolute;*/
    top: 12px;
    right: 10px;
    text-align: left;
}
.popLayerMainContent
{
    text-align: left;
    padding: 0.5em; /*float:left;*/
    width: 300px;
}
.Condition
{
    font-size: small;
    color: #000080;
    text-decoration: underline;
}
.popuplayerClose
{
    background: url(img/logos_sprite.gif) repeat scroll -0px -25px transparent;
    width: 60px;
    height: 18px;
}

/*new css by Bruce 10/2011, used for index.aspx, productdetail.aspx, cart and wishlist pages*/
.ShippingCalc
{
    background: url(img/logos_sprite.gif) repeat scroll 0 -133px transparent;
    width: 52px;
    height: 25px;
}
.ShippingFree
{
    background: url(img/logos_sprite.gif) repeat scroll 0 -160px transparent;
    width: 50px;
    height: 24px;
}
.ShippingQuote
{
    background: url(img/logos_sprite.gif) repeat scroll 0 -365px transparent;
    width: 51px;
    height: 24px;
}
.Free_SXL
{
    background: url(img/logos_sprite.gif) repeat scroll -40px -335px transparent;
    width: 50px;
    height: 24px;
}
.QuoteShippingIcon
{
    background: url(img/logos_sprite.gif) repeat scroll 0 -365px transparent; /*url(img/icon_ship_quote.gif);*/
    height: 24px;
    width: 50px;
    margin-left: 5px;
    background-repeat: no-repeat;
}
.MyRegularsAdd
{
    background: url(img/logos_sprite.gif) repeat scroll 0 0 transparent;
    width: 24px;
    height: 24px;
}
.MyRegularsMinus
{
    background: url(img/logos_sprite.gif) repeat scroll -40px 0 transparent;
    width: 24px;
    height: 24px;
}
.ToCartAdd
{
    background: url(img/logos_sprite.gif) repeat scroll 0 -73px transparent;
    width: 68px;
    height: 28px;
}
.ToCartMinus
{
    background: url(img/logos_sprite.gif) repeat scroll 0 -102px transparent;
    width: 68px;
    height: 28px;
}

img.B2B_Price{
   background: url(img/Featured_sprite.gif) repeat scroll -0px -167px transparent;
   width: 100px;
   height: 26px;
}

img.TradePrice{
   background: url(img/Featured_sprite.gif) repeat scroll -0px -140px transparent;
   width: 100px;
   height: 26px;
}
.FeatureSpecial{
   background: url(img/Featured_sprite.gif) repeat scroll 0 -60px transparent;
   width: 50px;
   height: 13px;
}

.UndoIcon
{
    background: url(img/logos_sprite.gif) repeat scroll -40px -205px transparent;
    width: 18px;
    height: 15px;
    margin-right: 20px;
    float: right;
}