*  {
	margin: 0; padding: 0;
	list-style-type: none;
}
body {
	font: 70% Verdana, Arial, "Trebuchet MS", Tahoma, Sans-serif;
	color: #335d75;
	background: #fff;
	text-align: center;
	background: url(/images/bgrounds/body.gif) repeat-x;
}

.clear {
	height: 0px;
	line-height: 0;
	clear: both;
	font-size: 0px;
}
a { font-size: 1em; }
a:link { color: #143d55; text-decoration: underline }
a:visited { color: #143d55; text-decoration: underline }
a:hover { color: #143d55; text-decoration: none; }
a:active { color: #143d55; text-decoration: underline }

.content ul { margin: 0 0 1em 5px; position: relative; }
.content ul li { 
	margin: 0 0 .4em 0; 
	padding: 0 0 0 20px; 
	background: url(/images/icons/arrow.gif) no-repeat 4px 4px; 
}
.content ol {
	margin: 0 0 1em 20px;
}
.content ol li {
	list-style-type: decimal;
	margin: 0 0 .4em 0; 
}

p { margin: 0 0 1em 0; }
p, table, td, p a, li a, table a, dl a {
	font-size: 1em;
}
img { border: 0; }
.img-l { margin: 0 10px 0 0; float: left; }
.img-r { margin: 0 0 0 10px; float: right; }
.img-l, .img-r, .img-c { margin-bottom: 10px }
.img-c { margin-left: 0px; }
.img-bdr { padding: 1px; border: 1px solid #fff; }
h1, h2, h3, h4, h5, h6 {
	font-size: 1em;
	margin: 0 0 .6em 0;
	color: #335d75;
}

h1 { font-size: 1.3em; color: #ed693a; }
h2 { font-size: 1.1em; }
h3 { font-size: 1em; }
h4 { font-size: 1em; }
h5 { font-size: 1em; }
h6 { font-size: 1em; }

#container {
	width: 760px;
	text-align: left;
	margin: 0 auto;
	background: url(/images/bgrounds/container.jpg) no-repeat top right;
}
#header {
	position: relative;
	height: 170px;
	width: 760px;
}
#logo {
	position: absolute;
	top: 23px;
	left: 11px;
}


#nav {
	width: 472px;
	height: 34px;
	font-size: .9em;
	position: absolute;
	top: 103px; left: 0px;
	text-align:right;
}

#nav ul, #nav li {
	margin: 0 0 0 0; padding: 0 0 0 0; list-style-type: none;
}


#nav ul {
	/*margin-left: 21px;*/
}

#nav li {
	float: left;
	text-align: center;
}
    
#nav li.current a, #nav li.current a:link, #nav li.current a:visited, #nav li.current a:hover, #nav li.current a:active {
	font-weight: bold;
	color: #d2232b;
	text-decoration: none;
	text-transform: lowercase;
}

#nav li a, #nav li a:link, #nav li a:visited, #nav li a:active {
	padding: 10px 10px 8px;
	display: block;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	/*background: url(/images/bgrounds/nav.gif) no-repeat left 50%;*/
}
/*#nav li#hom a {
	background-image: none;
}*/
#nav li a:hover {
	color: #fff;
	text-decoration: underline;
}

#nav li ul {
	position: absolute;
	background-color: #ED693A;
	padding: 5px 0;
	padding: 0;
	width: 200px;
	left: -999em;
	z-index: 100;
}
#nav li ul li {
	width: 200px;
	text-align: left;
	position: relative;
	z-index: 1000;
}
#nav li ul ul {
	padding: 0;
	position: absolute;
	top: 0; right: -200px;
	z-index: 10000;
}

#nav li li li li {	
	z-index: 10;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul {
	left: auto;
}





#header #login {
	position: absolute;
	top: 143px; left: 0px;
	background-color: #eee;
	font-size: .9em;/*border: 1px solid red; */
}
#header #login form {
	position: relative;
	color: #666;
	margin-bottom: 0;
}

#login h2 {
	font-weight: normal;
	position: absolute;
	top: 1px; left: 10px;
	padding: 5px 0 0 0;
	color: #666;
	width: 130px;
	height: 30px;
	background: url(/images/bgrounds/login.gif) no-repeat top right;
}
.userinput, .passinput {
	width: 155px;
	position: absolute;
	top: 1px; left: 150px;
}
.passinput {
	left: 265px;
}
#login input {
	width: 75px;
}
#login .button {
	position: absolute;
	top: 0; left: 415px;
	width: auto;
}

#main {
	width: 760px;
	background: url(/images/bgrounds/main.gif) repeat-y;
}
#main-l, #main-r {
	float: left;
	display: inline;
}
#main-l {
	width: 444px /* 510 */ ;
	padding: 33px;
	line-height: 1.5em;
	background: url(/images/bgrounds/main-l.jpg) no-repeat top right;
}
#main-r {
	padding: 75px 17px 33px 33px;
	width: 200px;/* 250 */
}

#previews img {
	padding: 1px; background-color: #fff; border: 1px solid #ed693a;
	margin-bottom: 1em;
}
#previews h3 {
	background-color: #ed693a;
	color: #fff;
	padding: 5px;
	margin: 0;
/*	width: 100%;*/
}
#previews h3 a, #previews h3 a:link, #previews h3 a:visited, #previews h3 a:hover,#previews h3 a:active {
	color: #fff;
}
.loggedinmenu {
	position: absolute;
	font-size: .9em;
	top: 146px; left: 30px;
}
.viewCart, .orderHistory {
	margin-bottom: 1em;
	width: 440px;
}
.viewCart td, .viewCart th, .orderHistory td, .orderHistory th {
	text-align: left;
	vertical-align: top;
	padding: 3px;
	color: #333;
}
.viewCart th, .orderHistory th {
	background-color: #ccc;
	color: #fff;
	color: #335d75;
}
.viewCart .cnt, .orderHistory .cnt {
	text-align: center;
}
.viewCart th.itemname {
	background-color: transparent;
	color: #333;
	font-weight: normal;
}
.viewCart tr.total th {
	background-color: #ed693a;
	color: #fff;
}
.viewCart .rht {
	text-align: right;
}
.viewCart tr.odd th, .viewCart tr.odd td, .orderHistory tr.odd td {
	background-color: #eee;
}

form {
	margin-bottom: 1em;
}

.cantdownload, .candownload {
	padding: 5px 5px 5px 23px;
	background: url(/images/bgrounds/ok.gif) no-repeat 0 50%;
}
.cantdownload {
	background-image: url(/images/bgrounds/na.gif);
}

a.filedl {
	background: url(/images/icons/wmv.gif) no-repeat 2px 0;
	padding: 10px 0 10px 42px;
	display: block;
	text-decoration: none;
}
a.filedl:hover {
	background-color: #cccccc;
}
a.mp4 { background-image: url(/images/icons/mp4.gif); }
a.m4v { background-image: url(/images/icons/m4v.gif); }
a.mov { background-image: url(/images/icons/mov.gif); }
a.mpg { background-image: url(/images/icons/mpg.gif); }

.orderHistory {
	font-size: .9em;
}
.orderHistory td {
	border-bottom: 1px dashed #ccc;
}

.orderHistory img {
	border: 1px solid #ed693a;
	padding: 1px;
}

.sp_name {
	background-color: #ed693a;
	color: #fff;
	display: block;
	width: 94px;
	padding: 0 3px;
}

.hd {
	position: absolute;
	top: 69px;
	left: 463px;
}


#registerForm .error {
	font-size: .9em;
	color: #d2232b;
	displaY: block;
}

.newform td, .newform  th {
	vertical-align: top;
	text-align: left;
	padding: 3px 10px;
}
.newform th {
	width: 150px;	
}


.shopsearch input {
	float: left;
	display: inline;
	width: 120px;
	margin: 5px 0 0 0;
}
.shopsearch .button {
	width: auto;
	margin: 0 0 0 10px;
}
.catdisplay {
	width: 440px;
}
.catblock {
	float: left;
	width: 210px;
	margin: 0 5px 10px 0;
}
.imgmontage {
	width: 210px;
	height: 150px;
	position: relative;
}
.imgmontage a {
	display: block;
	width: 200px;
	height: 140px;
	padding: 5px;
}
.imgmontage a:hover {
	background-color: #e6e6e6;
}
.imgmontage img {
	position: absolute;
	top: 0; left: 10px;
	background-color: #fff;
	padding: 1px;
	border: 3px solid #ed693a;
}
.imgmontage .img1 {
	top: 20px;
}
.imgmontage .img2 {
	top: 10px;
	left: 85px;
}
.imgmontage .img3 {
	top: 60px;
	left: 60px;
}