﻿/*global style configurations*/
body, html{ cursor: url("/assets/images/red.cur"); font-size: 12px; font-family: arial; margin: 0; padding: 0; color: #333; }
form{ padding: 0px; margin: 0px; }
img{ border: 0px; }
pre{ margin: 0; padding: 0; }
a{ font-family: arial; font-size: 12px; color: #333; text-decoration: none; }
a:hover{ color: #666; }

/*global classes*/
.left{ float: left; }
.right{ float: right; }
.center{ text-align: center !important; }
.catch{ overflow: hidden; }
.clear{ clear: both; }
.justify{ text-align: justify; }
.bold{ font-weight: bold; }
.cursorable{ cursor: pointer; }
.hidden{ visibility: hidden; display: none; }
.vfhidden{ visibility: hidden; }
.dfhidden{ display: none; }

/*site body title*/
div.site_title{ padding-left: 1px; }

/*flash box*/
.flash_box{ margin-top: 7px; }

/*designed buttons*/
span.button{ display: block; text-align: center; height: 21px; line-height: 21px; }
span.button a{ display: block; width: 100%; }

/*form elements*/
input.text,textarea.textarea{ border: 1px solid #d1d1d1; background: #f7f7f8; padding: 1px; color: #333; }
select.select{ background: #f7f7f8; border: 1px solid #d1d1d1; }
input.button{ font-size: 12px; font-family: arial; cursor: pointer; font-weight: bold; color: #666; }
label{ font-family: arial; color: #333; }
p{ margin: 0px; }
span.mandatory, span.error{ color: #cc3333; }

/*site container*/
#container{ width: 958px; margin: 5px auto 0; background: url("/assets/images/site_borders.gif") repeat-y;  direction:rtl}
/*affiliate container*/
#containerAffiliate{ width: 958px; margin: 5px auto 0;   direction:rtl}

/*site headerAffiliate*/
#siteheaderAffiliate{ width: 903px; height: 61px; padding: 15px 35px 0 20px;  direction:rtl}
#siteheaderAffiliate div{ width: 721px; height: 57px; background: url("/assets/images/red_blue_line.gif") bottom no-repeat; }

/* Top Banner */
#topbanner {width: 958px; text-align:center; margin: 5px auto 0;}

/*site header*/
#siteheader{ width: 903px; height: 61px; padding: 15px 35px 0 20px; background: url("/assets/images/site_top_border.gif") no-repeat;  direction:rtl}
#siteheader div{ width: 721px; height: 57px; background: url("/assets/images/red_blue_line.gif") bottom no-repeat; }
#siteheader div span{ display: block; padding: 2px 20px; float: left; background: url("/assets/images/top_links_v_dots.gif") right repeat-y; }
#siteheader div span.last{ background: none !important; }
#siteheader div a{ float: left; }
#siteheader div img{ padding-left: 5px !important; }
#siteheader div span.welcome{ background: none; color: #333; float: right; padding: 2px 0; }
#siteheader div span.welcome a{ float: none; color: #de2e21; }
#siteheader div span.welcome a:hover{ text-decoration: underline; }

/*site body*/
#sitebody{ width: 925px; padding: 0 13px 0 20px; direction:rtl }

/*right side(menu, login box...)*/
#rightside{ width: 192px; padding-top: 16px;  direction:rtl}

/*left side (banners)*/
#leftside{ width: 159px; padding-top: 16px; direction:rtl }

/*site content*/
#sitecontent{ width: 546px; margin-left: 14px; background: url("/assets/images/middle_border_1024.gif") 0 16px no-repeat;  direction:rtl}

/*side menu*/
div.menubox{ width: 192px; padding-top: 27px; background: url("/assets/images/he/sidemenu_title.gif") no-repeat; }
div.menubox div.menu{ width: 168px; border-right: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; padding: 5px 7px 15px; float: left; }
div.menubox div.menu p{ padding: 0 15px 0 0; border-bottom: 1px dashed #d5d5d5; height: 23px; line-height: 23px; background: url("/assets/images/he/red_arrow.gif") right 10px no-repeat; }
div.menubox div.sidemenu_bottom{ width: 192px; height: 11px; background: url("/assets/images/side_box_close.gif") no-repeat; }

/*members box*/
div.members{ width: 184px; background: url("/assets/images/he/sidemenu_members.gif") no-repeat; padding: 46px 8px 0 0; margin-top: 7px; }
div.members div.menu{ width: 172px; border-right: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; padding: 5px 5px 15px; }
div.members div.menu p{ padding: 0px 15px 0 0; border-bottom: 1px dashed #d5d5d5; height: 23px; line-height: 23px; background: url("/assets/images/he/red_arrow.gif") right 10px no-repeat; }
div.members div.members_bottom{ width: 184px; height: 11px; background: url("/assets/images/side_box_close.gif") top no-repeat; }

/*sub menu*/
div.menubox div.submenu{ padding-right: 10px; border-bottom: 1px dashed #d5d5d5;}
div.menubox div.submenu p{ padding: 0 !important; background: url("/assets/images/he/gray_arrow.gif") right 10px no-repeat !important; border-bottom: none !important; }
div.menubox div.submenu p a{ display: block; padding-right: 15px; }
div.menubox div.submenu p a:hover{ background: url("/assets/images/he/red_arrow.gif") right 10px no-repeat; color: #de2e21; }
div.menubox div.submenu p.current{ background: url("/assets/images/he/red_arrow.gif") right 10px no-repeat !important; }
div.menubox div.submenu p.current a{ color: #de2e21 !important; }

/*login box*/
#loginbox{ width: 184px; background: url("/assets/images/he/loginbox_title.gif") no-repeat; padding: 46px 8px 0 0; margin-top: 7px; }
#loginbox div#login{ width: 172px; border-right: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; padding: 5px 5px 0; }
#loginbox div#login p{ padding-bottom: 5px; margin: 0; }
#loginbox div#login p a{ padding: 0; margin: 0; }
#loginbox div#login p a img{ padding-left: 5px; }
#loginbox div#login label{ width: 37px; float: right; }
#loginbox div#login input.text{ width: 130px; float: right; }
#loginbox div#loginbox_bottom{ width: 184px; height: 11px; background: url("/assets/images/side_box_close.gif") top no-repeat; }
#loginbox span.button{ width: 76px; margin-top: 7px; background: url("/assets/images/he/login_btn_off.gif") no-repeat; }
#loginbox span.button a:hover{ background: url("/assets/images/he/login_btn_on.gif") no-repeat; }

/*tip box*/
#tipbox{ width: 184px; margin-top: 7px; background: url("/assets/images/he/tipbox_title.gif") no-repeat; padding: 49px 8px 0 0; }
#tipbox div#tip{ width: 172px; font-size: 12px; padding: 3px 5px; border-right: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; }
#tipbox div#tip p.tiptitle{ background: url("/assets/images/he/box_arrow.jpg") right 5px no-repeat; margin: 0; padding: 0px 11px 5px 0; border-bottom: 1px dashed #d5d5d5; font-weight: bold; }
#tipbox div#tipbox_bottom{ width: 184px; background: url("/assets/images/side_box_close.gif") no-repeat; height: 19px; }
#tipbox span.button{ width: 103px; margin-top: 15px; background: url("/assets/images/he/more_tips_btn_off.gif") no-repeat; }
#tipbox span.button a:hover{ background: url("/assets/images/he/more_tips_btn_on.gif") no-repeat; }

/*mailing box*/
#mailingbox{ width: 184px; padding: 46px 8px 0 0; background: url("/assets/images/he/mailingbox_title_inside.gif") no-repeat; }
#mailingbox div#mailingbox_bottom{ width: 184px; height: 19px; background: url("/assets/images/side_box_close.gif") top no-repeat; }
#mailingbox #mailing{ width: 172px; font-size: 12px; padding: 3px 5px 0; border-right: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; }
#mailingbox #mailing p{ margin-bottom: 8px; border-bottom: 1px dashed #d5d5d5; padding-bottom: 7px; }
#mailingbox input.text{ width: 110px; }
#mailingbox span.button{ width: 53px; background: url("/assets/images/he/attach_off.gif") no-repeat; }
#mailingbox span.button a:hover{ background: url("/assets/images/he/attach_on.gif") no-repeat; }

/*calculators banner box*/
#calcsbox{ width: 159px; margin-top: 7px; background: url("/assets/images/he/payasucan_box_title.gif") no-repeat; padding-top: 27px; }
#calcsbox div#calcs_content{ width: 145px; padding: 7px 6px 0; border-right: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; background: url("/assets/images/he/payasucan_calc_title.gif") 50% 105px no-repeat; }
#calcsbox div#calcs_content p{ text-align: left; padding-top: 9px; background: url("/assets/images/he/red_arrow.gif") 75px 15px no-repeat; }
#calcsbox div#calcs_content p a{ font-weight: bold; text-decoration: underline; }
#calcsbox div#calcs_content p a:hover{ color: #de2e21; }
#calcsbox div#calcs_content p.dline{ padding: 7px 0 34px; background: url("/assets/images/h_dots.gif") 50% 7px repeat-x; }
#calcsbox div#calcsbox_bottom{ height: 8px; background: url("/assets/images/side_box_thin_close.gif") top no-repeat; }

/*our options side box*/
#ouroptionsbox{ width: 159px; margin-bottom: 7px; padding-top: 30px; background: #fff url("/assets/images/he/ouroption_box_title.gif") right top no-repeat; }
#ouroptionsbox div#ouroptionssection{ width: 157px; border-right: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; }
#ouroptionsbox div#ouroptionssection b{ padding-right: 8px; display: block; color: #017a99; }
#ouroptionsbox div#ouroptionssection div.insidebox{ width: 158px; /*background: url("/assets/images/ouroptions_box_vborder.gif") bottom no-repeat;*/ /*margin: 0px auto 0px;*/ padding-bottom: 4px; cursor: pointer; /*text-align: justify;*/ }
#ouroptionsbox div#ouroptionssection div.last{ background: none; }
#ouroptionsbox div#ouroptionssection div p{ padding-right: 7px; }
#ouroptionsbox div#ouroptionssection div p.linkline{ text-align: left; padding-left: 16px; background: url("/assets/images/he/arrow_separator.gif") 10px 6px no-repeat; }
#ouroptionsbox div#ouroptionssection div p.linkline a{ color: #666; font-weight: bold; }
#ouroptionsbox div#ouroptionssection div p.linkline a:hover{ color: #333; text-decoration: underline; }
#ouroptionsbox div#ouroptionsbox_bottom{ width: 159px; height: 9px; background: url("/assets/images/ouroptions_box_bottom.gif") no-repeat; }

/*validations icons box*/
#validationsbox{ width: 184px; height: 44px; padding: 65px 8px 0 0; margin-top: 7px; /*background: url("/assets/images/validationbox_bottom.gif") left no-repeat;*/ }
#validationsbox p{ padding: 0 9px 5px; }

/*bread crubms*/
.headersitemappath{ color: #333; }
.headersitemappath a{ color: #666 !important; }
.headersitemappath a:hover{ text-decoration: underline !important; }

/*picture pop preview*/
#preview_div{ display: none; position: absolute; z-index: 2100; }

/*popup explain box*/
div#disformbox{ top: 0; position: absolute; visibility: hidden; }
div#insideexplain{ width: 368px; height: 157px; visibility: hidden; display: none; z-index: 1000; position: absolute; display: table-cell; padding: 10px 7px 0; background: url("/assets/images/explain_box.gif") center no-repeat; }
div#insideexplain p{ border-bottom: 1px solid #ccc; padding-bottom: 2px; }
div#insideexplain span{ padding-right: 5px; font-weight: bold; }
/*site footerAffiliate*/
#sitefooterAffiliate{ width: 938px; height: 73px; padding: 15px 10px 0; }
#sitefooterAffiliate div.tline{ padding-top: 10px; background: url("/assets/images/footerlinks_top_border.gif") top repeat-x; }
#sitefooterAffiliate div#footerlinks{ width: 540px; height: 36px; padding-right: 12px; font-size: 10px; margin-right: 8px; text-align: center; }
#sitefooterAffiliate div#footerlinks a:hover{ color: #017a99; text-decoration: underline; }
#sitefooterAffiliate div.adzpromo{ width: 145px; }
/*site footer*/
#sitefooter{ width: 938px; height: 73px; padding: 15px 10px 0; background: #fff url("/assets/images/site_bottom_border.gif") no-repeat; }
#sitefooter div.tline{ padding-top: 10px; background: url("/assets/images/footerlinks_top_border.gif") top repeat-x; }
#sitefooter div#footerlinks{ width: 540px; height: 36px; padding-right: 12px; font-size: 10px; margin-right: 8px; text-align: center; }
#sitefooter div#footerlinks a:hover{ color: #017a99; text-decoration: underline; }
#sitefooter div.adzpromo{ width: 145px; }
/*#sitefooter div.adzpromo a{ color: #fff !important; }*/

/*adz credit*/
.adzCredit{ font-family:Arial, Helvetica, sans-serif; font-size:7pt; color:#b7b7b7;}
.z {color:#fa5000;}
a.AdzLink:LINK {color: #b7b7b7;	text-decoration:none;}
a.AdzLink:VISITED {	color: #b7b7b7;	text-decoration:none;}
a.AdzLink:HOVER {color: #b7b7b7; text-decoration:none;}
a.HideLink:LINK { font-size: 7pt; color: #b7b7b7; text-decoration:none;}
a.HideLink:VISITED { font-size: 7pt; color: #b7b7b7; text-decoration:none;}
a.HideLink:HOVER { font-size: 7pt; color: #b7b7b7; text-decoration:none;}