/* PAGE BASES */
body           {font: 100% Arial, Helvetica, sans-serif; background: #212121; color: #ccc; margin: 0;}
a              {font-weight: bold; background: none; color: #10aae6; text-decoration: none; outline: 0;}
a:hover        {color: #e58a22;}
h1             {font-size: 1.125em; color: #e58a22; margin: 0 0 6px; padding: 0;}
h2             {font-size: 1.125em; line-height: 0.7em; letter-spacing: 2px; color: #e58a22; margin: 0 0 10px; padding: 0 0 10px; border-bottom: 2px solid #333;}
img            {margin: 0; padding: 0; border: none; vertical-align: bottom;}
table          {margin: 0; padding: 0; border: none; border-collapse: collapse;}
tr, td, ul, li {margin: 0; padding: 0; border: none;}
p              {margin-bottom: 1.385em;}
form           {margin: 0; padding: 0; display: inline;}

/* PAGE BASES */
#wrapper {background: transparent url('/images/header/bg.png') no-repeat; width: 936px; margin: 0 auto; padding-top: 30px;}

#content {font-size: 0.813em; width: 850px; margin: 0 auto; text-shadow: #000 0 1px 0;}

/* HEADER */
#nav {width: 830px; height: 126px; margin: 0 auto;}
	#nav ul   {background: url('/images/header/nav.png'); height: 30px; margin: 0; padding: 0; display: block; position: relative;}
	#nav li   {height: 30px; list-style: none; display: block; position: absolute; top: 0; overflow: hidden; text-indent: -1000px;}
	#nav li a {height: 30px; display: block;}
		li#hom {left: 102px; width: 45px;}
			li#hom a {background: url('/images/header/nav.png') -102px -30px;}
			li#hom a:hover {background-position: -102px 0;}
		li#men {left: 165px; width: 85px;}
			li#men a {background: url('/images/header/nav.png') -165px -30px;}
			li#men a:hover {background-position: -165px 0;}
		li#wom {left: 268px; width: 99px;}
			li#wom a {background: url('/images/header/nav.png') -268px -30px;}
			li#wom a:hover {background-position: -268px 0;}
		li#kid {left: 385px; width: 87px;}
			li#kid a {background: url('/images/header/nav.png') -385px -30px;}
			li#kid a:hover {background-position: -385px 0;}
		li#acc {left: 490px; width: 98px;}
			li#acc a {background: url('/images/header/nav.png') -490px -30px;}
			li#acc a:hover {background-position: -490px 0;}
		li#pic {left: 605px; width: 87px;}
			li#pic a {background: url('/images/header/nav.png') -605px -30px;}
			li#pic a:hover {background-position: -605px 0;}
		li#tou {left: 710px; width: 42px;}
			li#tou a {background: url('/images/header/nav.png') -710px -30px;}
			li#tou a:hover {background-position: -710px 0;}

/* FOOTER */
#footer {font-size: 0.769em; font-weight: bold; line-height: 25px; color: #3d3d3d; text-align: center; margin: 0 auto 60px; height: 25px; width: 830px; clear: both;}
	#footer a:link    {color: #3d3d3d;}
	#footer a:visited {color: #3d3d3d;}
	#footer a:hover   {color: #e58a22;}
	#footer a:active  {color: #10aae6;}
	#footer p         {margin: 8px 0 0; padding: 0;}
	#footer ul        {color: #10aae6; width: 830px; list-style: none; display: inline;}
		#footer ul a:link    {color: #e58a22;}
		#footer ul a:visited {color: #e58a22;}
		#footer ul a:hover   {color: #10aae6;}
		#footer ul a:active  {color: #e58a22;}
		#footer li           {height: 25px; margin-right: 20px; padding: 0; float: left;}
	#footer #updates         {color: #595959; float: right;}
		#footer #updates a:link    {color: #ccc;}
		#footer #updates a:visited {color: #ccc;}
		#footer #updates a:hover   {color: #e58a22;}
		#footer #updates a:active  {color: #10aae6;}

/* PRODUCT ELEMENTS */
#left  {width: 410px; height: 326px; margin: 20px 5px 29px 10px; overflow: hidden; float: left;}
#left2 {width: 410px; height: 218px; margin: 20px 5px 29px 10px; overflow: hidden; float: left;}
	#left img, #left2 img {border-bottom: 1px solid #121212;}

#right   {text-align: justify; width: 420px; margin: 20px 0 30px 5px; float: left;}
	#box {font-weight: bold; background: #121212; width: 410px; height: 217px;}
		ul#info       {width: 370px; height: 161px; list-style: none; padding: 16px 20px 0; display: block;}
		ul#info li    {line-height: 22px; float: left;}
		ul#info img   {vertical-align: middle;}
			ul#info li#top, ul#info li#motto {line-height: 1.225em;}
			li#top    {color: #e58a22; width: 90px; height: 55px;}
			li#motto  {width: 280px; height: 55px;}
			li.leftl  {color: #10aae6; text-align: left; width: 87px; height: 25px;}
			li.leftr  {text-align: right; width: 88px; height: 25px; padding-right: 10px;}
			li.rightl {color: #10aae6; text-align: left; width: 57px; height: 25px; padding-left: 10px;}
			li.rightr {color: #e58a22; text-align: right; width: 118px; height: 25px;}
			li#add    {width: 175px; height: 31px; padding: 8px 10px 0 0;}
			li#out    {width: 175px; height: 31px; padding: 8px 0 0 10px;}
		ul#views      {width: 420px; list-style: none; display: block;}
		ul#views li   {width: 130px; height: 98px; margin: 10px 10px 0 0; float: left;}
		ul#views img  {border-bottom: 1px solid #121212;}

table#products {font-weight: bold; width: 830px; margin: 20px 0 0 10px; clear: left;}
	table#products td     {text-align: center; width: 25%; padding: 0 10px 30px 0; vertical-align: top;}
	table#products td.top {text-align: center; width: 25%; padding: 0 10px 20px 0; vertical-align: top;}
	table#products img    {padding-bottom: 4px;}
	table#products a:link    {color: #595959;}
	table#products a:visited {color: #595959;}

table#quad {font-weight: bold; width: 830px; margin: 20px 0 0 10px; clear: left;}
	table#quad td.top  {text-align: center; padding-bottom: 20px; vertical-align: top;}
	table#quad td      {text-align: center; width: 25%; padding: 0 0 29px; vertical-align: top;}
	table#quad td.just {text-align: justify; font-weight: normal; width: 75%; padding: 0 0 29px; vertical-align: top;}

#trigger, #expand {width: 830px; margin-left: 10px;}
	h3 {font-size: 1em; background: url('/images/more/title.png') no-repeat; color: #10aae6; text-align: right; width: 820px; height: 30px; margin: 0 0 10px; padding: 0 10px 0 0; display: block; line-height: 30px; clear: both; cursor: pointer;}

table.more  {font-weight: bold; width: 830px; clear: left;}
	table.more td {text-align: center; width: 130px; padding: 0 10px 20px 0; vertical-align: top;}
	table.more a:link, table.more a:visited {color: #595959;}

#ezicartpopupcontent {display: none;}

#text {background: transparent; text-align: justify; line-height: 1.5em; width: 830px; margin: 20px 10px 20px;}
	#text ul#address {font-weight: bold; text-align: left; margin-left: 325px; padding: 10px; list-style: none;}

ul.half {text-align: left; width: 390px; margin-bottom: 1.385em; padding-left: 25px; float: left;}
	ul.half li {margin: 0; padding: 0; list-style-type: none;}

/* P STYLES */
p.top    {margin-top: 0; padding-top: 0;}
p.bottom {margin-bottom: 0; padding-bottom: 0;}
p.center {text-align: center;}
p.soon   {font-size: 1.125em; font-weight: bold; text-align: center; margin-top: 30px;}
p.line   {background: #333; margin: 0; padding: 0; border-bottom: 1px solid #171717; width: 830px; height: 3px; clear: both;}

/* OTHER STYLES */
.blue   {font-weight: bold; color: #10aae6;}
.yellow {font-weight: bold; color: #e58a22;}
.grey   {font-weight: bold; color: #595959;}
.white  {font-weight: bold; color: #ccc;}
img.vid {padding: 0 14px 5px;}

#rotate {background: url('/images/rotator/rotate.php') no-repeat; width: 830px; height: 450px; margin: 20px 10px 0; border-bottom: 1px solid #121212;}
	#rotate img {position: relative; top: 390px;}
	#rotate a   {display:block; width:100%; height:100%;}

/* PRODUCT HOVER LINKS */
#products a.dblue:hover, .more a.dblue:hover   {color: #174799;}
#products a.lblue:hover, .more a.lblue:hover   {color: #5ec6db;}
#products a.dgreen:hover, .more a.dgreen:hover {color: #15451d;}
#products a.lgreen:hover, .more a.lgreen:hover {color: #69e550;}
#products a.pink:hover, .more a.pink:hover     {color: #ff269a;}
#products a.purple:hover, .more a.purple:hover {color: #7827b3;}
#products a.red:hover, .more a.red:hover       {color: #b31212;}
#products a.white:hover, .more a.white:hover   {color: #ccc;}
#products a.yellow:hover, .more a.yellow:hover {color: #d9ce00;}
#products a.fluoro:hover, .more a.fluoro:hover {color: #d9f235;}

.test a.dblue:hover  {color: #174799;}
.test a.lblue:hover  {color: #5ec6db;}
.test a.dgreen:hover {color: #15451d;}
.test a.lgreen:hover {color: #69e550;}
.test a.pink:hover   {color: #ff269a;}
.test a.purple:hover {color: #7827b3;}
.test a.red:hover    {color: #b31212;}
.test a.white:hover  {color: #ccc;}
.test a.yellow:hover {color: #d9ce00;}
.test a.fluoro:hover {color: #d9f235;}

ul.test {text-align: center; width: 828px; margin: 0 1px; padding: 0; position: relative; top: -5px;}
	ul.test li {margin: 10px 3px 0; width: 132px; height: 106px; list-style: none; float: left;}
	ul.test a:link, ul.test a:visited {color: #595959;}
	ul.test img {width: 130px; height: 73px;}