

body{
	background: #2d2d2d url(../_img/global_bg.jpg) repeat; color: #fff;
	font-family: Helvetica, Arial, sans-serif;
	text-align: center;
	margin: 0; padding: 0;
}
#container{
	text-align: left;
	width: 1000px;
	margin: 0 auto; padding: 0;
	background: #000;
	position: relative;
}
h1, h2, h3, h4, h5, h6, p, form{
	margin: 0; padding: 0;
	font-size: 12px;
}
img{
	border: 0px;
}
a{
	text-decoration: none;
	color: #FFFF00;
	outline: none;
}
a:hover{
	text-decoration: underline;
}
hr, .none{ display: none !important; }

/* Header */
#header{
	padding-left: 0px;
}
#header a{
	background: #000000 url(../_img/global_header.jpg) no-repeat;
	display: block;
	height: 100px; text-indent: -9999px;
}

/* Newsletter Box */
#nl_box {
	position: absolute;
	top: 37px; right: 0;
	padding: 0px 75px 0px 0px;
}
#nl_box br{ display: none; }
#nl_box strong {
	display: block;
	height: 10px; text-indent: -9999px;
	font-size: 1px;
	background: url(../_img/global_nl.png) no-repeat top right;
	margin-bottom: 5px;
}
#nl_box small {
	display: block;
	clear: both;
	height: 7px; text-indent: -9999px;
	font-size: 1px;
	background: url(../_img/global_nl.png) no-repeat bottom right;
	margin-top: 40px;
}
#nl_box label {
	float: left; display: inline;
	font-size: 11px;
	height: 25px;
}
#nl_box input.text {
	border: 3px solid #FFF;
	padding: 0px 5px; margin: 0;
	background: #fff;
	font-size: 12px;
	background: #ccc;
	color: #000;
	height: 17px;
}
#nl_box input.image {
	float: left;
}

/* Social networks */
#social { 
	list-style: none;
	margin: 0; padding: 14px 75px 0px 0px;
	background-image: url(../_img/global_menu1.jpg);
	background-position: -789px -100px;
	height: 36px;
	width: 136px; \width: 211px; w\idth: 136px;
	float: left; display: inline;
}
#social li{
	display: inline;
}
#social li a{
	float: left; display: inline;
	margin-left: 10px;
	width: 24px; height: 24px;
	text-indent: -9999px;
}
#social li a.facebook { background: url(../_img/_social/facebook.png); }
#social li a.twitter { 	background: url(../_img/_social/twitter.png); }
#social li a.blogger { 	background: url(../_img/_social/blogger.png); }
#social li a.vimeo { 	background: url(../_img/_social/vimeo.png); }

/* Nav */
#nav{
	background: url(../_img/global_menu1.jpg) repeat 75px -100px;
	width: 607px; \width:789px w\idth: 607px;
	list-style: none;
	margin: 0; padding: 0px 0px 0px 182px;
	height: 50px;
	float: left; display: inline;
}
#nav li { display: inline;}
#nav li a{
	float: left; display: inline;
	height: 50px; text-indent: -9999px;	
	margin-right: 12px;
}
#nav li a.artists{ 	width: 48px;}
#nav li a.events{ 	width: 48px;}
#nav li a.about{ 	width: 65px;}
#nav li a.contacts{	width: 67px;}
#nav li a.blog {	width: 37px;}
#nav li a.store {	width: 40px;}
#nav li a.faq {		width: 33px;}

/* Shop & Collections */
#shop{
	background: #ed291d url(../_img/global_menu2.jpg);
	list-style: none;
	margin: 0; padding: 0px 75px;
	clear: both;
	height: 35px;
}
#shop li{ 
	float: left; display: inline;
	height: 35px;
	background-repeat: no-repeat;
	background-position: center left;
}
#shop li a{
	float: left; display: inline;
	height: 35px; text-indent: -9999px;
	margin-right: 18px;
}
#shop li a:hover,
#shop li a.sel{
	background: url(../_img/global_menu2_hover.gif) repeat-x 0px 29px;
}
#shop li.clear{ 
	float: none;
	display: block; 
	clear: both; 
	height: 1%;
	display: none; /* IE6 will suck big time adding the full height li, even if it's empty */
}

/* Contents */
#contents{
	clear: both;
	background: #000 url(../_img/prod_bg.jpg) repeat 0px 0px;
	font-size: 12px;
}

/* Footer */
#footer{
	clear: both;
	background: #ee2e24 url(../_img/global_footer.gif) repeat 20px 0px;
	padding-top: 50px; height: 0; overflow: hidden;
}

/*** HOME ***/
#features{
	display: block;
}
#features img{
	display: block;
}

/*** CART ***/
#shop_coming{
	padding: 25px 75px;
	font-size: 34px;
}
#shop_coming a{
	font-weight: bold;
}

/*** PRODUCT ***/
#submenu{
	background: white url(../_img/global_menu3.jpg) repeat 20px 0px;
	list-style: none;
	margin: 0; padding: 0px 75px;
	height: 30px;
}
#submenu li{ display: inline; }
#submenu li a{ 
	float: left; display: inline;
	height: 30px; text-indent: -9999px;
	margin-right: 15px;
	background-repeat: no-repeat;
	background-position: 0px 10px;
}
#prod{
	padding: 0px 75px;
	position: relative;
	height: 535px;
}
#prod br{
	display: none;
}
#prod_details{
	position: absolute;
	top: 25px; 
	left: 75px;
	width: 161px;
	min-height: 1%;
	z-index: 999;
}
#prod_details h3{
	background-repeat: no-repeat;
	margin-bottom: 15px;
	text-indent: -9999px;
}
#prod_details label.size{
	display: block;
	height: 18px; text-indent: -9999px;
	background: url(../_img/product.png);
	margin-bottom: 5px;
	margin-top: 20px;
}
#prod_details label.colour{
	display: block;
	height: 14px; text-indent: -9999px;
	background: url(../_img/product.png) 0px -18px;
	margin-bottom: 5px;
}
#prod_details label.comes{
	display: block;
	height: 20px; text-indent: -9999px;
	background: url(../_img/product.png) 0px -62px;
	margin-bottom: 5px;
}
#prod_details input.buy{
	display: block;
	height: 153px;
	width: 153px; \width: 227px; w\idth: 153px;
	padding: 4px 70px 4px 4px;
	background: yellow url(../_img/prod_btn_buy.gif) no-repeat 195px 22px;
}
#prod_details input.soldout{
	display: block;
	height: 153px;
	width: 153px; \width: 227px; w\idth: 153px;
	cursor: default !important;
	padding: 4px 70px 4px 4px;
	background: #e63221 url(../_img/prod_btn_soldout.gif) no-repeat 195px 22px;
}
#prod_details select{
	width: 160px;
	border: 0px;
	font-size: 30px;
	color: #70cbd2;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 15px;
}
#prod_details select option{
	border-bottom: 1px dotted #ccc;
}
#prod_details div.colour{
	height: 40px;
}
#prod_details a.change{
	display: block;
	margin: 2px 0px 15px;
}
#prod_details a.error{
	padding: 14px 5px 14px 5px;
	background: #ee2e24;
	color: #fff;
	display: block;
}

#prod_preview{
	padding-left: 180px;
	float: left; display: inline;
	width: 460px; \width: 640px; w\idth: 460px;
	position: relative;
	background: green !important;
}
#prod_preview img{ 
	display: block !important; 
	position: absolute !important;
	top: 0px !important;
	left: 180px !important;
	width: 460px;
	height: 535px;
}
#prod_preview a{
	position: absolute;
	height: 535px;
	width: 230px;
	top: 0px;
	background: url(../_img/blank.gif);
	z-index: 995 !important;
	outline: none;
}
#prod_preview a:hover{
	background: #000;
}
#prod_preview a.prev{ left: 180px; }
#prod_preview a.next{ right: 0px; }

#prod_preview a span{
	display: block;
	height: 535px; text-indent: -9999px;
	background: url(../_img/blank.gif);
	cursor: pointer;
}
#prod_preview a.prev:hover span{
	background: url(../_img/prod_btn_prev.gif) no-repeat center center;
}
#prod_preview a.next:hover span{
	background: url(../_img/prod_btn_next.gif) no-repeat center center;
}
#prod_images{ display: none; }

#info{
	padding: 25px 0px 25px 20px;
	margin-left: 640px;
	height: 485px;
}
#info h3.info{
	width: 162px;
	background: url(../_img/product.png) 0px -32px;
	height: 17px; text-indent: -9999px;
	margin-bottom: 15px;
}
#info p.desc{
	margin-bottom: 15px;
}
#info h3.rel{
	width: 162px;
	height: 13px;
	background: url(../_img/product.png) 0px -49px;
	height: 13px; text-indent: -9999px;
	margin: 0px 0px 15px 0px;
}
#info p{
	font-size: 10px;
	line-height: 18px;
}
#info a.rel{
	float: left; display: inline;
	margin: 0px 1px 1px 0px;
}
#info img{ display: block; }

/*** EVENTS ***/
#events div.flyer{
	float: left; display: inline;
	width: 420px;
	position: relative;
}
#events div.flyer img{ display: block; }
#events div.flyer p{
	background: #fff;
	font-size: 12px; font-weight: bold;
	padding: 10px 10px 10px 75px;
	color: #000;
}
#events div.flyer a{
	color: #70cbd2;
}
#events a.img_btn,
#events a.vid_btn{
	background-image: url('../_img/events_img.png');
	background-position: center right;
	position: absolute;
	top: 0px; left: 0;
	text-indent: -9999px;
	width: 210px; height: 23px;
}
#events a.vid_btn{
	background-image: url('../_img/events_vid.png');
	left: auto;
	right: 0px;
}
#events div.flyer a:hover{ text-decoration: none; color: #ee2e24; }
#events ul{
	float: left; display: inline;
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 580px;
}
#events ul li{
	border-bottom: 2px solid;
	display: block;
}
#events ul li.color0,
#events ul li.color1,
#events ul li.color2,
#events ul li.color3,
#events ul li.color4{ border-color:#666666; background-color:#666666;  }
#events ul li a{
	display: block;
	padding: 10px 75px 8px 25px;
	background: #000;
}
#events ul li a.sel{
	background: transparent;
	cursor: auto;
}
#events ul li a:hover{
	background: transparent;
	text-decoration: none;
}
#events ul li br { display: none; }
#events ul li a strong{
	display: block;
	height: 20px; text-indent: -9999px;
	margin-bottom: 5px;
	background-repeat: no-repeat;
}
#events ul li a small{
	display: block;
	font-size: 11px;
	line-height: 18px;
	color: #fff;
}

/*** COLLECTIONS ***/
#items{
	margin: 0; padding: 25px 0px 25px 75px;
	list-style: none;
}
#items li{ display: inline; }
#items li.clear{ display: block; clear: both; }
#items li a{
	float: left; display: inline;
	width: 189px; \width: 205px; w\idth: 189px;
	background: #fff;
	padding: 8px;
	margin: 0px 12px 10px 0px;
	cursor: pointer;
}
#items br{ display: none; }
#items img{
	display: block;
	background: #ee2e24;
	width: 189px;
	height: 189px;
}
#items strong,
#items small{
	display: block;
	margin-top: 10px;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

/*** NEWSLETTER ***/
#newsletter{
	padding: 25px 75px;
	background: #000;
	height: 350px;
}
#newsletter h2{
	text-transform: uppercase;
	font-size: 25px;
	color: #FFFF00;
	margin-bottom: 10px;
}

/*** FAQ ***/
#faq {
	padding: 25px 75px;
}
#faq h2{
	text-transform: uppercase;
	font-size: 25px;
	color: #FFFF00;
	margin-bottom: 10px;
}
#faq strong{
	display: block;
}
#faq em{
	display: block;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #222;
}

/*** OTHERS ***/
div.stylizedselect{
	position: relative;
	margin: 0px 0px 20px; 
	padding: 0;
	height: 35px;
}
div.stylizedselect ul{
	position: absolute; top: 0; left: 0;
	list-style: none;
	margin: 0; padding: 0;
	cursor: pointer;
	background: #fff url(../_img/prod_btn_s_down.gif) no-repeat 142px -7px;
	width: 161px;
}

#colour1{ z-index: 999; }
#size1{ z-index: 998; }
#size1 li{
	display: block;
	width: 142px;
	padding-top: 35px; height: 0; overflow: hidden;
	background-color: #fff !important;
	background-repeat: no-repeat !important;
}
#size1 li.opt{
	border-top: 1px solid #ccc;
	width: 161px;
}
/*
#size1 li.XXS{ 	background-image: url(../_img/sel/XXS.gif) !important; }
#size1 li.XS{ 	background-image: url(../_img/sel/XS.gif) !important; }
#size1 li.S{ 	background-image: url(../_img/sel/S.gif) !important; }
#size1 li.M{ 	background-image: url(../_img/sel/M.gif) !important; }
#size1 li.L{ 	background-image: url(../_img/sel/L.gif) !important; }
#size1 li.XL{ 	background-image: url(../_img/sel/XL.gif) !important; }
#size1 li.XXL{ 	background-image: url(../_img/sel/XXL.gif) !important; }
#size1 li.XXXL{ background-image: url(../_img/sel/XXXL.gif) !important; }
*/

#colour1 li{
	display: block;
	width: 134px; \width: 142px; w\idth: 134px;
	height: 27px;
	border: 4px solid #fff;
}
#colour1 li.opt{ width: 153px; }

#oa_container a{ 
	text-decoration: none; 
	border: 0px;
	outline: none;
}

#oa_overlay{
	background: black;
}

#oa_close span,
#oa_prev span,
#oa_next span{ display: none; }

#oa_close{
	width: 100%;
	height: 100%;
	text-align: right;
	background: url(_img/blank.gif);
}
#oa_close:hover{
	background: url(../_img/oa/close.gif) no-repeat top right;
}

#oa_container{
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #222;
}
#oa_container.loading {
	background: url(../_img/oa/loading.gif) no-repeat center center;
}
#oa_container img{ display: block; }
#oa_container div.page{
	background: #fff;
	color: #000;
}

#oa_prev, 
#oa_next{
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0px;
	background: url(blank.gif);
}
#oa_prev:hover{
	background: #000 url(../_img/oa/prev.gif) no-repeat center center;
}
#oa_next:hover{
	background: #000 url(../_img/oa/next.gif) no-repeat center center;
}
#oa_prev{ left: 0px; }
#oa_next{ right: 0px; }

#oa_paging{
	/*height: 100%;*/
	width: 150px;
	position: absolute;
	right: -155px; 
	top: 0px;
	font-size: 10px;
}
#oa_paging a{
	color: #fff;
	display: block;
	border-bottom: 1px dotted #454545;
	padding: 3px 10px;
}
#oa_paging a:hover,
#oa_paging a.sel{
	background: #fff;
	color: #222;
}

#oa_title, 
#oa_descr{ 
	width: 100%;
	color: #fff;
	line-height: 14px;
	position: absolute; 
	left: 0px; 
}
#oa_title{ 
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 10px;
	bottom: 100%;
}
#oa_descr{ 
	font-size: 10px;
	padding-top: 10px;
	top: 100%; 
}
