/*   
Theme Name: Doggy
Theme URI: http://www.dog-arthritis-care.com/
Description: Custom theme for dog arthritis medicine
Author: DesignOptimizers
Author URI: www.designoptimizers.

*/

/* CSS Document */

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

html {
	background-image:url(images/bg.png);
	background-color:#E6F5FC;
	background-repeat:repeat-x;
}

h1 { font-size:30px; color:#023A7E; font-weight:bold;}
#header h1 {  float:left;}


.clear { clear:both;}

body { font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#2E2E2E;}

#roundhead {
	background-image:url(images/content-top.png);
	height:18px;
	width:770px;
	margin:0px auto;
	margin-top:23px;
	}
#layout {
	width:750px;
	margin:0px auto;
	background-color:#FFF;
	padding:10px;
	}
	
#header {
	margin-top:10px;
	height:60px;
}
#header h2 {
float:left;
}
#header .tagline {
float:right;
font-size:20px;
color:#023A7E;
text-align:right;
}





#navtabs { 
    list-style: none; 
    padding: 0; 
    height: 30px; 
	margin-left:10px;
	font-weight:bold;
} 
 
#navtabs li { 
    float: left; 
    background: #CCE7F7 url(images/tableft.png) no-repeat left top; 
    padding: 8px 0 8px 8px; 
    margin-right: 1px; 
} 
 
#navtabs li a { 
    background: #CCE7F7 url(images/tabright.png) no-repeat top right; 
    padding: 8px 25px 8px 15px;
	text-decoration:none;
	color:#FFF;
} 

#navtabs li:hover { 
    background: #0288D8 url(images/tableft_active.png) no-repeat left top; 
} 
 
#navtabs li:hover a { 
    background: #0288D8 url(images/tabright_active.png) no-repeat right top; 
    color: #FF7115;
}
 
#navtabs li.current_page_item { 
    background: #0288D8 url(images/tableft_active.png) no-repeat left top; 
} 
 
#navtabs li.current_page_item a { 
    background: #0288D8 url(images/tabright_active.png) no-repeat right top; 
    color: #FF7115;
}

#description {
	background-image:url(images/menu-blackbar.png);
	height:22px;
	color:#FF7115;
	padding-top:8px;
	padding-left:10px;
	
}


#featuredbig {
height:226px;
margin-top:8px;
}

.featuredproductsinside {
height:190px;
font-size:11px;
line-height:15px;
}



#roundbottom {
	background-image:url(images/content-bottom.png);
	height:18px;
	width:770px;
	margin:0px auto;
	margin-bottom:30px;
	}


#featuredproducts h1 {
	margin-top:15px;
	margin-bottom:10px;
}

#featuredproducts h2 {
	font-size:18Px;
	color:#2E2E2E;
	font-weight:bold;
	margin-bottom:10px;
	margin-top:5px;
	
}

.featured {
width:230px;
border-right:5px solid #E5E5E5;
float:left;
padding:8px;
}

.featuredright{
border-right:0px;
width:230px;
float:left;
padding:8px;

}

.price { float:left; color:#EA0707; font-family:Arial, Helvetica, sans-serif; font-size:22px; font-weight:bold;}

.buynow {float:right;}

.order { margin-top:10px;}

#contentleft { margin-top:20px; float:left; width:480px; padding-right:20px;}

#sidebar { margin-top:20px; float:right; background-color:#EFEFEF;	 width:210px; padding:20px;}

#header a { text-decoration:none;}


#footer { background-color:#41C5DC; margin:0px auto; width:730px; padding:20px; color:#FFF; padding-bottom:10px; font-size:11px;}
#footer p { margin-bottom:10px;}
#footer a { color:#FFF; text-decoration:none;}
#footer a:hover { color:#FFF; text-decoration:underline;}


#maincontent p { padding:8px; padding-left:0px; font-size:11.5px; line-height:18px;}
#sidebar p { font-style:italic; font-size:12px;}
#sidebar { font-size:11px;}
#sidebar h6 { font-size:12px; font-weight:bold; margin-top:20px;}
h4 { font-size:22px; font-weight:bold; color:#2E2E2E; margin-bottom:10px;}

#featuredbig h1 {
font-size:42px; color:#FFF; padding-top:50px;	
}

.widget { padding-bottom:10px;}

#footer ul li { display:inline; border-right:1px solid #fff; padding-right:10px; padding-left:5px;}

#maincontent ul li { padding:8px;  list-style-type:disc;font-size:11.5px; line-height:18px;}
#maincontent ul { list-style-type:disc; margin-left:25px;}