@charset "UTF-8";

/* Purple Theme Stylesheet Document for Mophie */
/* Created by Evan Bartlett of www.evanbartlett.com */
/* Please do not use without credits */

body {
	background: #FFFFFF;
}

#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/purple/navBar-logo.png);
}

#navBar ul li#navBar-collections:hover,
#navBar ul li#navBar-collections.hover {
	background-image: url(../images/purple/navBar-collections.png);
}

#navBar ul li#navBar-products:hover,
#navBar ul li#navBar-products.hover {
	background-image: url(../images/purple/navBar-products.png);
}

#navBar ul li#navBar-blog:hover,
#navBar ul li#navBar-blog.hover {
	background-image: url(../images/purple/navBar-blog.png);
}

#navBar ul li#navBar-twitter:hover,
#navBar ul li#navBar-twitter.hover {
	background-image: url(../images/purple/navBar-twitter.png);
}

#navBar ul li#navBar-downloads:hover,
#navBar ul li#navBar-downloads.hover {
	background-image: url(../images/purple/navBar-downloads.png);
}

#navBar ul li#navBar-support:hover,
#navBar ul li#navBar-support.hover {
	background-image: url(../images/purple/navBar-support.png);
}

#navBar ul ul li a:hover {
	background-color: #512698;
}

#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: #512698;
}
#navBar ul ul ul li a:hover {
	background-color: #512698;
}

#searchBar {
	background: url(../images/purple/searchbar-bg.jpg) no-repeat;
}

#contentSideBar #title {
	color: #512698;
}

#contentSideBar a:hover {
	background: #512698;
}

#contentSideBar ul li a:hover,
#contentSideBar ul li:hover,
#contentSideBar ul li a:hover a,
#contentSideBar ul li:hover a {
	background: #512698;
}

#contentSideBar ul ul {
	background: #512698;
}

#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: #512698;
}

#contentSideBar ul ul li a:hover {
	background-color: #FFFFFF;
	color: #6C6C6C;
}

#collections-1 a {
	background-image: url(../images/purple/prp-battery-off.jpg);
}

#collections-1 a:link,
#collections-1 a:active,
#collections-1 a:visited {
	background-image: url(../images/purple/prp-battery-off.jpg);
}

#collections-1 a:hover {
	background-image: url(../images/purple/prp-battery-on.jpg);
}

#collections-2 a {
	background-image: url(../images/purple/prp-cases-off.jpg);
}

#collections-2 a:link,
#collections-2 a:active,
#collections-2 a:visited {
	background-image: url(../images/purple/prp-cases-off.jpg);
}

#collections-2 a:hover {
	background-image: url(../images/purple/prp-cases-on.jpg);
}

#collections-3 a {
	background-image: url(../images/purple/prp-shields-off.jpg);
}

#collections-3 a:link,
#collections-3 a:active,
#collections-3 a:visited {
	background-image: url(../images/purple/prp-shields-off.jpg);
}

#collections-3 a:hover {
	background-image: url(../images/purple/prp-shields-on.jpg);
}

#collections-4 a {
	background-image: url(../images/purple/prp-cables-off.jpg);
}

#collections-4 a:link,
#collections-4 a:active,
#collections-4 a:visited {
	background-image: url(../images/purple/prp-cables-off.jpg);
}

#collections-4 a:hover {
	background-image: url(../images/purple/prp-cables-on.jpg);
}

#collections-5 a {
	background-image: url(../images/purple/prp-legacy-off.jpg);
}

#collections-5 a:link,
#collections-5 a:active,
#collections-5 a:visited {
	background-image: url(../images/purple/prp-legacy-off.jpg);
}

#collections-5 a:hover {
	background-image: url(../images/purple/prp-legacy-on.jpg);
}
#collections-6 a {
	background-image: url(../images/purple/prp-specials-off.jpg);
}

#collections-6 a:link,
#collections-6 a:active,
#collections-6 a:visited {
	background-image: url(../images/purple/prp-specials-off.jpg);
}

#collections-6 a:hover {
	background-image: url(../images/purple/prp-specials-on.jpg);
}

.formRequired {
	color: #512698;
}