/*

Theme Name: Vivo! Print

Theme URI: http://www.vivoprint.com

Description: Vivo! Print Online Storefront

Version: 2

Author: Inferno New Media

Author URI: http://www.infernonewmedia.com

*/



@import "style/css/reset.css";

@import "style/css/typography.css";

@import "style/css/layout.css";



body {

	font-size: 12px;

	font-family: "Lucida Grande", Arial, sans-serif;

	color: #333;

	background: #64BDDF url(/images/top_bg.jpg) repeat-x;

}



#wrapper {

	background: url(/images/background.jpg) no-repeat top center;	

}



#container {

	width: 960px;

	margin: 0 auto;

}



.clear { clear:both }



/* Header */

#logo {

	width: 183px;

	float: left;

	margin: 10px 0;

}



#header #headerTagline {

	float: left;

	width: 274px;

	height: 47px;

	margin-top: 37px;

	overflow: hidden;

	text-indent: -9999px;

	background: url(/images/header_tagline.png) no-repeat;

}



#header #headerCall {

	float: right;

	width: 215px;

	height: 45px;

	margin: 37px 15px 0 0;

	overflow: hidden;

	text-indent: -9999px;

	background: url(/images/header_calltoday.png) no-repeat;

}

	#header #headerCall span a {

		display: block;

		width: 215px;

		height: 45px;

	}



ul#auxNav {

	color: #fff;

	float: right;

	list-style: none;

	margin-right: 180px;

    font-size: 12px;

    text-align: right;

    margin-top: 10px;

    padding-top: 0px;

}

	ul#auxNav li {

		display: inline;

		float: left;

		margin-right: 10px;

	}

		ul#auxNav li a:link, ul#auxNav li a:visited {

			color: #fff;

			text-decoration: underline;

		}

		ul#auxNav li a:hover {

			text-decoration: none;

		}



/* Navigation */

ul#nav {

	list-style: none;

	background: url(http://www.vivoprint.com/images/ex_nav_bg.jpg);

	height: 40px;

	margin: 0;

	padding: 0 0 0 5px;



}

	ul#nav li {

		float: left;

		display: inline;

	}

		ul#nav li a:link, ul#nav li a:visited {

			color: #fff;

			text-decoration: none;

			font-size: 12px;

			font-weight: 700;

			padding: 14px 20px 0 15px;

			height: 26px;

			display: block;

			background: url(http://www.vivoprint.com/images/nav_pipe.png) right center no-repeat;

			float: left;

		}

		ul#nav li a:hover {

			text-decoration: underline;	

		}

		

		ul#nav li.smallNav a:link, ul#nav li.smallNav a:visited {

			font-size: 11px;

			font-weight: normal;

			background: none;

			padding: 14px 18px 0 18px;

		}

		

		ul#nav li.first {

			margin-left: 20px;	

		}

		ul#nav li.login {

			background: url(/images/nav_icon_login.png)	no-repeat left center;

			padding-left: 3px;

		}

		ul#nav li.myaccount {

			background: url(/images/nav_icon_myaccount.png)	no-repeat left center;

			padding-left: 3px;

		}

		ul#nav li.cart {

			background: url(/images/nav_icon_cart.png)	no-repeat left center;

			padding-left: 3px;

		}

		

/* Content Wrapper */

#contentWrapper {

	background: #fff;

	padding-bottom: 15px;

}



/* Products Menu */

#sidebar {

	float: left;

	width: 200px;

	margin-top: 15px;

}

	#sidebar h4 {

		color: #01496d;

		margin: 0 0 0 10px;

		padding: 0 0 15px 25px;

		font-size: 12px;

		font-weight: 700;

	}

		#sidebar .productsHeader {

			background: url(/images/icon_browsebyproduct.png) no-repeat;

		}

	#sidebar h5 {

		color: #333;

		margin: 3px 0 5px 0;

		padding: 0 0 0 15px;

		font-size: 12px;

		font-weight: 700;

	}



ul.tabs {

	margin: 0 0 0 15px;

	width: 202px;

}

	ul.tabs li {

		float: left;

	}

		ul.tabs li a {

			width: 101px;

			*width: 100px;

			height: 21px;

			*height: 34px;

			display: block;

			text-align: center;

			text-decoration: none;

			background: #ccc;

			padding-top: 13px;

			color: #333;

			font-size: 11px;

		}

		ul.tabs li a:hover {

			text-decoration: underline;

		}

		ul.tabs li.alpha a {

			background: url(/images/products_tab_alpha.png) no-repeat;

		}

		ul.tabs li.cats a {

			background: url(/images/products_tab_cats.png) no-repeat;

		}

		ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.alpha a.current, ul.tabs li.cats a.current {

			cursor: default !important;

			background: url(/images/products_tab_current.png) no-repeat;

		}



ul#productsLeft {

	float: left;

	list-style: none;

	margin: 0 0 0 15px;

	padding: 10px 0 0 0;

	width: 200px;

	border-left: 1px solid #ccc;

	border-right: 1px solid #ccc;

}

	ul#productsLeft li a:link, ul#productsLeft li a:visited {

		display: block;

		line-height: 18px;

		padding: 0 0 0 15px;

		margin: 0 0 3px 15px;

		width: 165px;

		text-decoration: none;

		color: #014d83;

		background: url(http://www.vivoprint.com/images/productsleft_bullet.gif) no-repeat center left;

	}

	ul#productsLeft li a:hover {

		text-decoration: underline;

	}

	ul#productsLeft li.last {

		padding-bottom: 5px;

		border-bottom: 1px solid #ccc;	

	}

	ul#productsLeft h5 {

		margin-top: 10px;	

	}

		ul#productsLeft h5.first {

			margin-top: 0;	

		}

	

/* Footer */

#footer-content {

	padding: 15px;	

}

#footer {

	width: 960px;

	margin: 0 auto;

}

#footer ul {

	list-style: none

}

#footer #sitemap {

	color:#fff;

	border-bottom:1px dotted #CCCCCC;

	margin: 0;

	padding: 0;

}

#footer #sitemap .block {

	float:left;

	width:148px;

	margin-right:28px;

}

#footer #sitemap .last {

	margin-right:0;

}

#footer #sitemap ul {

	padding:0;

	margin:0;

}

#footer #sitemap ul li {

	line-height:22px;

	margin:0;

	padding:0;

}

#footer #sitemap ul li a:hover {

	text-decoration:underline;

}

#footer #sitemap h4 {

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

	font-weight:700;

	color:#FFF500;

	padding:0 0 8px 0;

	margin:0;

}

#footer p {

	padding-left: 1px;

}

#footer a {

	color:#fff;

}

#footer img {

	border:none;

}

#footer {

	background: #014D83;

	padding: 0 0 5px 0;

	color: #fff;

}

#footerWrapper {

	background: #64BDDF;

}

#footer #sitemap .col-left {

	float: left;

	color: #fff;

}

#footer #sitemap .col-right {

	float: right;

    color: #fff;

}



/* Home Wrapper */

#homeWrapper {

	float: left;

	width: 720px;

	margin-left: 25px;

	*margin-left: 10px;

	padding-top: 5px;

}



ul#banner {

	margin-top: 10px;

}

	ul#banner li#bannerLeft {

		width: 485px;

		height: 210px;

		float: left;

		margin-right: 10px;

	}

	ul#banner li#bannerRight {

		height: 210px;

		width: 225px;

		float: left;

	}

		ul#banner li#bannerRight img {

			height: 100px;

			width: 225px;

		}

		ul#banner li#bannerRight img.bannerRightTop {

			margin-bottom: 7px;

		}

		

ul#featuredProducts {

	height: 200px;

	border-right: 1px solid #ccc;

	border-bottom: 1px solid #ccc;

	border-left: 1px solid #ccc;

	margin-top: 15px;

}

	ul#featuredProducts h2 {

		background: url(/images/featuredproducts_header_bg.jpg) repeat-x;

		height: 26px;

		*height: 36px;

		padding: 10px 0 0 15px;

		padding-left: 15px;

		font-size: 13px;

		font-weight: 700;

		color: #01496d;

	}

	ul#featuredProducts li {

		float: left;

		width: 90px;

		margin: 15px 30px 15px 0;

		margin-right: 30px;

	}

		ul#featuredProducts li a:link h4, ul#featuredProducts li a:visited h4 {

			text-decoration: underline;

			color: #01496d;

		}

		ul#featuredProducts li a:hover h4 {

			text-decoration: none;

		}

		ul#featuredProducts li span {

			color:  #076799;	

		}

		ul#featuredProducts li a {

			text-decoration: none;	

		}

		ul#featuredProducts li.first {

			margin-left: 13px;

		}

		ul#featuredProducts li.last {

			margin-right: 0;

		}

	

ul#homeCol {

	height: 180px;

	margin-top: 2px;

}

	ul#homeCol li {

		display: inline;	

	}

	ul#homeCol li a {

		width: 230px;

		height: 180px;

		float: left;

		margin-right: 15px;

		display: block;

	}

	ul#homeCol li.last a {

		margin-right: 0;	

	}



ul#homeContent {

	margin-top: 15px;

	line-height: 18px;

}

	ul#homeContent li#homeContentMain {

		width: 440px;

		float: left;

		margin-right: 15px;

	}

	ul#homeContent li#homeContentMain h2 {

		font-size: 18px;

		color: #01496d;

		margin-bottom: 10px;

	}

	ul#homeContent li ul#homeContentBlog {

		width: 250px;

		float: left;

                margin-left: 15px;

	}

		ul#homeContent li ul#homeContentBlog h3 {

			font-size: 18px;

			color: #01496d;

			margin-bottom: 10px;

		}

		ul#homeContent li ul#homeContentBlog h4 a:link, ul#homeContent li ul#homeContentBlog h4 a:visited {

			font-size: 13px;

			font-weight: 700;

			color: #076799;

			margin-bottom: 5px;

			text-decoration: none;

		}

		ul#homeContent li ul#homeContentBlog h4 a:hover {

			text-decoration: underline;

		}

		ul#homeContent li ul#homeContentBlog li {

			padding-bottom: 5px;

			margin-bottom: 5px;

			border-bottom: 1px dotted #ccc;

		}

/* Web Slider */


#slider							{ background: white url(/images/slider-bg.jpg); height: 210px; overflow: hidden;
								  position: relative; margin: 0px 0px 15px; }
								  
                                /* DEFAULT is for three panels in width, adjust as needed
                                   This only matters if JS is OFF, otherwise JS sets this. */								  
#mover							{ width: 1900px; position: relative; }

.slide							{ padding: 30px 20px; width: 650px; float: left; position: relative; }
.slide h1						{ font-family: Helvetica, Sans-Serif; font-size: 30px; letter-spacing: -1px;
								  color: #014C85; }
.slide p						{ color: #014C85; font-size: 12px; line-height: 20px; width: 250px; padding-top: 10px;}
.slide img						{ position: absolute; top: 20px; left: 280px; }
#slider-stopper					{ position: absolute; top: 1px; right: 10px; color: #014C85;
								  padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; }


/* Web Columns */



ul#webColtop {

	height: 210px;

	margin-bottom: 2px;
	margin-top: 0px;
}

	ul#webColtop li {

		display: inline;	
		text-align: center;

	}




/* Web Columns Centered */



ul#webColcenter {

	height: 90px;

	margin-bottom: 10px;

}

	ul#webColcenter {

		display: inline;	

	}

	ul#webColcenter li  {

		width: 220px;
		
		height: 175px;

		float: left;

		margin-right: 15px;

		display: block;
		
		text-align: center;

	}

	ul#webColcenter li.last  {

		margin-right: 0;	

		text-align: center;
		
	    height: 175px;
	}


/* Web Columns button */



ul#webColbutton {

	height: 60px;

	margin-bottom: 10px;

}

	ul#webColbutton {

		display: inline;	

	}

	ul#webColbutton li  {

		width: 220px;
		
		height: 60px;

		float: left;

		margin-right: 15px;

		display: block;
		
		text-align: center;

	}

	ul#webColbutton li.last  {

		margin-right: 0;	

		text-align: center;
		
	    height: 60px;
	}

/* Web Columns button */



ul#staff {

	height: 125px;
	width: 700;
	margin-bottom: 10px;

}

	ul#staff {
		display: inline;	

	}

	ul#staff li  {

		height: 125px;
		width: 700;
		margin-right: 15px;
		display: block;

	}

	ul#staff li.last  {

		margin-right: 0;	
	    height: 125px;
	}
	
		ul#staff img  {

		align: right;
	    height: 125px;
	}

/* Secondary Page Wrapper */

#secondaryWrapper {

	float: left;

	width: 700px;

	margin-left: 45px;

	*margin-left: 30px;

	margin-top: 15px;

	line-height: 18px;

}

	#secondaryWrapper p, ul {

		margin-bottom: 12px;	

	}



	#secondaryWrapper h2 {

		font-size: 22px;

		color: #01496d;

		margin-bottom: 25px;

	}

	

	#helpCenter h4 {

		font-size: 14px;

		color: #01496d;

		margin-bottom: 3px;

	}

	#helpCenter div {

		margin-bottom: 12px;

		line-height: 18px;

	}

	

	.wpcf7 p {

		margin-bottom: 7px;	

	}
	
/*   web table  */

table {border-collapse:collapse;margin-bottom: 15px;}

td {
	text-align:center;
	width:230px;
	height:30px;
}