/* HTML elements styles */
body, html {
	margin: 0;
	padding: 0;
}

#tblDealerResults tr {
	height: 24px;
}

.container_element p {
	padding-bottom: 10px;
}

img { border: 0 }

.colA .colAlist ul, .colAlist li {
	list-style-type: none;
        list-style-position: outside;
        margin: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
        padding: 0px;
	padding-right: 0px;
}

#main ul {
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-right: 25px;
}

#main ol {
	list-style-type: lower-roman;
	list-style-position: outside;
	margin-left: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-right: 25px;
}


.colBlist li, ul {
	list-style-type: none;
        list-style-position: outside;
        margin: 0px;
        padding: 0px;
}


/* end HTML elements styles */

/* main styles */
#main .hero img {
	margin: 10px 0 0 0px;
	border: 2px solid #cfcfcf;
}

.main_image {
	margin-top: 45px;
	border: none;
}

.main_image img {
	margin: 0px;
}

#main .pieceDetails {
	width: auto;
	text-align: center;
	background: #c8c8c8 url(/skins/bada_new/images/common/detailsBg.gif) repeat-x bottom;
	margin-top: 1em;
	padding: 0 0 35px 0;
	border-top: 1px solid #c6cacf;	
	border-bottom: 1px solid #c6cacf;	
}

h1 {
	color: #fff;
	text-align: left;
	padding-right: 10px;
}

#main h2, #main h1.h2 {
	font-size: 1.4em;
	color: #006;
	margin: 1em 0 5px 0;
}

#main h1.h2 {
	background-color: transparent;
	text-align: left;
	margin-left: 0;
	font-weight: bold;
}

h3 {
	margin: 0.5em 0;
	font-size: 1.4em;	
}

#sidebar h3 { font-size: 1em }

#main .contentMainLink { margin: 1em 0 }

#main .contentMainLink, #main h2, #main h3, #main p, #main.full p, #main.full ul {
	margin-right: 27px;
	margin-left: 10px;
}

#main.full { padding-bottom: 1em }

#main.full h2 { margin-bottom: 0 }

#main .contentMainLink a {
	color: #006;
	font-weight: bold;
	text-decoration: none;
}

#main .contentMainLink a:hover { text-decoration: underline }
/* end main styles */

/* BADA footer styles */
#badaFooter img {
	border: 1px solid #d0d0cf;
	margin-left: 2px;
}

#badaFooter ul {
    margin:0;
    padding:0;
    list-style: none;
}

#badaFooter li {
    display:inline;
    margin:0;
    padding:0;
}

#badaFooter #details { padding: 8px 10px }

#badaFooter #details p { line-height: 1.5 }

#badaFooter #details strong { color: #000 }

#badaFooter #details a { text-decoration: none }

#badaFooter #details a:hover { text-decoration: underline }

#badaFooter #details span { padding: 0 5px }
/* end BADA footer styles */

.eleAlign {
	width: 100%;
	float: left;
	font-size: 1.2em;
	border-bottom: 1px solid #cfcfcf;
	padding-bottom: 5px;
}

.eleAlign .eleOne {
	float: left;
	padding-left: 10px;
}

.eleAlign .eleTwo {
	float: right;
	padding-right: 10px;
}

#copyright {
	color: #fff;
	float: left;
	padding-top: 9px;
}

#poweredBy {
	color: #fff;
	float: right;
	padding: 0;
}

#poweredBy img { vertical-align: middle }

.clear { clear: both }

#footer p { margin-top: 0 }

.intro {
	color: #006;
	font-style: italic;
	font-size: 110%;
}

.directional {
	color: #000000;
	margin-bottom: 1em;
	padding: 10px;
}

#main.search .directional {
	margin-left: 0;
	padding-left: 0;
}

.contentMainLink { font-weight: bold }

/* form styles */
.fieldContainer {
	width: 100%;
	float: left;
	margin-bottom: 0.5em;
}

.label {
	color: #006;
	width: 150px;
	margin-bottom: 0;
	margin-right: 10px;
	float: left;
	display: block;
	font-weight: bold;
	text-align: right;
	font-size: 1.1em;
	margin-top: 4px;
}

/* checkbox styles */
.radChk { float: left }

.chk { float: left }

.chk .label {
	width: auto;
	float: left;
	text-align: left;
}
/* end form styles */

.contactDetails {
	clear: both;
	float: left;
	width: 100%;
}

.contactDetails .addressOg, .contactDetails .telephoneOg,
.contactDetails .internetOg, .contactDetails .dealerOg {
	margin-top: 15px;
	padding-left: 0;
	padding-right: 5px;
}

.contactDetails .addressOg {
	width: 185px;
	padding-left: 10px;
}

.contactDetails .telephoneOg { width: 150px }

.contactDetails .internetOg { width: 210px }

.contactDetails .dealerOg { width: 160px }

.eleContainer img {
	float: left;
	margin-right: 0.5em;
}

.eleContainer .eleItems { float: left }

#main.full .colA .eleItems, #main.full .colB .eleItems { width: 85% }

.eleContainer .eleItems h3 {
	font-size: 1.2em;
	margin-top: 2px;
	margin-bottom: 0;
}

.eleContainer .eleItems h3 a {
	color: #006;
	margin-top: 0;
	text-decoration: none;
}

.eleContainer .eleItems h3 a:hover { text-decoration: underline }

.eleContainer .eleItems li {
	list-style-type: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;	
	line-height: 1.5;
	margin-left: 5px;
}

.eleContainer .eleItems li a { text-decoration: none }

.eleContainer .eleItems li a:hover { text-decoration: underline }

/* art search results */
#main.artResultsContainer { border: none }

.artResults { border-top: 20px solid #000000; }

.piece {
	border: 1px solid #cfcfcf;
	border-top: none;
	margin: 0;
	clear: both;
	float: left;
	width: 736px;
}

.piece h3 {
	margin: 0;
	padding: 0;
}

.image {
	width: 170px;
	text-align: center;
	float: left;
}

.image img { margin: 10px 0 }

.details { margin-top: 10px }

.artist { font-style: italic }

.dealer {
	font-style: italic;
	font-weight: bold;
}

.moreDetails {
	float: right;
	margin-right: 40px;
}

.moreDetails a {
	border: 1px solid #cfcfcf;
	padding: 2px 5px;
	text-decoration: none;
	display: inline-block;
}

.pageControls { margin-top: 10px }

/* event styles */
.eventMonth {
	width: 511px;
	margin: 0 10px 1em 10px;
	padding: 0;
	float: left;
	clear: both;
	display: inline;
}

h3.monthTitle {
	width: 525px;
	background-color: #000000;
	color: #fff;
	margin: 0 0 1em 0;
	padding: 4px 0 4px 10px;
	font-weight: normal;
}

.eventContainer h4 {
	margin: 0px;
	color: #D81921;
}

* html h3.monthTitle { width: 524px }

.eventContainer {
	border: 1px solid #cfcfcf;
	background-color: #f0f0f0;
	width: 532px;
	margin: 0 10px 1em 0;
	padding-bottom: 1em;
	float: left;
	position: relative;
	height: 1%;
}

* html .eventContainer { margin-right: 0px }

.eventContainer h4 {
	color: #0b0a5e;
	padding-top: 4px;
	width: 520px;
}

* html .eventContainer h4 { width: 509px }

.eventContainer .eventDetails {
	margin: 0 5px;
	float: left;
	width: 400px;
}

.eventContainer .eventDetailsLink {
	margin: 0 5px;
	position: absolute;
	bottom: 1em;
	right: 0;
}

.eventContainer .eventDetails .subText { font-style: italic }

.eventContainer .eventDetails .dealer a {
	color: #666;
	font-weight: normal;
	font-style: normal;
}

.eventContainer .eventDetailsLink a {
	color: #0b0a5e;
	text-decoration: none;
}

.eventContainer .eventDetailsLink a:hover {
	text-decoration: underline;
}

/* search results */
#searchNav {
	background-color: #000000;
	padding: 10px;
}

#searchNav a {
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: none;
}

#searchNav a:hover, #searchNav a:active { text-decoration: underline }

/* details */
.dealerContainer .eleAlign .eleOne, .dealerContainer .eleAlign .eleTwo {
	padding-top: 1em;
}

.details h1 { text-align: right }

.subText {
	font-style: italic;
	margin-bottom: 0.5em;
}

.hide { display: none }

.dealerInfo {
	float: left;
	height: 1%;
}

.dealerInfo .logo { float: left }

.dealerInfo .logo img { margin: 0px 15px 0px 15px }

.dealerInfo .dealerDetails {
	padding-top: 20px;
	float: left;
}

.dealerInfo .dealerDetails a {
	font-weight: bold;
	text-decoration: none;
}

.dealerInfo .dealerDetails a:hover { text-decoration: underline }

.dealerInfo .dealerDetails .eleContainer {
	margin-bottom: 1em;
	float: left;
	clear: both;
}

.dealerInfo .dealerDetails .eleContainer .icon {
	width: 25px;
	float: left;
}

.dealerInfo .dealerDetails .eleContainer .eleItems {
	font-size: 1.25em;
	float: left;
	height: 1%;
}

.pageControls {
	margin: 20px auto;
	width: 760px;
	clear: both;
	float: left;
	text-align: center;
}

* html .pageControls { margin: -1px auto 10px auto }

.pageControls a, .pageControls .previous, .pageControls .next {
	text-decoration: none;
	padding: 4px;
	display: inline-block;
	color: #FFFFFF;
	background-color: #000000;
	border: 1px solid #000000;
}

 .pageControls a.current, .pageControls a:hover {
	color: #000000;
	background-color: #D8D8DA;
	border: 1px solid #000000;
}

.pageControls .previous, .pageControls .next { padding: 4px 10px }

.pageControls .disabled { color: #999 }

/* dealer listing search results */
#tblDealerResults { width: 100% }

#tblDealerResults table {
	border-spacing: 0;
	border-collapse: collapse;
	empty-cells: show;
}

#tblDealerResults th, #tblDealerResults td {
	padding: 5px 10px;
	margin: 0;
	border-right: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
}

#tblDealerResults th {
	color: #fff;
	background-color: #000000;
	text-align: left;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

#tblDealerResults th.last { border-right: none }

#tblDealerResults td {
	font-size: 1.1em;
	color: #999;
}

#tblDealerResults td.last { border-right: none }

#tblDealerResults td.message {
	text-align: center;
	font-weight: bold;
	color: #006;
	background-color: #f7f7f7;
	padding: 1em 0;
	border-bottom: 1px solid #cfcfcf;
	font-size: 1.15em;
}

#tblDealerResults a {
	color: #D81921;
	font-weight: bold;
	text-decoration: none;
}

#tblDealerResults a:hover { text-decoration: underline }

/* result sorting */
#catSearch { padding-top: 10px }

#catSearch .eleTwo { text-align: center }

#catSearch .fieldContainer { width: auto }

#catSearch #artistsAZ, #catSearch #schoolsAZ, #catSearch #dealersAZ {
	float: left;
	text-transform: uppercase;
	text-decoration: none;
	padding-left: 15px;
}

#catSearch #artistsAZ a img, #catSearch #schoolsAZ a img, #catSearch #dealersAZ a img { border: 3px solid #fff }

#catSearch #artistsAZ a:hover, #catSearch #schoolsAZ a:hover, #catSearch #dealersAZ a:hover { text-decoration: underline }

#catSearch #artistsAZ img, #catSearch #schoolsAZ img, #catSearch #dealersAZ img {
	border: 1px solid #cfcfcf;
	margin-bottom: 5px;
}

#searchResults {
	text-align: right;
	margin: 10px 10px 0 10px;
	float: right;
	height: 1%;
	display: inline;
}

#searchResults .fieldContainer {
	text-align: right;
	width: auto;
}

#searchResults input {
	margin-left: 5px;
	margin-right: 0;
}

#searchResults select { margin-left: 5px }

.intro {
	font-size: 1.4em;
}