﻿.ui-datepicker { background:#DAC7B9; z-index:1004; width: 17em; padding: .2em .2em 0; border:solid 2px #7CABC7; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; color:#7D6A5C; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; border:solid 1px #84695F; background-color:#FEFEFE; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
.ui-datepicker .ui-state-default .ui-state-highlight .ui-state-active{background-color:#7D926B;}

#myaccContent.LeftPanel { background:#EAEAEA url(<%=ImagePage%>bg_gray_big.jpg) repeat-x; border-right: solid 2px #CBDDE1; width:326px;}
#myaccContent .ContentPages{text-align:left; width: 575px; padding:0px 30px 40px 25px; background-color:#FFFFFF;}
#myaccContent .inline {display:inline;}
#myaccContent #myAccountContentArea {background-color:#eaeaea;}
    
#myaccContent .hr{border-top:solid 1px #573B37; width:560px; height:1px; font-size:0px} /* to Draw blue line */
#myaccContent .hr2{border-width:2px}
#myaccContent .hr3{width:100%;}
#myaccContent .hr4{margin-top:0px; margin-bottom:5px;}
#myaccContent .hr5{margin-top:5px; margin-bottom:5px;}
#myaccContent .hr6{margin:0px;}
#myaccContent .hrSep{font-size:0px; height: 1px; background: #CCCCCC;  padding: 0px !important;}

#maContent .DoFruit{color:#FF840F; font-weight:bold }
#myaccContent a{color:#035E97; text-decoration:none;}
#myaccContent .a1{text-decoration:underline; color:#03789B}
#myaccContent .hColor{color:#666666;}
#maContent .commonColor{color:#03789B;}
#maContent a{color:#035E97;}
#myaccContent #imgCrossButton {padding-right:5px; padding-top:5px; background-color:#FFFFFF; width:625px;}

#maContent #tblHeaderTitle{width:550px; font-size:11px}
#maContent #tblItemsContainer{height:300px; width:560px; overflow-y:auto; overflow-x:hidden}
#maContent #tblItems {width:560px}
#maContent #tblItems td{font-size:11px; padding: 7px 0px;}  /*Items in Repeater*/
#maContent .tblForm .combo td{background-color:White}
#maContent .tblForm .combo td{padding-top:0px !important;}
#maContent .tblForm2 .combo td{padding-top:0px !important;}
#maContent #tblItems a{color:#03789B; text-decoration:none}
#maContent .NoRecordFound{padding:120px 0px 0px 220px} 

#maContent #tblSearchHeader{width:560px; height:40px; padding-bottom:10px} 
#maContent #tblSortHeader{background:#EAEAEA url(../i/p/bg_gray_orderhistory.jpg) repeat-x; border: solid 1px #D1DADF; width:570px; height:35px; font-size:11.5px;} 
#maContent .myAccountBtns{margin-top:10px; text-align:center;} /* rename to btn*/

#maContent #divmaDefault {background: url(../i/p/gradient.jpg) repeat-x; border:solid 1px #cccccc; margin-top:20px;}
#maContent #tblDefault {margin:10px 10px 25px 10px;}
#maContent #tblDefault td{padding-top:10px;}
#maContent #divmaDefault a:hover{color:#FF7F2A;}

.topPadding5{padding-top:5px;}
.topPadding10{padding-top:10px;}
.topPadding20{padding-top:20px;}
.topPadding40{padding-top:40px;}
.bottomPadding5{padding-bottom:5px;}
.leftPadding5{padding-left:5px;}
.leftPadding10{padding-left:10px;}
.rightPadding5{padding-right:5px;}
.leftPadding15{padding-left:15px;}
.leftMargin60{margin-left:60px;}

.largefont{font-size:13.5px}
.normalfont{font-size:12px}
.smallfont{font-size:11px}
.underline{text-decoration:underline;} 
#maContent .bold{font-weight:bold;}

.tblForm2{margin:10px 0px 0px 60px; }
.tblForm2 td{padding:3px}

/* Success Message */
#myaccContent .MessageDiv{border:solid 1px #cccccc;background-image:url(../i/p/gry_odr_bg.jpg); background-repeat:repeat-x;  margin:0px 80px; padding:20px 20px; text-align:center}
/* End success Message */

/* Master Page */
#myaccContent .LeftPanel{background: #EAEAEA; background-image: url(../i/p/gradient1.jpg); background-repeat: repeat-x; width:327px; border-right:solid 1px #D2DBE0;}
#myaccContent #csMenu {list-style: none; padding: 0px; margin: 0px 0px 0px 30px;}
#myaccContent #csMenu li{background: url(../i/p/bn/arrow_r.jpg) no-repeat left; background-position: 8px; border-bottom: solid 1px #D2DBE0; border-right: none;}
#myaccContent #csMenu li.Selected{ background-position: 6px; background-color: #ffffff; border: solid 1px #573B37; border-right: solid 0px #ffffff; width:296px; right:-1px; position:relative;}
#myaccContent #csMenu li a{display: block; padding: 8px 8px 8px 40px; font-size: 14px; font-weight: bold; text-decoration: none;}
#myaccContent #csMenu li.Selected a{color:#000000; padding-left:37px;}
#myaccContent #csMenu li.Selected a:hover{color:#000000;}
#myaccContent #csMenu li a:hover{color: #FF7F2A;}
#myaccContent #signIn {padding:20px 20px 10px 30px;}
/* End Master Page */

/* Privacy Policy */
#maPrivacyContainer{margin:5px 10px; background-color:#EAEAEA; display:block;border:solid 1px #573B37;background-image:url(../i/p/gradient.jpg) !important;background-repeat:repeat-x;}
#maPrivacyContainer #imgCrossButton {display:inline;float:right;text-align:left; padding-right:5px; padding-top:5px; cursor:pointer}
#maPrivacy{margin:30px 25px}
#maPrivacy .hr{border-top:solid 1px #573B37; width:100%; height:1px; margin-bottom:11px} /* to Draw blue line */
#maPrivacy h1{margin-bottom:2px;}
#maPrivacy h2 {margin-bottom:2px;font-size:14px; font-weight:normal; padding-top:3px;}
#maPrivacy ul{padding-left:50px}
#maPrivacy li{padding-bottom:10px}
#maPrivacy a{color:#03789B}
#maPrivacy .DoFruit{color:#FF840F; font-weight:bold}
/* End Privacy Policy */

/* Sign In */     
	#SignInMainArea a{font-size:12px; text-decoration:underline}
	.SignIndivstyle{background:#EAEAEA url(../i/p/bg_gray_big.jpg) repeat-x; display:block;border:solid 1px #573B37;}
	#SignInMainArea{width:958px; height:415px; font-size:13px}
	#SignInMainArea .separator{width:2px; padding-top:37px}
	#SignInMainArea li { color:Black; margin-bottom:7px;}
    #SignInMainArea span { color:#116B8E;}
    #SignInMainArea .divInput{height:48px; padding-top:5px}
    #SignInMainArea #divSigIn .txtBox { width:231px; height:25px; font-size:20px; border:solid 2px #66A3B6; padding:4px 2px;}         
    #SignInMainArea #logo {width:204px; padding-left:50px; padding-top:121px;}
    #SignInMainArea .divContainer{font-size:13px; height:208px}
    #SignInMainArea .Container1{width:271px; height:380px; padding-left:30px; padding-top:44px; vertical-align:top}
    #SignInMainArea .Container2{width:371px; height:380px; padding-left:27px; padding-top:44px; vertical-align:top}
    #SignInMainArea #divRegBenefitsHd{height:45px}
    #SignInMainArea .divContainer table{height:138px}
    #SignInMainArea #divForgotPwd{height:33px}
    #SignInMainArea #divSignIntxt{height:45px}
	#divForgotPassword {margin:50px 0px 0px 50px;}
    #SignInMainArea #divForgotPassword .divCaption{margin-top:10px; padding:10px; border:solid 1px #573B37; width:540px;}
/* End Sign In */

/* Create Account */
#createAccContent h1{padding:5px 0px 24px 0px;}
#createAccContent .LeftPanelBg { background:#EAEAEA url(../i/p/bg_gray_big.jpg) repeat-x; border-right: solid 2px #CBDDE1; }
#createAccContent #divLeftPanel{width:204px; padding:122px 0px 0px 51px}
#createAccContent #divRightPanel{margin:20px 0px 0px 26px}
#createAccContent #maContent{padding-left:24px;}
#createAccContent #maContent .hr{border-top:solid 1px #573B37; width:600px; height:1px; margin:10px 0px}
#createAccContent #maContent .iconCstPro{padding-left:58px}
#createAccContent #maContent .iconAccInfo{padding:20px 0px 0px 58px}
#createAccContent #maContent .tblForm{margin:10px 0px 0px 81px;}
#createAccContent #maContent .tblForm td{padding-top:4px;}
#createAccContent #maContent .tblForm .tdWidth{width:160px}
#createAccContent #maContent .tblForm2{margin:0px 0px 20px 81px; width:500px}
#createAccContent #maContent .tblForm2 .offers{padding-left:166px; vertical-align:middle}
#createAccContent #maContent #divTermsOfUse{margin:15px 40px 0px 30px; padding:20px 30px 20px 30px; background-color:#FAFAFA; Border:solid 2px #D9DFDF; width:490px; height:auto}
/* End Create Account */

/* Update Profile */
#maContent #PU .hr{border-top:solid 1px #573B37; width:520px; height:1px; margin-top:10px; margin-left:38px}
#maContent #PU .iconCstPro{padding:20px 0px 0px 38px}
#maContent #PU .iconAccInfo{padding:10px 0px 0px 38px}
#maContent #PU .tblForm{margin:20px 0px 0px 66px;}
#maContent #PU .tblForm td{padding-top:4px;}
#maContent #PU .tblForm .tdWidth{width:160px}
#maContent #PU .tblForm2{margin-left:66px; width:489px}
#maContent #PU .tblForm2 .offers{padding-left:165px}
#maContent #PU #divTermsOfUse{margin:0px 0px 15px 38px; padding:20px 25px 20px 25px; background-color:#FAFAFA; Border:solid 2px #D9DFDF; width:465px; height:auto; font-size:11.25px}
#maContent #PU  .tblForm .combo td{background-color:#FFFFCB}
/* End Update Profile */

/* Change Account Password */
#maContent #CAP h1{padding:5px 0px 50px 0px}
#maContent #CAP .tblForm{margin: 20px 0px 125px 78px;}
#maContent #CAP .tblForm td{width:167px; padding-top:4px;}
/* End Change Account Password */

/* Express Check Out */ 
#maContent #ExpCO #tblHeaderTitle{padding-top:6px}
#maContent #ExpCO #tblSearchHeader #divTotalCards{color:#187296;}
#maContent #ExpCO #CCTYPEhd{width:160px}
#maContent #ExpCO #CCTYPEhd span{padding-left:16px}
#maContent #ExpCO #CCTYPE{width:160px}
#maContent #ExpCO #CCTYPE span{padding-left:5px; font-weight:bold; color:#03789B}
#maContent #ExpCO .CCNumber{width:130px}
#maContent #ExpCO .CCStatus{width:190px}
#maContent #ExpCO .Actions{width:70px}
	/* Credit Card Add and Update */
		#maContent #CCAddUpdate h1{padding:5px 0px 20px 0px}
		#maContent #CCAddUpdate .tblForm{margin:47px 0px 80px 75px}
		#maContent #CCAddUpdate .tblForm td{padding-top:4px}
		#maContent #CCAddUpdate .tblForm .tdWidth{width:170px}
	/* End Credit Card Add and Update */
/* End Express Check Out */

/* Gift Reminders */
#maContent #gr #tblHeaderTitle{padding-top:10px}
#maContent #gr #EventDatehd{width:110px}
#maContent #gr #EventDatehd span{padding-left:18px}
#maContent #gr #EventDate{width:110px}
#maContent #gr #EventDate span{padding-left:5px; font-weight:bold}
#maContent #gr .Event{width:163px}
#maContent #gr .GRFor{width:115px}
#maContent #gr #tblHeaderTitle .Actions{width:162px; text-align:center}
#maContent #gr #tblItems .Actions{width:167px; text-align:center}
	/* Gift Reminders Add and Update */
		#maContent #GRAddUpdate h1{padding:5px 0px 20px 0px}
		#maContent #GRAddUpdate .tblForm{margin:0px 0px 15px 85px}
		#maContent #GRAddUpdate .tblForm td{padding-top:4px;}
		#maContent #GRAddUpdate .tblForm2{margin:10px 0px 35px 85px}
		#maContent #GRAddUpdate .tblForm2 td{padding-top:4px;}
		#maContent #GRAddUpdate .tblForm .tdWidth{width:128px}
		#maContent #GRAddUpdate .tblForm2 .tdWidth{width:122px}
		#maContent #GRAddUpdate .txtCal{background:#ffffff url(../i/p/calander.jpg) no-repeat right;padding:4px 25px 4px 4px; border:solid 1px #7CABC7; /*width:60px;*/}
	/* Gift Reminders Add and Update */
/* Gift Reminders */

/*Address Book*/
.divAlphabet {background-color:#FFFFCB; width:15px; font-size:10px; font-weight:bold; color:#00709C; text-align:center; border:solid 1px #EAEAEA}
.divContactList{width:550px; height:322px; margin-left:1px; border-top:solid 2px #CDDAE0;  border-right:solid 2px #CDDAE0; border-bottom:solid 2px #CDDAE0; overflow-y:auto; overflow-x:hidden;}
#maContent #viewContact{margin:70px 0px 0px 30px; border:dashed 1px #DEE3E6; background-image:url(../i/p/bg_gray_big.jpg); background-repeat:repeat-x; width:520px; height:200px;}
#maContent #viewContact #leftPanel {padding:10px; width:328px;}
#maContent #viewContact #rightPanel {padding:15px 15px 15px 10px; width:138px}
#maContent .hWidth{width:80px;}

#maContent #AdBk #tblItemsHeader{width:536px; margin:16px 0px 0px 35px; font-size:11px}
#maContent #AdBk #tblItems span{color:#035E97}
#maContent #AdBk #tblItems span a{text-decoration:underline}
#maContent #AdBk #tblItemsHeader .Name{width:115px}
#maContent #AdBk #tblItemsHeader .Company{width:122px}
#maContent #AdBk #tblItemsHeader .Phone{width:90px}
#maContent #AdBk #tblItemsHeader .City{width:126px}
#maContent #AdBk #tblItemsHeader .Action{width:83px}

#maContent #AdBk #tblItems{width:570px; font-size:11px}
#maContent #AdBk #tblItems td{padding: 8px 0px;}
#maContent #AdBk #tblItems .Name{width:133px;font-weight:bold}
#maContent #AdBk #tblItems .Company{width:122px}
#maContent #AdBk #tblItems .Phone{width:90px; text-align:left; font-weight:bold}
#maContent #AdBk #tblItems .City{width:122px}
#maContent #AdBk #tblItems .Action{width:103px}
#maContent #AdBk #tblItems .placeorder{font-weight:bold}

#maContent #AdBk .NoRecordFound{padding:130px 0px 0px 200px}
	/* Contact Add and Update */
		#maContent #ConAddUpdate h1{padding:5px 0px 20px 0px}
		#maContent #ConAddUpdate h3{padding:0px 0px 5px 50px}
		#maContent #ConAddUpdate .hr{margin-left:43px; width:518px}
		#maContent #ConAddUpdate .tdWidth{width:133px}
		#maContent #ConAddUpdate #tdSetReminder{padding-top:18px}
		#maContent #ConAddUpdate .tblForm{margin:16px 0px 27px 89px}
		#maContent #ConAddUpdate .tblForm td{padding-top:4px;}
		/*#maContent #ConAddUpdate .tblForm{margin:0px 0px 15px 75px}
		#maContent #ConAddUpdate .tblForm td{padding-top:4px;}*/

	/* Contact Add and Update */
/*End Address Book */

/* OrderHistory */
	#maContent #order{width:570px}
	#maContent #order #divPrint {height:290px; padding-top:6px}
	#maContent #order #tblHeaderTitle{padding-bottom:4px; width:560px;}
	#maContent #order #tblItemsContainer{height:270px; width:570px; overflow-y:auto; overflow-x:hidden}
	#maContent #order .hr{width:100%}
	#maContent #order #tblOrderList {width:570px}
	#maContent #order #tblOrderList td{font-size:11px; padding: 6px 0px;}  /*Items in Repeater*/
    #maContent #order #tblOrderList a{text-decoration:underline;}
    
	#maContent #order #Numberhd{width:110px}
	#maContent #order #Numberhd span{padding-left:18px}
	#maContent #order #Number{width:110px}
	#maContent #order #Number span{color:#03789B; padding-left:5px; font-weight:bold}
	#maContent #order #Number a{color:#03789B}
	#maContent #order .Date{width:65px}
	#maContent #order .Name{width:120px}
	#maContent #order #tblOrderList .Name{font-weight:bold}
	#maContent #order .DelPkupDate{width:90px}
	#maContent #order .Total{width:60px; text-align:right}
	#maContent #order .space{width:15px}
	#maContent #order .Status{width:100px}
	#maContent #order #tblOrderList .Status{font-weight:bold}
	#maContent #order #tblOrderList .Total{text-align:right}
	#maContent #order #tblOrderList .Success{color:#095D0F}
    #maContent #order #tblOrderList .Cancelled{color:#CC0012}
    #maContent #order #tblOrderList .Pending{color:#0B2C95}
    /*#maContent #order #tblOrderList .Received{color:#0B2C95}
    #maContent #order #tblOrderList .Logged{color:#FF7F2A}*/
    
    #maContent #order #tblSortHeader .show{width:160px; font-size:11px; font-weight:bold; text-align:right}
    #maContent #order #tblSortHeader .month{width:145px}
    #maContent #order #tblSortHeader .sort{width:47px; font-size:11px; font-weight:bold; text-align:right}
    #maContent #order #tblSortHeader .sortby{width:137px}
	
/* End OrderHistory*/
