/* NOTES
Each page needs a template property set as follows:
adl = Aqua Di Lara
qq = Qiss Qiss
*/

/* ======== GENERAL TAGS
====================================================== */
body#qq { background: none; background: #fff; }
body#qq #wrapper { background: none; background: url("/gr/bg/bg-qq4.jpg") center repeat-x; }

/*======= SITE STRUCTURE
=================================================*/
body#qq #siteholder { background: #000 url("/gr/qq/home.jpg") center 100px no-repeat; border: 0; }

/*======= MAIN
=================================================*/
body#qq #main_content { width: 250px; margin-top: 125px; }
body#qq.collections #main_content,
body#qq.collectionaztec #main_content, 
body#qq.collectionbnw #main_content, 
body#qq.collectionprepster #main_content, 
body#qq.collectionqandi #main_content, 
body#qq.collectionretra #main_content { width: 100%;  margin: 0; padding: 0; }

body#qq.collectionaztec #main_content { background: url("/gr/qq/bg-collection-aztec.png") no-repeat; }
body#qq.collectionbnw #main_content { background: url("/gr/qq/bg-collection-bnw.png") no-repeat; }
body#qq.collectionprepster #main_content { background: url("/gr/qq/bg-collection-prepster.png") no-repeat; }
body#qq.collectionqandi #main_content { background: url("/gr/qq/bg-collection-qandi.png") no-repeat; }
body#qq.collectionretra #main_content { background: url("/gr/qq/bg-collection-retra.png") no-repeat; }

/*======= NAV
=================================================*/
#nav .qissqiss { border-left: 1px dotted #bbb; padding-left: 5px; }
body#qq #nav .qissqiss h1 { background: url("/gr/bars-three2.png") center right no-repeat; }
body#qq #nav .qissqiss .qqswimwear { color: #fff; background: url("/gr/bullet-pink-square.gif") 0 4px no-repeat; padding-left: 10px; }
body#qq #nav .aquadilara h1 a { color: #a3a3a3; }
body#qq #nav .aquadilara h1 a:hover { color: #fff; }
	
body#qq #nav-sub { xbackground: none; xbackground-color: #333; xbackground: url("/gr/bg/subheader-qq2.jpg") repeat-x; }
body#qq #nav-sub #logo { position: absolute; bottom: 25px; right: 0px; background: url("/gr/logo-qiss-qiss.gif") no-repeat; width: 238px; height: 38px; }
body#qq #nav-sub #links { margin-left: 205px; }

/*  QISS QISS SUBLINKS */
#nav-sub #links .qqcollection { margin-bottom: 5px; display: inline; }
#nav-sub #links .aztec { background: url("/gr/bullet-pink.png") 10px center no-repeat; padding-left: 20px; }
#nav-sub #links .bnw { }
#nav-sub #links .prepster { }
#nav-sub #links .qandi { }
#nav-sub #links .retra { }

#nav-sub #links a.qqabout { xdisplay: inline; float: left; }
#nav-sub #links a.qqevents {}
#nav-sub #links a.qqregister {}
#nav-sub #links a.qqcareers { margin-bottom: 5px; 	}
#nav-sub #links a.qqwheretobuy { margin-bottom: 5px; }
#nav-sub #links a.qqcontact {}

/*======= COLLECTIONS BUTTONS
=================================================*/
#collbuttons { margin: 250px auto 0 auto; overflow: auto; }
.buttons {  width: 241px; height: 183px; float: left; border: 0; }
	.buttons a { display: block; width: 100%; height: 100%; }
	.lithium { background: url("/gr/button-lithium.png") top no-repeat; }
	.mandisa { width: 241px; height: 183px; background: url("/gr/button-mandisa.png") top no-repeat; }
	.zinc { width: 241px; height: 183px; background: url("/gr/button-zinc.png") top no-repeat; }
.buttons:hover { background-position: bottom; }

#arrows a { position: absolute; top: 150px; display: block; width: 23px; height: 23px; background: url("/gr/qq/arrows.png") no-repeat; }
#arrows a.prev { left: 330px; background-position: left bottom; }
#arrows a.prev:hover { background-position: left top; }
#arrows a.next { left: 360px; background-position: right bottom; }
#arrows a.next:hover { background-position: right top; }