body
{
background: #FFFFFF url('img/yellowFade.png') no-repeat;
background-size: 100%;
font-size: 12px;
font-family: Times New Roman, "trebuchet ms", helvetica, sans-serif;
color: #8C8C73;
line-height: 18px;
text-align: center;
}

#container 
{
width: 827px;
margin: 0 auto;
text-align: left;
}


#menu {
	background: black ;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 827px;
}
#menu li {
	float: left;
	font: 100% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
#menu a {
	background: black ;
	color: #ffffff;
	display: block;
	float: center;
	margin: 0;
	padding: 8px 57.6px;
	text-decoration: none;
}
#menu a:hover {
	background: #FFFF00 url("") bottom center no-repeat;
	color: #000000;
	padding-bottom: 8px;
}

#example 
{ 
filter: flipv(); 
}


{
padding: 0px;
margin: 0px;
}

a
{
color: #FF7800;
text-decoration: underline;
}

a:hover
{
text-decoration: none;
}

sup
{
font-size: 0.5em;
}


p
{
margin-bottom: 14px;
text-align: justify;
}

img.picA
{
position: relative;
top: -2px;
background: url('images/a47.gif') no-repeat;
width: 76px;
height: 74px;
padding: 8px;
}

img.picB
{
position: relative;
top: -2px;
background: url('images/a26.gif') no-repeat;
width: 146px;
height: 75px;
padding: 7px;
}

img.floatleft
{
float: left;
margin: 0px 14px 3px 0px;
}


ul.linklist
{
list-style: none;
}

ul.linklist li
{
border-top: solid 1px #EEEEEE;
padding-top: 5px;
margin: 5px 0px 0px 0px;
}

ul.linklist li.first
{
border-top: 0px;
margin-top: 0px;
padding-top: 0px;
}

/*#upbg
{
position: absolute;
top: 0px;
left: 0px;
background: #fff url('images/upbg.gif') no-repeat;
width: 807px;
height: 264px;
z-index: 1;
}*/

#outer
{
position: relative;
width: 827px;
margin: 0 auto;
background: #fff url('images/abg.gif') repeat-y;
}

#inner
{
position: relative;
padding: 0px 0px 13px 0px;
z-index: 2;
}

#header
{
position: absolute;
background: #FFFFFF url('img/SOLUS.png') repeat-x;
width: 220px;
height: 105px;
color: #000000;
right: 607px;
padding-top: 0px;
}

#header span
{
font-weight: normal;
}

#header h1
{
position: absolute;
font-size: 23px;
letter-spacing: -1px;
top: 30px;
height: 92px;
}

#header h2
{
position: absolute;
font-size: 10px;
font-weight: normal;
color: #FCE2CA;
top: 51px;
}

#header sup
{
color: #FCE2CA;
}
/*
#splash
{
position: absolute;
right: 20px;
background: #EAEAE2 url('img/room photos/021.jpg') no-repeat;
width: 561px;
height: 167px;
}*/


#date
{
position: right;
top: 0px;
line-height: 52px;
color: #BDBDA2;
right: 30px;
font-weight: bold;
font-size: 12px;
letter-spacing: -1px;
}

#secondarycontent
{
position: relative;
width: 285px;
float: right;
}

#secondarycontent h3
{
position: relative;
top: 4px;
font-size: 16px;
line-height: 25px;
color: #656551;
letter-spacing: -1px;
background: url('img/Css2010/a22.gif') bottom repeat-x;
padding: 0px 0px 10px 10px;
margin-bottom: 20px;
}

#secondarycontent .content
{
padding: 0px 10px 0px 10px;
margin-bottom: 20px;
}

#secondarycontent2
{
position: relative;
font-family: tahoma;
width: 550px;
float: right;
right: 20px;
}

#secondarycontent2 h3
{
position: relative;
top: 4px;
font-size: 16px;
line-height: 25px;
color: #656551;
letter-spacing: -1px;
background: url('img/Css2010/a22.gif') bottom repeat-x;
padding: 0px 0px 10px 10px;
margin-bottom: 20px;
}

#secondarycontent2 .content
{
padding: 0px 10px 0px 10px;
margin-bottom: 20px;
}

#primarycontent
{
position: relative;
width: 480px;
float: left;
}
#primarycontent h3
{
position: relative;
top: 4px;
font-size: 18px;
line-height: 25px;
color: #656551;
letter-spacing: -1px;
background: url('img/Css2010/a22.gif') bottom repeat-x;
padding: 0px 30px 10px 15px;
margin-bottom: 20px;
}

#primarycontent .content
{
padding: 0px 15px 0px 15px;
margin-bottom: 20px;
}

#primarycontent .post
{
margin-bottom: 10px;
}

#primarycontent .post .header
{
position: relative;
}

#primarycontent .post .date
{
position: absolute;
right: 15px;
top: 0px;
line-height: 35px;
color: #AFAFA4;
font-weight: bold;
}

#primarycontent .post .content
{
margin-bottom: 0px;
}

#primarycontent .post .footer
{
position: relative;
top: -10px;
background: url('img/Css2010/a33.gif') repeat-x;
height: 64px;
}

#primarycontent .post .footer ul
{
list-style: none;
position: absolute;
right: 15px;
bottom: 15px;
}

#primarycontent .post .footer ul li
{
display: inline;
line-height: 14px;
padding-left: 17px;
margin-left: 25px;
background-repeat: no-repeat;
background-position: 0px 2px;
}

#primarycontent .post .footer ul li.printerfriendly
{
background-image: url('img/Css2010/a41.gif');
}

#primarycontent .post .footer ul li.comments
{
background-image: url('img/Css2010/a36.gif');
}

#primarycontent .post .footer ul li.readmore
{
background-image: url('img/Css2010/a38.gif');
}

#footer
{
position: relative;
clear: both;
height: 66px;
text-align: center;
line-height: 66px;
background-image: url('img/Css2010/a50.gif');
color: #A8A88D;
}

#footer a
{
color: #8C8C73;
}

/*<!-------------------------------SIDEMENU------------------------------>*/
.arrowsidemenu{
	width: 240px; /*width of menu*/
	position: absolute;
    right: 583px;
	border-style: solid solid none solid;
	border-color: black;
	border-size: 1px;
	border-width: 1px;
}
	
.arrowsidemenu div a{ /*header bar links*/
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	display: block;
	background: black;
  	height: 24px; /*Set to height of bg image-padding within link (ie: 32px - 4px - 4px)*/
	padding: 4px 0 4px 10px;
	line-height: 24px; /*Set line-height of bg image-padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
}
	
.arrowsidemenu div a:link, .arrowsidemenu div a:visited{
	color: #FFFFFF;
}

.arrowsidemenu div a:hover{
	background-position: 100% -32px;
}

.arrowsidemenu div.unselected a{ /*header that's currently not selected*/
	color: #FFFFFF;
}

	
.arrowsidemenu div.selected a{ /*header that's currently selected*/
	color: #FFFF00;
	background-position: 100% -64px !important;
}

.arrowsidemenu ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.arrowsidemenu ul li{
	border-bottom: 1px solid #a1c67b;
}


.arrowsidemenu ul li a{ /*sub menu links*/
	display: block;
	font: normal 13px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: black;
	padding: 5px 0;
	padding-left: 10px;
	border-left: 10px double #F3F781;
}

.arrowsidemenu ul li a:hover{
	background: #FFFF00;
}

/*--------------------------ContactUSEmail--------------------------------------*/

.rightbar { width: 265px; align: right;}
.rightbar h2 { width: 265px; height: 47px; display: block; }
.rightbar h2 span { display: none; }
.rightbar p { padding: 0 4px 0 16px; }
.rightbar p img { margin-right: 145px; margin-bottom: 15px; }

#ContactRight
{
width: 265;
height:379;
text-align:right;
margin-top:0px;
margin-bottom:0px;
padding:120px;
}

#ContactBackground
{
background-image: url('img/Css2010/contact_background.jpg') ;
float: left;

height:210;
text-align:left;
margin-top:0px;
margin-bottom:0px;
padding:125px;
}

<!----------------------To flip Images------------------------------------->
#example { 
filter: flipv(); 
} 
<!------------------------ProductsPageBackground--------------------------->
#Ordinary
{
background-image: url('img/Css2010/grey-sun.jpg');
width: 827;
height:379;
}
#Halogen
{
background-image: url('img/Css2010/yellow_fade.jpg');
width: 827;
height:250;
}
/*#CFL
{
background-image: url('img/Css2010/darkgreen_fade.jpg');
width: 827;
height:379;
}*/

#Batteries
{
background-image: url('img/Css2010/grey-sun.jpg');
width: 827;
height:350;
}

#deafultPage
{
background-image: url('img/Css2010/1234.jpg');
width: 827;
height:180;
}

#h1 
{font-family: Modern no. 20; font-size: 14px; color: #808080; }

#h4
{font-family: Modern no. 20; font-size: 12px; color: #808080;}

#calc { width: 320px; height: 28px; background: url() no-repeat; list-style-type: none; float: left;  margin-left: -48px; }
#calc li { float: left;}
#calc li a, #calc li { height: 31px; width: 77px; float: center; }
#calc li a span { display: none; }
#calc li.calImage, #calc li.calImage a { background: url(Img/calculate_button.gif); }
#calc li.calImage { margin-left: 0px; }
#calc li:hover, #calc li a:hover { background-position: 0px -28px; }
#content { padding: 0px 48px; background: url(img/content-bg.gif) repeat-y; float: left; }

.main { width: 450px; margin-left: 15px; float: right; font-size: 11px; }
.main h2 span { display: none; }
.main p { padding: 10px 0; }
.main p.ybg { background: #f5fbde; padding: 10px; }

#mContent { padding: 0px 48px; background: url(img/content-bg2.gif) repeat-y; float: left; }
#bContent { padding: 0px 48px; background: url(img/content-bg3.gif) repeat-y; float: left; }


.mainContent { width: 487px; margin-left: -30px; float: left; font-size: 12px; }
.mainContent h2 span { display: none; }
.mainContent p { padding: 0px 0; }
.mainContent p.ybg { background: #f5fbde; padding: 10px; }

.mainRight { width: 370px; margin-right: 15px; float: right; font-size: 11px; }
.mainRight h2 span { display: none; }
.mainRight p { padding: 10px 0; }
.mainRight p.ybg { background: #f5fbde; padding: 10px; }

.rightbar { width: 265px; background: url() no-repeat; margin-top: 0px; float: right; }
.rightbar h2 { width: 265px; height: 47px; display: block; background: no-repeat; }
.rightbar h2 span { display: none; }
.rightbar p { padding: 0 4px 0 16px; }
.rightbar p img { margin-right: 15px; margin-bottom: 15px; }

.leftbar { width: 140px; background: url() no-repeat; margin-top: 0px; float: left; }
.leftbar h2 { width: 265px; height: 47px; display: block; background: no-repeat; }
.leftbar h2 span { display: none; }
.leftbar p { padding: 0 4px 0 16px; }
.leftbar p img { margin-left: 15px; margin-bottom: 15px; }


#prod { width: 770px; height: 186px; background: url(img/OptionBar.gif) no-repeat; list-style-type: none; float: left;  margin-left: -48px; }
#prod li { float: left; margin-left: -48px; margin-top: 147px;}
#prod li a, #prod li { height: 39px; width: 191px; float: left; }
#prod li a span { display: none; }
#prod li.incand, #prod li.incand a { background: url(Img/Incandescent.png); }
#prod li.cfl, #prod li.cfl a { background: url(img/Cfl.png); }
#prod li.halo, #prod li.halo a { background: url(img/Halogen.png); }
#prod li.batt, #prod li.batt a { background: url(img/Batteries.png); }
#prod li.cfl { margin-left: 0px; } #prod li.halo { margin-left: 0px; } #prod li.incand { margin-left: 0px; } #prod li.batt { margin-left: 0px; }
#prod li.AHALO, #prod li.AHALO a { background: url(Img/AHALO.png); }
#prod li.ASC, #prod li.ASC a { background: url(img/ASC.png); }
#prod li.C, #prod li.C a { background: url(img/C.png); }
#prod li.CES, #prod li.CES a { background: url(img/CES.png); }
#prod li.AHALO { margin-left: 0px; } #prod li.ASC { margin-left: 0px; } #prod li.C { margin-left: 0px; } #prod li.CES { margin-left: 0px; }

#prod li.CHALO, #prod li.CHALO a { background: url(Img/CHALO.png); }
#prod li.COL, #prod li.COL a { background: url(img/COL.png); }
#prod li.CSES, #prod li.CSES a { background: url(img/CSES.png); }
#prod li.DES, #prod li.DES a { background: url(img/DES.png); }
#prod li.CHALO { margin-left: 0px; } #prod li.COL { margin-left: 0px; } #prod li.CSES { margin-left: 0px; } #prod li.DES { margin-left: 0px; }

#prod li.DHALO, #prod li.DHALO a { background: url(Img/DHALO.png); }
#prod li.DIC, #prod li.DIC a { background: url(img/DIC.png); }
#prod li.FAM, #prod li.FAM a { background: url(img/FAM.png); }
#prod li.FLU, #prod li.FLU a { background: url(img/FLU.png); }
#prod li.DHALO { margin-left: 0px; } #prod li.DIC { margin-left: 0px; } #prod li.FAM { margin-left: 0px; } #prod li.FLU { margin-left: 0px; }

#prod li.G9, #prod li.G9 a { background: url(Img/G9.png); }
#prod li.LHALO, #prod li.LHALO a { background: url(img/LHALO.png); }
#prod li.MCES, #prod li.MCES a { background: url(img/MCES.png); }
#prod li.PYG, #prod li.PYG a { background: url(img/PYG.png); }
#prod li.G9 { margin-left: 0px; } #prod li.LHALO { margin-left: 0px; } #prod li.MCES { margin-left: 0px; } #prod li.PYG { margin-left: 0px; }

#prod li.RB, #prod li.RB a { background: url(Img/RB.png); }
#prod li.REF, #prod li.REF a { background: url(img/REF.png); }
#prod li.REFES, #prod li.REFES a { background: url(img/REFES.png); }
#prod li.RES, #prod li.RES a { background: url(img/RES.png); }
#prod li.RB { margin-left: 0px; } #prod li.REF { margin-left: 0px; } #prod li.REFES { margin-left: 0px; } #prod li.RES { margin-left: 0px; }

#prod li.RHALO, #prod li.RHALO a { background: url(Img/RHALO.png); }
#prod li.SC, #prod li.SC a { background: url(img/SC.png); }
#prod li.SO, #prod li.SO a { background: url(img/SO.png); }
#prod li.SPAR, #prod li.SPAR a { background: url(img/SPAR.png); }
#prod li.RHALO { margin-left: 0px; } #prod li.SC { margin-left: 0px; } #prod li.SO { margin-left: 0px; } #prod li.SPAR { margin-left: 0px; }

#prod li.STR, #prod li.STR a { background: url(Img/STR.png); }
#prod li.TOE, #prod li.TOE a { background: url(img/TOE.png); }
#prod li.STR { margin-left: 0px; } #prod li.TOE { margin-left: 0px; } 
#prod li:hover, #prod li a:hover { background-position: 0px -39px; }

#infoP { width: 770px; height: 186px; background: url(img/OptionBar.gif) no-repeat; list-style-type: none; float: left;  margin-left: -48px; }
#infoP li { float: left; margin-left: -48px; margin-top: 147px;}
#infoP li a, #infoP li { height: 39px; width: 191px; float: left; }
#infoP li a span { display: none; }
#infoP li.Stands, #infoP li.Stands a { background: url(Img/Stands.png); }
#infoP li.jobs, #infoP li.jobs a { background: url(img/jobs.png); }
#infoP li.direct, #infoP li.direct a { background: url(img/direct.png); }
#infoP li.about, #infoP li.about a { background: url(img/about.png); }
#infoP li.Stands { margin-left: 0px; } #infoP li.jobs { margin-left: 0px; } #infoP li.direct { margin-left: 0px; } #infoP li.about { margin-left: 0px; }
#infoP li:hover, #infoP li a:hover { background-position: 0px -39px; }

.productPic { width: 200px; background: url() no-repeat; margin-left: 10px; float: left; }

.productDetails { width: 200px; background: url() no-repeat; margin-left: 10px;  float: left; }
.productDim{ width: 180px; background: url() no-repeat; margin-right: -15px; float: right; }