/* reset */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; } 
img{border:none;}
/* clearing technique */
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {display:inline-block;}
/* mac hide \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
 /* End hide */
/*........... do not change or amalgamate the above clearfix styles ......*/

p,h1,h2,h3,h4,h5,h6,ul,ol {margin-bottom:.5em}
a img, img{border:none;display:block;}
a{
	text-decoration:none;
	color:#252e1c;
}
h1,h2,h3,h4,h5,h6{
	font-weight:bold;
}
h1{font-size:197%}/* 26px */
h2{font-size:182%}/* 24px */
h3{font-size:167%}/* 22px */
h4{font-size:152%}/* 20px */
h5{font-size:136%}/* 18px */
h6{font-size:122%}/* 16px */
li{display:block;}

body{
font-family:Arial, Helvetica, sans-serif;
font-size: 13px; 
text-align:center;/* for ie5.+*/
}
/* get rid of annoying Safari border on inputs */
:focus {outline:none;}


/* End of Reset */


html,body {
background: #ECECEC;
margin:0;
padding:0;
}

#header{
width:100%;
height:519px;
background:transparent url('http://www.datamouse.biz/img/bg-header.png') repeat-x ;
}

#headersmall{
width:100%;
height:102px;
background:transparent url('http://www.datamouse.biz/img/bg-header-small.png') repeat-x ;
}


#headerholder{
height:519px;
}

#headerholder, #headerholdersmall, #contentholder, #footerholder{
width:960px;
margin:0px auto;
}

#logo{
float:left;
margin-top:10px;
width:255px;
}

#navigation{
float:right;
margin-top:40px;
height:24px;
}
#navigation li{
display:inline;
height:24px;
padding-left:25px;
padding-right:10px;
padding-top:5px;
padding-bottom:5px;
}
#navigation li a{
color:#fff;
font-size:14px;
height:24px;
}

.navhome{background:url('http://www.datamouse.biz/img/icons/home-24.png') 0px -2px no-repeat;}
.navservices{background:url('http://www.datamouse.biz/img/icons/services-24.png') 0px -2px no-repeat;}
.navwork{background:url('http://www.datamouse.biz/img/icons/portfolio-24.png') 0px -2px no-repeat;}
.navshop{background:url('http://www.datamouse.biz/img/icons/shop-24.png') 0px -2px no-repeat;}
.navblog{background:url('http://www.datamouse.biz/img/icons/blog-24.png') 0px -2px no-repeat;}
.navportfolio{background:url('http://www.datamouse.biz/img/icons/portfolio-24.png') 0px -2px no-repeat;}
.navtestimonials{background:url('http://www.datamouse.biz/img/icons/blog-24.png') 0px -2px no-repeat;}

#breadcrumbs{
clear:right;
float:right;
}

#breadcrumbs p{
font-weight:bold;
padding-top:10px;
font-size:10px;
color:#356a05;
text-shadow: 1px 1px #dfffc3;
} 

#breadcrumbs a{
font-weight:bold;
font-size:10px;
color:#356a05;
text-shadow: 1px 1px #dfffc3;
}

#contentarea{
clear:both;
float:left;
width:100%;
background:#ECECEC url('http://www.datamouse.biz/img/bg-body.png') repeat-x;
}

#footerarea{
clear:both;
float:left;
width:100%;
height:251px;
padding-top:20px;
background:#1e1e1e url('http://www.datamouse.biz/img/bg-footer.png') repeat-x;
}

/* Image Slider */


/* fixed header */
#headerimageholder{


































float:left;
margin:0 auto;
}

#headerimageholder img{
background: #fff;
border:1px solid #999;
padding: 1px; 
}

/* Slide Main Image */

#leftPanel { 
width: 764px; 
height: 379px; 
background: #83B655;
border:1px solid #fff;
padding: 1px; 
margin: 0 20px 0 0;
float: left; 
overflow: hidden;
}

/* Slider Thumbnails Panel */

#rightPanel { 
width: 145px; 
height: 269px; 
margin: 0 0 0 25px;
float: left; 
overflow: hidden;
}

#imagePanel { 
margin: -107px 0px 0px 0px; 
}

#imagePanel div { 
overflow: hidden; 
}

#imagePanel div img {
display: block; 
margin: 10px 0 12px 0; 
cursor: pointer;
background: #fff;
border:1px solid #999;
padding: 1px; 
}

#imagePanel p { 
font-family: arial; 
}
  

/* Image Slider Up and Down Buttons */

#slider-up{
float: left;
width: 140px;
height: 48px;
margin: 5px 0 5px 25px;
}

#slider-up a{
display: block;
margin: 0 0 0 45px;
cursor: pointer;
}

#slider-down{
float: left;
width: 140px;
height: 48px;
margin: 5px 0 0 25px;
}

#slider-down a{
display: block;
margin: 8px 0 0 45px;
cursor: pointer;
}

/* Image Slider Container and Background */

#header-slider{
height: 455px;
}
			
#header-slider-container{
width: 960px;
margin: 0 auto 0 auto;
padding-top: 33px;
}


/* Content Box 1 */

#box1{
width: 270px;
float: left;
padding: 30px 10px 0 10px;
}

#box1 a{
font-family: arial, helvetica, sans-serif;
font-size: 0.9em;
font-weight: bold;
color: #393939;
float: right;
width: 65px;
}

#box1 a:hover{
color: #141414;
}

#box1-icon{
background: url('http://www.datamouse.biz/img/icons/screen-64.png') no-repeat;
width: 64px;
height: 64px;
float: left;
margin: 0 10px 0 0;
}

/* Content Box 2 */

#box2{
width: 270px;
float: left;
padding: 30px 55px 0 55px;
}

#box2 a{
font-family: arial, helvetica, sans-serif;
font-size: 0.9em;
font-weight: bold;
color: #393939;
float: right;
width: 65px;
}

#box2 a:hover{
color: #141414;
}

#box2-icon{
background: url('http://www.datamouse.biz/img/icons/paintbrush-64.png') no-repeat;
width: 64px;
height: 64px;
float: left;
margin: 7px 10px 0 0;
}

/* Content Box 3 */

#box3{
width: 270px;
float: left;
padding: 30px 10px 0 10px;
}

#box3 a{
font-family: arial, helvetica, sans-serif;
font-size: 0.9em;
font-weight: bold;
color: #393939;
float: right;
width: 65px;
}

#box3 a:hover{
color: #141414;
}

#box3-icon{
background: url('http://www.datamouse.biz/img/icons/oscommerce-64.png') no-repeat;
width: 64px;
height: 64px;
float: left;
margin: 12px 10px 0 0;
}

/* Content Box Large */

.box-large{
width: 605px;
float: left;
padding: 10px 55px 10px 10px;
}

.box-large a{
font-family: arial, helvetica, sans-serif;
font-size: 0.9em;
font-weight: bold;
color: #393939;
}

.box-large a:hover{
color: #141414;
}
/* Content Box Largest */

.box-largest{
	width: 100%;
	float: left;
	padding-top: 10px;
	padding-right: 55px;
	padding-bottom: 10px;
	padding-left: 10px;
}


/* List Box */

#list-box{
margin-top:30px;
width: 266px;
float: left;
padding: 10px 10px 10px 10px;
background:#ddd;
border:2px solid #fff;
-moz-border-radius:10px;
}

#list-box li{
font-family: arial, helvetica, sans-serif;
font-size: 1em;
line-height: 3em;
color: #595959;
padding: 10px 0 10px 0;
list-style-position: inside;
border-bottom: 1px solid #DBDBDB;
}

#list-box h2{
color:#595959;
text-shadow: 0px 1px #eee;
}

#list-box li a{
color: #595959;
}

#list-box li a:hover{
color: #393939;
}

.list-icons{
width: 48px;
height: 48px;
float: left;
margin: 0 15px 0 0;
}




/* Footer Background and Container  */

#footer{
background: #1D1D1D;
height: 232px;
}

#footer-container{
width: 960px;
margin: 0 auto 0 auto;
}

/* Footer Box 1  */

#footer-testimonials{
width: 269px;
float: left;
padding: 10px 32px 0 10px;
height: 50px;
}

#footer-testimonials p{
font-family: arial, helvetica, sans-serif;
font-size: 0.9em;
margin: 0px 0 0 0;
color: #FFFFFF;
line-height:18px;

}

#footer-testimonials img{
float:right;
}

/* Footer Box 2  */

#footer-about{
width: 269px;
float: left;
padding: 10px 32px 0 32px;
}

#footer-about p, #footer-about li a, #footer-about li{
font-family: arial, helvetica, sans-serif;
font-size: 0.9em;
margin: 0px 0 0 0;
color: #FFFFFF;
line-height:18px;
}

/* Footer Box 3 */

#footer-support{
width: 269px;
float: left;
padding: 10px 10px 0 32px;
}

#footer-support p, #footer-support li a, #footer-support li{
font-family: arial, helvetica, sans-serif;
font-size: 0.9em;
color: #FFFFFF;
line-height:18px;
}


/* Footer Box Line Seperators  */

.footer-seperator{
float:left; 
margin: 25px 0 0 0;
width: 2px;
}

/* Footer Copyright and Horizontal Seperator  */

#footer-copyright{
background: url('http://www.datamouse.biz/img/header-divider.png') no-repeat;
background-position:65px 0px;
width: 300px;
height:2px;
margin: 30px auto 0 auto;
}

#footer-copyright p{
text-align: center;
padding: 12px 0 0 0;
text-shadow: 1px 1px #000000;
}








/* fonts stylesheet */

 h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, label, textarea, select, input{
font-family:Arial, Helvetica, sans-serif;
color:#666;
text-align:left;
}


/*headers*/

#box1 h2, #box2 h2, #box3 h2, .box-large h2{  
font-family:verdana;
	font-size: 24px;  
	font-weight: bold; 
	color:#82b851;
text-shadow: 0px 1px 2px #003300;
padding:10px 0 0 0;
}


h1 {  
	font-size: 20px;  
	font-weight: bold;  
}
h2 {  
	font-size: 16px;  
	font-weight: bold;  
	color:#333;
}
#footerarea h3 {  
	font-size: 18px;  
	font-weight: bold;  
color:#000;
text-shadow: 0px 1px 0px #444;
}
h3 {  
	font-size: 18px;  
	font-weight: bold;  
color:#333;
text-shadow: 0px 1px 0px #fff;
}
h4 {  
	color: #666;  
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;  
	font-weight: normal;  
text-shadow: 0px 1px 0px #fff;
clear:left;
padding:5px 0;
}
h5 {  
	font-size: 18px;  
	font-weight: normal; 
	font-style:italic; 
}
h6 {  
	font-size: 14px;  
	font-weight: normal;  
	font-style:italic;
color:#7ba012;
line-height:18px;
}

h6 a{  
color:#7ba012;
border-bottom:1px dashed #7ba012;
}

h6 a:hover{  
color:#333;
text-decoration:none;
}

/* body */
body{  
	font-size: 14px;  
	font-weight: normal;  
}

p {  
font-size: 14px;  
font-weight: normal;  
padding-bottom:20px;
line-height:1.5em;
}



a {  
	font-size: 14px;  
	font-weight: normal;  
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

li {  
	font-size: 14px;  
	font-weight: normal;  
}

ul {  
	font-size: 14px;  
	font-weight: normal;  
}

p.tags{
float:left;
font-size:16px;
font-style:italic;
background:#ccc;
width:395px;
border-bottom: 1px solid #bbb;
color:#333;
text-shadow:0px 1px 0px #e1e1e1;
}

/* drop downs */
ul.topnav {
	list-style: none;
	padding: 0px;
	margin: 0;
	float: left;
}
ul.topnav li {
	float: left;
	margin: 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.topnav li a{
	padding: 0px 2px 0px 0px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
}


ul.topnav li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 25px;
	float: left;
	background: url('http://www.datamouse.biz/img/arrow.png') no-repeat left -5px;padding-right:10px;
}
ul.topnav li span.subhover {background-position: left -31px; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 1px; top: 25px;
	background: #383838;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 175px;
	border: 1px solid #111;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #585858; /*--Create bevel effect--*/
	border-bottom: 1px solid #333; /*--Create bevel effect--*/
	clear: both;
	width: 140px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 148px;
	background: #383838;
	padding-left: 0px;
line-height:20px;
}

html ul.topnav li ul.subnav li a img{
float:left;

padding:2px 8px 0px 0px;
width:16px;
height:16px;
}

html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
font-weight:bold;

}








li.portfoliolist{
background:none;
}


ul.display {
	float: left;
	width: 590px;
	margin: 0px 0px 0px 10px;
	padding: 0;
	list-style: none;
}

ul.display li h2{
font-size:18px;
text-decoration:none;
color: #666;
text-shadow:none;
line-height:30px;
text-shadow: 0px 1px 1px #e1e1e1;
}

ul.display li {
float:left;
	width: 580px;
	padding: 10px 0;
	margin: 0;
}
ul.display li a {
	color: #7ba012;
	text-decoration: none;

}
ul.display li .content_block {
	padding: 0 0px;
}
ul.display li .content_block h2 {
	margin: 0;
	padding: 5px;

}
ul.display li .content_block p {
	margin: 0;
	padding: 5px;width:100%;
}
ul.display li .content_block a img{
	padding: 3px;
	border: 2px solid #7ba012;
	margin: 0 15px 0 0;
	float: left;
}

ul.thumb_view li{
	width: 190px;
}
ul.thumb_view li h2 {
	display: inline;
}
ul.thumb_view li p{
	display: none;
}
ul.thumb_view li .content_block a img {
	margin: 0 0 10px;
}


a.switch_thumb {
	float:left;
	width: 130px;
	height: 32px;
	line-height: 32px;
	padding: 0;
	margin: 20px 0px 0px;
	display: block;
	background: url('http://www.datamouse.biz/img/switch.png') no-repeat;
	outline: none;
	text-indent: -9999px;
	filter:alpha(opacity=75);
	opacity:.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

a:hover.switch_thumb {
	filter:alpha(opacity=100);
	opacity:1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
a.swap { background-position: left bottom; }





/* lightbox */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
/*	zoom: 1; */
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

/* blog styling */
.post{
margin:0px 0px 30px 0px;
padding-bottom:30px;
clear:both;
}

small{
font-size:9px;
float:left;
color:#fff;
height:50px;
margin-top:-60px;
width:62px;
padding:18px 6px 0px 1px;
margin-left:-69px;
font-family:Arial, Helvetica, sans-serif;
background:transparent url('http://www.datamouse.biz/img/bg-date') no-repeat;
}

.oldnew .alignright {
float:right;
width:75px;
height:30px;
background:transparent url('http://www.datamouse.biz/img/newentires.png') no-repeat;
} 

.oldnew .alignleft {
display:block;
float:left;
width:75px;
height:30px;
background:transparent url('http://www.datamouse.biz/img/oldentires.png') no-repeat;
} 

.oldnew .alignleft a, .oldnew .alignright a{
color:transparent;
}



.postmetadata{
float:left;
font-size:10px;
font-style:italic;
width:100%;
background:#ccc;
padding:5px;
}

.postmetadata a{
color: #7ba012;
}

.widget_categories select, .widget_search input, .widget_archive select{
float:right;
clear:right;
width:60%;
}

#searchsubmit{
width:80px;
}
.widget_search {
background:transparent url('http://www.datamouse.biz/img/icons/search-24.png') no-repeat;
}

.widget_categories {
background:transparent url('http://www.datamouse.biz/img/icons/categories-24.png') no-repeat;
}

.widget_tag_cloud {
background:transparent url('http://www.datamouse.biz/img/icons/tags-24.png') no-repeat;
}

.widget_archive{
background:transparent url('http://www.datamouse.biz/img/icons/archive-24.png') no-repeat;
}

.widget_archive, .widget_tag_cloud, .widget_categories, .widget_search {
padding:0 0 0 30px;

float:right;
width:90%;
margin:0px 0px 30px 0px;
}

.widget_tag_cloud a{
padding:7px;
}

.imagefloatleft{
background: #ccc;
border:1px solid #83B655;
padding: 2px 2px 10px 2px; 
float:left;
margin:0 10px 10px 10px;
text-align:center;
line-height:10px;
}

.imagefloatright{
background: #ddd;
border:1px solid #83B655;
padding: 2px 2px 10px 2px; 
float:right;
margin:0 10px 10px 10px;
text-align:center;
}

.imagefloatleftNoBorder{
	float:left;
	margin:0 10px 10px 10px;
}

.imagefloatrightNoBorder{
	float:right;
	margin:0 10px 10px 10px;
}

.prevnext .alignleft{
float:left;
margin-bottom:20px;
}

.prevnext .alignright{
float:right;
margin-bottom:20px;
}


.prevnext .alignleft{
float:left;
margin-bottom:20px;
}

.prevnext .alignright a, .prevnext .alignleft a{
font-size:8px;
color:#999;
}

.post{
background:#ECECEC url('http://datamouse.biz/img/header-divider.png') center top no-repeat;
padding-top:10px;
}


.post h2 a, .post h2{
font-family:verdana;
	font-size: 24px;  
	font-weight: bold; 
	color:#82b851;
text-shadow: 0px 1px 2px #003300;
}

.post h2 a:hover{
text-decoration:none;
color: #999;
text-shadow:none;
text-shadow: 0px 1px 1px #e1e1e1;
}


.readmore{
float:right;
width:60px;
height:20px;
overflow:hidden;
padding:0;
margin:0;
background:#ECECEC url('http://datamouse.biz/img/readmore.png') center top no-repeat;
}

.readmore:hover{
background:#ECECEC url('http://datamouse.biz/img/readmore.png') center bottom no-repeat;
text-decoration:none;
}

a.readmore span, a.more span{
visibility:hidden;
}

.more{
float:right;
width:44px;
height:38px;
overflow:hidden;
padding:0;
margin:0;
background:transparent url('http://datamouse.biz/img/more.png') center top no-repeat;
}

.more:hover{
background:transparent url('http://datamouse.biz/img/more.png') center bottom no-repeat;
text-decoration:none;
}

#form1 input, #form1 textarea,#textfield{
width:300px;
margin:5px 0;
float:left;
}

#form1 p, #login p{
clear:left;
float:left;
}

#form1 img{
float:right;
margin:4px 0px 0px 30px;
border:1px solid #006600;
}

.loginbutton{
width:40px;
height:40px;
margin: -3px 0px 0px 5px;
float:right;
}

#form1 input.submitbutton{
margin: 90px 0px 0px 5px;
float:right;
width:40px;
height:40px;
}

.signiture{
float:left;
}

.internal-banner{
float:left;
}

.floatrightborder, .floatleftborder{
background: #fff;
border:1px solid #999;
padding: 1px; 
margin:10px;
}

.floatleftborder{
float:left;	
}

.floatrightborder{
float:right;	
}

ul.testimonial li.odd, ul.testimonial li.even{
padding:5px 10px 0px 35px;
font-style:italic;
background-image: url('http://www.datamouse.biz/img/icons/heart-24.png');
background-repeat:no-repeat;
background-position:5px 5px;
-moz-border-radius:5px;
margin-bottom:10px;
}
ul.testimonial li.odd{
background-color:#D2E4C2;
border:1px solid #83B655;
}
ul.testimonial li.even{
background-color:#e1e1e1;
border:1px solid #ccc;
}

p.customer{
padding:5px;
text-align:right;
font-weight:bold;
}

ul.bullets li{
background-image: url('http://www.datamouse.biz/img/bullet.png');
background-repeat:no-repeat;
background-position:5px 5px;
padding:0px 10px 0px 35px;
line-height:35px;
}

ul.bulletsLeft li, ul.bulletsRight li{
background-image: url('http://www.datamouse.biz/img/bullet.png');
background-repeat:no-repeat;
background-position:5px 5px;
padding:0px 10px 0px 35px;
line-height:35px;
display:block;
}

ul.bulletsLeft{
width:300px;
float:left;
}

ul.bulletsRight{
width:300px;
float:right;
}

ul.splitLeft li, ul.splitRight li{
padding:0px 10px 15px 35px;
display:block;

}

ul.splitLeft{
width:290px;
float:left;
border-right:1px solid #ccc;
}

ul.splitRight{
padding-left:20px;
width:290px;
float:left;
border-left:1px solid #fff;
}

.listHeader{
color:#82b851;
text-shadow:0px 1px 0px #fff;
font-size:14px;
font-weight:bold;
}

ul.gridBullets li{
background-image: url('http://www.datamouse.biz/img/bullet.png');
background-repeat:no-repeat;
background-position:5px 8px;
padding:10px 10px 0px 35px;
line-height:22px;
color:#fff;
text-shadow:0px 1px 1px #000;
display:block;
}

.calloutboxleft{
float:left;

width:250px;
margin:20px;
}

.calloutboxright, .boxright{
float:right;
width:250px;
margin:20px;
}

.boxright{
padding: 10px 10px 10px 10px;
background:#ddd;
border:2px solid #fff;
-moz-border-radius:10px;
}

.calloutbox-top{
height:24px;
background-image: url('http://www.datamouse.biz/img/quote-start.png');
background-repeat:no-repeat;
background-position:0px 0px;
}

.calloutbox-bottom{
height:24px;
background-image: url('http://www.datamouse.biz/img/quote-end.png');
background-repeat:no-repeat;
background-position:225px 0px;
}

.calloutbox-content{
padding:0 24px;
}

.calloutbox-content blockquote{
text-align:center;
font-size: 18px;  
font-weight: normal;  
font-style:italic;
line-height:1.2em;
color:#82b851;
text-shadow: 1px 1px 1px #666;
}

.calloutbox-content blockquote em{
float:right;
padding-right:5px;
font-size: 12px;  
font-weight: normal;  
font-style:normal;
color:#666;
text-shadow: 0px 1px 1px #999;
}

div#nav-slide{
clear:both;
float:left;
display:block;
height:40px;
overflow:hidden;
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
margin-top:20px;
width:100%;
padding:5px 0;
}

div#nav-slide ul li{
display:inline;
}

.slide-purchasewithoutaccount,
.slide-purchasestandard,
.slide-login,
.slide-ordersOrders,
.slide-ordersRecent,
.slide-ordersAccount,
.slide-ordersNotifications
{
float:left;
height:40px;
width:118px;
overflow:hidden;
background-repeat:no-repeat;
text-align:center;
padding-right:10px;
}

.slide-purchasewithoutaccount{
background-image:url('http://www.datamouse.biz/img/slide-download-without-account.png');
}

.slide-purchasestandard{
background-image:url('http://www.datamouse.biz/img/slide-sign-up.png');
}

.slide-login{
background-image:url('http://www.datamouse.biz/img/slide-login.png');
}

.slide-ordersOrders{
background-image:url('http://www.datamouse.biz/img/my-orders.png');
}
.slide-ordersRecent{
background-image:url('http://www.datamouse.biz/img/recent-orders.png');
}
.slide-ordersAccount{
background-image:url('http://www.datamouse.biz/img/account-information.png');
}
.slide-ordersNotifications{
background-image:url('http://www.datamouse.biz/img/email-notifications.png');
}
.slide-purchasewithoutaccount a,
.slide-purchasestandard a,
.slide-login a,
.slide-ordersOrders a,
.slide-ordersRecent a,
.slide-ordersAccount a,
.slide-ordersNotifications a
{
line-height:40px;
padding:10px 35px;
}

.slide-purchasewithoutaccount span,
.slide-purchasestandard span,
.slide-login span, 
.slide-ordersOrders span,
.slide-ordersRecent span,
.slide-ordersAccount span,
.slide-ordersNotifications span
{
margin: 0px;
padding: 0px;
cursor: pointer;
visibility:hidden;
} 
li.slide-purchasewithoutaccount:hover, 
li.slide-purchasestandard:hover,
li.slide-login:hover, 
.slide-ordersOrders:hover,
.slide-ordersRecent:hover,
.slide-ordersAccount:hover,
.slide-ordersNotifications:hover
{
background-position:0 -40px;
}

a.link:hover{
text-decoration:none;
}

.slide {
  position:relative;
  display: none;
  width: 605px;
}

#slide-1 {
  display: block;
}

div#sociallinks{
width:100%;
padding: 10px 10px 10px 10px;
background:#ddd;
border:2px solid #fff;
-moz-border-radius:10px;
float:left;
margin-top:20px;
}

div#sociallinks ul li{
display:inline;

}

div#sociallinks ul li a{
display:block;
float:left;
padding: 0 5px;
}

.right {
float:right;
}

h1.price{
text-align:right;
color:#009900;
font-family:verdana;
font-size: 24px;  
font-weight: bold; 
color:#82b851;
text-shadow: 0px 1px 2px #003300;
}

s{
color:#999;
font-size:14px;
padding-right:5px;
color:#999;
text-shadow: 0px 1px #ddd;
font-weight:normal;
}

.inputEmail input, .inputPassword input, .inputEmail select{
float:left;
clear:left;
margin:5px 0 15px;
padding:5px;
width:300px;
}

.labelEmail, .labelPassword{
float:left;
clear:left;
}

.inputSubmit{
float:right;
}

.inputContinue{
float:left;
}

.labelForgot{
clear:left;
float:left;
font-style:italic;
font-size:10px;
}

.labelRequired{
float:right;
color:#990000;
font-style:italic;
}

.inputCheck{
float:left;
clear:left;
margin:5px 0 15px;
padding:5px;
}

.italic{
font-style:italic;
margin:0 0 20px;
}

.inputRequirement{
color:#990000;
float:left;
margin: 15px 0 0 5px;
}

.productListing-data{
padding:5px 0;
line-height:20px;
}

.productListing-even{
background:#ddd;
}

.productListing-heading{
padding:0 0 5px;
font-weight:bold;
}

.contentTable{
float:left;
width:100%;
margin-bottom:10px;
text-align:left;
}

.tableColumn1, .tableColumn2, 
.tableColumn3, .tableColumn4{
float:left;
padding:10px 5px;
text-align:left;
border-bottom:1px solid #ccc;
}

.tableColumn1{
width:130px;
}

.tableColumn2{
width:60px;
}

.tableColumn3{
width:110px;
}

.tableColumn4{
width:110px;
}

.tableColumn5{
float:left;
margin-left:50px;
}

.tableColumn6, .tableColumn7, 
.tableColumn9, .tableColumn8,
.tableColumn0{
float:left;
padding:10px 5px;
text-align:left;
}

.tableColumn6{
width:30px;
}

.tableColumn7{
width:70px;
}
.tableColumn8{
width:230px;
}

.tableColumn9{
width:150px;
}

.divider{
clear:both;
width:100%;
border-bottom:1px solid #ccc;
margin:5px 0;
}

.indent{
color:#333;
text-shadow:0px 1px #aaa;
font-style:italic;
float:left;
clear:left;
padding:10px;
}


.newsletterindent{
float:right;
margin-top:-47px;
color:#333;
text-shadow:0px 1px #aaa;
font-style:italic;
width:550px;
padding:5px;
}

.notifindent{
float:right;
color:#333;
margin-top:7px;
text-shadow:0px 1px #aaa;
font-style:italic;
width:550px;
padding:5px;
}

.productImage{
width:190px;
margin:0;
float:right;
padding:0;
background:#ddd;
border:1px solid #fff;
}

.reviewHolder{
margin-top:10px;
text-align:left;
float:left;
width:400px;
}

.review{
margin-bottom:10px;
}

.reviewRating{
float:left;
margin-bottom:10px;
}

ul.reviews li{
background-image: url('http://www.datamouse.biz/img/icons/heart-24.png');
background-repeat:no-repeat;
background-position:5px 5px;
padding:0px 10px 0px 35px;
line-height:35px;
}

.reviewHolder form textarea{
width:400px;
height:200px;
margin-bottom:10px;
}

.newProductWrapper{
clear:left;
float:left;
width:100%;
}

.newproductImage{
width:180px;
margin:10px;
float:left;
padding: 1px;
background:#ddd;
border:1px solid #fff;
}

.newproductDescription{
float:left;
text-align:left;
}

.newproductAddCart{
float:left;
margin:20px 0px 10px 100px;
}

.specialsImage{
width:180px;
margin:10px 0;
padding: 1px;
background:#ddd;
border:1px solid #fff;
}

s{
color:#999;
font-size:10px;
}

.productSpecialPrice{
color:#82b851;
font-size:16px;
text-shadow: 0px 1px #006600;
}

.categoryLink{
background-image: url('http://www.datamouse.biz/img/bullet.png');
background-repeat:no-repeat;
background-position:2px 0px;
padding:0px 10px 0px 35px;
line-height:26px;
color:#eee;
text-shadow: 0px 1px #fff;
}

.categoryLink a{
font-size:16px;
}

.centerText{

text-align:center;
}

.drag-handle{ /*Overwrite default drag handle bar background color with below*/
background-color: #03277C;
}

#interVeil{ /*CSS for veil that covers entire page while modal window is visible*/
position: absolute;
background: black url(blackdot.gif);
width: 10px;
left: 0;
top: 0;
z-index: 5;
visibility: hidden;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);
opacity: 0.8;
}


/* links for post tags in portfolios */
.linkCSS, .linkDesignOnly, .linkLogo, .linkWordpress, 
.linkOscommerce, .linkWeb2, .linkJquery, .linkPHP,
.linkDatabase, .linkAccess, .linkGUI, .linkLanding, 
.linkHTML
{
line-height:16px;margin-left:5px;padding-left:18px;
}


.linkCSS{background: transparent url('http://www.datamouse.biz/img/icons/css-16.png') no-repeat;}
.linkDesignOnly{background: transparent url('http://www.datamouse.biz/img/icons/pencil-16.png') no-repeat;}
.linkLogo{background: transparent url('http://www.datamouse.biz/img/icons/heart-16.png') no-repeat;}
.linkWordpress{background: transparent url('http://www.datamouse.biz/img/icons/wordpress-16.png') no-repeat;}
.linkOscommerce{background: transparent url('http://www.datamouse.biz/img/icons/oscommerce-16.png') no-repeat;}
.linkWeb2{background: transparent url('http://www.datamouse.biz/img/icons/web2-16.png') no-repeat;}
.linkJquery{background: transparent url('http://www.datamouse.biz/img/icons/jquery-16.png') no-repeat;}
.linkPHP{background: transparent url('http://www.datamouse.biz/img/icons/php-16.png') no-repeat;}
.linkDatabase{background: transparent url('http://www.datamouse.biz/img/icons/database-16.png') no-repeat;}
.linkAccess{background: transparent url('http://www.datamouse.biz/img/icons/access-16.png') no-repeat;}
.linkGUI{background: transparent url('http://www.datamouse.biz/img/icons/screen-16.png') no-repeat;}
.linkLanding{background: transparent url('http://www.datamouse.biz/img/icons/home-16.png') no-repeat;}
.linkHTML{background: transparent url('http://www.datamouse.biz/img/icons/html-16.png') no-repeat;}

.backToTop{
clear:both;
width:100%;
float:left;
text-align:right;
height:20px;
border-top:1px solid #d1d1d1;
border-bottom:1px solid #d1d1d1;
margin:10px;
line-height:24px;
padding:5px 10px;
background:#e3e3e3;
}

.backToTop a{
padding:5px 0;
font-size:10px;
color:#777;
text-decoration:none;
background:transparent url('http://www.datamouse.biz/img/bullet-up.png') 0 2px no-repeat;
padding-left:20px;
text-shadow:0px 1px 0px #fff;
}
.backToTop a:hover{
color:#333;
text-decoration:underline;
font-style:normal;
}
p.terms{
background-image: url('http://www.datamouse.biz/img/icons/info-16.png');
background-repeat:no-repeat;
background-position:5px 5px;
padding:5px 10px 0px 28px;
line-height:16px;
font-size:12px;
font-style:italic;
margin:20px 0px 0 10px;
}

.page-wrap { width: 100%; padding: 0; margin: 0 auto; overflow: hidden; height: 100%; }

.info-col { float: left; width: 132px; height: 100%; }

.image { height: 100px; text-indent: -9999px; display: block; border-right: 1px solid white; }

.platinum { background: url(http://www.datamouse.biz/img/platinum.jpg) center center no-repeat; }
.gold { background: url(http://www.datamouse.biz/img/gold.jpg) center center no-repeat; }
.silver { background: url(http://www.datamouse.biz/img/silver.jpg) center center no-repeat; }

dl { }
dt { padding: 5px; background: #900; color: white; border-bottom: 1px solid white; border-right: 1px solid white; }
dd { position: absolute; left: -9999px; top: -9999px; width: 299px; background: #900; padding: 10px; color: white; border-right: 1px solid white; }

dt:nth-of-type(1) { background: #999; }
dd:nth-of-type(1) { background: #999; }

dt:nth-of-type(2) { background: #777; }
dd:nth-of-type(2) { background: #777; }

dt:nth-of-type(3) { background: #555; }
dd:nth-of-type(3) { background: #555; }

dt:nth-of-type(4) { background: #333; }
dd:nth-of-type(4) { background: #333; }

dt:nth-of-type(5) { background: #222; }
dd:nth-of-type(5) { background: #222; }

.curCol { -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2); z-index: 1; position: relative; }

.drag-handle{ /*Overwrite default drag handle bar background color with below*/
background-color: #03277C;
}

#interVeil{ /*CSS for veil that covers entire page while modal window is visible*/
position: absolute;
background: black url('img/blackdot.gif');
width: 10px;
left: 0;
top: 0;
z-index: 5;
visibility: hidden;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);
opacity: 0.8;
}

.dhtmlwindow{
position: absolute;
border: 2px solid black;
visibility: hidden;
background-color: white;
}

.drag-handle{ /*CSS for Drag Handle*/
padding: 1px;
text-indent: 3px;
font: bold 14px Arial;
background-color: #CA0000;
color: white;
cursor: move;
overflow: hidden;
width: auto;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 2px;
cursor: hand;
cursor: pointer;
}

* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width: 100%;
}


.drag-contentarea{ /*CSS for Content Display Area div*/
border-top: 1px solid brown;
background-color: white;
color: black;
height: 150px;
padding: 2px;
overflow: auto;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 1px solid gray;
background-color: #F8F8F8;
height: 13px; /*height of resize image*/
}


.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}

ul.browsers li{
display:block;	
}

.firefox,.safari,.chrome,.internetexplorer,.opera{
line-height:32px;
padding-left:40px;
}

.firefox{background:url('../img/icons/firefox.png') no-repeat;}
.safari{background:url('../img/icons/safari.png') no-repeat;}
.chrome{background:url('../img/icons/chrome.png') no-repeat;}
.opera{background:url('../img/icons/opera.png') no-repeat;}
.internetexplorer{background:url('../img/icons/ie.png') no-repeat;}

.firefox a,.safari a,.chrome a,.internetexplorer a,.opera a{
font-size:14px;
color:#666;
text-shadow:0px 1px 0px #fff;
font-weight:bold;
text-decoration:none;
}

.verifyInfo{
float:left;
padding:3px 0 0 5px 
}

.boxText, .infoBoxHeading{
text-align:left;
}

.infoBoxHeading{
color:#333;
font-weight:bold;
text-shadow:0px 1px 0px #fff;
}

.messageStackError{
color:#990000;
font-weight:bold;
text-shadow:0px 1px 0px #fff;
}

.downloadBox{
border:1px solid #999;
}

.downloadContents{
border-bottom:1px solid #555;
border-top:1px solid #c5c5c5;
width:585px;
float:left;
background:#888;
color:#555;
text-shadow:0px 1px 0px #999;
padding:10px;
}

.downloadContents .main{
float:left;
clear:left;

padding: 0 10px;
text-align:left;
padding-left:20px;
border-left:1px solid fff;
}

.downloadContents .downloadItem a{
padding:0 20px 0 18px;
background-image: url('http://www.datamouse.biz/img/icons/download-16.png');
background-repeat: no-repeat;
}

.downloadIcon{
float:right;
background-image:url('http://www.datamouse.biz/img/download.png');
background-repeat: no-repeat;
height:48px;
width:44px;
margin-top:-30px;
}
.downloadIcon:hover{
background-position:0 -48px;
}
.downloadIcon span{
margin-top:10px;
background:#ff0000;
line-height:40px;
visibility:hidden;
}

.downloadIcon a:hover{
text-decoration:none;
}

.snippet{
width:100%;
float:left;
text-align:left;
border:1px solid #e3e3e3;
margin:10px;
padding:5px 10px;
background:#fff;
}

code{
font-family:"Courier New", Courier, monospace;
font-size:10px;
line-height:16px;
color:#CA0000;
}