@charset "UTF-8";

/* Blue Theme Stylesheet Document for Mophie */
/* Created by Evan Bartlett of www.evanbartlett.com */
/* Please do not use without credits */

body {
	background-image: url(../images/blue/background.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}

#wrapper {
	background-image: url(../images/layout/content-background-light.png);
}

#navBar ul li a#navBar-logo:hover,
#navBar ul li a#navBar-logo.hover {
	background-image: url(../images/blue/navBar-logo.png);
}

#navBar ul li#navBar-collections:hover,
#navBar ul li#navBar-collections.hover {
	background-image: url(../images/blue/navBar-collections.png);
}

#navBar ul li#navBar-products:hover,
#navBar ul li#navBar-products.hover {
	background-image: url(../images/blue/navBar-products.png);
}

#navBar ul li#navBar-blog:hover,
#navBar ul li#navBar-blog.hover {
	background-image: url(../images/blue/navBar-blog.png);
}

#navBar ul li#navBar-twitter:hover,
#navBar ul li#navBar-twitter.hover {
	background-image: url(../images/blue/navBar-twitter.png);
}

#navBar ul li#navBar-downloads:hover,
#navBar ul li#navBar-downloads.hover {
	background-image: url(../images/blue/navBar-downloads.png);
}

#navBar ul li#navBar-support:hover,
#navBar ul li#navBar-support.hover {
	background-image: url(../images/blue/navBar-support.png);
}

#navBar ul ul li a:hover {
	background-color: #4EB8E2;
}

#navBar ul ul li a:hover,
#navBar ul ul li:hover,
#navBar ul ul li a:hover a,
#navBar ul ul li:hover a {
	background: #4EB8E2;
}
#navBar ul ul ul li a:hover {
	background-color: #4EB8E2;
}

#searchBar {
	background: url(../images/blue/searchbar-bg.jpg) no-repeat;
}

#contentSideBar #title {
	color: #4EB8E2;
}

#contentSideBar a:hover {
	background: #4EB8E2;
}

#contentSideBar ul li a:hover,
#contentSideBar ul li:hover,
#contentSideBar ul li a:hover a,
#contentSideBar ul li:hover a {
	background: #4EB8E2;
}

#contentSideBar ul ul {
	background: #4EB8E2;
}

#contentSideBar ul ul li a,
#contentSideBar ul ul li a:active,
#contentSideBar ul ul li a:link,
#contentSideBar ul ul li a:visited {
	background-color: #4EB8E2;
}

#contentSideBar ul ul li a:hover {
	background-color: #FFFFFF;
	color: #6C6C6C;
}

#collections-1 a {
	background-image: url(../images/blue/blu-battery-off.jpg);
}

#collections-1 a:link,
#collections-1 a:active,
#collections-1 a:visited {
	background-image: url(../images/blue/blu-battery-off.jpg);
}

#collections-1 a:hover {
	background-image: url(../images/blue/blu-battery-on.jpg);
}

#collections-2 a {
	background-image: url(../images/blue/blu-cases-off.jpg);
}

#collections-2 a:link,
#collections-2 a:active,
#collections-2 a:visited {
	background-image: url(../images/blue/blu-cases-off.jpg);
}

#collections-2 a:hover {
	background-image: url(../images/blue/blu-cases-on.jpg);
}

#collections-3 a {
	background-image: url(../images/blue/blu-shields-off.jpg);
}

#collections-3 a:link,
#collections-3 a:active,
#collections-3 a:visited {
	background-image: url(../images/blue/blu-shields-off.jpg);
}

#collections-3 a:hover {
	background-image: url(../images/blue/blu-shields-on.jpg);
}

#collections-4 a {
	background-image: url(../images/blue/blu-cables-off.jpg);
}

#collections-4 a:link,
#collections-4 a:active,
#collections-4 a:visited {
	background-image: url(../images/blue/blu-cables-off.jpg);
}

#collections-4 a:hover {
	background-image: url(../images/blue/blu-cables-on.jpg);
}

#collections-5 a {
	background-image: url(../images/blue/blu-legacy-off.jpg);
}

#collections-5 a:link,
#collections-5 a:active,
#collections-5 a:visited {
	background-image: url(../images/blue/blu-legacy-off.jpg);
}

#collections-5 a:hover {
	background-image: url(../images/blue/blu-legacy-on.jpg);
}
#collections-6 a {
	background-image: url(../images/blue/blu-specials-off.jpg);
}

#collections-6 a:link,
#collections-6 a:active,
#collections-6 a:visited {
	background-image: url(../images/blue/blu-specials-off.jpg);
}

#collections-6 a:hover {
	background-image: url(../images/blue/blu-specials-on.jpg);
}

.formRequired {
	color: #4EB8E2;
}