/* pageLayout.css */

body
{
  margin: 0px; 
  background-color: #46166A;
}

#pageCenter
{
  margin-left: auto;
  margin-right: auto;
  width: 1008px;
  height: 1364px;
}

#pageContent
{
  position: relative;
  margin: 0px;
  padding: 0px;
  color: #FFFFFF; 
}

#mastHead
{
  position: absolute;
  top: 0px;
  left: 0px;
  background-repeat: no-repeat;
  width: 1008px;
  height: 180px;
  background-color: #CED656;
}

#sideBarL
{
  position: absolute;
  top: 180px;
  left: 0px;
  width: 266px;
  height: 1184px;
  background-color: #C2CD23;
}

#sideBarR
{
  position: absolute;
  top: 180px;
  left: 742px;
  width: 266px;
  height: 1184px;
  background-color: #EAEBB1;
}

#welcome
{
  position: absolute;
  top: 180px;
  left: 266px; 
  width: 476px;
  height: 261px;
  background-color: #FFFFFF;
  margin: 0px;
  padding: 0px;
}

#welcome div
{
  position: absolute;
  top: 35px;
  left: 0px;
  margin: 0px;
  padding: 0px;
}

#welcome p
{
  margin-top: 15px;
  margin-bottom: 0px;
  margin-left: 17px;
  margin-right: 17px;
  padding: 0px;
  font-family: Arial, sans-serif;
  font-weight: normal;
  font-size: 9pt;
  color: #666666;
  line-height: 12pt;
}

#welcome h1, #ourServices h1, #hotProducts h1, #companyStores h1, #eCatalogs h1
{
  position: absolute;
  top: 15px;
  left: 15px;
  margin: 0px;
  padding: 0px;
  font-family: Arial, sans-serif;
  font-weight: normal;
  font-size: 16pt;
  word-spacing: 4px;
  color: #46166B;
}

.orangeRule
{
  margin: 0px;
  padding: 0px;
  background: url('../images/orangeRule.gif') 0px 0px repeat-x;
  height: 2px;
  width: 100%;
}

.orangeText
{
  color: #F7880D;
}

#ourServices
{
  position: absolute;
  top: 441px;
  left: 266px; 
  width: 476px;
  height: 281px;
  background-color: #FFFFFF;
  background-image: url('../images/womanPointing.jpg');
  background-repeat: no-repeat;
  background-position: 0px 59px;
}

#serviceMenu
{
  position: absolute;
  top: 20px;
  left: 0px;
  height: 250px;
  margin: 0px;
  padding: 0px;
  list-style: none;
}

#serviceMenu div
{
  margin-left: 175px;
  margin-right: 12px;
  margin-bottom: 15px;
  font-family: Arial, sans-serif;
  font-size: 9pt;
  font-weight: normal;  
  word-spacing: 1px;
}

#serviceMenu div a
{
  display: block;
  color: #666666;
  text-decoration: none;
  line-height: 12pt; 
  margin-left: 40px;
  padding: 0px;
}

#serviceMenu div a:hover, #companyStores a:hover
{
  color: #46166B;
}

#service1
{
  background: url('../images/orangeP.jpg') 0px 0px no-repeat;
}

#service2
{
  background: url('../images/greenP.jpg') 0px 0px no-repeat;
}

#service3
{
  background: url('../images/blueG.jpg') 0px 0px no-repeat;
}

#service4
{
  background: url('../images/purpleA.jpg') 0px 0px no-repeat;
}

#hotProducts
{
  position: absolute;
  top: 722px;
  left: 266px; 
  width: 476px;
  height: 185px;
  background-color: #FFFFFF;
  overflow: hidden;
  clip: auto;
}

#productsMenuSimple, #catalogsMenuSimple
{
  margin-top: 0px;
  margin-left: 0px;
  padding: 0px;
}

#productsMenuSimple li, #catalogsMenuSimple li
{
  list-style: none;
  font-family: Arial, sans-serif;
  font-size: 9pt;
  font-weight: normal;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 5px;
}

#productsMenuSimple li a, #catalogsMenuSimple li a
{
  text-decoration: none;
  color: #666666;
  line-height: 12pt;
}

#productsMenuSimple li a:hover, #catalogsMenuSimple li a:hover
{
  color: #46166B;
  text-decoration: underline;
}

#productNoScroll
{
  position: relative;
  top: 25px;
  left: 180px;
  width: 250px;
  height: 130px;
  color: #666666;
  overflow: auto; 
  clip: auto;
}

#catalogNoScroll
{
  position: relative;
  top: 25px;
  left: 180px;
  width: 260px;
  height: 160px;
  color: #666666;
  overflow: auto; 
  clip: auto;
}

#companyStores
{
  position: absolute;
  top: 907px;
  left: 266px; 
  width: 476px;
  height: 233px;
  background-color: #FFFFFF;
}

#companyStores p
{
  margin: 0px;
  font-family: Arial, sans-serif;
  font-size: 9pt;
  font-weight: normal;
  word-spacing: 1px;
  color: #666666;
  padding-left: 122px;
  padding-right: 17px;
  padding-bottom: 13px;
}

#companyStores ul
{
  margin: 0px;
  font-family: Arial, sans-serif;
  font-size: 9pt;
  font-weight: normal;
  word-spacing: 1px;
  color: #666666;
  padding-bottom: 13px;
  padding-left: 147px;
}

#companyStores li
{
  line-height: 14pt;
}

#companyStores a
{
  color: #666666;
  text-decoration: none;
}

#companyInfo
{
  position: absolute;
  top: 50px;
  left: 0px;
  height: 225px;
  background-image: url('../images/atsign.jpg');
  background-repeat: no-repeat;
  background-position: 15px 2px;
}

#ssInfo
{
  position: absolute;
  top: 15px;
  left: 0px;
  height: 225px;
  width: 476px;
  background-image: url('../images/smartStartHQ.jpg');
  background-repeat: no-repeat;
  background-position: 13px 0px;
}

#ssInfo h1
{
  position: absolute;
  top: 124px;
  left: 0px;
  color: #000000;
  width: 476px;
  font-size: 14pt;
  text-align: center;
}

#ssInfo p
{
  position: absolute;
  top: 149px;
  left: 0px;
  padding: 0px;
  font-family: Arial, sans-serif;
  font-size: 13pt;
  font-weight: normal;
  color: #000000;
  height: 225px;
  width: 476px;
  text-align: center;
}

#eCatalogs
{
  position: absolute;
  top: 1140px;
  left: 266px; 
  width: 476px;
  height: 204px;
  background-color: #FFFFFF;
  overflow: hidden;
  clip: auto;
}

#pageFooter
{
  position: absolute;
  top: 1344px;
  left: 266px;
  width: 476px;
  height: 20px;
  font-family: Arial, sans-serif;
  font-size: 8pt;
  font-weight: normal;
  color: #999999;
  text-align: center;
  background-color: #FFFFFF;
}

#mainMenu
{
  position: absolute;
  top: 0px;
  left: 608px;
  margin-top: 156px;
  list-style: none;
  width: 345px;
}

#mainMenu li
{
  display: inline;
  font-family: "Arial Bold", Arial, sans-serif;
  font-size: 8pt;
  font-weight: bold;
}

#mainMenu li a
{
  display: block;
  float: left;
  width: 113px;
  height: 24px;
  margin-right: 2px;
  padding-top: 6px;
  text-decoration: none;
  text-align: center;
  color: #FFFFFF;
  background-image: url('../images/orangeBar.gif'); 
  background-repeat: no-repeat;
}

#mainMenu li a:hover
{
  color: #46166B;
}

#featureBox
{
  width: 266px;
  height: 76px;
  background-color: #00B0D8;
}

#psFeatureBox
{
  width: 266px;
  height: 46px;
  background-color: #00B0D8;
}

#featureBox h1
{
  font-family: "Arial Bold", Arial, sans-serif;
  font-size: 14pt;
  letter-spacing: 1px;
  text-align: center;
  width: 100%;
  padding-top: 15px;
  margin: 0px;
}

#psFeatureBox h1
{
  font-family: "Arial Bold", Arial, sans-serif;
  font-size: 14pt;
  letter-spacing: 1px;
  text-align: center;
  width: 100%;
  padding-top: 13px;
  margin: 0px;
}

#showRooms
{
  width: 266px;
  height: 295px;
  background-color: #EAEBB1;
}

#psShowRooms
{
  width: 266px;
  height: 424px;
  background-color: #EAEBB1;
}

#roomMenu
{
  margin: 0px;
  padding-left: 20px;
  padding-top: 13px;
  list-style: none;
  height: 259px;
}

#psRoomMenu
{
  margin: 0px;
  padding-left: 65px;
  padding-top: 13px;
  list-style: none;
  height: 404px;
}

#roomMenu li, #psRoomMenu li
{
  font-family: Arial, sans-serif;
  font-size: 10pt;
  font-weight: normal;
  letter-spacing: 1px;
  height: 33px;
  padding-top: 12px;
}

#roomMenu li a, #psRoomMenu li a
{
  color: #46166B;
  text-decoration: none;
  padding-left: 45px;
  line-height: 14pt;
}

#roomMenu li a:hover, #psRoomMenu li a:hover
{
  color: #D66B0C;
}

#item1
{
  background: url('../images/showRoom1.gif') 0px 5px no-repeat;
}

#item2
{
  background: url('../images/showRoom2.gif') 0px 5px no-repeat;
}

#item3
{
  background: url('../images/showRoom3.gif') 0px 5px no-repeat;
}

#item4
{
  background: url('../images/showRoom4.gif') 0px 5px no-repeat;
}

#item5
{
  background: url('../images/showRoom5.gif') 0px 5px no-repeat;
}

#item6
{
  background: url('../images/showRoom6.gif') 0px 5px no-repeat;
}

#item7
{
  background: url('../images/showRoom7.gif') 0px 5px no-repeat;
}

#item8
{
  background: url('../images/showRoom8.gif') 0px 5px no-repeat;
}

#item9
{
  background: url('../images/showRoom9.gif') 0px 5px no-repeat;
}

#greenBar
{
  width: 266px;
  height: 20px;
  background-color: #C2CD23;
}

#psGreenBar
{
  width: 266px;
  height: 36px;
  background-color: #C2CD23;
}

#ssMenu
{
  position: absolute;
  top: 82px;
  left: 0px;
  width: 100%; 
  height: 261px; 
  background: url('../images/smartStartGo.jpg') 48px 0px no-repeat;
}

#ssMenu a
{
  position: absolute;
  top: 232px;
  left: 21px;
  color: #46166B;
  text-decoration: none;
  
}

#ssMenu a:hover
{
  color: #D66B0C;
}

#addShowRooms
{
  width: 266px;
  height: 251px;
  background-color: #EAEBB1;
}

#psAddShowRooms
{
  width: 266px;
  height: 281px;
  background-color: #EAEBB1;
}

#addShowRooms h2, #brandNeeds h2, #ssMenu h2
{
  margin: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: "Arial Bold", Arial, sans-serif;
  font-size: 14pt;
  color: #46166B;
  width: 100%;
  text-align: center;
}

#psGreenBar h2, #psBrandNeeds h2
{
  margin: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: "Arial Bold", Arial, sans-serif;
  font-size: 13pt;
  color: #46166B;
  width: 100%;
  text-align: center;
}

#addRoomsMenu
{
  margin: 0px;
  padding-left: 37px;
  list-style: none;
}

#psAddRoomsMenu
{
  margin: 0px;
  padding: 20px 0 0 53px;
  list-style: none;
}

#addRoomsMenu li
{
  font-family: Arial, sans-serif;
  font-size: 8pt; 
  letter-spacing: 1px;
  padding-bottom: 2px;
  height: 19px;
}

#psAddRoomsMenu li
{
  font-family: Arial, sans-serif;
  font-size: 7pt; 
  letter-spacing: 1px;
  padding-bottom: 2px;
  height: 19px;
}

#addRoomsMenu li a, #psAddRoomsMenu li a
{
  color: #46166B;
  line-height: 14pt;
  text-decoration: underline;
}

#addRoomsMenu li a:hover, #psAddRoomsMenu li a:hover
{
  color: #D66B0C;
  text-decoration: underline;
}

#brandNeeds
{
  width: 266px;
  height: 245px;
  background-color: #C2CD23;
}

#psBrandNeeds
{
  width: 266px;
  height: 397px;
  background-color: #C2CD23;
}

#brandNeeds h3
{
  font-family: "Arial Bold", Arial, sans-serif;
  font-size: 12pt;
  width: 100%;
  text-align: center;
}

#psBrandNeeds h3
{
  font-family: "Arial Bold", Arial, sans-serif;
  font-size: 11pt;
  width: 100%;
  text-align: center;
  margin: 10px 0 10px 0;
}

#brandNeeds h3 a, #psBrandNeeds h3 a
{
  color: #333333;
  text-decoration: none;
}

#brandNeeds h3 a:hover, #psBrandNeeds h3 a:hover
{
  color: #CC3300;
}

#psLogo
{
  padding-left: 8px;
  padding-top: 15px;
  padding-bottom: 20px;
}

#ideaBox
{
  margin: 0px;
  padding: 0px;
  width: 266px;
  height: 145px;
  background-color: #00B0D8;
}

#ideaBox h1
{
  font-family: "Arial Bold", Arial, sans-serif;
  font-size: 14pt;
  letter-spacing: 1px;
  padding-top: 15px;
  padding-left: 13px;
  /*padding-right: 13px;*/
  padding-bottom: 15px;
  margin: 0px;
}

#ideaBox h2
{
  font-family: "Arial Bold", Arial, sans-serif;
  font-size: 9pt;
  padding-left: 13px;
  /*padding-right: 43px;*/
  margin: 0px;
}

#catalogBox
{
  margin: 0px;
  padding: 0px;
  width: 266px;
  height: 40px;
  background-color: #C2CD23;
}

#catalogBox h1, #specialistBox h1
{
  font-family: "Arial Bold", Arial, sans-serif;
  font-size: 14pt;
  letter-spacing: 1px;
  width: 100%;
  text-align: center;
  padding-top: 9px;
  margin: 0px;
}

#specialistBox
{
  margin: 0px;
  padding: 0px;
  width: 266px;
  height: 40px;
  background-color: #46166B;
}

#productScroll, #catalogScroll
{
  margin: 0px;
  padding: 0px;
  position: absolute;
  top: 0px;
  left: 0px;
}

#productScroll
{
  white-space: nowrap;
}

#productsMenuF1
{
  margin: 0px;
  padding: 0px;
  position: absolute;
  top: 65px;
  left: 0px;
  height: 90px;
}

#productsMenuF2
{
  margin: 0px;
  padding: 0px;
  position: absolute;
  top: 65px;
  height: 90px;
}

#catalogsMenuF1
{
  margin: 0px;
  padding: 0px;
  position: absolute;
  top: 60px;
  left: 0px;  
  height: 118px;
  width: 489px;
}

#catalogsMenuF2
{
  margin: 0px;
  padding: 0px;
  position: absolute;
  top: 60px;
  left: -489px;  
  height: 118px;
  width: 489px;
}

#productsMenuF1 li, #productsMenuF2 li
{
  margin: 0px;
  list-style: none;
  display: inline;
  padding-left: 0px;
  padding-right: 44px;
}

#productsMenuF1 img, #productsMenuF2 img, #catalogsMenuF1 img, #catalogsMenuF2 img
{
  border-width: 0px;
}

#catalogsMenuF1 li, #catalogsMenuF2 li
{
  margin: 0px;
  list-style: none;
  display: inline;
  padding-left: 0px;
  padding-right: 18px;
}

#catalogInfoBox
{
  display: none;
  margin: 0px;
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
  position: absolute;
  top: 1020px;
  left: 439px;
  width: 250px;
  height: 150px;
  border-style: solid;
  border-width: 2px;
  border-color: #666666;
  background-color: #FFFFFF;
  z-index: 10;
}

#catalogInfoBox h1
{
  margin-top: 0px;
  margin-bottom: 5px;
  padding: 0px;
  text-align: left;
  font-family: Arial, sans-serif;
  font-size: 9pt;
  font-weight: bold;
  color: #333333;
}

#catalogInfoBox p
{
  margin: 0px;
  padding: 0px;
  text-align: left;
  font-family: Arial, sans-serif;
  font-size: 9pt;
  font-weight: normal;
  color: #666666;
}

#formBox
{
  margin-top: 20px;
  padding-top: 0px;
  padding-left: 23px;
  font-family: Arial, sans-serif;
  font-size: 10pt;
  font-weight: normal;
  color: #333333;
  word-spacing: 1px;
}

#formBox form
{
  margin: 0px;
  padding: 0px;
}

#formBox input
{
  margin: 0px;
  padding: 0px;
  height: 16px;
}

#formBox p
{
  margin: 0px;
  height: 50px;
}

.headerBold
{
  font-family: Arial, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  color: #333333;
  word-spacing: 1px;
}

.selectSpace
{
  padding-top: 20px;
}

#submit
{
  margin-top: 25px;
  margin-left: 50px;
  background: url('../images/submitBtn.jpg') 0px 0px no-repeat;
  word-spacing: 1px;
  border: none;
  cursor: pointer;
  width: 113px;
  height: 24px;
}

#submit:hover
{
  background-position: 0px -24px;
}

.centerText
{
  text-align: center;
}

.noWrap
{
  white-space: nowrap;
}

.noBorder
{
  border: none;
}

.fullWidth
{
  width: 100%;
}

#graphic
{
  background-image: url('../images/envelope.gif'); 
  background-repeat: no-repeat;
  background-position: 5px 5px; 
}

#objWin
{
  position: absolute;
  top: 10px;
  left: 26px;
  width: 950px;
  height: 690px;
  z-index: 20;
  border-style: solid;
  border-width: 3px;
  border-color: #46166A; 
}

#winMenu
{
  height: 30px;
  width: 950px;
  background-color: #00B0D8;
}

#winMenu p
{
  position: absolute;
  top: 0px;
  left: 765px;
  margin: 0px;
  width: 180px;
  height: 30px;
  padding-top: 3px;
  padding-left: 0px;
  font-family: "Arial Bold", Arial, sans-serif;
  font-size: 14pt;
  letter-spacing: 1px;
  color: #FFFFFF;
  background: url('../images/closeWindow.jpg') 146px 1px no-repeat;
}

#winMenu P:hover
{
  cursor: pointer;
}

.errorMsg
{
  font-family: Arial, sans-serif;
  font-size: 8pt;
  font-weight: normal;
  color: #00B0D8;
}

.pointer
{
  cursor: default;
}

#moreProducts
{
  font-family: "Arial Bold", Arial, sans-serif;
  font-size: 8pt;
  font-weight: bold;
  text-align: center;
  padding-top: 30px;
}

#moreProducts a
{
  display: block;
  color: #FFFFFF;
  height: 24px;
  text-decoration: none;
  padding-top: 5px;
  background: #EAEBB1 url('../images/orangeBarTan.gif') 77px 0px no-repeat;
   
}

#moreProducts a:hover
{
   color: #46166B;
}

#privacyPolicy
{
  margin-top: 40px;
  text-align: center;
}

#privacyPolicy a
{
  color: #46166B;
  font-family: Arial, sans-serif;
  font-size: 13px;
  text-decoration: none;
}

#privacyPolicy a:hover
{
  color: #D66B0C;
  text-decoration: underline;
}

#service1 a span
{
  height: 1px;
  background: #FFFFFF url('../images/orangeDash.gif') bottom left repeat-x;
}

#service2 a span
{
  height: 1px;
  background: #FFFFFF url('../images/goldDash.gif') bottom left repeat-x;
}

#service3 a span
{
  height: 1px;
  background: #FFFFFF url('../images/blueDash.gif') bottom left repeat-x;
}

#service4 a span
{
  height: 1px;
  background: #FFFFFF url('../images/purpleDash.gif') bottom left repeat-x;
}