/* CSS Document */

/*to move the NAVBAR you need to adjust the following selectors:
#navbar 
.body3000 #navbar
.body-giving #navbar
body#homepage #navbar 
body#sizingpage #navbar 
body#storespage #navbar 
*/

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}
#sizinginfo, #sizinginfo2 { /*item #3000 uses a second box*/
position:absolute;
width:210px;
font-size:11px;
text-align:right;
z-index:4;
}

.body1910 {
background-color:#E5E0F2;
}
.box1910 {
background-color:#977FD9;
background-image:url(1910/images/gradient.jpg);
}
.navbar1910 {
background-color:#ECE6FA;
}
.sizing1910 {
top:400px;
left:204px;
}



.box1950 {
background-color:#FFBB04;
background-image:url(1950/images/gradient.jpg);
}
.body1950 {
background-color:#FCF1DB;
font-size:12px;
}
.navbar1950 {
background-color:#FCF9F2;
}
.sizing1950 {
top:325px;
left:204px;
}


.body2025 {
background-color:#FBDFF2;
}
.box2025 {
background-color:#E34FB4;
background-image:url(2025/images/gradient.jpg);
}
.navbar2025 {
background-color:#FBEEF7;
}
.sizing2025 {
top:320px;
left:204px;
}



.box2031 {
background-color:#BDD600;
background-image:url(2031/images/gradient.jpg);
}
.body2031 {
background-color:#F3F7D4;
}
.navbar2031 {
background-color:#F8FAE9;
}
.sizing2031 {
top:320px;
left:195px; /*was 204*/
}


.box2100 {
background-color:#0080D7;
background-image:url(2100/images/gradient.jpg);
}
.body2100 {
background-color:#EBF7FE;
font-size:12px;     /*changed by nos*/
}
.navbar2100 {
background-color:#F3F9FD;
}
.sizing2100 {
top:320px;
left:196px; /*was 204*/
}


.body2115 { /*Nos changed the font size*/
background-color:#E5F8FA;
font-size:12px;
}
.box2115 {
background-color:#26B9D4;
background-image:url(2115/images/gradient.jpg);
}
.navbar2115 {
background-color:#F2FCFD;
}
.sizing2115 {
top:235px; /*was 230*/
left:196px;
}
.body2115 #sizinginfo {
width:210px;
}
.body2115 #productinfo {
position:absolute;
left:125px;  /*was 145*/
text-align:justify;
z-index:3;
width:280px; /*was 260*/
}

.body2120 {
background-color:#D9FACD;
}
.box2120 {
background-color:#50B42F;
background-image:url(2120/images/gradient.jpg);
}
.navbar2120 {
background-color:#EEFBE9;
}
.sizing2120 {
top:334px;
left:204px;
}

.box2160 {
background-color:#FC7ADA;
background-image:url(2160/images/gradient.jpg);
}
.body2160 {
	background-color:#FEDDFC;
	size: 12px;
	font-size: 12px;
}
.navbar2160 {
background-color:#FCEDFC;
}
.sizing2160 {
top:235px; /*was 245px; I'm using this for Firefox, will use a hack in the HTML for IE */
left:199px;
}
.body2160 #productinfo {
position:absolute;
left:120px;  /*was 145*/
text-align:justify;
z-index:3;
width:290px; /*was 260*/
}

/*253 is the PMS number for #3000 cami sutra*/

    /*use body3000 as the selector . . . */

.body3000 #box { 
width:850px;
height:755px;
}

.body3000 #navbar {
left:290px; /*3-28-2010 was 280*/
}

.body3000 #logo {
top:25px;
left:11px;
}

.body3000 #bigpicture {
left:625px;
}

.body3000 #productinfo { 
width:460px;
}

.body3000 #thumbnails7 {
left:304px;
}

.body3000 #icons {
left:900px;
}

.body3000 #shadow {
left:900px;
}

.body3000 #tagline {
width:850px;
}

.body3000 #filmstrip {
top:440px;
left:100px;
}

.body3000 #horizontalbar {
height:2px;
top:680px;
width:850px;
background-color:#FFFFFF;
}

.body3000 #lowertext {
left:100px;
top:680px;
}

.body3000 #lowertext p a {color:#F4D1F2;}
.body3000 #lowertext p a:hover {
color:#F4D1F2;
text-decoration:underline;
}

.box3000 {
background-color:#B801B7;
background-image:url(3000/images/gradient.jpg);
}
.body3000 {
	background-color: #F3AEF3;
	size: 12px;
	font-size: 12px;
}
.navbar3000 {
background-color:#FCEDFC;
}
.sizing3000 {
top:280px; /*was 245px; I'm using this for Firefox, will use a hack in the HTML for IE */
left:165px;
}
.sizing3000-right {
top:280px; /*was 245px; I'm using this for Firefox, will use a hack in the HTML for IE */
left:395px;
}

/*GIVING BACK*/

.body-giving #box { 
width:850px;
}

.body-giving #navbar {
left:200px; /*3-28-2010 was 280*/
}

.body-giving #logo {
top:25px;
left:11px;
}

.body-giving #bigpicture {
left:625px;
}


.body-giving #thumbnails7 {
left:304px;
}

.body-giving #icons {
left:900px;
}

.body-giving #shadow {
left:900px;
}

.body-giving #tagline {
width:850px;
}

.body-giving #tagline img {
position:relative;
top:3px;
}

.body-giving #filmstrip {
top:440px;
left:100px;
}

.body-giving #horizontalbar {
height:2px;
top:680px;
width:850px;
background-color:#FFFFFF;
}

.body-giving #lowertext {
width:850px;
} 

.body-giving #lowertext p a {color:#F4D1F2;}
.body-giving #lowertext p a:hover {
color:#F4D1F2;
text-decoration:underline;
}

.box-giving {
background-color:#26B9D4;
background-image:url(2115/images/gradient.jpg);
}


.body-giving {
    background-color:#E5F8FA;
	size: 12px;
	font-size: 12px;
}
.navbar-giving {
background-color:#F2FCFD;
}

.giving-text-1 {}
.giving-text-2 {}


.body-giving #productinfo { /*this is the headline box*/
top:90px;
left:205px;
width:630px;
margin-bottom:0;
}

.body-giving #productinfo h3 { /*this is the headline*/
font-size:20px;
font-weight:bold;
margin-bottom:0;
}

.body-giving #productinfo p { /*this is the text under the hadline*/
margin-top:2px;
line-height:17px;
}

.body-giving #sizinginfo {   /* i think this will let me control the left box*/
top:170px; /*may need hack in the HTML for IE */
left:205px;
text-align:left;
font-size:12px;
width:310px;
line-height:17px;
}

.body-giving #sizinginfo2 {   /* i think this will let me control the rightbox*/
top:170px; /*may need hack in the HTML for IE */
left:532px;
text-align:left;
font-size:12px;
width:310px;
line-height:17px;
}

.body-giving #sizinginfo a, .body-giving #sizinginfo2 a  {
text-decoration:underline;
}

.body-giving #productinfo img {
position:relative;
left:-1px;
}

.body-giving #sizinginfo img {
position:relative;
left:-1px;
}

.body-giving #sizinginfo2 img {
position:relative;
left:-1x;
}

/*end of giving back */

.product2031, .product2120, .productlounge {
top:111px;
}
.product2115, .product1910, .product1950, .product2025  {
top:94px;
}
.product2100, .product3000, .product-giving  {
top:98px;
}
.product2160  { /*was 94px; I'm using this for Firefox and a hack in the HTML for IE*/
	top:82px;
}


.bodyglobal {
background-color:#F9EAF3;
}
.boxglobal {
background-color:#E19AC3;
background-image:url(global/images/gradient.jpg);
}
.navbarglobal {
background-color:#FCF5F9;
}
.retailerbkg {
background-image:url(images/gradient.jpg);
}
#boxhomepage {
position:absolute;
top:91px;
left:10px;
background-color:#E19AC3;
background-image:url(images/gradient.jpg);
background-repeat:no-repeat;
width:760px;
height:507px;
border:#493EBD solid 2px;
z-index:1;
}


#content {
position:absolute;
left:40px;
width:600px;
top:5px;
z-index:12;
}

.boxlounge {
background-color:#516A69;
background-image:url(lounge/images/gradient.jpg);
}
.bodylounge {
background-color:#DDE8E9;
}
.navbarlounge {
background-color:#E4F1F1;
}
.sizinglounge {
top:320px;
left:204px;
}


.choice {
border:2px solid;
}

a:link {
	color: #000000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
#testimonial2 a {
	font-weight: bold;
}

a:hover {
	text-decoration: none;
	color: #000000;
}
a:active {
	text-decoration: none;
	color: #000000;
}
/*img {
border-color:#000000;
border-width:1px;
}*/
#wrapper {
 position:relative;
 top:0px;
 width: 80%;
 margin-left:auto;
 margin-right: auto;
 }


#logo {
position:absolute;
top:26px;
left:10px;
}


/*before I added the Testimonial item, width was 480px and left was 290px */
#navbar {
position:absolute;
left: 90px; /* 3-28-2010 was 170 */
top:0px;
width: 660px; /*3-28-2010 was 580*/
height:18px;
font-size:12px;
z-index:6;
text-align:center;
line-height:18px;
}
#OvalRight {
left:760px;
top:0px;
z-index:9;
width:18px;
height:18px;
background-image:url(images/ovalright.gif);
}

#navbar ul {
margin: 0; 
padding: 0; 
list-style-type: none; 
list-style-image: none; 
}

#navbar li {
display: inline; 
padding: 0px;
}
#storeNav {
position:absolute;
left:175px;
top:325px;
text-align:left;
width:800px;
z-index:15px;
}
#stores ul {
margin: 0; 
padding: 0; 
list-style-type: none; 
list-style-image: none; 
}
#stores li {
display: block;
padding: 0px;
line-height:30px;
}
#stores {
width:420px;
position:absolute;
left:185px;
top:30px;
z-index:14px;
}
#testimonial1 p, #testimonial2 p {
	font-size: 11pt;
	line-height: 115%;
}


/*THIS ONLY APPLIES TO NON-IE. See the style in STORES.HTML*/
#boxstores {
	position:absolute;
	top:91px;
	left:10px;
	background-repeat:no-repeat;
	width:650px;
	height:6145px;
	border:#493EBD solid 2px;
	z-index:1;
}

#icons {
position:absolute;
top:53px;
left:700px;
z-index:10;
}
#icons ul, #retcontent ul {
margin: 0; 
padding: 0; 
list-style-type: none; 
list-style-image: none;
text-align:left; 
}

#icons li, #retcontent li {
display: block; 
padding: 0px;
border:0px;
text-align:left;
}
#shadow {
position:absolute;
top:53px;
left:700px;
z-index:9;
}
.contentmoreroom {
line-height:30px;
}
#retcontent {
position:absolute;
left:225px;
top:25px;
z-index:14px;
}
#shadow ul {
margin: 0; 
padding: 0; 
list-style-type: none; 
list-style-image: none; 
}

#shadow li {
display: block; 
padding: 0px;
border:0px;
}


#box {
position:absolute;
top:91px;
left:10px;
background-repeat:no-repeat;
width:650px;
height:507px;
border:#493EBD solid 2px;
z-index:1;
}

#productinfo {
position:absolute;
left:145px;
text-align:justify;
z-index:3;
width:260px;
}

#thumbnails {
position:absolute;
top:400px;
left:197px;
width:455px;
height:84px;
text-align:right;
z-index:7; 
}

#thumbnails6 {
position:absolute;
top:400px;
left:187px;
width:465px;
height:84px;
text-align:right;
z-index:7; 
}

#thumbnails7 {
position:absolute;
top:400px;
left:187px;
width:550px;
height:84px;
text-align:right;
z-index:7; 
}

#thumbnails img, #thumbnails6 img, #thumbnails7 img {
border:1px solid;
}
#thumbnails ul, #thumbnails6 ul, #thumbnails7 ul  {
margin: 0; 
padding: 0; 
list-style-type: none; 
list-style-image: none;
}
#thumbnails li, #thumbnails6 li, #thumbnails7 li   {
display: inline; 
padding: 4px;
}

#homepics {
position:absolute;
width:455px;
text-align:left;
left:201px;
top:79px;
line-height:40px;
z-index:7; 
}
#homepics img {
border:1px solid;
}
#homepics ul {
margin: 0; 
padding: 0; 
list-style-type: none; 
list-style-image: none;
}

#homepics li {
display: inline; 
padding: 4px;
}
#row1{
position:absolute;
width:321px;
top:0px;
left:0px;
}
#row2{
position:absolute;
width:321px;
top:92px;
left:79px; 
}
#row3{
position:absolute;
width:321px;
top:184px;
left:157px;
}
#bigpicture {
position:absolute;
width:222px;
top:108px;
left:425px;
z-index:5;
border:1px solid;
}
#tm {
position:absolute;
top:483px;
left:175px;
color:#493EBD;
z-index:15;
}

#tagline {
position:absolute;
top:402px;
left:0px;
background:#493EBD;
width:650px;
height:30px;
z-index:8;
font-size:17px;
font-style:italic;
color:#ffffff;
text-align:center;
line-height:30px;
}
#filmstrip {  /*added by Nos for #3000 on 9-10-2009*/
position:absolute;
top:440px;
left:0px;
width:650px;
height:75px;
}
#horizontalbar { /*added by Nos for #3000 on 9-10-2009*/
position:absolute;
top:402px;
left:0px;
background:#493EBD;
width:650px;
height:30px;
z-index:auto;
}
#lowertext {
position:absolute;
top:440px;
left:0px;
width:650px;
height:75px;
}
#lowertexthome {
position:absolute;
top:440px;
left:0px;
width:760px;
height:75px;
}
#lowertextlounge {
position:absolute;
top:440px;
left:0px;
width:650px;
height:75px;
}
#lowertextstores {
position:absolute;
top:440px;
left:80px;
width:560px;
font-size:12px;

}
#jumpmenu {
position:absolute;
top: 961px;
left: 235px;
z-index:16;
}

.lowertextstyle, .lowertexthomestyle {
z-index:9;
font-size:14px;
font-style:italic;
font-weight:bold;
text-align:center;
line-height:20px;
}
.lowertextblacklink {
color:#000000;
}
.lowertextstores {
z-index:9;
text-align:left;

}

.storename  {
font-weight:bold;
color:#493EBD;
}


#sizing {
position:absolute; 
top:80px;
}

#box a:hover, #lowertext a:hover, #lowertexthome a:hover, #lowertextstores a:hover {color:#BC0181; font-weight:bold;}
#box a:active, #lowertext a:active, #lowertexthome a:active, #lowertextstores a:active {color:#BC0181;font-weight:bold;}
#box a:link, #lowertext a:link, #lowertexthome a:link, #lowertextstores a:link {color:#BC0181;font-weight:bold;}
#box a:visited, #lowertext a:visited, #lowertexthome a:visited, #lowertextstores a:visited {color:#BC0181;font-weight:bold;}

#stores a {color:#000000; font-weight:bold;}

.etailers {
line-height:18px;
color:#493EBD;
font-weight:bold;
}

.caption, .city {
font-weight:bold;
}
.smallertype {
font-size:12px;
}
.lessleadbelow {
	margin-bottom: 0px;
}
.lessleadabove {
	margin-top: 0px;
}
.body-testimonial {

background-color:#E5F8FA;
font-size:12px;
}
.box-testimonial {
/*i took out the following when I switched the box to Flash*/
/*background-color:#26B9D4;*/
/*background-image:url(2115/images/gradient.jpg);*/
}

#box-testimonial {

	position:absolute;
	top:91px;
	left:10px;
	background-repeat:no-repeat;
	width:654px; /*was 650 */
	height:626px; /*was 450*/
	/*border:#493EBD solid 2px;*/
	z-index:1;
}
#testimonial1 {

width:420px;
position:absolute;
left:185px;
top:10px;
z-index:auto;
}

#testimonial2 {
	position:absolute;
	left:185px;
	top:350px;
	width:420px;
	height:35px;
	z-index:1;
}
#testimonial2 a:hover {
	font-weight: bold;
	color: White;
	text-decoration: underline;
}
#box-testimonial #tagline a {
	color: #FFFFFF;
}
#box-testimonial #tagline a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.endorser {
text-align:right;
margin-top:6px;
}

/*Aanswers page */
/*to customize the box id, I could
- style within the HTML
- select the box in a class like
      .answers #box
  but there was no answers class
- make a new box id*/
#box-answers {
position:absolute;
top:91px;
left:10px;
background-repeat:no-repeat;
width:650px;
height:800px; /*was 507*/
border:#493EBD solid 2px;
z-index:1;
}


body#homepage #navbar {
	margin-left: 20px; /*3-28-2010 was 27 */
}
body#sizingpage #navbar {
	margin-left: 200px; /*3-28-2010 was 207*/
}
body#storespage #navbar {
	margin-left: -85px;
}
#testimonial1 a {
	text-decoration: underline;
}