@import url('core.css');

body { 
  margin: 0; 
  padding: 125px 0 0 0; 
  background: #000;
  color: #68686c;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  font-weight: normal; 
  line-height: 18px;
}

.container { 
/*  border:1px solid blue;*/
	margin: 0 auto; 
	width: 970px; 
	min-height: 500px; 
}

a#logo {
  font-size:26px;
  text-transform:lowercase;
}

a { color: #fff; text-decoration : none; }
a:hover {color: #ccc;}

h1, h2, h3, h4, h5 {
  color: #fff;
  font: 40px/50px normal Helvetica, Arial, Verdana, sans-serif;
  margin-bottom: 10px;
  text-transform:lowercase;
}

h1 {margin-bottom:0;}
h2, h3 {font-size: 1px;}
h4, h5 {font: 12px normal Helvetica, Arial, Verdana, sans-serif;}

body.inner h1 {text-indent:-999em;}

#content {
  clear:both;
  display:block;
}

#content p {
  font-size:11px;
  line-height:18px;
}

/********************************************
        PRIMARY STYLES
********************************************/
#primary {
/*  border:1px solid yellow;*/
  padding:50px 0;
  width:480px;
}

#primary h2 {font-size:20px;}


/********************************************
        SECONDARY STYLES
********************************************/
#secondary {
/*  border:1px solid red;*/
  padding:50px 0;
  width:350px;
}



/********************************************
        NAVIGATION STYLES
********************************************/

ul#nav ul {text-indent:-999em;}

ul#nav li {padding-right:20px;}

ul#nav li a {
  color:#68686c;
  font-size:16px;
  height:32px;
  text-transform:lowercase;
}

ul#nav li a:hover, ul#nav li a.active {color:#fff;}




/********************************************
        LISTING STYLES
********************************************/



.item_listing li div.img {
  border: 5px solid #C0C0C0;
  text-align: center;
  color: #C0C0C0;
}



/********************************************
        PRODUCT DETAIL STYLES
********************************************/



#p-product #content .img{
  border: 5px solid #C0C0C0;
  text-align: center;
  color: #C0C0C0;
  display: inline;
  float: left;
  height: 250px;
  margin-right: 20px;
  width: 250px;
}
#p-product #content .item{
  display: inline;
  float: left;
  width: 360px;
}



/********************************************
        GOOGLE MAP STYLES
********************************************/



.googlemap{
  height:400px;
  width:640px;
}
.googlemap span{
  display: block;
  margin-bottom: 3px;
  text-align: center;
}

/*
------------------------------------------------------
Stocklist Map 
------------------------------------------------------
*/

.map-image { margin: 0 0 0 70px;}
#map-location { margin: 5px 5px 25px 5px; min-height: 450px; font-size: 10px; padding: 35px 0 15px 0; }

#map-location em { color: #666666;}

#map-location th { background: #efefef; border: 1px solid #FFFFFF; text-align: left; padding: 3px 0px 3px 10px; }
#map-location td { color: #666666; border: none;  text-align: left;  padding: 3px 0px 3px 10px; }

#map { background: url(../images/map/map-main.jpg); height:425px; width: 447px; margin-left: 0px; }
#map a.map-button { display: block; height: 25px; width: 50px; }
#map a.map-button:hover { background-position:0 -25px!important; }

#map a.map-act-button { background: url(../images/map/act.png) no-repeat 0 0; }
#map a.map-nsw-button { background: url(../images/map/nsw.png) no-repeat 0 0;}
#map a.map-nt-button { background: url(../images/map/nt.png) no-repeat 0 0; }
#map a.map-qld-button { background: url(../images/map/qld.png) no-repeat 0 0; }
#map a.map-sa-button { background: url(../images/map/sa.png) no-repeat 0 0; }
#map a.map-vic-button { background: url(../images/map/vic.png) no-repeat 0 0; }
#map a.map-wa-button { background: url(../images/map/wa.png) no-repeat 0 0; }
#map a.map-tas-button { background: url(../images/map/tas.png) no-repeat 0 0; }


#map div.map-act { height: 25px; width: 50px; position: relative; left: 350px; top:150px; }
#map div.map-nsw {  height: 25px; width: 50px; position: relative; left: 370px; top:180px;}
#map div.map-nt {  height: 25px; width: 50px; position: relative; left: 200px; top: -30px; }
#map div.map-qld {  height: 25px; width: 50px;  position: relative; left: 330px; top: 80px; }
#map div.map-sa {  height: 25px; width: 50px; position: relative; left: 200px; top: 120px;}
#map div.map-vic {  height: 25px; width: 50px; position: relative; left: 320px; top: 280px;}
#map div.map-wa {   height: 25px; width: 50px; position: relative; left: 80px; top: 180px; }
#map div.map-tas {   height: 25px; width: 50px; position: relative; left: 340px; top: 190px; }


/********************************************
        FOOTER STYLES
********************************************/
#footer {
  color: #272728;
  font-size: 10px;
}

#footer a {margin-left: 5px;}

#footer #sitemap {text-indent:-999em;}


/********************************************
        FORM STYLES
********************************************/
.baseform ol { padding: 0; margin: 0; }
.baseform li { list-style: none; padding-left: 0px;  }
.baseform div.note { font-size: 10px; color: #FFFFFF; float: right; display: block; padding: 5px 90px 0px 0px;}
	.baseform span.highlight {  color: #FFFFFF; font-size: 9px; }
	.baseform input[type="text"] { height: 20px; width: 250px; padding: 10px 10px 0px 10px; border: 1px solid #353535; background: #161616; font-size: 11px; color: #FFFFFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	.baseform input.field { height: 20px; width: 250px; padding: 10px 10px 0px 10px; border: 1px solid #353535; background: #161616; font-size: 11px; color: #FFFFFF; 	-moz-border-radius: 5px; -webkit-border-radius: 5px;  }
	.baseform input:focus, .baseform textarea:focus, select#State:focus { background-color: #787777; border: 1px solid #353535; }
	.baseform textarea { height: 100px; width: 250px; padding: 10px 10px 0px 10px; border: 1px solid #353535; background: #161616;  color: #FFFFFF; font-size: 11px; font-family: Arial, Helvetica, sans-serif; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	.baseform input[type="submit"] { margin-left: 0px;}
	
	.baseform input.submit { margin-left: 0x; }
	
.baseform label { width: 180px; height: 30px; line-height: 30px; display: block; font-size: 12px; float: left; color: #FFFFFF; }

#content p.details {
  color:#fff;
  font-size:12px;
}

#content p.details strong {
  display:inline-block;
  font-weight:normal;
  line-height:26px;
  width:70px;
}


body.contact #primary {
  width:430px;
}

div#footer a {margin-top: -4px;}

.news-listing {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
}

/* galleria over ride */
div#primary ul.galleria li img {
	height: 80px !important;
	margin-top: 0 !important; 
}
div.galleria_container { text-align: center !important;}
span.caption {
	color: white;
	height: 100px;
	width: 350px;
	text-align: center;
}
 /* additional styles*/
div#morgan_profile {
	margin-right: 30px;
	display: block;
	margin-bottom: 20px;
}
div#morgan_profile img { 
	float: left;
	padding-right: 10px;
}
div#morgan_profile span {}
#p-collections ul#nav li a#nav-collections, 
#p-stockists ul#nav li a#nav-stocklists,
#p-news ul#nav li a#nav-news,
#p-contact ul#nav li a#nav-contact { color: white;}
form#new_mailing_list table tbody tr { width: 150px;}
form#new_mailing_list table tbody tr td { padding-right: 10px;}
input#mailing_list_fname, input#mailing_list_lname, input#mailing_list_email, select#mailing_list_state_id {
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	color: white;
	background-color: #161616;
	border: 1px solid #353535;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 20px;
	margin-bottom: 20px;
}
input#mailing_list_fname:focus, 
input#mailing_list_lname:focus, 
input#mailing_list_email:focus, 
select#mailing_list_state_id:focus{ background-color: #787777; border: 1px solid #353535;}
form#new_mailing_list table tbody tr td label {
	color:#FFFFFF;
	font-size:12px;
	line-height:30px;
}
form#new_mailing_list table tbody tr td em { color: red;}
select#State {
	height: 30px; 
	width: 250px; 
	padding: 10px 10px 0px 10px; 
	border: 1px solid #353535; 
	background: #161616; 
	font-size: 11px; 
	color: #FFFFFF; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
}
div#mailing_list_table { float: left;}
#p-contactmailing_lists #primary { width: 400px;}
#p-contactmailing_lists #tertiary { 
	padding: 50px 0;
	width: 220px;
}
div#lightbox { padding: 0;}
#p-contact div#primary { width: 360px;}
#p-contact div#secondary { width: 300px;}
#p-contact div#tertiary { width: 300px; padding: 50px 0;}