/* 
	Collectively - http://collectively.us - 2009
		Styles for store locator, videos, and testimonials
*/

/* Product Locator */
.pg_locator .contentColorFrame { background-color: #7ba4d8; }
.pg_locator #navLinks a{color:#7ba4d8;}
.pg_locator #footer, .pg_locator #footer a{color:#7ba4d8;}
#locator_locator .contentHeader h1{background-image:url(../images/ui/contentHeaders/label_locatorLocator.gif);}
#locator_locator.contentBkgrnd { background-image:url(../images/ui/contentHeaders/bkgrnd_buy.jpg); }
#locator_locator .contentMain { width: 500px; }
#locator_locator .contentMain p { width: 400px; }

.clear { clear: both; }
.sbb input {  }
.sbb .input { float: left; margin: 10px 0; }
.sbb label { font-family: Georgia; font-weight: bold; clear: left; float: left; width: 80px; color: #749fd2; margin: 7px 0 0 0; }
.sbb select { float: left; width: 170px; font-size: 16px; height: 24px; margin: 5px 0; border: 1px solid #4D3021; background-color: #ffeff2;  font-family: Georgia; }
.sbb .text { width: 96px; margin: 5px 0; background-color: #ffeff2; border: 2px inset #e1c4ca; font-family: Georgia; }
.sbb .image { clear: left; float: left; margin: 10px 0; }
.sbb .or { margin-top: 15px; position: relative; float: left; clear: left; background:url(../images/ui/greyDots.gif) repeat-x; width: 500px; height: 20px; }
.sbb .or h3 { position: absolute; top: -15px; left: 75px; background-color: #FFF; padding: 6px; font-size: 18px; font-family: Georgia; color: #749fd2; font-weight: normal; }

#locationHeader { clear: left; float: left; padding: 5px; width: 100%; background-color: #e5e7e8; margin: 10px 0; }
#locationHeader .column { color: #749fd2; font-size: 16px; font-weight: bold; font-family: Georgia; float: left; }
#locationResults .row { margin: 5px 0; padding: 5px 5px 10px 5px; border-bottom: 1px solid #CCC; clear: left; float: left; width: 100%; }
#locationResults .column { float: left; padding: 0px; }
#locationResults .column a { color: #749fd2; }
.locationCol { width: 200px; padding: 0px; }
.distanceCol { width: 140px; }
.mapCol { width: 100px; }

/* Videos */
.contentMain .copy { font-size: 12px; line-height: 16px; margin: 0 0 20px 5px; }
.contentMain .thumbnail { width: 192px; margin-top: 5px; margin-left: 5px; float: left; }
.videoLeft { margin-right: 6px; }
.thumbnail .videoLabel { margin-top: 12px; }
.thumbnail .videoLabel a { font-size: 13px; color: #6f9fd0; text-decoration: none; }
.thumbnail a img { border: none; }
.divider { height: 10px; float: left; margin: 10px 0 10px 6px; }

.contentColumn { width: 165px; float: right; margin-top: 10px; }
.contentColumn .links { margin: 0 0 0 16px; }
.contentColumn h2 { color: #6f9fd0; margin: 25px 0 20px 0; }
.contentColumn h3 { color: rgb(51, 51, 51); }
.contentColumn h3 a { color: #6f9fd0; }

/* Testimonials */
.testimonial { margin: 0 0 20px 0; width: 360px; }
.testDate { font-size: 12px; }
.testAuthor { font-size: 14px; font-style: italic; color: #6f9fd0; margin: 0 0 0 20px; }
.testText { font-size: 14px; color: #6f9fd0; line-height: 20px; }