@charset "utf-8";

@import "reset.css";



/* -- layout -- */

/* body's height is set to add a vertical scroll bar if the browsers viewing area is below 640px */

body { background: url(../images/global/background.jpg) top left no-repeat #000; overflow-x: hidden; height: 680px; }

img { vertical-align: bottom; }


#slideshow1 { width: 480px; height: 320px; overflow: hidden; }

/* header */

#header { width: 980px; height: 110px; overflow: hidden; }

#logo { width: 205px; height: 100px; position: absolute; top: 10px; left: 60px; z-index: 1; }

#mailing-social { width: 350px; height: 50px; overflow: hidden; position: absolute; top: 10px; left: 500px; z-index: 2; }

#mailing-form { width: 230px; height: 47px; padding: 3px 0 0 0; margin: 0 10px 0 0; float: left; color: #000000;}

#mailing-form p { padding: 5px 0 0 5px; margin: 0; font-size: 14px; }

#mailing-holder { display: none; width: 230px; height: 225px; padding: 5px; background: #fef200; position: absolute; z-index: 5; top: 45px; left: 493px; }

#mailing-holder p { color: #000000; }

a#close-mail { display: none; }

a#open-mailing { background: url(/images/global/join-our-mailing-list.png) no-repeat; text-indent: -9999px; display: block; width: 219px; height: 35px; }



/* tandc */

.holder-mask { display: none; width: 100%; height: 100%; background: url(../images/global/mask.png) repeat; position: absolute; z-index: 50; }

#tandc { width: 600px; padding: 10px; margin: 150px auto; background-color: #FFF; }

#tandcloader { width: 580px; height: 400px; overflow-y: scroll; overflow-x: hidden; }


/* menu */

#menu-holder { width: 610px; height: 50px; position: absolute; top: 60px; left: 260px; z-index: 2; }

ul#menu { margin: 0; padding: 0; }

ul#menu li { float: left; list-style: none; }

ul#menu li a { height: 50px; display: block; text-indent: -9999px; background-image: url(../images/global/menu.gif); }



a#menu-home { width: 64px; background-position: 0 0; }

a#menu-home:hover, a.current-home { background-position: 0 50px !important; }


a#menu-shop { width: 49px; background-position: -64px 0 }

a#menu-shop:hover, a.current-shop { background-position: -64px 50px !important; }


a#menu-our-philosophy { width: 103px; background-position: -113px 0; }

a#menu-our-philosophy:hover, a.current-philosophy { background-position: -113px 50px !important; }


a#menu-blog { width: 42px; background-position: -216px 0; }

a#menu-blog:hover { background-position: -216px 50px !important; }


a#menu-gallery { width: 52px; background-position: -258px 0; }

a#menu-gallery:hover, a.current-gallery { width: 52px; background-position: -258px 50px !important; }


a#menu-latest-news { width: 87px; background-position: -310px 0; }

a#menu-latest-news:hover, a.current-news { background-position: -310px 50px !important; }


a#menu-warranty { width: 74px; background-position: -397px 0; }

a#menu-warranty:hover, a.current-warranty { width: 74px; background-position: -397px 50px !important; }


a#menu-reviews { width: 58px; background-position: -471px 0; }

a#menu-reviews:hover, a.current-reviews { background-position: -471px 50px !important; }


a#menu-contact { width: 81px; background-position: -529px 0; }

a#menu-contact:hover, a.current-contact { background-position: -529px 50px !important; }*/

/* /menu */


p#warranty-sent, p#warranty-fail { color: #000; font-weight: bold; }

p#contact-sent, p#contact-required { color: #FF0000; font-weight: bold; }


/* content  #holder { width: 4500px; height: 485px; overflow: hidden; }
	
#content { width: 9500px; height: 970px; overflow: visible; margin: 0 0 0 150px; }*/

#holder { width: 5290px; height: 485px; overflow: hidden; }
	
#content { width: 20000px; height: 970px; overflow: visible; margin: 0 0 0 150px; }

/* cells */

.cell { width: 690px; height: 485px; margin: 0 100px 0 0; float: left; }

.cell_stretch { width: 690px; margin: 0 0 20px 200px; }

.cell_stretch img { border-style:none; }

/* added in !!!!!!!!! */

#home { width: 730px; }

#home-section { width: 720px !important; }

#press-inner { background-color:#000000; color:#FFFFFF; padding: 5px; width: 670px; position: relative; height: 615px;}

#press-section {  }

#ipod { position: absolute; top: -10px; right: 0; z-index: 1}

#shade { position: absolute; top: 275px; right: 0; }

#colour1 { position: absolute; top: 320px; right: 125px; z-index: 1}

#colour2 { position: absolute; top: 320px; right: 10px; z-index: 1}

/* added in !!!!!!!!! */

#on-the-streets { background-image: url(../images/news/spring_news.jpg); background-repeat: no-repeat; background-position: 5px 5px; }

#rock-star-speakers { background-image: url(../images/news/urbanz-on-the-streets.jpg); background-repeat: no-repeat; background-position: 5px 5px; }

#rock-star-speakers p { color: #000 !important; }


.new-col { width: 330px; height: 475px; padding: 5px; margin: 0 10px 0 0; float: left; background-color: #FFFFFF; overflow: hidden; }

.new-col h2 { padding: 10px; margin: 0; }

.new-col p { padding: 0 10px 10px 10px; margin: 0; }


.section { width: 680px; padding: 5px; margin: 0 0 5px 0; background: #FFF; overflow: hidden; }

.section_gallery { width: 800px; padding: 5px; margin: 0 0 5px 150px; background: #FFF; overflow: hidden; }

#gsSidebarCol { width: 110px; margin: 5px 50px 5px 10px;}

#gsContent { margin: 0 0 20px 50px; }

.full { width: 680px; height: 475px; padding: 5px; background-color: #FFF; background-repeat: no-repeat; background-position: 5px 5px; }

.quarter { width: 282px; /* height: 228px; */ height: 180px; overflow: hidden; float: left; background-repeat: no-repeat; margin: 0 20px 0 0; }

.quarter-right { width: 282px; /* height: 228px; */ height: 180px; overflow: hidden; float: right; background-repeat: no-repeat; margin: 0 20px 0 0; }

.text-container { width: 150px; float: right; margin: 135px 0 0 0; }

.text-container p a { margin: 5px 0 0 0; }

#headphones { background-image: url(../images/shop/headphones.jpg); }

#laptop-bags { background-image: url(../images/shop/laptop-bags.jpg); }

#speakers { background-image: url(../images/shop/speakers.jpg); }

#clothing { background-image: url(../images/shop/clothing.jpg); }

/* our philosophy */

#our-philosophy { background-image: url(../images/full/philosophy.jpg);  }

#our-philosophy p, .quarter p { color: #FFF; }

#our-philosophy img.right { margin: 25px 0 0 0; }

#our-philosophy .text-holder { width: 270px; float: right; margin: 0 25px 0 0; }

/* latest news */

#latest-news { background-color: transparent !important; }

#left-column { width: 280px; height: 250px; /*width: 285px;*/ padding: 10px 5px 0 0; float: left; overflow: hidden; }


#your-gallery { background-image: url(../images/full/your-gallery.jpg); }

.holder { width: 310px; margin: 25px 0 0 25px; color: #FFF; }

.holder a { color: #FFF; }


#uploader { display: none; }


#form-gallery, #uploader { margin: 70px 0 0 0; }

.form_comp label { width: 90px; margin: 7px 0 0 0; vertical-align: middle; }

.form_comp #tandc_label { width: 187px; vertical-align: middle; }

.form_comp input { margin: 5px 0 5px 0; vertical-align: middle; }




/* units */

.unit { width: 216px; height: 140px; padding: 5px; margin: 0 5px 0 0; background-color: #FFF; float: left; background-position: 5px 5px; background-repeat: no-repeat; }

#home .unit { width: 230px !important; }

#unit-gallery { background-image: url(../images/home/landed.jpg); }

#unit-your-photos { background-image: url(../images/buttons/quick-shop.jpg); /* background-position: 10px 0px; */  }

#unit-news { background-image: url(../images/news/spring.jpg); }

#unit-news p { margin-left: 120px; }

.unit-title { width: 170px; height: 30px; background: #EC008C; text-indent: -9999px; display: block; padding: 0; margin: 0 0 10px 0 !important; }

#title-latest-news { background: url(../images/strips/lastest-news-coming-soon.gif) no-repeat; }

#title-your-photos { background: url(../images/strips/send-us-your-photos.gif) no-repeat; }

/*#title-view-gallery { background: url(../images/strips/view-gallery.gif) no-repeat; }*/

.button { width: 43px; height: 26px; display: block; text-indent: -9999px; background: url(../images/buttons/blue-button.png) no-repeat; float: right; }


/* contact */

#contact { background-image: url(../images/full/blue-headphones.jpg); }

.right-column { width: 340px; float: right; margin: 20px 0 0 0; }

p#contact-sent, p#contact-required { display: none; float: left; margin: 0 0 0 10px; }

p#contact-required { color: #FF0000; float: left; margin: 0 0 0 10px; }

#submitinput_contact { float: left; }


ul.form { padding: 0; margin: 0; list-style: none; }

ul.form li { padding: 3px 0 3px 0; }

#form-warranty ul.form li { padding: 3px 0 3px 0 !important; }

label { width: 100px; margin: 0 10px 0 0; float: left; }

input { color: #000 !important; }

#contact p, #contact a, #contact label { color: #fff; }


/* warranty */

#warranty { width: 670px !important; height: 430px !important; padding: 50px 5px 5px 15px !important; background-image: url(../images/full/warranty.jpg); }

#warranty .column { color: #FFF; }

.column { width: 320px; margin: 0 10px 0 0; float: left; overflow: hidden; }

.column a { color: #fff; }

#country-select { width: 130px; }

p#warranty-sent { display: none; color: #FFF; }

p#warranty-fail { display: none; }

ul.list { padding: 10px 0 0 20px !important; margin: 0px; list-style: disc; }

ul.list li { padding: 3px 0 3px 0; }

ul#warrant-list { display: none; }

a#warranty-open { color: #FFF; }

#form-warranty ul.form li { padding: 2px 0 2px 0 !important; }

#form-warranty label { width: 120px !important; }

/* footer */

#footer { width: 690px; margin: 0 0 0 150px; overflow: hidden; }

#footer p { padding: 0; margin: 0; font-size: 9px; color: #FFF; text-transform: uppercase; }

#footer a { color: #FFF; }



/* uploader */

.fileUploadQueueItem {
	font: 11px Verdana, Geneva, sans-serif;
	background-color: #F5F5F5;
	border: 3px solid #E5E5E5;
	margin-top: 5px;
	padding: 10px;
	width: 300px;
	color: #000000;
}
.fileUploadQueueItem .cancel {
	float: right;
}
.fileUploadProgress {
	background-color: #FFFFFF;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	border-right: 1px solid #C5C5C5;
	border-bottom: 1px solid #C5C5C5;
	margin-top: 10px;
	width: 100%;
}
.fileUploadProgressBar {
	background-color: #0099FF;
}



/* forms */

form { padding: 0; margin: 0; }


/* - classes - */

.pink { background: #ec008c; color: #FFF; }

.left { float: left; margin: 0 10px 0 0; }

.right { float: right; }

.clear { clear: both; overflow: hidden; }

.null-margin { margin: 0 !important; }

.null-margin-right { margin-right: 0 !important; }

.small { font-size: 10px; }

.blue { color: #00aeef !important; }

.magenta { color: #ec008c !important; } 

.yellow { color: #e4e62c !important; } 




/* - type - */

body { font: 11px "Lucida Grande",Tahoma,Verdana,sans-serif; color: #767676; }

h1 { }

p { padding: 3px 0 3px 0; margin: 0; line-height: 15px; }

#warranty p { line-height: 13px; }

a { color: #767676; }


input { font: 11px "Lucida Grande",Tahoma,Verdana,sans-serif; color: #767676; }