/* 
close css for lightboxes
@charset "UTF-8";
/* CSS Document */

body {
margin:0;
padding:0;
background-color:#FFFFFF;
}

body_pink {
margin:0;
padding:0;
background-color:#86ac5d;
}

body_black {
margin:0;
padding:0;
background-color:#000000;
}

body_pink {
margin:0;
padding:0;
background-color:#86ac5d;
}

p {
font-family: "Helvetica Neue", Helvetica, Geneva, Swiss, SunSans-Regular;
padding-top:0;
margin-top:0;
font-size:11px;
text-align:left;
line-height: 16px;
letter-spacing: 0.065em;
}

h2{
text-align:left;
font-family: "Helvetica Neue", Helvetica, Geneva, Swiss, SunSans-Regular;
color:#b80909;
font-weight:bolder;
font-size:14px;
text-transform:none;
border-bottom:1px solid #B1E822;
letter-spacing:0.1em;

}

h1{
text-align:left;
font-family: "Helvetica Neue", Helvetica, Geneva, Swiss, SunSans-Regular;
font-size:100%;
color:#b80909;
text-decoration:none;
text-transform:none;
border-bottom:1px solid #B1E822;
font-weight:100;
letter-spacing:0.05em;

}


a:link {
	text-decoration:none;
	color: #000000;

}

a:hover {
	color: #656565;
	text-decoration:underline;

}


a:active {
	text-decoration:none;
	color: #000000;
}

a:visited {
	text-decoration:none;
	color: #000000;
}

.h2 {
	color: #3F3F3F;
	text-transform: none;
	font-size: 14px;
	font-weight: bold; 
	letter-spacing: 0.1em;
	font-family: "Helvetica Neue", Helvetica, Arial;
	border-bottom-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #e1f300;
	background-position: left;
	text-align: left;
}



.h3 {

color: #ffffff;
background-color:#CCCCCC;
padding:10px;
	text-transform: none;
	font-size: 19px;
	font-weight: bold; 
	letter-spacing: 0.08em;
	font-family: "Helvetica Neue", Helvetica, Arial;
	background-position: left;
	text-align: left;
}	

.h4 {

color:#993300;
	text-transform: none;
	font-size: 15px;
	font-weight: normal; 
	letter-spacing: 0.08em;
	font-family: "Helvetica Neue", Helvetica, Arial;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #B1E822;
	background-position: left;
	text-align: left;
}

.h6 {

color:#993300;
	text-transform: none;
	font-size: 14px;
	font-weight: normal; 
	font-family: "Helvetica Neue", Helvetica, Arial;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #B1E822;
	background-position: left;
	text-align: left;
}





.h5 {

color:#993300;
	text-transform: none;
	font-size: 16px;
	font-weight: normal; 
	letter-spacing: 0.08em;
	font-family: "Helvetica Neue", Helvetica, Arial;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #656565;
	background-position: left;
	text-align: left;
}

.h8 {

color:#656565;
	text-transform: none;
	font-size: 16px;
	font-weight: normal; 
	letter-spacing: 0.08em;
	font-family: "Helvetica Neue", Helvetica, Arial;
	border-bottom-style: dotted;	
	border-bottom-width: 1px;
	background-position: left;
	text-align: left;
}

.tabs {

color: #000000;
	text-transform: none;
	font-size: 17px;
	font-weight: bold; 
	letter-spacing: 0.08em;
	font-family: "Helvetica Neue", Helvetica, Arial;
	background-position: left;
	text-align: left;
}	

.copy  {
	color: #000000;
	text-align:left;
	font-size: 11px;
	line-height: 16px;
	letter-spacing: 0.025em;
	font-family: "Helvetica Neue", Helvetica, Geneva, Swiss, SunSans-Regular;
	font-style: normal;
	font-weight: normal;
}
.copygray  {
	color: #868484;
	text-align:left;
	font-size: 10px;
	line-height: 12px;
	letter-spacing: 0.025em;
	font-family: "Helvetica Neue", Helvetica, Geneva, Swiss, SunSans-Regular;
	font-style: normal;
	font-weight: normal;
}

.copybold  {
	color: #000000;
	text-align:left;
	font-size: 11px;
	line-height: 16px;
	letter-spacing: 0.025em;
	font-family: "Helvetica Neue", Helvetica, Geneva, Swiss, SunSans-Regular;
	font-style: normal;
	font-weight: bold;
}

.subheadred  {
	color:#990000;
	text-align:left;
	font-size: 12px;
	line-height: 19px;
	letter-spacing: 0.025em;
	font-family: "Helvetica Neue", Helvetica, Geneva, Swiss, SunSans-Regular;
	font-style: normal;
	text-transform: uppercase;	
	font-weight: normal;
}

.subhead {
	color:#000000;
	text-align:left;
	font-size: 13px;
	line-height: 19px;
	letter-spacing: 0.025em;
	font-family: "Helvetica Neue", Helvetica, Geneva, Swiss, SunSans-Regular;
	font-style: normal;
	font-weight: bold;
}

.name  {
	color: #000000;
	text-align:left;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 0.025em;
	font-family: "Helvetica Neue", Helvetica, Geneva, Swiss, SunSans-Regular;
	text-transform: uppercase;
	font-weight: normal;
}


.credit  {
	color: #000000;
	text-align:left;
	font-size: 11px;
	line-height: 16px;
	letter-spacing: 0.025em;
	font-family: "Helvetica Neue", Helvetica, Geneva, Swiss, SunSans-Regular;
	font-style: normal;
	font-weight: normal;
}

.side{
text-align:left;
font-family: "Helvetica Neue", Helvetica, Geneva, Swiss, SunSans-Regular;
font-size: 11px;
line-height:100%;
color:#000000;
text-decoration:none;
font-weight:none;

}

.index_copy  {
	text-align:left;
	font-size: 12px;
	line-height: 13px;
	font-family: "Helvetica Neue", Helvetica, Geneva, Swiss, SunSans-Regular;
	font-style: normal;
	letter-spacing: 0.01em;
	font-weight: normal;
}

#wrapper {
width:100%;
float:left;
margin-right:-230px;
}

#wrapper_black {
width:100%;
float:left;
background-color:#000000;
margin-right:-230px;
}


#wrapper_pink {
width:100%;
float:left;
background-color:#86ac5d;
margin-right:-230px;
}


#content {
margin: 0px 0px 0px 170px;
width:660px;
padding: 0px;
top: 0px;
background-color:#FFF;
border-right:1px dotted #666666;
border-left:1px dotted #666666;

}


#content-half {
float:left;
width:318px;
height:350px;
padding: 0px;
top: 100px;
}

#content-half-scroll {
float:left;
width:318px;
height:350px;
padding: 5px;
border:1px dotted #000000;
overflow:auto;
top: 100px;
}




/*Collection pages begin */

#side-left-collection{
position:absolute;
background-color:#F6F6F6;
width:160px;
left:0px;
padding:5px 5px 5px 5px;
height:600px;
border-right:1px solid #993300;
}


#content-third-collection {
border-collapse:collapse;
float:left;
width:268px;
padding: 10px;
top: 100px;
overflow:auto;
height:580px;
background-color:#CCCCCC;
}


#content-collections-search {
width:650px;
top: 0px;
height:600px;
padding:5px;
border-left:1px dotted #656565;
overflow:auto;
}


#content-fourth-collection {
float:left;
text-align:center;
height:230px;
border:1px solid #F3F3F3;
width:180px;
padding: 10px;
}

#content-slideshow {
border-left:1px solid #B1E822;
border-collapse:collapse;
background-color:#999999;
float:left;
width:268px;
padding: 5px;
top: 100px;
overflow:auto;
}

#content-two-third-collection {
float:left;
height:600px;
width:358px;
padding: 5px;
top: 100px;
border-left:1px dotted #656565;
}

#content-two-third-collection-line {
border-top:4px dotted #ffffff;
padding-top:20px;
}

.h6{
text-align:left;
font-family: "Helvetica Neue", Helvetica, Geneva, Swiss, SunSans-Regular;
font-size:15px;
color:#000000;
text-decoration:none;
padding-top:5px;
text-transform:none;
border-bottom:1px solid #B1E822;
font-weight:500;
letter-spacing:0.15em;
}

.h7{
text-align:left;
font-family: "Helvetica Neue", Helvetica, Geneva, Swiss, SunSans-Regular;
font-size:10%;
color:#000000;
text-decoration:none;
text-transform:capitalize;
padding-top:30px;
border-bottom:1px solid #ffffff;
font-weight:500;
letter-spacing:0.1em;
}



/*Collection pages end */

/*News+events pages end */

#content-two-thirds-news {
float:left;
width:410px;
padding: 5px;
top: 100px;
border-right:1px dotted #666666;
border-left:1px dotted #666666;
}


#content-article{
float:left;
width:460px;
padding: 5px;
top: 100px;
height:inherit;
border-right:1px dotted #666666;
border-left:1px dotted #666666;
}




#contentmain {
float:left;
width:100%;
top: 0px;
}

#contentsec {
float:left;
width:190px;
padding: 5px;
top: 0px;
height:220px;
}



#content-third-news {
position:absolute;
height: 386px;
width:250px;
margin:0px 0px 0px 420px ;
padding:5px;

}

#content-third{
padding: 0px 4px 2px 6px;
border:1px dotted #CCCCCC;
width:225px;
margin: 0 0 0px 0;
overflow:auto;
}




#content-third-scroll-news {
padding: 0px 4px 2px 6px;
border:1px dotted #CCCCCC;
width:205px;
height:250px;
margin: 0 0 0px 0;
overflow:auto;
}


#content-third-scroll-fashion {
padding: 0px 4px 2px 6px;
border:1px dotted #CCCCCC;
width:205px;
height:580px;
margin: 0 0 0px 0;
overflow:auto;
}

#content-fourth-scroll{
padding: 0px 4px 2px 6px;
border:1px dotted #CCCCCC;
width:175px;
height:600px;
margin: 0 0 0px 0;
overflow:auto;
}



#content-fifth{
padding: 5px 4px 2px 6px;
border-left:1px dotted #CCCCCC;
width:130px;
}

#contentimage-half{
width:100px;
padding: 5px;
margin-bottom: 3px;


}





#contentnews h1{
text-align:left;
font-family: "Helvetica Neue", Helvetica, Geneva, Swiss, SunSans-Regular;
font-size:120%;
color:#333333;
text-decoration:none;
text-transform:capitalize;
font-weight:200;
letter-spacing:0.05em;

}

#content h2{
text-align:left;
font-family: "Helvetica Neue", Helvetica, Geneva, Swiss, SunSans-Regular;
font-size:14px;
color:#b80909;
text-decoration:none;
font-weight:bolder;
border-bottom:1px solid #B1E822;
letter-spacing:0.05em;
}



#contentmain h3{
text-align:left;
font-family: "Helvetica Neue", Helvetica, Geneva, Swiss, SunSans-Regular;
font-size:75%;
color:#b80909;
text-decoration:none;
font-weight:800;
letter-spacing:0.05em;

}

#contentmain a:link, #contentmain a:visited{
text-align:left;
font-family: "Helvetica Neue", Helvetica, Geneva, Swiss, SunSans-Regular;
color:#b80909;
text-decoration:none;
font-weight:400;
letter-spacing:0.05em;

}

#content-image-article{
float:left;
width:170px;
border: 1px solid #656565;
margin-right: 20px;
margin-bottom: 6px;
}

#content-image-list{
float:left;
width:100px;
padding: 3px;
margin-bottom: 3px;
}

#content-list{
padding: 2px;
border: 1px solid #656565;
height:70px;
margin-bottom: 6px;
}


/*jobs pages start */

#content-jobs {
float:left;
width:600px;
padding: 10px;
top: 100px;
border-right:1px dotted #666666;
border-left:1px dotted #666666;
}


#content-jobs-1 {
float:left;
width:400px;
border-right:1px dotted #666666;
border-left:1px dotted #666666;
}
#content-jobs-date {
float:left;
width:100px;
border-right:3px dotted #666666;
border-left:3px dotted #666666;
}

#content-jobs {
float:left;
width:600px;
padding: 10px;
top: 100px;
border-right:1px dotted #666666;
border-left:1px dotted #666666;
}


#content-jobs_2{
float:left;
width:460px;
padding: 5px;
top: 100px;
height:inherit;
border-right:1px dotted #666666;
border-left:1px dotted #666666;
}

/*jobs pages end */


/*News+events pages end */


#image{
padding-top:10px;
padding-bottom:10px;
}


#side-left{
position:absolute;
text-align:left;
width:160px;
left:0px;
padding:5px 5px 5px 5px;
}

#side-left_joico{
position:absolute;
text-align:left;
width:160px;
left:20px;
padding-top: 10px; 
padding-right: 5px; 

}



#side-left ul{
list-style:none;
margin:0;
padding:0;
}

#side-left li{
height:30px;

}

#side-left li a:link, #side-left li a:visited{
font-family: "Helvetica Neue", Helvetica, Geneva, Swiss, SunSans-Regular;
text-align:left;
font-size: 70%;
display: block;
padding: 0.7em 0 0.4em 0.15em;
border-left:12px solid #656565;
border-bottom:1px solid #656565;
color:#656565;
text-decoration:none;
letter-spacing:0.25em;
}


#side-left li a:hover{
font-family: "Helvetica Neue", Helvetica, Geneva, Swiss, SunSans-Regular;
font-size: 70%;
display: block;
padding: 0.3em 0 0.4em 0.15em;
border-left:12px solid #bfd730;
background-color:#656565;
color:#FFFFFF;
text-decoration:none;
}

#side-left_black{
position:absolute;
background-color:#000000;
text-align:left;
color: #ffffff;
width:160px;
left:0px;
padding:5px 5px 5px 5px;

}

#side-left_pink{
position:absolute;
background-color:#86ac5d;
text-align:left;
color: #ffffff;
width:160px;
left:0px;
padding:5px 5px 5px 5px;

}

#side-left_black_image{
background-color:#000000;
text-align:center;
width:130px;
padding:15px 15px 15px 15px;

}

#side-left_pink_image{
background-color:#86ac5d;
text-align:center;
width:130px;
padding:15px 15px 15px 15px;

}


#side-left_black ul{
list-style:none;
margin:0;
padding:0;
}

#side-left_pink ul{
list-style:none;
margin:0;
padding:0;
}

#side-left_black li{
height:30px;
}

#side-left_pink li{
height:30px;
}

#side-left_black li a:link, #side-left_black li a:visited{
font-family: "Helvetica Neue", Helvetica, Geneva, Swiss, SunSans-Regular;
text-align:left;
font-size: 70%;
display: block;
padding: 0.7em 0 0.4em 0.15em;
border-left:12px solid #656565;
border-bottom:1px solid #656565;
color:#ffffff;
text-decoration:none;
letter-spacing:0.25em;
}

#side-left_pink li a:link, #side-left_pink li a:visited{
font-family: "Helvetica Neue", Helvetica, Geneva, Swiss, SunSans-Regular;
text-align:left;
font-size: 70%;
display: block;
padding: 0.7em 0 0.4em 0.15em;
border-left:12px solid #656565;
border-bottom:1px solid #656565;
color:#ffffff;
text-decoration:none;
letter-spacing:0.25em;
}



#side-left_black li a:hover{
font-family: "Helvetica Neue", Helvetica, Geneva, Swiss, SunSans-Regular;
font-size: 70%;
display: block;
padding: 0.3em 0 0.4em 0.15em;
border-left:12px solid #bfd730;
background-color:#656565;
color:#FFFFFF;
text-decoration:none;
}

#side-left_pink li a:hover{
font-family: "Helvetica Neue", Helvetica, Geneva, Swiss, SunSans-Regular;
font-size: 70%;
display: block;
padding: 0.3em 0 0.4em 0.15em;
border-left:12px solid #bfd730;
background-color:#656565;
color:#FFFFFF;
text-decoration:none;
}

#side-left_black a:link, #side-left_black a:visited, #side-left_black a:hover{
        color: #ffffff;
        text-align:left;
        font-size: 11px;
        line-height: 16px;
        letter-spacing: 0.025em;
        font-family: "Helvetica Neue", Helvetica, Geneva, Swiss, SunSans-Regular;
        font-style: normal;
        font-weight: normal;
}


#side-left_pink a:link, #side-left_pink a:visited, #side-left_pink a:hover{
        color: #ffffff;
        text-align:left;
        font-size: 11px;
        line-height: 16px;
        letter-spacing: 0.025em;
        font-family: "Helvetica Neue", Helvetica, Geneva, Swiss, SunSans-Regular;
        font-style: normal;
        font-weight: normal;
}


#footer_black {
width:100%;
padding:5px 5px 5px 5px;
background-color:#000000;
height:200px;

}

#footer_pink {
width:100%;
padding:5px 5px 5px 5px;
background-color:#86ac5d;
height:200px;

}

#side-left h1{
	color: #3F3F3F;
	text-transform: none;
	font-size: 14px;
	font-weight: bold; 
	letter-spacing: 0.08em;
	font-family: "Helvetica Neue", Helvetica, Arial;
	border-bottom-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #e1f300;
	background-position: left;
	text-align: left;
}


#side-left copy{
text-align:left;
font-family: "Helvetica Neue", Helvetica, Geneva, Swiss, SunSans-Regular;
color:#656565;
font-size:12px;
text-decoration:none;
font-weight:none;
border-bottom:1px solid #656565;
font-weight:none;
letter-spacing:0.05em;
text-indent:0;
}

#side-left side{
text-align:left;
font-family: "Helvetica Neue", Helvetica, Geneva, Swiss, SunSans-Regular;
color:#656565;
font-size:90%;
text-decoration:none;
font-weight:none;
border-bottom:1px solid #656565;
}



#side-right{
position: absolute;
width:230px;
top:0px;
left:600px;
padding:5px 5px 5px 5px;
height:inherit;
border-left:1px solid #993300;
background-position:top right;

}


#ads{
position: absolute;
width:170px;
top:105px;
left:900px;
height:inherit;
padding:5px 5px 5px 5px;
}

#adscontest{
position: absolute;
width:170px;
top:105px;
left:950px;
height:inherit;
padding:5px 5px 5px 5px;
}

#ads_black{
position: absolute;
background-color:#000000;
width:170px;
top:105px;
left:840px;
padding:5px 5px 5px 5px;
}

#ads_pink{
position: absolute;
background-color:#86ac5d;
width:170px;
top:105px;
left:840px;
padding:5px 5px 5px 5px;
}


.adbox{
padding:2px 4px 2px 6px;
margin: 0px 0px 10px 0px;
border:1px dotted #656565;
height:inherit;

}

/*
Style sheet for all content 
*/

#content h1{
text-align:left;
font-family: "Helvetica Neue", Helvetica, Geneva, Swiss, SunSans-Regular;
color:#333333;
text-decoration:none;
font-size:20px;
height:23;
border-bottom:1px dotted #666666;
font-weight:800;
}

.h1{
text-align:left;
font-family: "Helvetica Neue", Helvetica, Geneva, Swiss, SunSans-Regular;
color:#333333;
text-decoration:none;
font-size:20px;
line-height:30px;
font-weight:800;
}

.h1_black{
text-align:left;
font-family: "Helvetica Neue", Helvetica, Geneva, Swiss, SunSans-Regular;
color:#ffffff;
text-decoration:none;
font-size:17 px;
line-height:18px;
font-weight:800;
}

.h1_pink{
text-align:left;
font-family: "Helvetica Neue", Helvetica, Geneva, Swiss, SunSans-Regular;
color:#ffffff;
text-decoration:none;
font-size:17 px;
line-height:18px;
font-weight:800;
}



#content deck{
text-align:left;
font-family: "Helvetica Neue", Helvetica, Geneva, Swiss, SunSans-Regular;
font-size:90%;
color:#333333;
text-decoration:none;
text-transform:capitalize;
font-weight:none;
letter-spacing:0.05em;

}

#content bio{
text-align:left;
font-family: "Helvetica Neue", Helvetica, Geneva, Swiss, SunSans-Regular;
font-size:45%;
color:#333333;
text-decoration:none;
text-transform:capitalize;
font-weight:none;
letter-spacing:0.05em;

}

#content copy{
text-align:left;
font-family: "Helvetica Neue", Helvetica, Geneva, Swiss, SunSans-Regular;
font-size:100%;
color:#000000;
text-decoration:none;
text-transform:capitalize;
font-weight:none;
letter-spacing:0.025em;

}
#content copy2{
text-align:left;
font-family: "Helvetica Neue", Helvetica, Geneva, Swiss, SunSans-Regular;
font-size:80%;
color:#000000;
text-decoration:none;
text-transform:capitalize;
font-weight:none;
letter-spacing:0.0em;

}

#content credit{
text-align:left;
font-family: "Helvetica Neue", Helvetica, Geneva, Swiss, SunSans-Regular;
font-size:80%;
color:#000000;
text-decoration:none;
text-transform:capitalize;
font-weight:none;
letter-spacing:0.025em;

}


#content credits{
text-align:left;
font-family: "Helvetica Neue", Helvetica, Geneva, Swiss, SunSans-Regular;
font-size:60%;
color:#000000;
text-decoration:none;
text-transform:capitalize;
font-weight:none;
letter-spacing:0.025em;

}


#content photo{
text-align:left;
font-family: "Helvetica Neue", Helvetica, Geneva, Swiss, SunSans-Regular;
font-size:40%;
color:#333333;
text-decoration:none;
text-transform:capitalize;
font-weight:none;
letter-spacing:0.05em;

}

#footer {
clear:both;
width:100%;
background-repeat:no-repeat;
padding:10px;
border-bottom:1px dotted #333333;

}

#footer_2 {
width:100%;
padding:5px 5px 5px 5px;

}

#line {
clear:both;
width:100%;

}


/* 
Starts css for lightboxes
*/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../collections/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../collections/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/*
Products
*/


#content_products_main {
margin: 0px 0px 0px 170px;
width:660px;
height:550px;
padding: 5px;
top: 0px;
height:inherit;
border-right:1px dotted #666666;
border-left:1px dotted #666666;
border-bottom:0px dotted #666666;
overflow:auto;


}


#content_products_1 {
float:left;
padding: 5px;
width:300px;
top: 100px;

}

#content_products_2 {
float:left;
padding:5px;
width:340px;
top: 0px;
}

#content_products_search {
float:left;
width:640px;
height:500px;
padding: 5px;
border:1px dotted #000000;
overflow:auto;
top: 100px;
}



.scenerio1 {
width:420px;
background-color:#ffece6;
padding:15px;
margin-bottom:20px;
}

.scenerio1 b {
font-size:15px;
}

.sceneriotip1 {
width:420px;
border:1px #ca998b dashed;
padding:10px;
}

.sceneriotip1 b {
color:#a3504a;
}

.scenerio2 {
width:420px;
background-color:#f8f5ce;
padding:15px;
margin-bottom:20px;
}

.scenerio2 b {
font-size:15px;
}

.sceneriotip2 {
width:420px;
border:1px #9b9b81 dashed;
padding:10px;
}

.sceneriotip2 b {
color:#7d7d68;
}

.scenerio3 {
width:420px;
background-color:#fff5f5;
padding:15px;
margin-bottom:20px;
}

.scenerio3 b {
font-size:15px;
}

.sceneriotip3 {
width:420px;
border:1px #e2bebe dashed;
padding:10px;
}

.sceneriotip3 b {
color:#a32529;
}

.scenerio4 {
width:420px;
background-color:#e6edff;
padding:15px;
margin-bottom:20px;
}

.scenerio4 b {
font-size:15px;
}

.sceneriotip4 {
width:420px;
border:1px #8a919b dashed;
padding:10px;
}

.sceneriotip4 b {
color:#575a63;
}

.scenerio5 {
width:420px;
background-color:#ffc3d0;
padding:15px;
margin-bottom:20px;
}

.scenerio5 b {
font-size:15px;
}

.sceneriotip5 {
width:420px;
border:1px #842136 dashed;
padding:10px;
}

.sceneriotip5 b {
color:#842136;
}/*