/* default styles */


#tblContent1 td {white-space:normal !important;}
#tblContent2 td {white-space:normal !important;}
#tblContent3 td {white-space:normal !important;}

html {}
body {font:12px arial, verdana, sans-serif;}

#Form1, #aspnetForm, #frmLogon {margin-left:auto; margin-right:auto; width:895px;}

.clsNormal, .clsAltNormal {font:12px arial, verdana, sans-serif !important; color:#666666 !important;}

.clsAltNormalOneSmaller {font:12px arial, verdana, sans-serif !important; color:#666666 !important;}

#TROutertable,
#TDForMiddleCell,
#MainTableForContent {text-align:left !important;}

#tblContentTD2 {height:100% !important;}

/* default link styles */

a, a:link, a:visited, a:active {font: 12px arial, verdana, sans-serif !important; color:#999999 !important; text-decoration:none;}
a:hover, a:focus {font: 12px arial, verdana, sans-serif !important; color:#999999 !important; text-decoration:none;}

/* default heading styles */

h1 {font:30px arial narrow, verdana, sans-serif; color:#999999; padding:40px 0px 0px 20px; margin:0px;}  
h2 {font:21px arial narrow, verdana, sans-serif; color:#999999; padding:20px 0px 0px 20px; margin:0px;}
#divFormCreatorTableContentMain h2 {font:21px arial narrow, verdana, sans-serif; color:#999999; padding:10px 0px 0px 20px; margin:0px;}
h3 {font:bold 14px arial narrow, verdana, sans-serif; color:#999999; padding:0px; margin:0px;}
h4 {font:bold 13px arial narrow, verdana, sans-serif; color:#999999; padding:0px; margin:0px;}
h5 {font:bold 13px arial narrow, verdana, sans-serif; color:#999999; padding:0px; margin:0px;}
h6 {font:bold 12px arial narrow, verdana, sans-serif; color:#999999; padding:0px; margin:0px;}

/* default paragraph styles for main content area */

#tblContentTD1 {border:1px solid #d6d6d6;}

#tblContentTD1 p {font:12px arial, verdana, sans-serif; color:#666666; padding:20px 20px 0px 20px; margin:0px;}

#divFormCreatorTableContentMain p {font:12px arial, verdana, sans-serif; color:#666666; padding:3px 20px 0px 20px; margin:0px;}

#tblContentTD2 {border:1px solid #d6d6d6; border-left:none; font:12px arial, verdana, sans-serif; color:#666666;}


.searchContainer input {font-size:11px !important;}


/* styles for the breadcrumb and print friendly area */

.breadPrint {width:100%;}

td.breadcrumbMargin {padding:20px 20px 0px 20px; text-align:left;}

td.printMargin {padding:20px 0px 0px 20px; text-align:right; width:22px;}

td.sizeMargin {padding:20px 20px 0px 0px; text-align:right; width:46px;}

td.sizeMargin img {margin-left:1px;}


/* styles for the banner */

table#banner {width:100%; background-color:#ffffff;}

table#banner td {background-color:#ffffff;}

table#banner td#bannerLeft {}

table#banner td#bannerRight {padding: 0 0 10px 0;text-align:right; vertical-align:bottom; text-transform:uppercase; font: 12px arial, verdana, sans-serif !important; color:#999999 !important;}


/* styles for top menu */

#TableTopNavBar {}

.RadMenu_CM7 {margin-left:15px;}
 
/* styles for level 1 */
#TableTopNavBar .CMLevel1 {}
#TableTopNavBar .CMLevel1 .text {color:#666666; text-transform:uppercase; padding:10px 10px 0px 5px; font-size:11px !important;}
#TableTopNavBar .CMLevel1:hover .text {color:#666666; text-transform:uppercase; padding:10px 10px 0px 5px; font-size:11px !important;}
#TableTopNavBar .CMLevel1:focus .text {color:#666666; text-transform:uppercase; padding:10px 10px 0px 5px; font-size:11px !important;}
#TableTopNavBar .CMLevel1Selected .text {color:#666666; text-transform:uppercase; padding:10px 10px 0px 5px; font-size:11px !important;}


/* styles for home page */

table#homeContent {background:url(/images/useruploadedimages/buckle-hm-img.jpg) no-repeat top left; width:893px; height:575px;}

table#homeContent td {vertical-align:top;}

table#homeContent h1 {text-transform:uppercase; color:#653f10; font-size:45px; padding:15px 0 0 40px;}

table#homeContent h2 {text-transform:uppercase; color:#000000; font-size:21px; padding:0px 0 0 40px;}

table#homeContent h1 span {color:red;}

table#homeContent p {font:12px arial; color:#666666; padding:10px 0 0 40px; margin-bottom:0px; margin-top:0px;}


/* styles for right panel */

#tblContentTD2 h3, #tblContentTD2 h4, #tblContentTD2 h5, #tblContentTD2 h6 {font:bold 11px arial narrow, verdana, sans-serif;color:#000000; padding:10px 10px 5px 10px; margin:10px 10px 0px 10px; background-color:#cccccc;}

#tblContentTD2 p {font:11px arial narrow, verdana, sans-serif;color:#000000; padding:5px 10px 5px 10px; margin:0px 10px; background-color:#cccccc;}


/* styles for accessiblity areas */

.topMenuAccessible {width:0px; height:0px; margin:0px 0px 0px -5000px;}
.topMenuAccessible h2 {font:bold 0px arial, verdana, sans-serif;color:#000000; padding:0px 0px 0px 0px; margin:0px; width:0px; height:0px;}

.leftMenuAccessible {width:0px; height:0px; margin:0px 0px 0px -5000px;}
.leftMenuAccessible h2 {font:bold 0px arial, verdana, sans-serif;color:#000000; padding:0px 0px 0px 0px; margin:0px; width:0px; height:0px;}

.rightAccessible {width:0px; height:0px; margin:0px 0px 0px -5000px;}
.rightAccessible h2 {font:bold 0px arial, verdana, sans-serif;color:#000000; padding:0px 0px 0px 0px; margin:0px; width:0px; height:0px;}

.footerAccessible {width:0px; height:0px; margin:0px 0px 0px -5000px;}
.footerAccessible h2 {font:bold 0px arial, verdana, sans-serif;color:#000000; padding:0px 0px 0px 0px; margin:0px; width:0px; height:0px;}


/* styles for the footer */

table#footer {width:100%;}

table#footer td#footerMain {font: 11px arial, verdana, san-serif; color:#999999; text-decoration: none; text-transform:uppercase;padding: 7px 0 0 0;text-align:left;}

table#footer td#footerMain a{font: 11px arial, verdana, san-serif!important; color:#999999;}

table#footer td#footerTextElcom {font: 11px arial, verdana, san-serif; color:#999999; text-decoration: none;text-align:left;}


/* Login */

.loginStyle {font: 12px arial narrow, verdana, san-serif; color:#999999;padding:0 0 0 0;margin:20px 0 0 0;}
.loginStyle h1 {font: 34px arial, verdana, san-serif; color:#999999;padding:0 0 0 0;margin:0 0 0 0;}
.loginStyle p {font: 12px arial, verdana, san-serif; color:#999999;margin:0 0 0 0!important;}
.loginStyle td {font: 12px arial, verdana, san-serif; color:#999999 !important;}

#Module43_LoginTable {margin:20px 0px 20px 20px; font:12px arial, verdana, sans-serif; color:#666;}
#Module43_LoginTable td {font-family:arial, verdana, sans-serif !important; font-size:12px !important; color:#666 !important; padding:0px 0px 5px 0px;}
#Module43_LoginTable font {font-size:12px !important;}
#Module43_LoginTable h1 {padding:0px 0px 0px 0px !important;}
#Module43_LoginTable h2 {padding:10px 0px 0px 0px !important;}



/* Change Password Login*/

#divChangePW {margin-bottom:50px!important;}

#lblPassword {margin-right:53px!important;}


/* eshop select an address */

table#AddressList  {clear:left; width: 800px; margin-top:20px;}

.FormTable {clear:left;}


/*----------start styles for user update details profile----------*/

h1.topTitle {border:1px solid #d6d6d6; border-bottom:none;}

#myAccountArea {margin:0px; background-color:#fff; padding:0px 20px 20px 20px; font:11px arial, sans-serif; color:#000000; float:left; width:853px; border:1px solid #d6d6d6; border-top:none;}

#myAccountArea h1 {font:30px arial narrow, verdana, sans-serif; color:#999999; padding:40px 0px 0px 0px; margin:0px;}

#myAccountArea h2 {font:21px arial narrow, verdana, sans-serif; color:#999999; padding:0px 0px 10px 0px; margin:0px;}

#myAccountArea h3 {font:13px arial, sans-serif; margin:0px; padding:12px 0px 12px 0px; color:#000000; text-decoration:none; clear:both; background-color:#ffffff;}

#myAccountArea h4 {font:bold 11px arial, sans-serif; margin:0px; padding:12px 0px 12px 0px; color:#000000; text-decoration:none; clear:both; background-color:#ffffff;}

#myAccountArea h5 {font:bold 11px arial, sans-serif; margin:0px; padding:12px 0px 12px 0px; color:#000000; text-decoration:none; clear:both; background-color:#ffffff;}

#myAccountArea h6 {font:bold 11px arial, sans-serif; margin:0px; padding:12px 0px 12px 0px; color:#000000; text-decoration:none; clear:both; background-color:#ffffff;}

#myAccountArea p {font:11px arial, sans-serif; color:#000000; display:none;}

#myAccountArea div.text {display:none;}

#myAccountArea a,
#myAccountArea a:link,
#myAccountArea a:active,
#myAccountArea a:visited {font:11px arial, sans-serif; color:#3b79b2; text-decoration:underline; cursor:pointer;}

#myAccountArea a:hover,
#myAccountArea a:focus {font:11px arial, sans-serif; color:#00356a; text-decoration:underline; cursor:pointer;}

#myAccountArea span a {padding:5px 8px; display:block; background:url(/images/useruploadedimages/arrow_orange.gif) no-repeat 0px 8px;}

#myAccountArea a.accountButton,
#myAccountArea a.accountButton:link,
#myAccountArea a.accountButton:active,
#myAccountArea a.accountButton:visited {color:#ffffff !important; font-weight:bold; background-color:#5c5c61 !important; padding:5px; text-decoration:none; float:left; margin-right:12px; text-decoration:none;}

#myAccountArea a.accountButton:hover,
#myAccountArea a.accountButton:focus {color:#ffffff; font-weight:bold; background-color:#5c5c61; padding:5px; text-decoration:none; float:left; text-decoration:none;}

.MyAccountMenu ul.topMenu {clear:both; list-style-type:none; margin:0px; padding:0px; display:none;}

.MyAccountMenu ul.topMenu li {float:left; background-color:#dcdacd; margin:12px 12px 0px 0px;}

.MyAccountMenu ul.topMenu li a,
.MyAccountMenu ul.topMenu li a:link,
.MyAccountMenu ul.topMenu li a:active,
.MyAccountMenu ul.topMenu li a:visited {display:block; color:#ffffff !important; font-weight:bold; background-color:#5c5c61; padding:5px; text-decoration:none;}

.MyAccountMenu ul.topMenu li a:hover,
.MyAccountMenu ul.topMenu li a:focus {display:block; color:#ffffff !important; font-weight:bold; background-color:#5c5c61; padding:5px; text-decoration:none;}

.MyAccountMenu ul.topMenu li a.menuLink_Selected,
.MyAccountMenu ul.topMenu li a.menuLink_Selected:link,
.MyAccountMenu ul.topMenu li a.menuLink_Selected:active,
.MyAccountMenu ul.topMenu li a.menuLink_Selected:visited,
.MyAccountMenu ul.topMenu li a.menuLink_Selected:hover,
.MyAccountMenu ul.topMenu li a.menuLink_Selected:focus {display:block; color:#ffffff !important; font-weight:bold; background-color:#5c5c61; padding:5px; text-decoration:none;}

.MyAccountMenu ul.subMenu {clear:both; list-style-type:none; margin:0px 0px 0px 0px; padding:12px 0px 0px 0px; display:none;}

.MyAccountMenu ul.subMenu li {float:left;}

.MyAccountMenu ul.subMenu li a,
.MyAccountMenu ul.subMenu li a:link,
.MyAccountMenu ul.subMenu li a:active,
.MyAccountMenu ul.subMenu li a:visited {display:block; padding:0px 12px 0px 0px; font:11px arial, sans-serif; color:#524f37; text-decoration:underline; border-right:1px solid #524f37; margin:0px 12px 0px 0px;}

.MyAccountMenu ul.subMenu li a:hover,
.MyAccountMenu ul.subMenu li a:focus {display:block; padding:0px 12px 0px 0px; font:11px arial, sans-serif; color:#524f37; text-decoration:underline; border-right:1px solid #524f37; margin:0px 12px 0px 0px;}

.MyAccountMenu ul.subMenu li a.menuLink_Selected,
.MyAccountMenu ul.subMenu li a.menuLink_Selected:link,
.MyAccountMenu ul.subMenu li a.menuLink_Selected:active,
.MyAccountMenu ul.subMenu li a.menuLink_Selected:visited,
.MyAccountMenu ul.subMenu li a.menuLink_Selected:hover,
.MyAccountMenu ul.subMenu li a.menuLink_Selected:focus {display:block; padding:0px 12px 0px 0px; font:bold 11px arial, sans-serif; color:#524f37; text-decoration:underline; border-right:1px solid #524f37; margin:0px 12px 0px 0px;}


#myAccountArea table.accountDetails {}

#myAccountArea table.accountDetails td {vertical-align:top;}

#myAccountArea div#accountMessage {clear:both;}

#myAccountArea table.gvClass {border:1px solid #ece9da !important; background-color:#ffffff; margin-bottom:12px;}

#myAccountArea table.gvClass th {text-align:left; border:1px solid #ece9da !important; padding:6px 12px; font:bold 11px arial, sans-serif; color:#000000;}

#myAccountArea table.gvClass td {border:1px solid #ece9da !important; padding:6px 12px; font:11px arial, sans-serif; color:#000000;}

#myAccountArea table.gvClass a,
#myAccountArea table.gvClass a:link,
#myAccountArea table.gvClass a:active,
#myAccountArea table.gvClass a:visited {font:11px arial, sans-serif; color:#3b79b2; text-decoration:underline;}

#myAccountArea table.gvClass a:hover,
#myAccountArea table.gvClass a:focus {font:11px arial, sans-serif; color:#00356a; text-decoration:underline;}

#myAccountArea .deleteButton {margin-top:12px;}

#myAccountArea p.subText {margin:0px; padding:0px;}

#myAccountArea p.noResults {border:1px solid #ece9da !important; background-color:#ffffff; padding:12px; font:11px arial, sans-serif; color:#000000;}

#myAccountArea div.userPrefOuter {border:1px solid #ece9da !important; background-color:#ffffff; padding:0px 12px 12px 12px; font:11px arial, sans-serif; color:#000000; margin:0px 0px 12px 0px;}

#myAccountArea div.userPrefOuter a,
#myAccountArea div.userPrefOuter a:link,
#myAccountArea div.userPrefOuter a:active,
#myAccountArea div.userPrefOuter a:visited {font:11px arial, sans-serif; color:#3b79b2; text-decoration:underline;}

#myAccountArea div.userPrefOuter a:hover,
#myAccountArea div.userPrefOuter a:focus {font:11px arial, sans-serif; color:#00356a; text-decoration:underline;}

#myAccountArea div.userPrefOuter ul {margin:0px 0px 0px 12px; padding:0px;}

#myAccountArea div.alertEditOuter {border:1px solid #ece9da !important; background-color:#ffffff; padding:0px 12px 12px 12px; font:11px arial, sans-serif; color:#000000; margin:0px 0px 12px 0px;}

#myAccountArea div#TRPersonalInformation,
#myAccountArea div#TRPersonalInformationEdit {border:1px solid #ece9da !important; background-color:#ffffff; padding:12px 12px 12px 12px; font:11px arial, sans-serif; color:#000000; margin:0px 0px 24px 0px; width:550px; float:left;}

#myAccountArea div#TRPersonalInformation dl,
#myAccountArea div#TRPersonalInformationEdit dl {list-style-type:none; margin:0px; padding:0px 0px 5px 0px;}

#myAccountArea div#TRPersonalInformation dl dt,
#myAccountArea div#TRPersonalInformationEdit dl dt {font-weight:bold; list-style-type:none; margin:0px; padding:0px 0px 5px 0px; width:250px; float:left; min-height:18px;}

#myAccountArea div#TRPersonalInformation dl dd,
#myAccountArea div#TRPersonalInformationEdit dl dd {list-style-type:none; margin:0px; padding:0px 0px 5px 0px; width:275px; float:left; min-height:18px;}

#myAccountArea h2#BusinessInfoHeading,
#myAccountArea #EditBusinessInfoLink {display:none;}

#myAccountArea div#TRCompanyInformation,
#myAccountArea div#TRCompanyInformationEdit {display:none;}

#myAccountArea div#TRCompanyInformation dl,
#myAccountArea div#TRCompanyInformationEdit dl {display:none;}

#myAccountArea div#TRCompanyInformation dl dt,
#myAccountArea div#TRCompanyInformationEdit dl dt {display:none;}

#myAccountArea div#TRCompanyInformation dl dd,
#myAccountArea div#TRCompanyInformationEdit dl dd {display:none;}

#myAccountArea h2#CompanyProfileHeading,
#myAccountArea #EditCompanyProfileLink {display:none;}

#myAccountArea div#TRCompanyProfile,
#myAccountArea div#TRCompanyProfileEdit {display:none;}

#myAccountArea div#TRCompanyProfileEdit {display:none;}

#myAccountArea div#TRCompanyProfile dl,
#myAccountArea div#TRCompanyProfileEdit dl {display:none;}

#myAccountArea div#TRCompanyProfile dl dt,
#myAccountArea div#TRCompanyProfileEdit dl dt {display:none;}

#myAccountArea div#TRCompanyProfile dl dd,
#myAccountArea div#TRCompanyProfileEdit dl dd {display:none;}

#myAccountArea div#TRJobDetails,
#myAccountArea div#TRJobDetailsEdit {display:none;}

#myAccountArea div#TRJobDetails dl dt,
#myAccountArea div#TRJobDetails dl dt {display:none;}

#myAccountArea div#TRJobDetails dl dd,
#myAccountArea div#TRJobDetails dl dd {display:none;}

#myAccountArea h2#H1 {display:none;}

/*----------end styles for user update details profile----------*/

#lblMandatory {font: 11px arial, verdana, san-serif!important; color:#999999; padding-left:200px;}

.clsBtnSubmit input {float:right; margin-right:438px; margin-bottom: 50px;}

#divFormCreatorTableContentMain {width:650px;}
#divFormCreatorTableContentMain p.clsBtnSubmit input {margin-right:0; margin-left:300px; float:left;}
#divFormCreatorTableContentMain p.clsDescriptionField {margin-right:0; margin-left:300px; float:left;}
#divFormCreatorTableContentMain p.clsMandatory {margin-right:0; margin-left:100px; float:left;}

#RecordCountLabel,
.resultNumber {color:#584538 !important;}

.clsResultURL {color:#643F0F !important;}




/* styles for print */

@media print {

.breadPrint {display:none;}

#tblContentTD2 {display:none;}

}