/* ---------------------------------------- *
* abandon hope, all ye who enter here ----- *
* author: gregory nicholas            ----- *
* uri: www.phasedreduction.com        ----- *
* ----------------------------------------- */
* {
	margin : 0;
	padding : 0;
	outline : none;
	list-style : none;
	text-decoration : none;
	font : normal 11px Arial, Verdana, Geneva, sans-serif;
	color : #9f9f9f;
	line-height : 15px;
}

body {
	background : #000 no-repeat center 200px;
}

img {
	border : 0;
}

strong {
	font-weight : bold;
}

em {
	font-style : italic;
}

sup {
	font-size : 6px;
}

p {
	margin-bottom : 20px;
}

a {
	color : #0196fe;
	text-decoration : none;
}

a:hover .hidden {
	display : block;
}

a.replace-c {
	font-size : 10px;
}

.clear {
	clear : both;
}

.left {
	float : left;
}

.right {
	float : right;
}

.block {
	display : block;
}

::-moz-selection { color : #fff; background : #0196fe; }
::selection { color : #fff; background : #0196fe; }
a::-moz-selection { color : #fff; background : #0196fe; }
a::selection { color : #fff; background : #0196fe; }

h3 {
	margin-bottom : 30px;
	padding-top : 15px;
	font-size : 30px;
	color : #fff;
	font-weight : normal;
}


.container {
	position : relative;
	width : 1004px;
	margin : 0 auto;
}

.container-head {
	/*position : fixed;*/
	top : 0;
	left : 0;
	width : 100%;
	height : 25px;
	background : url('images/head-bg.png') repeat-x;
}

.container-menu-a {
	background : url('images/menu-a-bg.png') repeat-x 0 0px;
}

.container-menu-b {
	background : url('images/menu-b-bg.png') repeat-x;
}

.container-menu-b.b {
	margin : 20px 10px;
}

.container-menu-b.b.press {
	margin-top : 0;
}

.container-menu-b.b.article {
	margin-top : 0;
	background : transparent;
}

#logo, #logo-over {
	display : block;
	width : 305px;
	height : 208px;
	margin-top : 59px;
	overflow : hidden;
	text-indent : -900px;
}

#logo {
	float : left;
}

#logo-over {
	position : absolute;
	height : 236px;
	top : 21px;
	left : -10px;
	margin : 0;
	background : url('images/vael-logo-hover.png') no-repeat;
}

#user-profile {
	position : relative;
	float : right;
	width : 310px;
	margin-top : 70px;
	padding : 10px 0 10px 5px;
	background : url('images/pattern-e.png');
}

#user-profile-thumb {
	width: 47px;
	height : 44px;
	float : left;
	padding : 3px;
	background : #000;
}

.user-profile-menu a {
	font-size : 10px;
	padding : 0 2px;
}

#user-profile-inner {
	width: 230px;
	float : right;
	margin-left : 2px;
	padding : 9px 10px;
	background : #000;
	font-size : 10px;
	line-height : 18px;
	cursor : default;
}

#user-profile-inner * {
	font-size : 10px;
}

#user-profile .form {
	margin-top : 5px;
	width : 200px;
}

#user-profile dt {
	width : 200px;
}

#user-profile dd {
	margin-bottom : 5px;
}




#menu-head {
	display : block;
	height : 25px;
}

#menu-head li {
	float : left;
}

#menu-head li a {
	display : block;
	height : 25px;
	margin-right : 10px;
	overflow : hidden;
	text-indent : -9999px;
}


#menu-head-A a {
	width : 91px;
	background : url('images/menu-head.png') no-repeat 0 0;
}

#menu-head-B a {
	width : 62px;
	background : url('images/menu-head.png') no-repeat -105px 0;
}

#menu-head-C a {
	width : 70px;
	background : url('images/menu-head.png') no-repeat -172px 0;
}

#menu-head-D a {
	width : 74px;
	background : url('images/menu-head.png') no-repeat -247px 0;
}

#menu-head-A a:hover {
	background-position : 0 -25px;
}

#menu-head-B a:hover {
	background-position : -105px -25px;
}

#menu-head-C a:hover {
	background-position : -172px -25px;
}

#menu-head-D a:hover {
	background-position : -247px -25px;
}


#menu-a {
	margin-left : 10px;
	display : block;
	width : 994px;
	height : 111px;
}

#menu-a li {
	float : left;
	height : 111px;
	border-bottom : solid 4px #000;
	overflow : hidden;
}

#menu-a a {
	display : block;
	height : 111px;
	padding-left : 13px;
	overflow : hidden;
	background : url('images/vael-menu-a.png') no-repeat;
	text-indent : -9999px;
	border-bottom : 7px solid #0196fe;
}

#menu-a #menu-a-A a {
	width : 296px;
	padding-left : 0;
	background-position : -7px 0;
}

#menu-a #menu-a-B a {
	width : 149px;
	background-position : -303px 0;
}

#menu-a #menu-a-C a {
	width : 147px;
	background-position : -465px 0;
}

#menu-a #menu-a-D a {
	width : 173px;
	background-position : -625px 0;
}

#menu-a #menu-a-E a {
	width : 177px;
	background-position : -811px 0;
}

#menu-a #menu-a-A a:hover, #menu-a #menu-a-A.selected a {
	background-position : -7px -127px;
}

#menu-a #menu-a-B a:hover, #menu-a #menu-a-B.selected a {
	background-position : -303px -127px;
}

#menu-a #menu-a-C a:hover, #menu-a #menu-a-C.selected a {
	background-position : -465px -127px;
}

#menu-a #menu-a-D a:hover, #menu-a #menu-a-D.selected a {
	background-position : -625px -127px;
}

#menu-a #menu-a-E a:hover, #menu-a #menu-a-E.selected a {
	background-position : -811px -127px;
}

#menu-a a.over {
	height : 106px;
}

#menu-a .selected a {
	height : 100px;
	border-bottom : 11px solid #000;
	cursor : default;
}



#menu-b {
	display : block;
	height : 42px;
}

#menu-b li {
	float : left;
}

#menu-b li a {
	display : block;
	height : 32px;
	margin-left : 9px;
	padding-top : 10px;
}

#menu-b .section-hdr {
	padding-left : 4px;
}


#foot {
	height : 50px;
	padding-top : 75px;
}

#foot a {
	margin : 0 20px 0 10px;
	color : #444;
	font-size : 10px;
}



.content.b {
	margin-top : 30px;
}

.content-block-wrap {
	margin : 20px 0 20px 10px;
	padding : 5px 0; 
	background : url('images/transparent.png');
}

.content-block {
	position : relative;
	width : 992px;
	padding : 10px 0;
	background : #000;
	border-top : solid 1px #111;
	border-bottom : solid 1px #111;
}

.product-grid {
	display : block;
	float : left;
	width : 805px;
	margin-left : 10px;
}

.product-grid li {
	float : left;
	margin-right : 5px;
	margin-bottom : 6px;
	padding : 6px;
	background : url('images/transparent.png');
}

.product-grid li.last {
	margin-right : 0;
}

.product-grid li .img-loader {
	width : 16px;
	height : 16px;
	margin-top : 30px;
	margin-left : 115px;
}

.product-grid li .product {
	display : block;
	width : 250px;
	height : 180px;
	position : relative;
	padding : 14px 0px;
	background : #000;
	border : solid 1px #111;
}

.product-grid li .product .label.replace-c {
	position : absolute;
	bottom : 6px;
	left : 18px;
	z-index : 999;
	text-transform : uppercase;
	color : #ccc;
	font-size : 11px;
}

.hidden {
	display : none;
	width : 100%;
	height : 92%;
	position : absolute;
	z-index : 999;
	background : url('images/pattern-c.png');
}

.product-grid li .product .hidden {
	top : 6px;
	left : 6px;
	width : 239px;
	height : 196px;
	background : url('images/product-grid-hover.png');
}

.product-grid li .product .preorder {
	position : absolute;
	top : 6px;
	left : 6px;
	width : 239px;
	height : 196px;
	background : url('images/product-grid-preorder.png');
}

.product-grid li .product:hover {
	border-color : #0196fe;
}

.product-grid li .product:hover .preorder {
	display : none;
}

.product-grid li .product:hover .label.replace-c {
	color : #0196fe;
}

.hdr {
	position : relative;
	text-transform : uppercase;
	color : #fff;
}

.hdr.small {
	padding : 16px 10px 14px 6px;
	font-size : 12px;
}

.hdr.large {
	padding : 10px 10px 5px 0px;
	font-size : 30px;
}

.product-category-body, .product-category-body * {
	line-height : 170%;
	width : 175px;
}


.product-item {
	margin : 0 10px;
}

.product-head {
	position : relative;
	height : 39px;
	margin-top : 28px;
	margin-bottom : 10px;
	padding : 1px 0;
	background : url('images/product-head-bg.png') repeat-x;
	z-index : 999;
}

.product-head .right {
	margin-left : 9px;
	padding-top : 9px;
	cursor : pointer;
}

.product-title {
	width : 473px;
	margin : 0;
	margin-top : 6px;
	padding : 0;
	font-size : 36px;
	color : #fff;
}

.product-color, .product-size {
	margin-top : 20px;
	margin-right : 7px;
	color : #9f9f9f;
	font-size : 11px;
}

.selector-wrapper {
	position : relative;
	width : 136px;
	height : 20px;
	margin-top : 10px;
	background : url('images/btn-bag-add.png') no-repeat;
	cursor : pointer;
	z-index : 999;
}

#product-size-selector {
	position : absolute;
	top : 20px;
	right : 0;
	z-index : 1000;
	width : 136px;
	padding : 5px 0;
	background : #0196fe;
}

#product-size-selector .label-hdr {
	margin-bottom : 4px;
	padding : 7px 0 4px 0;
	text-align : center;
	color : #fff;
	font-size : 10px;
	background : #007dd4;
}

#product-size-selector .option {
	display : block;
	margin:0 !important;
	padding : 4px 0;
	text-align : center;
	color : #fff;
	font-size : 12px;
}

#product-size-selector .option.selected, #product-size-selector .option:hover {
	background : #007dd4;
}

#product-size-selector .option.outofstock {
	color : #c0c0c0;
	cursor : default;
	background : #0196fe;
}

.product-details {
	width : 295px;
	margin-top : 35px;
}

.product-properties {
	width : 80px;
	margin-top : 66px;
	margin-left : 20px;
	cursor : default;
	line-height : 150%;
	color : #eee;
}

.product-variation {
	width : 261px;
	margin : 0;
	margin-top : 11px;
	padding : 0;
	overflow : hidden;
	font-size : 24px;
	color : #fff;
	text-transform : uppercase;
}

.product-description-toggler a {
	display : block;
	float: left;
	margin-right : 22px;
	margin-bottom : 10px;
	padding-bottom : 10px;
	text-decoration : none;
	color : #0196fe;
	font-size : 10px;
}

.product-description-toggler .selected {
	color : #9f9f9f;
	cursor : default;
}

.product-description, .product-description * {
	line-height : 160%;
}

.product-description.selected {
	display : block;
}

.product-description li {
	margin-left : 20px;
	list-style : disc;
}

.product-views {
	width : 542px;
}

.product-thumbnails {
	width : 58px;
	padding : 0 8px;
}

.product-thumbnails .img-loader {
	padding : 20px;
	background : #000;
}

.product-thumbnails a {
	display : block;
	position : relative;
	width : 56px;
	height : 56px;
	margin-bottom : 5px;
	border : solid 1px #333;
}

.product-thumbnails a .hidden {
	top : 2px;
	left : 2px;
	width : 52px;
	height : 52px;
}

.product-thumbnails a:hover {
	border : solid 1px #0196fe;
}

.product-thumbnails a.selected {
	border : solid 1px #fff;
	cursor : default;
}



.image-container {
	position : relative;
	width : 463px;
	height : 398px;
	text-align:center;
	overflow : hidden;
	background : #000;
	border : solid 1px #111;
}

.image-slider { position : absolute; }
.image-slider.a { left : 24px; }

.image-slider .img-loader {
	padding-top : 198px;
}

.image-slider-item {
	position : absolute;
	width : 415px;
	height : 398px;
}

.image-slider-item a {
	display : block;
}

.image-slider-item a .hidden {
	top : 14px;
	left : -9px;
	width : 429px;
	height : 368px;
	border : solid 1px #0196fe;
}

.availability-label {
	position : absolute;
	text-transform : uppercase;
	top : 15px;
	right : 0;
	z-index : 997;
}

.product-foot {
	height : 39px;
	margin-top : 28px;
	margin-bottom : 10px;
	margin-left : 10px;
	margin-right : 10px;
	padding : 1px 0;
	background : url('images/product-head-bg.png') repeat-x;
}

.product-foot .left, .product-foot .right {
	margin-top : 13px;
	padding-top : 0;
	padding-left : 12px;
}

.product-foot a {
	background-position : center left;
	color : #0196fe;
	font-size : 10px;
}




.press-list {
	width : 640px;
}

.hdr-wrap {
	width : 580px;
}

.hdr-wrap .hdr:hover {
	background : url('images/pattern-b.png');
}

.article-date {
	color : #9f9f9f;
	font-size : 10px;
}

.hdr .bulleted, a.bulleted {
	padding-right : 14px;
	background : url('images/bullet-c.png') no-repeat right center;
	font-size : 28px;
}

a.bulleted {
	padding-top : 2px;
	font-size : 11px;
	color : #0196fe;
	text-transform : uppercase;
}

.small-label {
	color : #9f9f9f;
	font-size : 11px;
}

.comment-bubble {
	position : absolute;
	top : -5px;
	right : -50px;
	width : 67px;
	height : 25px;
	padding-left : 6px;
	padding-top : 2px;
	background : url('images/bubble-a.png') no-repeat;
	color : #eee;
	font-size : 10px;
	overflow : hidden;
	cursor : pointer;
}

.comment-bubble.profile-name {
	top : -20px;
	left : 50px;
	width : 130px;
	background : url('images/bubble-c.png') no-repeat;
}


.press-article-actions {
	width : 162px;
	margin-top : 0;
	margin : 0 30px 10px 10px;
}

.press-article-actions a {
	display : block;
	position : relative;
	margin-bottom : 10px;
	padding : 6px;
	background : url('images/transparent.png');
}

.press-article-actions a .hidden {
	top : 13px;
	left : 13px;
	width : 135px;
	height : 135px;
}

.press-article-actions img {
	padding : 6px;
	background : #000;
	border : solid 1px #111;
}

.press-article-actions a:hover img {
	border-color : #0196fe;
}

.press-article-actions .img-loader {
	padding : 65px;
}

.press-article.featured {
	width : 425px;
}

.press-article.featured .article-summary {
	margin-top : 8px;
}

.press-item {
	width : 600px;
	margin-right : 20px;
	margin-left : 10px;
	padding : 0px 30px 30px 0;
}

.press-item .article-date {
	margin-bottom : 10px;
}

.press-item .press-article-actions {
	margin-left : 0;
}

.featured .intro {
	padding-bottom : 40px;
}

.article-body *, .intro, .intro * {
	font-size : 12px;
	line-height : 175%;
	color : #ccc;
}

.article-sep {
	width : 75px;
	height : 1px;
	margin : 26px 10px;
	background : #0a0a0a;
}

.column-a .article-sep {
	margin-left : 0;
}

.press-archives {
	position : relative;
	height : 255px;
	padding-top : 25px;
	background : url('images/pattern-a.png');
	border-top : solid 1px #030303;
}

.press-archives .content-wrap {
	width : 830px;
	padding-left : 75px;
}

.press-article.archived {
	width : 195px;
	margin-right : 15px;
}

.press-article.archived .article-summary {
	margin : 8px 8px 0 5px;
}

.hdr-wrap-b {
	padding: 6px 6px 5px 6px;
	background : #000;
}

.hdr-wrap-b .hdr {
	margin : 0;
	padding-top : 6px;
	font-size : 24px;
	color : #fff;
	cursor : pointer;
	letter-spacing : 1px;
}

.hdr-wrap-b .hdr:hover {
	background : url('images/pattern-c.png');
}

.hdr-wrap-b .article-date {
	color : #787878;
	cursor : default;
}

.btn-control {
	display : block;
	width : 7px;
	height : 12px;
	padding : 6px;
	overflow : hidden;
	text-indent : -9999px;
	text-decoration : none;
}

.btn-control.previous, .btn-back { background : url('images/bullet-d.png') no-repeat center center; }
.btn-control.next { background : url('images/bullet-c.png') no-repeat center center; }
.btn-control:hover { background-color : #000; }

.image-slider-item .btn-control, .press-archives .btn-control {
	position : absolute;
	z-index : 999;
}

.image-slider-item .btn-control {
	top : 190px;
	padding : 10px;
	background-color : #000;
}

.image-slider-item .btn-control.previous { left : -10px; }
.image-slider-item .btn-control.next { right : -10px; }

.press-archives .btn-control.previous {	top : 95px;	left : 20px; }
.press-archives .btn-control.next { top : 95px;	right : 20px; }

.press-clippings.b a {
	position : relative;
	float : left;
	display : block;
	width : 135px;
	height : 135px;
	margin : 4px;
	background : #000;
	border : solid 1px #000;
}

.press-clippings.b .hidden {
	top : 5px;
	left : 5px;
	width : 125px;
	height : 125px;
}

.press-clippings.b a:hover {
	border-color : #0196fe;
}

.press-clippings .img-loader {
	padding : 60px;
}

.article-link {
	margin-top : 35px;
	padding : 15px 5px;
	background : url('images/pattern-c.png');
}

.article-comments {
	margin-top : 50px;
}

.comment-item {
	position : relative;
	margin-bottom : 15px;
	padding : 8px 8px 15px 8px;
	background : url('images/pattern-c.png');
	cursor : default;
}

.comment-head {
	margin : 0 30px 8px 0;
	padding : 4px;
	background : url('images/transparent.png');
	border-top : solid 1px #0a0a0a;
	border-bottom : solid 1px #0a0a0a;
	color : #555;
	text-transform : uppercase;
	font-size : 9px;
}

.comment-body {
	padding : 4px 100px 4px 4px;
	font-size : 12px;
}

.comment-position {
	position : absolute;
	top : 18px;
	right : 5px;
	font-size : 50px;
	color : #111;
}

.home .img-loader {
	padding : 150px 0 150px 500px;
}

.home-img {
	width : 992px;
	border-top : solid 1px #aaa;
	border-bottom : solid 1px #aaa;
}

.home-intro {
	position:absolute;
	top:100px;
	left:0;
	width:355px;
	padding:20px 0 0 20px;
	background:url('images/pattern-c.png');
	font-size:40px;
	color:#fff;
	line-height:10px;
	text-transform:uppercase;
}

.home .hidden {
	top : 16px;
	background : url('images/pattern-d.png');
}

.press-clippings.b .hidden {
	background : url('images/pattern-d.png');
}


.form {
	width : 350px;
}

.label {
	cursor : pointer;
}

.label.checkbox {
	margin-left : 5px;
}

.label:hover {
	color : #fff;
}

.form dt {
	float : left;
	width : 150px;
}

.form dd {
	position : relative;
	float : left;
	width : 200px;
	margin-bottom : 10px;
}

.select, .textfield, .textarea {
	width : 194px;
	height : 18px;
	padding : 3px 0 0 3px;
	background : #111;
	border : solid 1px #222;
	color : #efefef;
	line-height : 22px;
}

.inactive {
	color : #444;
	text-transform : uppercase;
}

.select {
	height : 22px;
}

.textarea {
	width : 345px;
	height : 120px;
	margin-top : 5px;
}

.checkbox {
	vertical-align : middle;
}

.firstname {
	width : 92px;
	margin-right : 5px;
}

.lastname {
	width : 92px;
}

.zip {
	width : 60px;
}

.phone {
	width : 100px;
	margin-right : 5px;
}

.password {
}

.phone.ext, .csc {
	width : 50px;
	padding-left : 0;
	text-align : center;
}

.quantity {
	width : 30px;
	padding-left : 0;
	text-align : center;
}

.cardtype {
	width : 125px;
}

.date, .state {
	width : 50px;
}

.form-errors {
	cursor : default;
	color : #df3c89;
}

.form-errors h3 {
	display : none;
	margin-bottom : 14px;
	color : #df3c89;
}

.field-error {
	margin-right : 1px;
	padding : 0 5px;
	cursor : pointer;
	background : #df3c89;
	color : #fff;
}

.error {
	border-color : #df3c89;
}



#modal-indicator {
	position : fixed;
	top : 0;
	left : 50%;
	width : 100px;
	height : 48px;
	margin-left : -70px;
	z-index : 9999;
	background : #000 url('images/indicator-a.gif') no-repeat center center;
}

.modal-window {
	position : fixed;
	top : 25%;
	left : 50%;
	margin-left : -360px;
	padding-bottom : 30px;
	width : 701px;
	color : #333;
	z-index : 9998;
}

* html .modal-window {
	position : absolute;
	top : expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

#overlay {
	position : absolute;
	overflow : hidden;
	top : 0;
	left : 0; 
	background-color : #000;
	cursor : pointer;
	z-index : 9990;
}



.image-zoom {
	width : 701px;
	overflow : hidden;
	padding : 18px;
	background : url('images/transparent.png');
	border : solid 1px #333/*0196fe*/;
	text-align : center;
}

.image-zoom img {
	cursor : pointer;
}



.modal-window.cart {
	width : 100%;
	height : 405px;
	top : 25px;
	left : 0;
	margin-left : 0;
	padding : 0 0 1px 0;
	background : #333;
}

.modal-wrapper {
	height : 405px;
	background : #000;
}

.cart-wrapper {
	padding : 20px;
	padding-top : 10px;
}

#cart-toolbar {
	position : absolute;
	top : 0;
	right : 0;
	z-index : 9999;
}

#shopping-cart.open {
}

#shopping-cart.closed {
}

.cart-toolbar-inner {
	height : 8px;
	margin-left : 10px;
	padding : 6px 0 10px 0;
	text-align : center;
	border-bottom : solid 1px #0196fe;
}

.cart-toolbar-inner:hover {
	height : 7px;
	background : url('images/pattern-c.png');
	border-bottom-width : 2px;
}

.cart-toolbar-inner .item {
	font-size : 11px;
	color : #0196fe;
}

#cart-toolbar.open #cart-closed {
	display : none;
}

#cart-toolbar.closed #cart-open {
	display : none;
}

#cart-head {
	margin-bottom : 10px;
	padding : 10px;
	background : #000 url('images/pattern-a.png');
	border-top : solid 1px #000;
	border-bottom : solid 1px #000;
	visibility : hidden;
}

#cart-head a {
	float : left;
	margin-right : 35px;
}

#cart-head a.selected {
	background-image : url('images/bullet-c-disabled.png');
	font-size : 11px;
	color : #777;
	cursor : default;
}

.cart-block {
	position : absolute;
	width : 850px;
	height : 295px;
	padding : 10px 15px;
	background : #000;
	border-bottom : solid 1px #0a0a0a;
	visibility : hidden;
}

.cart-block .hdr {
	padding-left : 0;
	padding-top : 0;
	margin-bottom : 0;
}


.cart-block .continue {
	position: absolute;
	left : 390px;
	bottom : -6px;
	background-color : #000;
	border-left : solid 8px #000;
	border-right : solid 8px #000;
}

.cart-block .continue.z {
	left : 0;
	/*padding-right : 0;
	background-image : none;*/
}

.cart-block .continue.a {
	left : 495px;
}

.cart-block .continue.b {
	left : 296px;
}

.cart-block .continue.s {
	left : 246px;
}

.cart-block .continue.c {
	left : 653px;
}

.cart-block .continue.d {
	left : 646px;
}

.cart-block .continue.e {
	left : 239px;
}

#cart-products-slider {
	position : absolute;
}

.cart-products {
	position : relative;
	height : 164px;
	margin-bottom : 16px;
	padding : 12px 17px;
	overflow : hidden;
	background : url('images/pattern-a.png');
}

.cart-products .cart-product {
	position : absolute;
	width : 159px;
	height : 135px;
	padding-left : 8px;
	border : solid 1px #111;
}

.cart-products .cart-product img {
	margin-bottom : 4px;
	padding : 0 20px;
	background : #000;
}

.cart-product .remove {
	position : absolute;
	top : 4px;
	right : 5px;
	padding-right : 0;
	background : transparent;
}

#promo-code-list {
	margin : 0 10px 10px 10px;
}

.promo-code {
	padding : 2px 0;
}

.promo-code a {
	margin-left : 5px;
}

.action-form {
	margin-top : 20px;
	padding : 8px 10px 0 10px;
	background : url('images/pattern-c.png');
	border : solid 1px #111;
}
