/* CSS Document */

body 
{
margin: 0px;
padding: 0px;
color: #000;
background: #FFF2C4 url(http://www.experienceguide.com.au/images/background.png) top left repeat-x;
}


									/* SITE BODY ELEMENTS  */



/* holds logo and contact text */
.banner
{
margin: 30px auto 0px auto;
width: 960px;
height: 160px;
}

/* holds logo */
.logo
{
float: left;
width: 840px;
height: 160px;
}


/* holds everything but the banner and the footer */
.container
{
overflow: visible;
margin: 0px auto 20px auto;
width: 940px;
}

/* holds images  */
.imagecontainer
{
overflow: visible;
margin: 0px auto 20px auto;
width: 940px;
}

/* holds everything in the middle section*/
.middle
{
	overflow: hidden;
	clear: both;
	margin: 20px auto;
	padding-top: 1px;
	width: 940px;
}


}


/* full width orange feature box */
.feature
{
overflow: hidden;
clear: none;
float: right;
width: 692px;
padding: 10px 10px 5px 10px;
margin: 15px 0px 20px 0px;
background: #FF6600;
}

/* text for feature box div */
.leftfeaturetext
{
float: left;
width: 325px;
margin: 0px 0px 0px 0px;
padding: 0px 20px 0px 0px;
border-right: 1px solid #FFA973;
}

/* text for feature box div */
.rightfeaturetext
{
float: left;
width: 325px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 20px;
border-left: 1px solid #BA4700;
}

/* HOLDS THE LOCATIONS ON THE LEFT OF UI */
.row
{
clear: none;
float: left;
width: 100px;
margin: 0px 25px 20px 0px;
}

.column
{
clear: none;
float: left;
width: 185px;
margin: 0px 25px 20px 0px;
}

/* HOLDS THE ADDRESSES IN THE LEFT COLUMN */
.column-1
{
	clear: none;
	float: left;
	width: 200px;
	margin: 0px 30px 20px 0px;
}

/* HOLDS THE ADVERTS ON THE LEFT OF THE UI */
.column-2
{
	clear: none;
	float: left;
	width: 180px;
	margin: 0px 10px 20px 10px;
	background: clear;
}

/* HOLDS THE ADDRESSES IN THE RIGHT COLUMN */
.column-3
{
clear: none;
float: left;
width: 180px;
margin: 0px 5px 20px 0px;
}

/* HOLDS THE ADVERTS ON THE RIGHT OF THE UI */
.column-4
{
clear: none;
float: left;
width: 180px;
margin: 0px 0px 20px 0px;
background: red;
}

/* holds "top of page" and "previous page" text */
.pageuptext
{
clear: both;
float: left;
width: 460px;
margin: 0px 0px 5px 0px;
}

								/* BLUE AND ORANGE TEXT BOXES ON HOME PAGE */
.specialleft-orange
{
clear: none;
float: left;
width: 327px;
height: 310px;
padding: 5px;
margin: 0px 42px 20px 0px;
background: #FEC6A1;
}

.specialleft-orange-index
{
clear: none;
float: left;
width: 327px;
height: 270px;
padding: 5px;
margin: 0px 42px 20px 0px;
background: #FEC6A1;
}

.specialleft-blue
{
clear: none;
float: left;
width: 327px;
height: 310px;
padding: 5px;
margin: 0px 42px 20px 0px;
background: #A8C2EE;
}

.specialleft-blue-index
{
clear: none;
float: left;
width: 327px;
height: 270px;
padding: 5px;
margin: 0px 42px 20px 0px;
background: #A8C2EE;
}

.specialright-orange
{
clear: none;
float: left;
width: 327px;
height: 310px;
padding: 5px;
margin: 0px 0px 20px 0px;
background: #FEC6A1;
}

.specialright-orange-index
{
clear: none;
float: left;
width: 327px;
height: 270px;
padding: 5px;
margin: 0px 0px 20px 0px;
background: #FEC6A1;
}

.specialright-blue
{
clear: none;
float: left;
width: 327px;
height: 310px;
padding: 5px;
margin: 0px 0px 20px 0px;
background: #A8C2EE;
}

.specialright-blue-index
{
clear: none;
float: left;
width: 327px;
height: 270px;
padding: 5px;
margin: 0px 0px 20px 0px;
background: #A8C2EE;
}

								/* SPECIFIC RETAILER COLUMN ON RETAILER PAGE */
								
/* HOLDS RETAILER FULL ADDRESS DETAILS AND DESCRIPTION*/
.column-r
{
	clear: none;
	float: left;
	width: 360px;
	margin: 0px 5px 20px 0px;
}

.column-r wide
{
	clear: none;
	float: left;
	width: 360px;
	margin: 0px 5px 20px 0px;
}								

.column-hoz1
{
clear: none;
float: left;
width: 24%;
margin: 0px 5px 0px 0px;
}

/* HOLDS RETAILER FULL ADDRESS DETAILS AND DESCRIPTION*/
.column-r thin
{
	clear: none;
	float: left;
	width: 360px;
	margin: 0px 5px 20px 0px;
}								

										/* FOOTER */

.footer
{
overflow: hidden;
clear: both;
margin: 20px auto;
padding-top: 20px;
width: 940px;
}


										/* NAVIGATION ELEMENTS */


/* Breadcrumb menu */
.breadcrumbs
{
	margin: 20px auto 15px auto;
	width: 947px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #000;
	text-align: left;
        overflow: hidden;

}

										/* LIST ELEMENTS */

/* ORANGE TRIANGULAR BULLETS FOR GENERAL USE */
.bullet-tri
{
clear: both;
margin-left: -8px;
padding-left: 0px;
list-style: none;
}

.bullet-tri li
{
background-image: url(../images/bullet-tri.gif);
background-repeat: no-repeat;
padding-left: 22px;
background-position: 0.5em -.3em;
}

.bullet-tri li p
{
line-height: .4em;
}

/* ORANGE RECTANGULAR BULLETS FOR LOCATIONS */
.bullet-sq
{
clear: both;
margin-left: -8px;
padding-left: 0px;
list-style: none;
}

.bullet-sq li
{
background-image: url(../images/bullet-sq.gif);
background-repeat: no-repeat;
padding-left: 22px;
background-position: 0.5em -.3em;
}

.bullet-sq li p
{
line-height: normal;
}

/* ORANGE TRIANGULAR BULLETS FOR HEADING 2 */
.bullet-heading
{
clear: both;
margin-left: -8px;
padding-left: 0px;
list-style: none;
}

.bullet-heading li
{
background-image: url(../images/bullet-tri.gif);
background-repeat: no-repeat;
padding-left: 22px;
background-position: 0.5em -.1em;
}


/* ORANGE TRIANGULAR BULLETS FOR THE BUSINESS NAMES */
.bullet-name
{
clear: both;
margin-left: -8px;
padding-left: 0px;
list-style: none;
}

.bullet-name li
{
background-image: url(../images/bullet-tri.gif);
background-repeat: no-repeat;
padding-left: 22px;
background-position: 0.5em 0em;
margin-bottom: 25px;
}

.bullet-name li p
{
	line-height: 1.1em;
	font-family: Verdana, Geneva, sans-serif;
}

.nobullet-name li
{
background-repeat: no-repeat;
padding-left: 22px;
background-position: 0.5em -.2em;
margin-bottom: 25px;
}

/* NUMBERED LISTS */
ol
{
margin-left: -20px;
}
										
ol li
{
font-size: 12px;
} 



										/* FONTS */

.CloseAlternativePC
{
font: 12px Verdana, Arial, Helvetica, sans-serif;
font-weight: 600;
color: #000;
line-height: 1.5em;
margin: 0px 0px 10px 0px;
}

.CloseAlternativeLabel
{
font: 14px Verdana, Arial, Helvetica, sans-serif;
font-weight: 600;
color: #000;
line-height: 1.5em;
margin: 0px 0px 10px 0px;
}

/* black headings */
h1
{
font: 30px Verdana, Arial, Helvetica, sans-serif;
font-weight: 600;
color: #000;
line-height: 1.3em;
margin: 0px 0px 10px 0px;
}


.middle h1
{
	font-size: 14px;
	line-height: 1em;
	color: #FF6600;
}

.middle h2
{
	font-size: 12px;
	line-height: 1.4em;
	color: #000;
	font-weight: normal;
}

.middle h3
{
	font-size: 12px;
	line-height: 1.5em;
	color: #000;
	font-weight: normal;
}



.breadcrumbs h1
{
	font-size: 14px;
	line-height: 1em;
	color: #FF6600;
}

.breadcrumbs h2
{
	font-size: 14px;
	line-height: 1em;
	color: #FF6600;
}


.column h1
{
	font-size: 14px;
	line-height: 1em;
}

.column h2
{
font-size: 13px;
line-height: 1em;
color: #000;
}

.column h5
{
font-size: 13px;
line-height: 1em;
color: #000;
font-weight: 600;
}


.column-1 h1
{
	margin: 0px 0px 15px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.column-1 h4
{
	margin: 0px 0px 15px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
	font-weight: 600;
}

.column-3 h1
{
font: 14px Verdana, Arial, Helvetica, sans-serif;
line-height: 0.5em;
margin: 0px 0px 15px 0px;
}

.column-r h1
{
font-size: 14px;
line-height: 1em;
}

.column-r h2
{
font-size: 14px;
line-height: 1em;
}

.footer h5
{
font-size: 12px;
line-height: 1em;
font-weight: normal;
text-align: center;
color: #000;
}


.middle h1
{
	font-size: 14px;
	line-height: normal;
	font-weight: 600;
	text-align: left;
}

.middle h2
{
	font-size: 13px;
	line-height: 1.2em;
	color: #000;
}

h2
{
font: 14px Verdana, Arial, Helvetica, sans-serif;
font-weight: 600;
color: #000;
line-height: 1.2em;
margin: 0px 0px 10px 0px;
}

h2 em
{
font-size: 20px;
font-style: normal;
}

h3
{
font: 20px Verdana, Arial, Helvetica, sans-serif;
font-weight: 600;
color: #000;
line-height: 1.2em;
margin: 0px 0px 10px 0px;
}

/* headings in home page orange and blue boxes */
h5
{
font: 14px Verdana, Arial, Helvetica, sans-serif;
margin: 0px 0px 10px 0px;
}

h5
{
font: 14px Verdana, Arial, Helvetica, sans-serif;
margin: 0px 0px 10px 0px;
}

.footer h4
{
text-align: center;
}


p
{
font: 11px Verdana, Arial, Helvetica, sans-serif;
line-height: 1.7em;
margin-top: 1px;
padding: 2px;
}


.feature p
{
color: #FFF;
}

.featureright p
{
color: #FFF;
}

.footer p
{
clear: none;
text-align: center;
line-height: 1em;
}

.middle p
{
clear: none;
text-align: center;
line-height: 1em;
}

.pageuptext p
{
line-height: 1em;
margin: 0px;
}

.specialleft-orange h4 
{
font: 14px Verdana, Arial, Helvetica, sans-serif;
margin: 0px 0px 10px 0px;
}

.specialleft-blue h4
{
font: 14px Verdana, Arial, Helvetica, sans-serif;
margin: 0px 0px 10px 0px;
}

.specialright-orange h4
{
font: 14px Verdana, Arial, Helvetica, sans-serif;
margin: 0px 0px 10px 0px;
}

.specialright-blue h4
{
font: 14px Verdana, Arial, Helvetica, sans-serif;
margin: 0px 0px 10px 0px;
}
									/* GRAPHICS */


.container img
{
border: none;
}

.banner img
{
border: none;
}

/* HOLDS THE HOME PAGE ICONS */
.special-icon
{
float: left;
width: 120px;
margin: -5px 0px 0px -5px;
}


				
										/* LINKS  */

/* BLACK STANDARD LINK FOR RETAILER LISTING*/									
.bullet-name a:link
{
	color: #000;
	text-decoration: none;
	border-bottom: 1px dotted;
}

.bullet-name a:visited 
{
	color: #000;
	text-decoration: none;
	border-bottom: 1px dotted;
}

/* STANDARD LINK */
.body a:link 
{
color: #FF6600;
text-decoration: none;
border-bottom: 1px dotted;
}

.body a:visited 
{
color: #FF6600;
text-decoration: none;
border-bottom: 1px dotted;
}

.body a:hover 
{
color: #FFF2C4;
background: #FF6600;
text-decoration: none;
border-bottom: 1px solid #FF6600;
}

/* LINK FOR ORANGE BOXES ON HOME PAGE */
.orangelink a:link 
{
color: #EC6002;
text-decoration: none;
border-bottom: 1px dotted;
}

.orangelink a:visited 
{
color: #EC6002;
text-decoration: none;
border-bottom: 1px dotted;
}

.orangelink a:hover 
{
color: #FEBC92;
text-decoration: none;
background: #EC6002;
border-bottom: 1px solid #EC6002;
}	
	

/* LINKS IN BLUE BOXES ON HOME PAGE */
.bluelink a:link 
{
color: #2968C5;
text-decoration: none;
border-bottom: 1px dotted;
}

.bluelink a:visited 
{
color: #2968C5;
text-decoration: none;
border-bottom: 1px dotted;
}

.bluelink a:hover 
{
color: #9AB7EA;
text-decoration: none;
background: #2968C5;
border-bottom: 1px solid #2968C5;
}											

/* LINK FOR ORANGE FEATURE BOXES */
.featurelink a:link 
{
color: #FFF;
text-decoration: none;
border-bottom: 1px dotted;
}

.featurelink a:visited 
{
color: #FFF;
text-decoration: none;
border-bottom: 1px dotted;
}

.featurelink a:hover 
{
color: #FF6600;;
background: #FFF;
text-decoration: none;
border-bottom: 1px solid #FFF;
}

.otherstates
{
clear: none;
float: right;
width: 60%;
margin: 0px 0px 0px 420px;
}

/* HOLDS THE DETAILS SECTION IN THE MIDDLE COLUMN */
.middledetail
{
	clear: none;
	float: left;
	width: 360px;
	margin: 0px 5px 20px 0px;

}

.middledetail h1
{
	margin: 0px 0px 15px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.middledetail h4
{
	margin: 0px 0px 15px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
	font-weight: 600;
}


.column-middle
{
	clear: none;
	float: left;
	width: 360px;
	margin: 0px 110px 10px 0px;
}

.column-middle h1
{
	margin: 0px 0px -10px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.column-middle h4
{
	margin: 0px 0px 15px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
	font-weight: 600;
}

/* HOLDS CLOSE ALTERNATIVES COLUMN*/
.column-alternative
{
	clear: none;
	float: left;
	width: 250px;
	margin: 0px 5px 20px 0px;
}

.column-alternative wide
{
	clear: none;
	float: left;
	width: 250px;
	margin: 0px 5px 20px 0px;
}	

.column-alternative h1
{
font-size: 14px;
line-height: 1em;
}

.column-alternative h2
{
font-size: 14px;
line-height: 1em;
}

.nobulletpoint-list li
{
background-repeat: no-repeat;
padding-left: 0px;
margin-bottom: 0px;
list-style-type: none;
}

.nobulletpoint-list
{
clear: both;
margin-left: 30px;
padding-left: 0px;
margin-bottom: 0px;
margin-top: -5px;
list-style: none;
}