/*---------------------------------------
Subheadings
	global settings
Menu formatting
item styling on lowest level pages
 Stuff related to mid-level contents pages
Formatting of table that controls header footer and menu
homepage specials
Heading formatting
Paragraph link and list formatting
colours
purchasing buttons
---------------------------------------*/



/* Global settings*/

.hidden {position: absolute; left: -1000em;}


body{font-size:80%;font-family:Verdana,Arial;
border-width:0;margin:0;padding:0;width: 100%;}



table {
width: 100%;
}

body {
	max-height:100%;
	max-width:1400px;
	margin:0px auto;
	padding:0;
width: 100%;
position: relative;
}



img{border:none;vertical-align:middle; margin:0}


h1,h2,h3,h4,h5,h6{background-color:transparent;font-family: 'open sans'; font-weight:600;
}

/*---------------------------------------
Formatting of table that controls header footer and menu

---------------------------------------*/



td.tdmenu {
/*border-right: 2px solid;*/
width:180px; /*also modified in IE7 CSS */
	font-family: 'open sans'; font-weight:600;
	font-size:130%;
} /*also modified in print stylesheet */

#Menu{
width:180px; /*IE7 hack, also modified in IE7 CSS */
} /*also modified in print stylesheet */


td.tdfoot {

}


td.tdhead {
}/*also modified in print stylesheet */




td.menu1{
padding:20px 0 0 20px;
}

td.menu2{
padding:0 0 10px 0;
}

img.menu3{
padding: 0px 0 0 20px;
}



td.tdmain{
padding: 0 10px 0 10px;
} /*also modified in print stylesheet */



#header {
	height: 140px;
} /*also modified in print stylesheet */



a.pdflink {
float:right; 
margin-right:14px; 
padding-bottom:5px;
} 


a.bannerimg {
display: block;
text-align: center;
	font-family: 'open sans';
	font-size:50px;
	font-weight:600;
	margin: 0;
	padding: 0;
	text-decoration: none;
}/*background image is specified in colour specific stylesheet*/
/*also modified in print stylesheet */


img.prtonlybanner {
position: absolute; left: -1000em;
}/*actual image positioned offscreen, but positioned on page for printing*/


#footer {	
	margin: 0 0 0px 0px;
	padding: 10px 20px 10px 20px;
	font-size: 100%;
}

td.tdfoot img {
margin: 10px 0px 0px 10px; 
}



.searchBox{font-size:100%;background-color:transparent;} 
.searchBox input#searchText{margin:0 0 2px 0;padding:2px;border:1px solid #666;font-size:85%;width:10em;overflow:hidden;display:inline;} 
.searchBox input#searchText:hover,.searchBox input#searchText:focus{border-width:1px;border-style:solid}
.searchBox input.searchButton{margin:0px 0 2px 0;padding:1px 1px 1px 15px;font-size:85%;background:#fff url('/betterdesign2/images/search_icon.gif') 2px 1px no-repeat;border:10px solid #666;width:4em} 
.searchBox p{margin:0;padding:0}
.searchBox form{margin:0; padding:0;} /*also modified in idt2print CSS*/



#topBox {
right:10px;
top:5px;
padding:10px 10px 0px 0px;
white-space:nowrap;
text-align:right

}



/*---------------------------------------
	Menu formatting
---------------------------------------*/

td.tdmenu {
min-height: 400px;
	font-size: 125%;
}

#navbarorig{
padding-right:13px; /*Also modified in IE7 CSS */
}  /*also modified in idt2print CSS*/



#Menu ul li a{
width: 180px;
}  /*also modified in print stylesheet */




#Menu{position:relative;margin:0;padding: 0 0 10px 0;}
#Menu ul{
position:relative;margin:0;padding:0;list-style:none;background:transparent; display: block;
}
#Menu ul li{position:relative;list-style:none;float:left;
 padding: 0px 0px 0px 0px;
 margin:0 0 0 0;
display:block;
line-height:1.2em;
}
#Menu ul li a{
text-decoration:none;
font-size:85%;
height:1%; 
text-align:left;
	font-weight: 600;
display:block;
padding:0.7em 0 0.7em 7px;
        border-width: 0px 0px 0px 0px; /*0px 0px 1px 0px for lines*/
        border-style: solid;
/* margin:0 0 0 0;*/
} /*also modified in idt2print CSS*/



#Menu ul li a.on{
display:block; 
font-weight:600; 
padding:0.7em 0 0.7em 7px;
 margin:0 0 0 0;
} /*also modified in idt2print CSS*/


#Menu ul li a:hover{display:block;  
padding:0.7em 0 0.7em 7px;
 margin:0 0 0 0;
}


#Menu ul li a.on:hover{display:block; padding:0.7em 0 0.7em 7px;
 margin:0 0 0 0;
}



/*** Menu level 2 ***/
#Menu ul li ul{
margin:0 0 0 20px;
padding:0;
list-style:none;
        border-style: solid;
display: block;
border: 0px solid;
}

#Menu ul li ul li{
border: 0px;
line-height:1.2em;
list-style:none;
padding:0;
 margin:0 0 0 4px; 
        border-width: 0px 0px 0px 0px;
        border-style: solid;
display:block;
} /*also modified in idt2print CSS*/



#Menu ul li ul li a{
text-decoration:none;
display:block;
padding:0.4em 5px 0.4em 10px;
margin:0;
text-align:left; 
width:146px; 
border:0px solid;
}/*also modified in idt2print CSS*/

#Menu ul li ul li a.on{border-top:none;
font-weight:bold;  width:146px;  
padding:0.4em 5px 0.4em 10px;
margin:0;
display:block;}/*also modified in idt2print CSS*/

#Menu ul li ul li a:hover{padding:0.4em 5px 0.4em 10px;
margin:0;display:block;}

#Menu ul li ul li a.on:hover{background-image:none;  padding:0.4em 5px 0.4em 10px;
margin:0; display:block;}



div#idt-screen-switcher label {
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
	font-size:100%;
}

div#idt-screen-switcher form {
	margin:0; 
}	

div#idt-screen-switcher fieldset {
	border: none; 
	margin: 0;
	padding: 0;
}	






div#idt-screen-switcher select {
font-size:100%;
	margin: 10px 0px 10px 0px;
padding: 3px 0px 3px 3px;
}	

/*Nasty hack to make sure that links to font size have an appropriate background*/
#idt-screen-switcher{
margin: 0 0 0px -20px;
	padding: 5px 0 0 20px;
}  /*positioned offscreen in idt2print CSS*/



#fontBox a{
text-decoration:none;
}

#fontBox a:hover, #fontBox a:focus
 {text-decoration:underline;}


#mainMenu {
padding: 0px 0 5px 0px;
} /*positioned offscreen in idt2print CSS*/



/*---------------------------------------
	Font changer
---------------------------------------*/
#fontBox{font-size:100%;margin:0px 0 0px 20px;text-align:left; font-weight:bold; }
#fontBox a.fontSize{margin:0 0 0 4px;padding:1px 5px;font-size:150%;font-weight:bold;background:transparent;color:#009}


/*--------------------------------
Layout table formatting on lowest level pages
--------------------------*/

table.layouttable {
width: 100%;
}

td.layoutleft, td.pgtitle, td.layoutone {
 padding-left: 15px;
} 

td.layoutleft {
padding-top: 10px;
}

td.layoutmid {
padding: 10px;
}

td.layoutright {
width: 1px; 
padding-top: 10px;
padding-right: 15px;
} /*also modified in print stylesheet */



td.layoutone {
 padding-top: 20px;
 padding-right: 20px;
 padding-bottom: 20px;

}/*also modified in print stylesheet */


td.pgmarker {
border-bottom: 1px solid;
text-align: right;
}



td.pgtitle {
border-bottom: 0px solid;
vertical-align:middle;
}

td.lastpgmarker {
text-align: right
}

td.next_section {
padding-bottom: 20px;
}


td.next_section img {
padding-right: 20px;
}


div.tblimgtop, div.tblimgwide {
margin-top: 0.8em;

} /*div.tblimgwide used for the design process map, physical size modified in print stylesheet*/

div.tblimgbot {
margin-top: 40px;
}  /*physical size modified in print stylesheet*/


table.layouttable {
width: 100%;
}




div.map_wrapper, div.map_text_wrapper {
position: relative;
margin: 0px auto;
width: 570px;
}

div.map_wrapper_mini, div.map_wrapper_mini_manage {
position: relative;
width: 400px;
}


div.map_wrapper_mini_manage a, div.map_wrapper_mini a, div.map_wrapper a {
display: block;
position: absolute;
font-size: 0px;
text-decoration: none;
background-repeat: no-repeat;
}


div.map_wrapper_mini_manage a {
width: 75px;
    height: 74px;
}


div.map_wrapper_mini a, div.map_wrapper a {
width: 67px;
    height: 66px;
}

/*
#name {
background-image:  url('/betterdesign2/common_images/name.png');
}

#name:hover, #name:focus {
 background-image: url('/betterdesign2/common_images/name_highlight.png');
}
*/

a.create_stakeholder {
background-image:  url('/betterdesign2/common_images/create_stake.png');
}


a.create_stakeholder:hover, a.create_stakeholder:focus {
 background-image: url('/betterdesign2/common_images/create_stake_highlight.png');
}


a.observe_user {
background-image:  url('/betterdesign2/common_images/observe_users.png');
}

a.observe_user:hover, a.observe_user:focus {
 background-image: url('/betterdesign2/common_images/observe_users_highlight.png');
}



a.generate_personas {
background-image:  url('/betterdesign2/common_images/generate_personas.png');
}

a.generate_personas:hover, a.generate_personas:focus {
 background-image: url('/betterdesign2/common_images/generate_personas_highlight.png');
}

a.describe_user{
background-image:  url('/betterdesign2/common_images/describe_user.png');
}

a.describe_user:hover, a.describe_user:focus  {
background-image:  url('/betterdesign2/common_images/describe_user_highlight.png');
}

a.needs_link {
 background-image: url('/betterdesign2/common_images/capture_needs.png');
}

a.needs_link:hover, a.needs_link:focus {
 background-image: url('/betterdesign2/common_images/capture_needs_highlight.png');
}



a.stimulate_ideas {
 background-image: url('/betterdesign2/common_images/stimulate_ideas.png');
}

a.stimulate_ideas:hover, a.stimulate_ideas:focus {
 background-image: url('/betterdesign2/common_images/stimulate_ideas_highlight.png');
}


a.develop_concepts {
 background-image: url('/betterdesign2/common_images/develop_concepts.png');
}

a.develop_concepts:hover, a.develop_concepts:focus {
 background-image: url('/betterdesign2/common_images/develop_concepts_highlight.png');
}


a.make_prototypes {
 background-image: url('/betterdesign2/common_images/make_prototypes.png');
}

a.make_prototypes:hover, a.make_prototypes:focus {
 background-image: url('/betterdesign2/common_images/make_prototypes_highlight.png');
}



a.review_criteria {
 background-image: url('/betterdesign2/common_images/review_criteria.png');
}

a.review_criteria:hover, a.review_criteria:focus {
 background-image: url('/betterdesign2/common_images/review_criteria_highlight.png');
}


a.test_with_experts {
 background-image: url('/betterdesign2/common_images/test_with_experts.png');
}

a.test_with_experts:hover, a.test_with_experts:focus {
 background-image: url('/betterdesign2/common_images/test_with_experts_highlight.png');
}


a.test_with_users {
 background-image: url('/betterdesign2/common_images/test_with_users.png');
}

a.test_with_users:hover, a.test_with_users:focus {
 background-image: url('/betterdesign2/common_images/test_with_users_highlight.png');
}


a.estimate_exclusion {
 background-image: url('/betterdesign2/common_images/exclusion.png');
}

a.estimate_exclusion:hover, a.estimate_exclusion:focus {
 background-image: url('/betterdesign2/common_images/exclusion_highlight.png');
}


a.present_evidence {
 background-image: url('/betterdesign2/common_images/present_evidence.png');
}

a.present_evidence:hover, a.present_evidence:focus {
 background-image: url('/betterdesign2/common_images/present_evidence_highlight.png');
}



a.understanding {
background-image:  url('/betterdesign2/common_images/understanding.png');
}


a.understanding:hover, a.understanding:focus {
 background-image: url('/betterdesign2/common_images/understanding_highlight.png');
}



a.review_progress {
background-image:  url('/betterdesign2/common_images/review_progress.png');
}


a.review_progress:hover, a.review_progress:focus {
 background-image: url('/betterdesign2/common_images/review_progress_highlight.png');
}



a.product_goals {
background-image:  url('/betterdesign2/common_images/product_goals.png');
}


a.product_goals:hover, a.product_goals:focus {
 background-image: url('/betterdesign2/common_images/product_goals_highlight.png');
}



a.business_case {
background-image:  url('/betterdesign2/common_images/business_case.png');
}


a.business_case:hover, a.business_case:focus {
 background-image: url('/betterdesign2/common_images/business_case_highlight.png');
}

/*----------------------------------------
 Layout Stuff related to about us pages
----------------------------------------*/


table.tblcontofsect {
margin: -3px 0 0 0;
}



td.controw {
padding-bottom: 20px;
padding-right: 10px;
}




/*---------------------------------------
	layout stuff for homepage
---------------------------------------*/

td.layoutrighthome {
width: 1%; 
padding-top: 10px;
padding-right: 0px;
border-left: 0px solid;
}

table.homeheadings img {
	margin: 0px 10px 0px 0px;
}

table.homeheadings {
	margin: 0px 0px 20px 0px;
}

table.homeheadings p{
	margin-bottom: 0px;
padding-bottom: 0px;
}


div.tocitem {
margin: 0 0 0px 0;
	padding:0 0 30px 0; 
position:relative;
float:left;
clear:both;
width:100%;
}



.tocitem p {	
	margin: 5px 0 0 88px;
	padding:0;
}

.tocitem img {
	 
	margin: 5px 20px 0px 0;
	padding:0; 
	float: left;
}



div.tocitemwide {
margin: 0 0 0px 0;
	padding:0 0 30px 0; 
position:relative;
float:left;
clear:both;
width:100%;
}



.tocitemwide p {	
	margin: 5px 0 0 158px;
	padding:0;
}

.tocitemwide img {
	 
	margin: 5px 20px 0px 0;
	padding:0; 
	float: left;
}


table.tblhomeright {
margin:0;
padding: 0;
-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
}

td.tdhomeright, td.tdhomeright2nd {
/*border-left: 1px solid;*/
/*border-bottom: 1px solid;*/
padding-bottom:15px;
padding-left:15px;
padding-right: 15px;
}

td.tdhomeright2nd {
padding-top:0px;
}

td.tdhomerighttitle {
/*border-left: 1px solid;*/
padding-top:10px;
padding-bottom:0px;
padding-left:15px;
font-size: 120%;
}

td.tdhomeright img {
margin: 0px 0 0px 0; 
} /*also modified in print stylesheet */

/*---------------------------------------
	 heading formatting
---------------------------------------*/



h1 {
	font-size: 200%;
padding-top:0px;
padding-bottom:15px; 
margin: -.34em 0 0 0;
line-height:1.25em;
}

h2 {
	margin-top: 0.5em;
margin-bottom: 0em;
margin-left: 15px;
font-size: 160%;
padding-bottom:0em;
line-height:1.25em;
}


h2.fakeh3 {
	font-size: 120%;

line-height:1.25em;
margin-left: 0px;
margin-top:12px;
margin-bottom:12px;
}

h3 {
	font-size: 120%;

line-height:1.25em;
}

h4 {
	font-size: 120%;
}


h2.home {
	margin: 0;
font-size: 140%;

padding:0;
}

h2.hometoc {
	margin: 0;
font-size: 95%;

padding:0;
}


/*Special heading for framework page on right hand side*/
h3.frameworkright {
margin-top: 8px;
}

/*---------------------------------------
Paragraph and bullet formatting
---------------------------------------*/
p{margin:0.5em 0em 1em 0em;
font-size: 14px;
}
p,#content li, caption {line-height:1.6em}

p.more-r{text-align:right;}

p.tblimgcap {
margin-top: 10px;
}

p.tblimgcapwithlink {
margin-top: 10px;
}

p.linktotop {
margin-top: 40px;
margin-bottom: 10px;
margin-right: 10px;
}

p.lastlinktotop {
margin-top: 10px;
margin-bottom: 10px;
margin-right: 10px;
}


p.quoteindent {
margin-right:30px; 
margin-left: 30px;
}

p.hometoc {
    font-size: 120%;
}   

/*Mid-level contents page*/
td.contofsect p {
font-weight: 700;
}


blockquote {
	font-weight: bold;
}

blockquote.rightquote {
	text-align: right;
}

div.further {
text-align: left;
padding: 12px 20px 5px 20px;
margin: 0 auto;
margin-top: 7px;
width: 500px;
 -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
}


@media screen and (min-width: 1100px) {  
   
div.further {
width: 650px;
}



}

div.further h3{
text-align: center;
margin: 0px;
padding: 0px;
}



#content ol{margin:0.5em 0 1.0em 0em; }
#content ul{margin:0.5em 0 0.5em 2.5em;padding:1px}

#content ul li,#content ol li{margin-bottom:0.5em;}



#content ul li ul{
list-style-type: square;
}

/*---------------------------------------
special table stuff
---------------------------------------*/

table{margin:0;padding:0;}
table tr td.centre{text-align:center}


table td{vertical-align:top}
table td.middle{vertical-align:middle}
table td.bottom{vertical-align:bottom}




table.stylized {
	border-collapse:collapse;
	text-align: left;
}	


	

table.stylized caption.bottom {
	caption-side:bottom;
	padding-top: 0.8em;
text-align: left;
}	

table.stylized th.lefta {
	text-align: left;
}		

table.stylized th.indented, table.stylized td.indented, table.stylized td.topindented  {
	text-align: left;
	padding-left: 4em;
}	

table.stylized th.center, table.stylized td.center, table.stylized td.topcenter {
	text-align: center;
}


/************ rounded box */

div.rounded-corners {
margin:10px 0px 20px 0px;
background:#f3f3f3;
border: #930 1px solid;
padding: 0px 10px 10px 10px;
     -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
}



div.sectcontents ul li{
margin:0px;
padding:0px;
}

div.sectcontents ul{
margin:0px 0px 0px 18px;
padding:0px;
}


p.pagenav{
margin:0.9em 0px 0px 0px;
padding:0px;
font-weight: bold;
}
p.centred {
text-align: center;
}

img.PDF_download {
margin-top: -8px; 
margin-bottom: -6px; 
margin-left: 10px;
}

h3.centred {
text-align: center;
}

.print {
display: none;
}

#menu_print {
display: none;
} 


/*hack to avoid <a name links &nbsp appearing with underline*/
td.pgmarker a, td.lastpgmarker a{
text-decoration: none;
}

div.further a {
text-decoration: underline;
}
/*end hack*/




/*Mouse over image magnification*/
div.container { position: relative;}
img.magnifier { position: absolute; left: 15px; top:15px; }
div.container img.magnifier { visibility: hidden; }
div.container:hover img.magnifier { visibility: visible; }
div.container {
padding: 5px;
}
div.container:hover {padding: 3px;}



/*Purchasing buttons*/

p.buttons_text {
text-align: center;
margin: 10px 0 4px 0;
padding: 0;
}




a.gloves {
display: inline-block;
background-repeat: no-repeat;
}

div#gloves_smallbox, div#gloves_largebox {
width: 393px;
padding-bottom: 5px;
margin:0px auto 30px auto;
}

div#gloves_smallbox_highlight, div#gloves_largebox_highlight {
background-color: #ff9;
width: 393px;
padding-bottom: 5px;
margin:0px auto 30px auto;
}



div#gloves_smallregions {
margin: 5px 8px;
}

div#gloves_largeregions {
margin: 5px 8px;
}

a#gloves_small {
width: 393px;
height: 71px;
background-image: url('http://www.inclusivedesigntoolkit.com/betterdesign2/gloves/small_gloves.png');
}

a#gloves_small:hover, a#gloves_small_highlight {
background-image: url('http://www.inclusivedesigntoolkit.com/betterdesign2/gloves/small_gloves_highlight.png');
width: 393px;
height: 71px;
}

a#gloves_large {
background-image: url('http://www.inclusivedesigntoolkit.com/betterdesign2/gloves/large_gloves.png');
width: 393px;
height: 71px;
}

a#gloves_large:hover, a#gloves_large_highlight {
background-image: url('http://www.inclusivedesigntoolkit.com/betterdesign2/gloves/large_gloves_highlight.png');
width: 393px;
height: 71px;
}






a.glasses {
display: inline-block;
background-repeat: no-repeat;
}

div#glasses5box, div#glasses50box {
width: 393px;
padding-bottom: 5px;
margin:0px auto 30px auto;
}

div#glasses5box_highlight, div#glasses50box_highlight {
background-color: #ff9;
width: 393px;
padding-bottom: 5px;
margin:0px auto 30px auto;
}



div#glasses5regions {
margin: 5px 8px;
}

div#glasses50regions {
margin: 5px 8px;
}

a#glasses5 {
width: 393px;
height: 71px;
background-image: url('http://www.inclusivedesigntoolkit.com/betterdesign2/csg/5_pack.png');
}

a#glasses5:hover, a#glasses5_highlight {
background-image: url('http://www.inclusivedesigntoolkit.com/betterdesign2/csg/5_pack_highlight.png');
width: 393px;
height: 71px;
}

a#glasses50 {
background-image: url('http://www.inclusivedesigntoolkit.com/betterdesign2/csg/50_pack.png');
width: 393px;
height: 71px;
}

a#glasses50:hover, a#glasses50_highlight {
background-image: url('http://www.inclusivedesigntoolkit.com/betterdesign2/csg/50_pack_highlight.png');
width: 393px;
height: 71px;
}




a#uk_5, a#uk_50 {
background-image: url('http://www.inclusivedesigntoolkit.com/betterdesign2/common_images/UK.png');
width: 104px;
height: 110px;
}


a#uk_5:hover, a#uk_50:hover {
background-image: url('http://www.inclusivedesigntoolkit.com/betterdesign2/common_images/UK_highlight.png');
width: 104px;
height: 110px;
}

a#europe_small, a#europe_large, a#europe5, a#europe50 {
background-image: url('http://www.inclusivedesigntoolkit.com/betterdesign2/common_images/EU.png');
width: 104px;
height: 110px;
margin: 0 5px;
}

a#europe_small:hover, a#europe_small_highlight, a#europe_large:hover, a#europe_large_highlight, a#europe5:hover, a#europe5_highlight, a#europe50:hover, a#europe50_highlight {
background-image: url('http://www.inclusivedesigntoolkit.com/betterdesign2/common_images/EU_highlight.png');
width: 104px;
height: 110px;
margin: 0 5px;
}

a#world_5, a#world_50{
background-image: url('http://www.inclusivedesigntoolkit.com/betterdesign2/common_images/World.png');
width: 148px;
height: 110px;
}

a#world_5:hover, a#world_50:hover {
background-image: url('http://www.inclusivedesigntoolkit.com/betterdesign2/common_images/World_highlight.png');
width: 148px;
height: 110px;
}

a#individual_5, a#individual_50  {
background-image: url('http://www.inclusivedesigntoolkit.com/betterdesign2/common_images/Individual.png');
width: 124px;
height: 110px;
margin-left: 50px;
margin-right: 5 px;
}


a#individual_5:hover, a#individual_50:hover {
background-image: url('http://www.inclusivedesigntoolkit.com/betterdesign2/common_images/Individual_highlight.png');
width: 124px;
height: 110px;
margin-left: 50px;
margin-right: 5 px;
}


a#business_5,  a#business_50{
background-image: url('http://www.inclusivedesigntoolkit.com/betterdesign2/common_images/Business.png');
width: 124px;
height: 110px;
}

a#business_5:hover, a#business_50:hover  {
background-image: url('http://www.inclusivedesigntoolkit.com/betterdesign2/common_images/Business_highlight.png');
width: 124px;
height: 110px;
}







p.large_caption{margin: 10px 0 10px 0;
padding: 0px;
}

div.large_object_wrapper{position: relative;
}

@media (max-width: 850px){div.large_object_wrapper{width: 200px;;}}

@media (min-width: 850px){div.large_object_wrapper{width: 300px;;}}

@media (min-width: 1125px){div.large_object_wrapper{width: 400px;;}}

a.large_object{display: block;
margin: auto; 
background-repeat: no-repeat;
z-index: 0;
position: absolute;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
background-size: 100% auto;
}

div.large_object_and_paragraph{margin-top: 20px;
margin-bottom: 20px;
}

p.carousel_caption{padding: 0px;
font-size: 120%;
margin: 10px 0 10px 0;}

div.carousel_object{background-repeat: no-repeat;}

div.carousel_object_and_paragraph{position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
transition: opacity 1s;}

div.solid{opacity: 1;}

div.transparent{opacity: 0;}

div.carousel_frame{position: relative;
}

@media (max-width: 850px){div.carousel_frame{width: 200px;;}}

@media (min-width: 850px){div.carousel_frame{width: 300px;;}}

@media (min-width: 1125px){div.carousel_frame{width: 400px;;}}

table.layouttable{height: 650px;}

div.carousel_control{background: #555;
text-align: center;}

@media (max-width: 850px){div.carousel_control{width: 200px;;}}

@media (min-width: 850px){div.carousel_control{width: 300px;;}}

@media (min-width: 1125px){div.carousel_control{width: 400px;;}}

div.previous_control:hover, div.next_control:hover{background:#000;}

div.previous_control{float: left;}

div.next_control{float: right;}