@charset "utf-8";
/* CSS Document */
/* Layout : CSS based fixed column layout */
/* Created by : Manasi Gokhale */

* { margin : 0; padding: 0; } 

body {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:100%;
	background: #E7E9D1 url(../assets/images/background.jpg) repeat-y center;
	margin: 0; 
	padding: 0;
	text-align: center; /* this centers the container in IE5+ browsers. The text is then set to the left aligned default in the  
  #container selector */
	color: #000000;
	line-height:1.3em;
}

h1 {
  color: #CC6600;
  font-family :Verdana, Arial, Helvetica, sans-serif ;
  font-size: 1.1em;
  font-weight:bold; 
}
  
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #CC6600;
	width: 100%;
	border-bottom: 1px solid #804000;
	padding-bottom: 3px;
	margin-bottom: 15px;
}

h3 {
	color: #006699;
	font-family :Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	margin:5px 0px;
}

#wrapper { 
	width: 768px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color:#FFF;
} 

#contentareawrapper {
   background: #FFF url(../assets/images/W_bck.jpg) repeat-x left bottom ;
   position:relative;
}

#footer { 
    clear:both;    
	color:#663300 ;
	padding:40px 0px;
} 
#footer ul {  
	float:left;
	list-style:none; 
	width:85%;
	margin:0; 
	padding: 7px 0px;
	background-color:#ECECD7 ;	
}
#footer li {
	float:left;
	margin :0px 10px;
	background-color:#ECECD7;  
}
#footer .copyrt { text-align:center; font-size:0.7em; }
#footer .copyrt a, .copyrt a:link, .copyrt a:visited { color:#663300; font-size:0.9em; }
#footer a, a:link, a:visited { 
  color: #336600 ; 
  font-size: 0.7em;
  text-decoration:underline ;
}
#footer a:hover {
text-decoration:none;
}

#footerimg {
    background: url(../assets/images/collage_small.png) ;
	width:180px;
	height:150px;
	position: absolute;
	visibility: visible;
	right: -15px;
	bottom: 0px;
}

#sidebar li.current {
  font-family: Arial,Verdana,sans-serif ;
  font-size:0.80em;
  font-weight:bold;
  color: #CC6600;
}

/* --------- home styles---------------- */
.home #header
{
	background: #FFF url(../assets/images/collage.jpg) no-repeat top right ;   	
	padding: 0px ;
	height: 250px;
} 

.home #header h1 {
	margin: 0; 
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

.home #logoarea {
  float : left ;
  margin-top:50px;  
}

.home #logotext {
	color: #889D32;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1.8em ;
	font-weight: bold;
	vertical-align: bottom;
	margin-left : 30px;
	margin-bottom:10px;
	padding-top:10px; 	
	padding-bottom:10px;
}

.home .logodotcom {
	color: #CADA8B;
	font-size: 0.7em ;
	font-weight: bold;
}

.home #navbar {
  background: url(../assets/images/W_menubck.jpg) repeat-x bottom ; 
  float:left;
  margin:0 ; padding:0;
  margin-top:20px;
}

.home #navbar ul {
	list-style:none;
	margin-left:0;
	padding-right:7px;
	padding-bottom:25px;
}

.home #navbar li { 
 float:left; 
 margin-left : 10px;
 margin-right: 15px;
 padding-left: 7px;
 padding-bottom:7px;
}

.home #navbar a, a:visited {
	color: #D0D0A1; 
	font-size: 0.8em;
	font-weight: bold;
	text-decoration:none;	
}

.home #navbar a:hover {
	color: #FFF;
	border-bottom: 3px solid #CADA8B ;
}

.home #pageheading {
  clear:both ;
  padding : 35px 20px; 
  color: #CC6600;
  font-family :Verdana, Arial, Helvetica, sans-serif ;
  font-size: 1em;
}

.home #sidebar {
	float: right; 
	width: 23%; /* since this element is floated, a width must be given */
	padding: 18px 10px; 
}
.home #sidebar ul {
	list-style-image:url(../assets/images/arrowgreen.jpg)  ;
	margin:0 ; padding:0 ;	
	padding-left:10px;
}
.home #sidebar li {
	margin:10px 0px;
	padding-left: 5px;
}
.home #sidebar a, a:visited {
	color: #336600 ;
	font-family:Arial,Verdana,sans-serif ;
	text-decoration:none;
    font-size:11px;
	font-weight:bold;
}
.home #sidebar a:hover {
	  color: #CC6600;
	  border-bottom : 2px solid #D2D2A4;
}
.home #sidebar a.simple{ border-bottom:none; }
.home #sidebar p {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:0.70em;
}

.home #maincontent { 
    float:left;
	width:70%;
	margin-top: 10px;
	padding-left:10px;
}
/* --------- home styles end ---------------- */

/* ---------whiteorchid styles---------------- */
.whiteorchid #header
{
	background: url(../assets/images/W_hdrbck.jpg) no-repeat top right ;
	padding: 0px ;
	height:242px;
} 

.whiteorchid #header h1 {
	margin: 0; 
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

.whiteorchid #logoarea {
  float : left ;
  margin-top:50px; 
}

.whiteorchid #logotext {
	color: #889D32;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1.8em ;
	font-weight: bold;
	vertical-align: bottom;
	margin-left : 30px;
	margin-bottom:10px;
	padding-top:10px; 	
	padding-bottom:10px;
}

.whiteorchid .logodotcom {
	color: #CADA8B;
	font-size: 0.7em ;
	font-weight: bold;
}

.whiteorchid #navbar {
  background: url(../assets/images/W_menubck.jpg) repeat-x bottom ; 
  float:left;
  margin:0 ; padding:0;
  margin-top:20px;
}

.whiteorchid #navbar ul {
	list-style:none;
	margin-left:0;
	padding-right:7px;
	padding-bottom:25px;
}

.whiteorchid #navbar li { 
 float:left; 
 margin-left : 10px;
 margin-right: 15px;
 padding-left: 7px;
 padding-bottom:7px;
}

.whiteorchid #navbar a, a:visited {
	color: #CADA8B;
	font-size: 0.8em;
	font-weight: bold;
	text-decoration:none;	
}

.whiteorchid #navbar a:hover {
	color: #FFF;
	border-bottom: 3px solid #CADA8B ;
}

.whiteorchid #pageheading {
  clear:both ;
  padding : 35px;
  color: #CC6600;
  font-family :Verdana, Arial, Helvetica, sans-serif ;
  font-size: 1.1em;
  font-weight:bold;
}

.whiteorchid #sidebar {
	float: right; 
	width: 20%; /* since this element is floated, a width must be given */
	padding: 15px 0px; 
}
.whiteorchid #sidebar ul {
	margin:0 ; padding:0 ;	
	list-style-image:url(../assets/images/arrowgreen.jpg)  ;
	list-style-position:outside;
	padding-left: 20px;
}

.whiteorchid #sidebar li {
	margin:15px 0px;
	padding-left: 5px;
}

.whiteorchid #sidebar a, a:visited {
	color: #336600 ;
	font-family:Arial,Verdana,sans-serif ;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

.whiteorchid #sidebar a:hover {
  color: #CC6600;
  border-bottom : 3px solid #D2D2A4;
}
.whiteorchid #sidebar p {
 font-size:0.70em;
}
.whiteorchid #maincontent { 
    float:left;
	width:78%;
	padding-left:10px;
}
/* ---------whiteorchid styles end ---------------- */

/* ---------whitelily styles---------------- */
.whitelily #header
{
	background: url(../assets/images/L_hdrbck.jpg) no-repeat top right ;
	padding: 0px ;
	position:relative;
	height:247px;
} 

.whitelily #header h1 {
	margin: 0; 
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

.whitelily #logoarea {
  float : left ;
  margin-top:50px;  
}
.whitelily #logotext {
	color: #789807;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1.8em ;
	font-weight: bold;
	vertical-align: bottom;
	margin-left : 30px;
	margin-bottom:10px;
	padding-top:10px; 	
	padding-bottom:10px;
}

.whitelily .logodotcom {
	color: #D2D2A4;
	font-size: 0.7em ;
	font-weight: bold;
}
.whitelily #navbar {
  background: url(../assets/images/L_menubck.jpg) repeat-x bottom ; 
  float:left;
  margin:0 ; padding:0;
  margin-top:20px;
}

.whitelily #navbar ul {
	list-style:none;
	margin-left:0;
	padding-right:7px;
	padding-bottom:25px;	
}

.whitelily #navbar li { 
	 float:left; 
	 margin-left : 10px;
	 margin-right: 15px;
	 padding-left: 7px;
	 padding-bottom:7px;
}

.whitelily #navbar a, a:visited {
	color: #D2D2A4; 
	font-size: 0.8em;
	font-weight: bold;
	text-decoration:none;	
}

.whitelily #navbar a:hover {
	color: #FFF;
	border-bottom: 3px solid #D2D2A4 ;
}

.whitelily #pageheading {
  clear:both ;
  padding : 35px;
  color: #CC6600;
  font-family :Verdana, Arial, Helvetica, sans-serif ;
  font-size: 1.1em;
  font-weight:bold;   
}

.whitelily #sidebar {
	float: left; 
	width: 20%; /* since this element is floated, a width must be given */
	padding: 15px 0; /* top and bottom padding create visual space within this div  */
}


.whitelily #sidebar ul {
list-style:none ;
margin:0 ; padding:0 ;	
margin-left:15px;
}

.whitelily #sidebar li {
	margin:15px 0px;
	border-left: 17px solid #D2D2A4;
	padding-left: 10px;
}

.whitelily #sidebar a, a:visited {
color: #692C0B ;
font-family:Arial,Verdana,sans-serif ;
font-size:0.80em;
font-weight:bold;
text-decoration:none;
}

.whitelily #sidebar a:hover {
  color: #CC6600;
  border-bottom : 3px solid #D2D2A4;
}

.whitelily #maincontent { 
   float:left;
   width:75%;
   padding:10px;
}

.whitelily #oneCol{ 
   width:96%;
   padding:2%;
}

/* ---------whitelily styles end ---------------- */

/* ---------orange styles---------------- */
.orange #header {
	padding: 0px ;
	background: #FFFFFF url(../assets/images/O_hdrbck.jpg) no-repeat top right ;
	height: 247px;
} 

.orange #logoarea {
  float : left ;
  margin-top:50px;  
}

.orange #navbar {
  background: url(../assets/images/O_menubck.jpg) repeat-x bottom ; 
  float:left;
  margin:0 ; padding:0;
  margin-top:20px;
}

.orange #navbar ul {
	list-style:none;	
	margin-left:0;
	padding-right:7px;
	padding-bottom:25px;
}

.orange #navbar li { 
 float:left; 
 margin-left : 10px;
 margin-right: 15px;
 padding-left: 7px;
 padding-bottom:7px;
}

.orange #navbar a, a:visited {
	color: #E8DCD2; 
	font-size: 0.8em;
	font-weight: bold;
	text-decoration:none;	
}

.orange #navbar a:hover {
	color: #FFF;
	border-bottom: 3px solid #FFE9D2 ;
}

.orange #pageheading {
  clear:both ;
  padding : 35px;
  color: #CC6600;
  font-family :Verdana, Arial, Helvetica, sans-serif ;
  font-size: 1.1em;
  font-weight:bold; 
}

.orange #sidebar {
	float: left; 
	width: 15%; /* since this element is floated, a width must be given */
	padding: 15px 0; 
}

.orange #sidebar ul {
list-style:none ;
margin:0 ; padding:0 ;	
margin-left:15px;
}

.orange #sidebar li {
	margin:15px 0px;
	border-left: 17px solid #E8DCD2;
	padding-left: 10px;
}

.orange #sidebar a, a:visited {
color: #704823 ;
font-family:Arial,Verdana,sans-serif ;
font-size:0.80em;
font-weight:bold;
text-decoration:none;
}

.orange #sidebar a:hover {
  color: #CC6600;
  border-bottom : 3px solid #CDB29E;
}

.orange #maincontent { 
    float:left;
	width:80%;
	margin-top:10px;
	padding-left:10px;
}

.orange #logotext {
	color: #CD5203;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1.8em ;
	font-weight: bold;
	vertical-align: bottom;
	margin-left : 30px;
	margin-bottom:10px;
	padding-top:10px; 	
	padding-bottom:10px;
}

.orange .logodotcom {
	color: #CDB29E;
	font-size: 0.7em ;
	font-weight: bold;
	vertical-align:baseline;
}

/* ---------orange styles end ---------------- */

/* ---------purple styles---------------- */
.purple #header {
	padding: 0px ;
	background: #FFFFFF url(../assets/images/P_hdrbck.jpg) no-repeat top right ;
	height: 247px;
} 

.purple #logoarea {
  float : left ;
  margin-top:50px; 
}

.purple #logotext {
	color: #572C83;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1.8em ;
	font-weight: bold;
	vertical-align: bottom;
	margin-left : 30px;
	margin-bottom:10px;
	padding-top:10px; 	
	padding-bottom:10px;
}

.purple .logodotcom {
	color:#C8ACAC;
	font-size: .7em ;
	font-weight: bold;
}

.purple #navbar {
  background: url(../assets/images/P_menubck.jpg) repeat-x bottom ; 
  float:left;
  margin:0 ; padding:0;
  margin-top:20px;
}

.purple #navbar ul {
	list-style:none;	
	margin-left:0;
	padding-right:7px;
	padding-bottom:25px;	
}

.purple #navbar li { 
 float:left; 
 margin-left : 10px;
 margin-right: 15px;
 padding-left: 7px;
 padding-bottom:7px;
}

.purple #navbar a, a:visited {
	color: #E5E5CB;
	font-size: 0.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-weight: bold;
	text-decoration:none;	
}

.purple #navbar a:hover {
	color: #FFF;
	border-bottom: 3px solid #E5E5CB ;
}

.purple #pageheading {
  clear:both ;
  padding : 35px;
  color: #CC6600;
  font-family :Verdana, Arial, Helvetica, sans-serif ;
  font-size: 1.1em;
  font-weight:bold; 
}

.purple #sidebar {
	float: left; 
	width: 15%; /* since this element is floated, a width must be given */
	padding-top: 15px ;
}


.purple #sidebar ul {
list-style:none ;
margin:0 ; padding:0 ;	
margin-left:15px;
}

.purple #sidebar li {
	margin:15px 0px;
	border-left: 17px solid #E8DCD2;
	padding-left: 10px;
}

.purple #sidebar a, a:visited {
color: #704823 ;
font-family:Arial,Verdana,sans-serif ;
font-size:0.80em;
font-weight:bold;
text-decoration:none;
}

.purple #sidebar a:hover {
  color: #CC6600;
  border-bottom : 3px solid #CDB29E;
}
.purple #maincontent { 
    float:left;
	width:80%;
	margin-top:10px;
	padding-left:20px;
	padding-bottom: 50px;
}

/* ---------Purple styles end ---------------- */

/* ------- STYLES FOR TABLE ------*/
table  {
 background: #FFF ;
 border: 1px solid #D0D0A1 ;
 width : 100%;
/* border-spacing: 10px;   --- works only in FF not IE. instead used padding property on td */ 
 margin:0;
 padding:0;
 font-size:12px;
 }
table td { padding:8px;}

table.tblborderless {   
 /* border-spacing: 15px;    --- works only in FF not IE. instead used padding property on td*/
   border:0px;
}
table.tblborderless th { 
    color:#663300; 
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size:16px; 
	font-weight:normal;
	padding:8px;
}
table.tblborderless td { 
	color:#663300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
}
table.tblborderless a, table.tblborderless a:visited { font-size: 11px; }

table.tblwithbck {background-color:#EEEEDF ;  padding: 5px; } 
table.tblwithbck th { 
    color:#663300; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px; 
	font-weight:bold;
	padding: 8px;
}
table.tblwithbck td { 
	color:#663300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
}
table.tblwithbck a, table.tblwithbck a:visited { font-size: 11px;}


table.tblrounded {
	background:#F4F4EA;
} 
table.tblrounded th { 
    color:#663300; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px; 
	font-weight:bold;
	padding: 8px;
}
table.tblrounded td { 
	color:#663300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	padding-top: 7px;
}
table.tblrounded input.text { background:#FFF;}

#requestBox { 
  float: right ;
  width : 35% ;
  padding : 0px 5px 5px 20px;
}
/* ---- BULLETED LIST STYLES ------ */

.simplelist ul {
margin:0; padding:0 ;
list-style:circle;}

.simplelist li {
  margin-top:7px;
  margin-left:30px;
  list-style:circle;
  color:#663300;
  font-size: 12px;
  font-weight:normal;
}

.smalltextlist ul {
margin:0; padding:0 ;
list-style:circle;}

.smalltextlist li {
  margin-top:3px;
  margin-left:30px;
  list-style:disc;
  color:#000;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight:normal;
}

#prod_highlights { float: right ; width: 30%; }
#prod_highlights ul {
	list-style-image:url(../assets/images/arrowgreen.jpg)  ;
	margin:0 ; padding:0 ;	
	padding-left:30px;
}
#prod_highlights ul li {
	margin:10px 0px;
	padding-left: 5px;
}
#prod_highlights a, a:visited {
	color: #006699;
	font-family : Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	text-decoration:none;
}
#prod_highlights a:hover {
	  color: #CC6600;
	  border-bottom : 2px solid #D2D2A4;
}

/* ---- IMAGE STYLES ------ */
img.bordered { border:4px solid #D0D0A1; }

img.rightfltbordered { float:right; border:1px double #000; margin:5px;}

/* --------FORM CONTROL STYLES ------------- */
input, textarea, select {
	border-width: 1px ;
	border-color: #999999 ; 
	border-style:solid;
	background: #F2F2E6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color:#56562C;
}
input, select { height: 18px; }

span.required{
  font-size: 13px !important;
  color: red !important;
}

.transparentTxt { 
  width: 100% ;
  height:40px;
  font: 12px Verdana, Arial, Helvetica, sans-serif;
  font-weight:bold;
  background-color:#FFF;
  color:#336600;
  border:none;
  text-align:center;
 }
.buttonstyle 
{	background-color:#D0D0A0;
	border: 1px #949449 solid;
	color:#000;
	font-size: 1em;
	font-style: bold ;
	width: 7em;
	height:25px;
 }

.greentext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #336600;
	font-weight: bold;
}

.graytext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#666666;
	font-weight: bold;
	}
.smalltxtgrey {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#666666;
	font-weight: normal;
	font-style: normal;
	}	

a, a:link, a:visited
{ color: #336600 ; 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight:normal;
  text-decoration:underline ;
}
a.boldlink, a:link.boldlink, a:visited.boldlink
{ color: #336600 ; 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight:bold;
  text-decoration:underline ;
}
a:hover, a:hover.boldlink { color: #CC6600 ; }


/* Miscellaneous common classes */
.floatright { 
	float: right;
	margin-left: 8px;
}
.floatleft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.orangetext  {
	color:#CC6600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight:bold;
	padding-top:5px;
}

.biginitial  {
	color:#CC6600;
	font-size: 3em;
	font-weight:normal;
	line-height:1em;
	font-family:Georgia, "Times New Roman", Times, serif;
}

/**** WHITESPACES AND COMMENT ADDED BELOW TO AVOID MYSTERIOUS BUG OF DW. Read text below or for more info on this bug visit: 

http://www.mikepadgett.com/technology/technical/dreamweaver-cs3-crashes-and-wont-start-up-again/

PROBLEM: DW crashes suddenly and does not launch again. Only the splash screen is visible and poof !
DW BUG:  DW crashes if you edit a file to exactly a multiple of 8,192 bytes. Not a byte more, not a byte less.
SOLUTION: 
1. When this happened, I was working on my CSS file. I checked the file size and it was 16,384 bytes - a multiple of 8192 ! 
2. I first renamed my websites folder and tried relaunching DW. It launched because it could not find the folder. I closed it again
3. Then I entered some whitespace to CSS and some commented text just to increase the file size,saved it again and made sure the byte size has increased.
4. Relaunched DW and Voila it worked ! 

****/