
@charset "utf-8";
/* CSS Document */
/*-----RESET AND GLOBAL-----*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,  footer, header, hgroup, 
menu, nav, section, summary, time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}  

                
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display:block;
}
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }


body { font:13px/1.231 sans-serif; *font-size:small; } 
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

body, select, input, textarea {   color: #444; }
h1,h2,h3,h4,h5,h6 { font-weight: bold; }
html { -webkit-font-smoothing:antialiased; overflow-y: scroll; }

a:hover, a:active { outline: none; }
a, a:active, a:visited { color:#218A3D; }
a:hover { color: #94C947; }

ol { list-style-type: decimal; }
li{ list-style:none;}

nav ul, nav li { margin: 0; } 
small { font-size: 85%; }
strong, th { font-weight: bold; }
td, td img { vertical-align: top; } 
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
pre {  padding: 15px;  white-space: pre;  white-space: pre-wrap;  white-space: pre-line;  word-wrap: break-word; }
textarea { overflow: auto; } 
.ie6 legend, .ie7 legend { margin-left: -7px; } 
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type=button], input[type=submit], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { border-radius: 1px;  -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red;  box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, 
.no-boxshadow textarea:invalid { background-color: #f0dddd; }

::-moz-selection{ background: #0CF; color:#fff; text-shadow: none; }
::selection { background: #0CF; color:#fff; text-shadow: none; } 
a:link { -webkit-tap-highlight-color: #FF5E99; } 

button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }
a{outline:none;}

 /* Primary Layout
    Author: Door To Door Organics
 */

@font-face {
font-family: 'BastardusSansRegular';
src:  url('../fonts/bastardussans-webfont.eot');
src: url('../fonts/bastardussans-webfont.eot?iefix') format('eot'),
url('../fonts/bastardussans-webfont.woff') format('woff'),
url('../fonts/bastardussans-webfont.ttf') format('truetype'),
url('../fonts/bastardussans-webfont.svg#webfontr6xeKkZ2') format('svg');
font-weight: normal;
font-style: normal;
}

html{
text-align:center;	
}

body{
text-align:left;
margin:0 auto;
width:960px;
background:#F26322 url(http://colorado.doortodoororganics.com/images/lp_images/body-bg.jpg) repeat;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

/*----------Begin Layout Styles
----------*/


	div#wrap,div#container{
	width:960px;
	position:relative;
	float:left;
	}
	
	.ie6 div#bottom-spacer,.ie6 footer,.ie6 div#wrap,.ie6 div#container,.ie6 div#branding{
	width:960px;
	margin:0;
	padding:0;
	clear:both;	
	word-wrap:break-word;
	overflow:hidden; /* Necessary so IE6 does not push the divs out further to the right*/
}

/*-----Begin Header Contents-----*/
		header{
		width:100%;
		height:auto;
		float:left;
		position:relative;
		margin:10px 10px 10px 18px;
		}
		
		.ie6 header{
		width:951px;
		margin:5px 0 5px 9px;	
		}
		
		/*--Top Navigation--*/
		div#top-nav{
		width:100%;	
		height:auto;
		float:left;
		position:relative;
		margin:0 15px 0 0;
		}
		
		.ie6 div#top-nav{
		display:none;	
		}
		
			div#top-nav ul{
			width:auto;
			display:inline-block;
			float:right;
			margin:0 10px 0 0;
			}
			
			.ie6 div#top-nav ul{
			width:300px;
			margin:10px 0;	
			}
			
				div#top-nav ul li{
				float:left;
				margin:0 10px 0 10px;
				}
				
				div#top-nav ul li.top-last{
				margin:0 20px 0 10px;
				}
				
				.ie6 div#top-nav ul li.top-last{
				margin:0;
				}
				
				/*IE6 Display*/
		div#ie6-top-nav{
		width:100%;	
		height:auto;
		float:left;
		position:relative;
		margin:0 15px 0 0;
		}
		
			div#ie6-top-nav ul{
			width:auto;
			display:inline-block;
			float:right;
			margin:0 10px 0 0;
			}
			
				div#ie6-top-nav ul li{
				float:left;
				margin:0 10px 0 10px;
				}
				
				div#ie6-top-nav ul li.top-last{
				margin:0 20px 0 10px;
				}
				
		/*--End Top Navigation--*/
			
		h1{
		float:left;	
		}

		nav{
		position:relative;
		float:left;
		width:700px;
		margin:30px 0 0 0;
		text-align:center;
		}
		
			nav a{
			margin:0 20px;
			padding:30px 0 0 0;
			display:inline-block;
			vertical-align:middle;
			color:#218A3D;	
			text-decoration:none;
			text-transform:lowercase;
			font-size:2em;
			font-family:'BastardusSansRegular',"Lucida Sans Unicode", "Lucida Grande", sans-serif;
			}
		
			nav a:hover{
			color:#598B32;
			}

			nav a.sun:hover{
			background: url(../images/lp_images/sun-hover.png) center top no-repeat;
			}

			nav a.grass:hover{
			background: url(../images/lp_images/grass-hover.png) center top no-repeat;	
			}
			
			.ie7 nav a,.ie6 nav a{
			margin:0 10px 0 30px;	
			}
			
			
		/*
			nav a:first-child{
			margin:0 20px 0 60px;
			}

			.ie7 nav a:first-child{
			margin:0 10px 0 30px;	
			}

			nav a:last-child{
			margin:0 0 0 20px;	
			}
			
	
	nav a:nth-child(even):hover{
	background: url(../images/lp_images/sun-hover.png) center top no-repeat;
	}
	
	nav a:nth-child(odd):hover{
	background: url(../images/lp_images/grass-hover.png) center top no-repeat;
	}

*/

		
        nav a span.new{
        text-indent:-9999px;
        background: url(/images/lp_images/new.png) center no-repeat;
        width:55px;
        height:50px;
        display:block;
        position:absolute;
        margin:-45px 55px;
        }
        
        .ie7 nav a span.new{
        background: url(/images/lp_images/new.png) center no-repeat;
        width:55px;
        height:50px;
        display:inline-block;
        position:absolute;
        margin:-15px -25px;
        }
        
        .ie6 nav a span.new{
        background: url(/images/lp_images/new.gif) center no-repeat;
        width:55px;
        height:50px;
        display:inline-block;
        position:absolute;
        margin:-15px -25px;
        }

        
/*-----End Header Contents-----*/

/*-----Begin Branding Section-----*/

	div#branding{
	float:left;
	position:relative;
	width:100%;
	}
		
/*--Fader Slider--*/
#slideshowWrapper{
width:610px;
height:430px;
float:left;
position:relative;
margin:10px 10px 10px 18px;
}

ul#slideshow{
width:610px;
position:relative;
height:430px;
overflow:hidden;
border:1px solid #999;
padding:1px;	
}

#fssList{
list-style:none;
width:610px;
margin:auto;
padding:3px 0 0 45%;
}

#fssList li{
display:inline-block;
width:22px;
height:22px;
}


#fssList li a{
display:block; 
text-indent:-9999px; 
height:22px;
background: url(../images/lp_images/sprites.png) 0 -691px no-repeat; 
outline:none;
}

.ie7 #fssList, .ie6 #fssList{
position:absolute;
top:-2px;
left:-274px;
z-index:100;	
}

#fssList li.fssActive a{
background:url(../images/lp_images/sprites.png) 0 -713px no-repeat;
}

.comment{
width:610px;
height:112px;
position:absolute;
bottom:0;
left:0;
background-image: url(../images/lp_images/comment-sprites.png);
background-repeat:no-repeat;
}

.color_0{
background-position:0 0;	
}

.color_1{
background-position:0 -116px;	
}

.color_2{
background-position:0 -230px;	
}

.color_3{
background-position:0 -345px;	
}

.color_4{
background-position:0 -460px;	
}

.color_5{
background-position:0 -576px;	
}

.comment h2{
margin:40px 10px 0 10px;
font-family:'BastardusSansRegular',"Lucida Sans Unicode", "Lucida Grande", sans-serif;	
font-weight:normal;
color:#fff;
font-size:2em;
}

.comment h2 a{
color: #F99D28;
text-decoration:none;
}

.ie6 .comment h2 a{
color:#F26322;	
}

.comment h2 a:hover{
color:#F99D28;
text-decoration:underline;
}

.comment p{
display:inline-block;
margin:-5px 0 0 10px;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:1.2em;
color: #F99D28;
float:left;
line-height:36px;
padding:0;
}

a.get-cooking-btn{
background:url(/images/lp_images/get-cooking-btn.png) center no-repeat;
width:176px;
height:46px;
text-indent:-9999px;
display:inline-block;
position:absolute;
bottom:10px;
left:300px;
}

.ie8 a.get-cooking-btn,.ie7 a.get-cooking-btn{
background:url(/images/lp_images/get-cooking-btn.png) center no-repeat;
width:176px;
height:46px;
text-indent:-9999px;
display:inline-block;
position:absolute;
bottom:10px;
left:300px;
}

.ie6 a.get-cooking-btn{
background:url(/images/lp_images/get-cooking-btn.gif) center no-repeat;
width:176px;
height:46px;
text-indent:-9999px;
display:block;
position:absolute;
bottom:40px;
left:300px;
}



/*IE 6 Slider Fixes*/
.ie6 div#slideshowWrapper{
margin:10px 6px 10px 9px;
overflow:hidden;
height:430px;
}
.ie6 ul#slideshow{
width:610px;
height:430px;
position:relative;
height:430px;
overflow:hidden;
border:none;
}
.ie6 .comment{
background:url(../images/lp_images/sprites.png) -1px -607px repeat-x;
height:115px;
padding:0;
position:absolute;
bottom:-30px;
left:0;
}
.ie6 div#slideshowWrapper h2{
margin:10px 10px 0 10px;	
}

/*--End Fader Slider--*/		
		
		div#lead{
		width:310px;
		float:left;
		margin:0;
		}
		
			div#lead p{
			padding:5px 10px;
			display:inline-block;
            font-size:16px;
            line-height:23px ;
            color:#444;
			}
			
			.ie6 div#lead p{
			padding:5px 0 5px 10px;	
			}
		
		div#lead a.cta-btn1,div#lead a.cta-btn2{
		display:block;
		}
		
		div#lead a.cta-btn1{
		width:285px;
		height:81px ;
		margin:10px 0 ;
		}
		
		div#lead a.cta-btn2{
		width:245px;
		height:60px ;
		margin:20px;
		}
		
		.ie6 div#lead a.cta-btn1{
		margin:0 0 2px 5px;	
		width:285px;
		}
		
		.ie6 div#lead a.cta-btn2{
		margin:5px 0 0 22px;	
		}

/*-----End Branding Section-----*/

/*-----Begin Content Section-----*/

	div#content{
	float:left;
	position:relative;
	margin:20px 15px 10px 15px;
	width:100%;
	}
	
	.ie6 div#content{
	margin:15px 5px 10px 10px;	
	}
	
		div#left h3,div#center h3,div#right h3{
		padding:0 0 4px 0;	
		}
		
		div#left,div#center,div#right{
		position:relative;
		float:left;
		width:295px;
		}
		
		div#left{
		margin:0 10px 0 0;	
		}
		
		.ie6 div#left{
		margin:0 5px 0 0;	
		}
		
		div#center{
		margin:0 10px;	
		}
		
		.ie6 div#center{
		margin:0 5px;	
		}
		
		div#right{
		margin:0 10px;	
		}
		
		.ie6 div#right{
		margin:0 5px;	
		}
		
			div#left h4{
			margin:130px 0 0 10px;	
			}
			
			div#left q{
			margin:	0 0 0 10px;
			}
	
			div#left ul{
			width:100%;
			margin:10px 0 10px 10px;
			}
			
				div#left ul li{
				margin:10px 0;	
				}
				
				div#left ul li span{
				padding:0 2px 0 0;	
				}
		
		div#left a,div#center a{
		color: #F26322;
		text-decoration:none;
		}
		
		div#left a:hover,div#center a:hover{
		color: #F99D28;
		text-decoration:underline;
		}
		
		div#center img{
		display:block;
		max-width:130px;
		min-width:130px;
		min-height:270px;
		float:left;
		margin:20px 10px 0 0;
		}
		
		.ie7 div#center img{
		float:left;
		width:130px;
		}
		
		.ie6 div#center img{
		display:run-in;
		}
		
		div#center h5{
		width:100%;
		margin:20px 10px 10px 0;
		}
		
		.ie6 div#center h5{
		float:left;	
		}
		
		div#center p{
		display:block;
		margin:8px 0;
		}
		
		.ie6 div#center p:first-child{
		position:absolute;
		left:135px;
		top:70px;
		}
		
		.ie6 div#ie6-wrap,.ie7 div#ie6-wrap{
		float:right;
		display:block;
		width:120px;
		clear:right;
		}
		
		
	div#tweets{
	width:100%;	
	}
	
	#tweets li {
	padding: 6px;
	line-height:150%;
	}
	
	#tweets li:first-child{
	margin:10px 0 0 0;	
	}
	
	.ie6 #tweets ul{
	margin:10px 0 0 0;	
	}
	
div#right a.follow{
display:block;
float:right;
margin:10px 0;
}

/*-----End Content Section-----*/

div#bottom-spacer{
width:100%;
height:90px;
float:left;
margin:0;
padding:0;
}

/*-----Begin Footer Section-----*/

	footer{
	position:relative;
	float:left;
	width:100%;
	margin:10px;
	padding:10px 0 0 0;
	text-align:center;
	}
	
	footer a{
	display:inline;
	margin:0 auto;
	padding:5px;
	}

	footer p, footer a{
	color:#fff;	
	font-size:.9em;
	}


/*-----End Footer Section-----*/

/*----------END Layout Styles
----------*/

/*----------Begin Visual Styles
----------*/

div#container{
background:#e9e4df url(http://colorado.doortodoororganics.com/images/lp_images/wrap-bg.jpg) top center repeat-x;
-moz-border-radius:0 0 15px 15px;
-webkit-border-radius:0 0 15px 15px;
border-radius:0 0 15px 15px;
-moz-box-shadow:rgba(0,0,0,.5) 0 1px 10px;
webkit-box-shadow:rgba(0,0,0,.5) 0 1px 10px;
box-shadow:rgba(0,0,0,.5) 0 1px 10px;
}

name="code">img {
color: #0C0;
font: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
padding:5px;
border:thin #C30 solid;
}

h2,h3,h4,h5{
font-family:'BastardusSansRegular',"Lucida Sans Unicode", "Lucida Grande", sans-serif;	
font-weight:normal;
}

h3{
font-size:1.9em;
color:#218A3D;
}

h4{
color:#218A3D;
}

/*-----Begin Header Styles-----*/

h1{
background: url(http://colorado.doortodoororganics.com/images/lp_images/dtdo-logo.png) center no-repeat;
width:220px;
height:147px;
text-indent:-9999px;
}

.ie6 h1{
background: url(http://colorado.doortodoororganics.com/images/lp_images/ie6-dtdo-logo.gif) center no-repeat;
width:220px;
height:147px;
text-indent:-9999px;
}

div#top-nav ul li a{
color:#F26322;	
font-family:'BastardusSansRegular',"Lucida Sans Unicode", "Lucida Grande", sans-serif;	
font-size:1.3em;
text-decoration:none;
}

	div#top-nav ul li a:hover{
	color: #F99D28;
	text-decoration:underline;
	}
	
div#ie6-top-nav ul li a{
color:#F26322;	
font-family:'BastardusSansRegular',"Lucida Sans Unicode", "Lucida Grande", sans-serif;	
font-size:1.3em;
text-decoration:none;
}

	div#ie6-top-nav ul li a:hover{
	color:#F99D28;
	text-decoration:underline;
	}
	
/*-----End Header Styles-----*/

/*-----Begin Branding Styles-----*/

div#lead h2{
font-size:2.7em;
margin:0 0 0 10px;
}

.ie6 div#lead h2{
margin:0 0 0 10px;
font-size:30px;
}

div#lead h2 span{
color:#F26322;	
}

div#lead p a{
color:#F26322;	
}

div#lead a{
color:#F26322;
text-decoration:none;	
}

div#lead a:hover{
color:#F99D28;
text-decoration: underline;	
}

div#lead a.cta-btn1,div#lead a.cta-btn2{
background-image:url(http://colorado.doortodoororganics.com/images/lp_images/sprites.png);
background-repeat: no-repeat;
text-indent:-9999px;
}

.ie6 div#lead a.cta-btn1,.ie6 div#lead a.cta-btn2{
background-image:url(http://colorado.doortodoororganics.com/images/lp_images/ie6-sprites.gif);
background-repeat: no-repeat;
text-indent:-9999px;
}

div#lead a.cta-btn1{
background-position:0 0;
}

div#lead a.cta-btn2{
background-position:0 -84px;
}

	div#lead a.cta-btn1:hover{
	background-position:0 -155px;	
	}
	
	div#lead a.cta-btn2:hover{
	background-position:0 -251px;
	}

/*------End Branding Styles-----*/

/*-----Begin Content Styles-----*/

div#left h3,div#center h3,div#right h3{
border-bottom:#333 2px dotted;	
}

div#left{
background:url(http://colorado.doortodoororganics.com/images/lp_images/service-bg.png) center 50px no-repeat;	
}

.ie6 div#left{
background:url(http://colorado.doortodoororganics.com/images/lp_images/ie6-service-bg.gif) center 50px no-repeat;	
}

div#left h4{
font-size:2.5em;
}

div#left q{
color:#F26322;
}


div#left ul li span{
color: #218A3D;	
font-family:'BastardusSansRegular',"Lucida Sans Unicode", "Lucida Grande", sans-serif;	
font-size:1.5em;
}

div#center h5{
color:#F26322;
font-size:1.7em;
}

div#center p {
font-size:13px;
line-height:18px;	
}

div#right a.follow{
font-family:'BastardusSansRegular',"Lucida Sans Unicode", "Lucida Grande", sans-serif;
color: #218A3D;	
text-decoration:none;
font-size:1.2em;
}

	#tweets p{
    font-size:13px;
	line-height:18px;	
    }

	#tweets .hash { 
	color:#F26322; 
	} 

	#tweets .reply { 
	color:#218A3D; 
	} 

	#tweets a:link { 
	text-decoration:underline; 
	color: #F26322;
	}
	
	#tweets a:active { 
	text-decoration:underline; 
	color:#F99D28;
	}
	
	#tweets a:hover { 
	text-decoration:underline; 
	color:#F99D28;
	}
	
	#tweets a:visited { 
	text-decoration:underline; 
	color: #94C947;
	}

div#right a.follow:hover{
color: #94C947;	
text-decoration:underline;
}

/*--SOcial Icons--*/
.ie7 h4.social-icon{
margin:15px -290px;	
}

a.twitter-icon,a.facebook-icon{
display:inline-block;
width:42px;
height:42px;
background: url(http://colorado.doortodoororganics.com/images/lp_images/social-icons-sprites.png) no-repeat;
float:left;
text-indent:-9999px;
}
a.twitter-icon{
background-position:0 0;
margin:5px 5px 0 200px;	
}
a.twitter-icon:hover{
background-position:0 -43px;	
}
a.facebook-icon{
background-position:-43px 0;
margin:5px 0 0 5px;	
}
a.facebook-icon:hover{
background-position:-43px -43px;
}

/*------End Content Styles-----*/

div#bottom-spacer{
background:	#ebe4de url(http://colorado.doortodoororganics.com/images/lp_images/sprites.png) -1px -469px no-repeat;
-moz-border-radius:0 0 15px 15px;
-webkit-border-radius:0 0 15px 15px;
border-radius:0 0 15px 15px;
}

div#bottom-spacer{
background:	#ebe4de url(http://colorado.doortodoororganics.com/images/lp_images/ie6-sprites.gif) -1px -469px no-repeat;
}

/*---Modal---*/
  
#boxes .window {
position:absolute;
	margin:45px 380px;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  -moz-box-shadow:rgba(0,0,0,.5) 0 1px 10px;
webkit-box-shadow:rgba(0,0,0,.5) 0 1px 10px;
box-shadow:rgba(0,0,0,.5) 0 1px 10px;
border:#55892D 2px solid;
}

.ie7 #boxes .window{
top:0;
left:0;	
position:absolute;
width:440px;
height:200px;
display:none;
z-index:9999;
padding:20px;
border:#55892D 2px solid;
}

#boxes #dialog {
  width:375px; 
  height:203px;
  padding:10px;
  background:  #218A3D url(http://colorado.doortodoororganics.com/images/lp_images/login-bg.jpg) center /*repeat -90px 10px no-repeat*/;
}

.close-btn{
display:block;
position:absolute;
top:-15px;
right:-15px;
width:35px;
height:35px;
background:url(http://colorado.doortodoororganics.com/images/lp_images/sprites.png) 0 -744px no-repeat;
text-indent:-9999px;	
}

/*--Login Modal--*/

.clear{ 
clear: both; 
}

form{ 
width: 406px; 
margin:50px auto; 
}

legend{ 
display: none; 
}

fieldset{ 
border: 0; 
}

label{ 
width: 115px; 
text-align: right; 
float: left; 
margin: 0 10px 0 0; 
padding: 9px 0 0 0; 
font-size: 16px; 
}

.label-attributes{
font-family:'BastardusSansRegular',"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:24px;
color:#fff;	
}

input{ 
width: 220px; 
display: block; 
padding: 4px; 
margin: 0 0 10px 0; 
font-size: 18px;
color: #3a3a3a; 
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

input[type=checkbox]{ 
width: 20px;
margin: 0; 
display: inline-block; 
}
					  
.button	{ 
border: 1px solid #999;
-moz-border-radius: 5px; 
padding: 5px; 
color:#fff; 
font-weight:normal;	  
-webkit-border-radius: 5px; 
font-size: 13px;  
width: 70px; 
font-family:'BastardusSansRegular',"Lucida Sans Unicode", "Lucida Grande", sans-serif;
background-color:#BD4E0D;
}

.button:hover{ 
background:#E49C20; 
color: black; 
}

div#dialog a.forgot{
display:inline-block;
vertical-align:middle;
color: #fff;
font-size:12px;
text-decoration:none;
padding:5px 60px;
color:#94C947
}

div#dialog a.forgot:hover{
text-decoration:underline;
}


/*----------END visual Styles
----------*/
/*helper classes*/
.hidden { display: none; visibility: hidden; } 
.visuallyhidden { position: absolute !important; clip: rect(1px 1px 1px 1px);  clip: rect(1px, 1px, 1px, 1px); }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after {  content: "\0020"; display: block; height: 0; visibility: hidden;	 } 
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

@media all and (orientation:portrait) { 
  
}

@media all and (orientation:landscape) { 
  
}

@media screen and (max-device-width: 480px) {
  
  
  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}

@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; } 
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }  
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}


