/***** Reset *****/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

/***** Basic Elements: Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc. *****/
body { background: url(images/SiteBG.png) no-repeat center top; font-family: Arial, Helvetica, sans-serif; font-size: 12px; direction: rtl; }
body, html, h1, h2, h3, h4 { background-color: #fff; color: #555; }

.titleBGStyle1, #leftContent h2, #mainContent2 h2, #mainContent1 h2 { background: #F0F0F0; border-right: 4px #ccc solid; color: inherit; margin: 1px 0px; padding: 5px; }
.titleBGStyle2 { border-color: #ccc; border-style: dashed solid dashed dashed; border-width: 1px 4px 1px 1px; margin: 1px 0px; padding: 5px; }
.titleBGAlt, #leftContent h3, #mainContent2 h3, #mainContent1 h3 { background-color: inherit; border-color: #A4E9FF; border-style: dashed solid dashed dashed; border-width: 1px 4px 1px 1px; color: #00B0FC; margin: 1px 0px; padding: 5px; }

h1 { font-size: 16px; }
#leftContent h1, #mainContent2 h1, #mainContent1 h1 { font-size: 14px; }
#leftContent h1, #mainContent2 h1, #mainContent1 h1 { background: #333 url(images/TitleEnd.gif) no-repeat left bottom; color: #F5F5F5; margin: 0px; padding: 6px; }
#firstLeft h1, #firstMid h1, #firstRight h1 { font-size: 12px; }

h2 { font-size: 14px; }
#firstLeft h2, #firstMid h2 { background: #fff; border: none; color: inherit; margin: 0px; padding: 0px; }
#firstLeft h2 { font-size: 12px; }
h3 { font-size: 12px; }
#mainContent2 h3, #mainContent1 h3 { font-size: 18px; }
h4 { font-size: 12px; }

p { margin: 3px 0px 17px 0px; }

.fancyTitle { background: #E0E0E0; border-right: 4px #666 solid; color: inherit; }
.frameStyle { border: 2px #ccc solid; min-height: 100px; }

/***** Generic Classes : Define styles for simple things like floating to the sides, etc for coding efficiently *****/
.rtl { direction: rtl; }
.bold { font-weight: bold; }
.top { vertical-align: top; }
.readingFont, .readingJustifyHolder { font-size: 14px; }
.textHolder, .readingJustifyHolder, .justifyHolder { padding: 5px 5px; margin: 0px; }
.justify, .readingJustifyHolder, .justifyHolder { text-align: justify; }
.centerAlign { text-align: center; }
.rightAlign { text-align: right; }
.errorTextMsg { background-color: inherit; color: #FF0000; }
.bigFont { font-size: 22px; }
.fontSize16 { font-size: 16px; }
.fontSize14 { font-size: 14px; }
.fontSmall { font-size: 11px; }
.bgColor1 { background: #F9F9F9; color: inherit; }
.bgColor2 { background: #F4F4F4; color: inherit; }
.blue { background-color: inherit; color: #00B0FC; }
.orange { background-color: inherit; color: #FF8B22; }
.gray { background-color: inherit; color: #999; }

/***** Basic Layout : The basic template: header, footer, etc. Elements that help to define the basic layout of the site *****/
/*main site frame: site width*/
#container { width: 780px; margin: auto; }
/*header to row for links like: about, contacts...*/
#headerTopRow { background: #111; color: inherit; height: 16px; text-align: left; width: auto; padding: 0px 5px; }
/*header*/
#header { width: auto; }

/*site path*/
#sitePath { background: url(images/QualishHeader1_02.jpg) no-repeat center top; background-color: inherit; color: #ccc; font-size: 11px; height: 16px; padding-right: 5px; width: auto; }
/*Site path (for SiteMapPath)*/
.sitePath { background-color: inherit; color: #ccc; text-decoration: none; }
.sitePathNode:link, .sitePathNode:visited { background-color: inherit; color: #eee; text-decoration: none; }
.sitePathNode:hover { text-decoration: underline; }

.priceListPos { direction: ltr; list-style-image: url(../../Site/pics/BasicDesigns/SmallICON_YES.png); list-style-position: inside; font-size: 14px;}
.priceListNeg { direction: ltr; list-style-image: url(../../Site/pics/BasicDesigns/SmallICON_NO.png); list-style-position: inside; font-size: 14px;}

/*horizontal menu*/
#horizontalMenu { width: 780px; direction: ltr; }
/*left content*/
#leftContent { left: 0px; float: left; margin: 0px 6px 5px 0px; width: 254px; }
/*1 column - use this when you have only one big main content section*/
#mainContent { margin: 5px 0px 0px 0px; min-height: 470px; width: 780px; text-align: right; }
/*1 columns - use this when you have for example: left side menu section and main content section*/
#mainContent1 { float: left; left: 0px; margin: 0px; width: 780px; }
#mainContent11 { float: left; left: 0px; margin: 0px; width: 780px; }
/*2 columns - use this when you have for example: left side menu section and main content section*/
#mainContent2 { float: left; left: 260px; margin: 0px; width: 520px; }
/*footer*/
#footer { background: url(images/FooterBG.gif) no-repeat top; clear: both; height: 30px; padding: 5px 5px 0px 0px; width: auto; }
/*footer bottom row*/
#footerBottomRow { background-color: inherit; color: #666; font-size: 11px; height: 40px; width: auto; }
/*Split for default page*/
#firstLeft { float: left; left: 0px; margin: 0px 6px 0px 0px; width: 254px; }
#firstMid { float: left; left: 260px; margin: 0px 3px 0px 3px; width: 254px; }
#firstRight { float: right; margin: 0px 0px 0px 6px; width: 254px; }

/***** Header : Define all elements in the header *****/
/*Header image*/
.imgHeaderBig { height: 154px; }
.imgHeaderThin { height: 64px; }

/*Site top horizontal menu*/
ul.menu { background: #3E6188 url(images/TopMenuBG.gif) repeat-x top right; color: #00B6FA; display: block; font-size: 14px; font-weight: bold; height: 33px; list-style: none; width: auto; }
ul.menu li { display: block; float: right; height: 33px; width: auto; }
ul.menu li a { background: #3E6188 url(images/TopMenuBG.gif) repeat-x top right; color: #00B6FA; float: left; height: 28px; padding: 5px 5px 0px 10px; text-decoration: none; width: auto; }
ul.menu li a:hover { background: #AEF1FF url(images/TopMenuBG.gif) repeat-x top right; color: #AEF1FF; text-decoration: none; }

/***** Other : Define the other sections one by one *****/

/*Default links*/
.linkDefault:link, .linkDefault:visited { background-color: inherit; color: #1D73A9; text-decoration: none; }
.linkDefault:hover { text-decoration: underline; }
.linkSecondary:link, .linkSecondary:visited { background-color: inherit; color: #FFFFFF; text-decoration: none; }
.linkSecondary:hover { background-color: inherit; color: #FFCC00; }
/*Login link*/
.linkLogin:link, .linkLogin:visited { background-color: inherit; color: #666; font-size: 11px; text-decoration: none; }
.linkLogin:hover { background-color: inherit; color: #eee; }

/*TextBox*/
.textBox { background-color: inherit; border: 1px solid #ccc; color: #666; font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin: 1px 0px; padding: 3px; }
/*DropDownList*/
.DropDownList { background-color: inherit; border: 1px solid #ccc; color: #666; font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin: 1px 0px; padding: 2px 1px; }
/*Table*/
.tblStyle { width: 100%; }
.tblColWidth { width: 90px; }
.tblColPicsWidth { width: 170px; }
/*Image*/
.imgBorder { margin: 0px 0px 0px 4px; }
.imgBorder2 { background: #EBEBEB; color: inherit; margin: 4px 0px; padding: 4px; }