/* 	Main Green #5c8340
	Dark Green #3a5228
*/
body{margin:0;font-family: 'Raleway', sans-serif;font-size:12px;z-index:1;color:#404040;text-align: center;}
h1{display:block;width:100%;clear:both;font-size:28px;margin:0 0 0 0;font-weight:400;letter-spacing: 2px;}
h2{display:block;width:100%;clear:both;font-size:22px;margin:0 0 0 0;font-weight:400;font-family: serif;}
h3{display:block;width:100%;clear:both;font-size:16px;padding:1% 0 0 0;font-weight:400;}
h4{display:block;width:100%;clear:both;font-size:18px;padding:0;margin:0;font-weight:400;font-style: italic;}

ul{display:block;line-height:24px;font-size:14px;clear:left;}
p{line-height:20px;margin:0 0 10px 0;}
.Introduction{font-size:14px;font-weight:bold;margin:0 0 10px 0;line-height:20px;text-align:justify;}

#FixedWidth{width:100%;max-width:1200px;margin:0 auto;}
#Wrapper{position:relative;float:left;width:100%;z-index:1;margin:0;}
#MainContent{position:relative;float:left;width:100%;}
#MainLogo img{width:100%;max-width:1150px;}
.PageBlock{position:relative;}
.StandardContent{position:relative;float:left;}
.StandardContent .Intro{display:block;font-size:14px;font-weight:bold;line-height:22px;padding:0 0 10px 0;}
.StandardContent .Paragraph{display:block;margin:0;padding:0 0 2% 0;}
.Paragraph{float:left;width:100%;text-align:justify;font-size:14px;line-height:20px;}
.Paragraph a{color:#00f}
.Left{float:left;margin:0 2% 0 0;}
.Right{float:right;margin:0 0 0 2%;}
.Center{width:100%;text-align:center;}
.Center div{display:inline-block;}
.BoxPosCenter{position:relative;clear:both;width:50%;padding:25%; background:#f00;}
.Full{position:relative;width:98%;padding:1%;}
.TwoThirds{position:relative;width:64.666%;padding:1%;}
.Half{position:relative;width:48%;padding:0 1%;}
.Third{position:relative;width:31.333%;padding:1%;}
.Quarter{position:relative;width:23%;padding:1%;}

.Caption{display:block;font-size:10px;width:90%;margin:5%;text-align:center;color:#006885;}
.Full img{width:100%;margin: 0 2%;}
.TwoThirds img{width:96%;margin: 0 2%;}
.Half img{width:96%;margin: 0 2%;}
.Third img{width:96%;margin: 0 2%;}
.Quarter img{width:96%;margin: 0 2%;}

.WithBorder{outline:solid 1px #ccc}

.Divider{position:relative;float:left;width:100%;margin:4px 0;clear:both;}
.Black{background:#000;}
.White{background:#FFF;}
.Red{background:#ff0000;}
.Green{background:#00ff00;}
.Blue{background:#0000ff;}
.Yellow{background:#ffff00;}
.LightGrey{background:#eee;}
.Silver{background:#C0C0C0;}


#Footer{position:relative;float:left;width:90%;margin:1% 0;padding:1% 4%;color:#fff;background:#00a;min-height:40px;font-size: 18px;}
#FooterLogo{position:relative;float:left;width:32.333%;font-size:16px;line-height:28px;}
.FooterAddressBlock{position: relative; float:left; width: 50%; font-size: 16px; text-align: center;}
.FooterTelephone{position: relative; float: left; width: 100%;text-align: center; font-size: 16px;}

#Tweet{position:relative;float:right;width:35%;text-align:center;padding:5px 5px 5px 45px;font-size:16px;background:url(CSS/LatestTweet.png) left top no-repeat;}

#GalleryWrapper{position:relative;float:left;width:100%;}
#GalleryWrapper img{margin:0;}
#SelectedGalleryImage img{max-width:100%;width:auto;max-height:600px;}
#SelectedGalleryImage img.WithBorder{max-height:600px;max-width:98%;padding:1%;width:auto;}
#GalleryWrapper p{position:relative;float:left;width:98%;margin:1%;color:#000;font-size:16px;line-height:22px;text-align:justify;}
#GalleryThumbs{position:relative;width:100%;text-align:center;background:#eee;}
.GalleryThumb{display:inline-block;width:20%;margin:1%;text-align:center;overflow:hidden;}
.GalleryThumb img{max-width:98%;max-height:90px;width:auto;border:solid 1px #ccc;padding:3%;}
.SelectedCaption{display:block;width:100%;text-align:center;padding:0.25% 0 1% 0}

#Carousel{position:relative;width:100%;overflow:hidden;margin:0 0 1% 0;}
#Slider{position:relative;float:left;width:200%;}
.Slide{position:relative;float:left;width:50%;padding:0;text-align:center;}
.CarouselImage.Type6{width:60%;margin:0;}
.CarouselImage.Type7{width:100%;margin:0;}
.Slide .CarouselHeadline{display:block;position:relative;float:right;width:38%;margin:1%;text-align:center;color:#00a;font-size:32px;line-height:36px;}
.Slide .CarouselText{display:block;position:relative;float:right;width:36%;margin:2%;text-align:center;color:#00a;font-size:22px;line-height:26px;}
.CarouselControl{display:block;position:absolute;}
.CarouselQuoteWrapper{position:absolute;top:0%;bottom:0%;right:0%;width:39%;background:#444;color:#fff;text-align:center;}
.CarouselQuote{display:block;position:absolute;top:15%;left:5%;width:90%;font-size:26px;line-height:30px;}
#CarouselPara{margin:0 1% ;font-size:16px;color:#000;line-height:22px;text-align: justify;}

#LeftButton{top:40%;left:1%;}
#RightButton{top:40%;right:1%;}

#SlideQueue{position:relative;width:100%;display:none;}
.SlideInQueue{position:relative;float:left;width:20%;}
.SlideInQueue img{width:100%;}
.SlideLinkOverlay{position:absolute;z-index:100;width:90%;height:100%;top:0;left:5%;cursor:pointer;}

.Form{display:block;float:left;width:96%;padding:1%;margin:1%;}
.Form .Row{display:block;float:left;width:100%;;background:#eee;margin:0 0 1% 0;padding:1% 0;}
.Form .Label{display:block;float:left;width:24%;padding:5px 1% 0 0;text-align:right}
.Form .Input{display:block;float:left;width:75%;}
.Form .Input .FullWidth{width:97%;}
.Form #Send{cursor:pointer;}
#PopUpWrapper{position:absolute;z-index:900;background:#000;width:100%;height:100px;opacity:0.7;display:none;top:0;left:0;}
#PopUpControl{position:absolute;z-index:902;background:#fff;top:0;left:0;display:none;padding:4px;border:solid 2px #000;}
#CloseThePopup{position:absolute;top:0;right:0;margin:4px;border:none;}
#PopUpControl img{border:none;}
#PopUpContent{margin:30px 8px 8px 8px;}
#PopUpContent h1{position:relative;float:left;width:100%;margin:0 0 10px 0;font-size:18px;color:#444;}
#PopUpContent h2{position:relative;float:left;width:100%;margin:0 0 10px 0;font-size:14px;color:#000;}
#PopUpContent p{position:relative;float:left;width:100%;margin:0 0 16px 10px;}
#PopUpContent p img{position:relative;float:left;margin:0 10px 0 4px;}

.youtube-container{display: block; float:left;margin: 10px auto; width: 100%;}
.youtube-container :hover{cursor: pointer}
.youtube-popup { display: block; margin: 20px auto; padding-bottom: 56.25%;width: 100%;}
.youtube-player { display: block; width: 100%; /* assuming that the video has a 16:9 ratio */ padding-bottom: 56.25%; overflow: hidden; position: relative; width: 100%; height: 100%; display: block; }
img.youtube-thumb { display: block; bottom: 0;  left: 0; margin: auto; max-width: 100%; width: 100%; position: absolute; right: 0; top: 0; }
div.play-button {height: 32px; width: 32px; right: 2%; bottom: 5%;  position: absolute; background: url("http://pg54.gotdns.com/CMSv4R/CSS/Player_Play.png") no-repeat; }
#youtube-iframe {width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
div.Player_Play {height: 32px; width: 32px; right: 2%; bottom: 15%; position: absolute; }
.YoutubeHeadline{position: relative; float: left; width: 80%; padding:0 10%; height: 34px; text-align: center;}

#GridIntro{position:relative;float:left;width:70%;margin:1% 15%;font-size:14px;}
#GridIntro h1{text-align:center;}
#GridIntro .Intro{font-weight:bold;}
#Grid{position:relative;float:left;text-align:center;}
#Featured{position:relative;float:left;text-align:center;text-align:center;width:80%;margin:0 10%;}
#Featured .GridCell{display:inline-block;width:24%;min-width:170px;}
.GridCell{display: inline-block;width: 1%;margin:0 1px;padding:0;text-align: center;height: 300px;position: relative;min-width:225px;}

.InnerCell{position:absolute;width:100%;bottom:0px;left:0px;text-align:center;}
.GridCell img{margin:0;max-width:100%;max-height:230px;width:auto;height:auto;}
.GridTitle{display:inline-table;font-size:14px;color:#fff;font-weight:300;width:98%;text-align:center;height:90px;padding:1%;background:#595959;margin: 0 0 3% 0;letter-spacing: 1px;}
a.GridTitle:hover{color:#ff0;}
.FromPrice{display:inline-block;margin:2% 0 0 0;font-size:11px}
.GridPrice{display:block;position:absolute;right:3%;bottom:3%;font-size:15px;font-weight:700;}

#CollectionGrid{position:relative;float:left;text-align:center;}
#CollectionGrid .GridTitle{font-weight:300;width:98%;text-align:center;height:40px;padding:3% 1%;margin: 0 0 3% 0;}


#ProductData{position:relative;float:left;width:49%;}
#ProductImages{position:relative;float:right;width:49%;text-align:center;min-height:500px;}
#ProductGalleryThumbs{position:absolute;width:98%;bottom:0;left:0;text-align:center;background:#eee;padding:2% 0;}
.ProductGalleryThumb{display:inline-block;padding:1%;background:#fff;border:solid 1px #aaa;width:18%;}
.ProductGalleryThumb img{margin:0 0 2% 0;max-width:100%;max-height:90px;width:auto;height:auto;}
#MainProductImage{margin:2% 0;max-width:100%;max-height:330px;width:auto;height:auto;}

#Metrics{width:90%;font-size:16px;}
#Metrics a{color:#000;}
#Metrics a:hover{color:#00F;text-decoration: none;}
#Metrics td{border-bottom:solid 1px #0084a9;}
#Metrics th{background:#6B6A6A;color:#fff;}

.Description{width: 90%;margin-top: 40px;font-size: 14px; text-align: justify;}

#Search{display:inline-block;position:relative;float:left;padding:3% 0 0 0;z-index:2000;text-align:center;width:100%;}
#SearchButton{display:inline-block;vertical-align:bottom;margin:0 0 4px 0;width:28px;height:23px;}
#SearchText{display:inline-block;width:50%;font-size:11px;margin:4px 0 ;padding:4px;max-width:300px;}
#PredictiveSearchResults{position:absolute;z-index:2000;background:#fff;color:#000;width:100%;top:95%;left:0%;display:none;border:solid 1px #000;padding:0 6px;font-size:13px;line-height:18px;text-align:left;}
#PredictiveSearchResults a{color:#222;text-decoration:none;}
#PredictiveSearchResults a:hover{background:#eee;}
.SearchHighLight{color:#007;font-weight:bold;}

#SearchResultsWrapper{position:relative;float:left;width:100%;background:#fff;}
.SearchLink{position:relative;float:left; width:100%;margin:0 0 10px 0;}
a.SearchLinkTitle{color:#444;font-size:16px;}
a.SearchLinkIntro{color:#444;font-size:12px;margin:4px 0 0 ;}

.ResultBox{position:relative;float:left;width:88%;padding:1%;margin:0.1% 5%;background:#eee;font-size:18px;}
.Dark{background:#ccc;}
.Light{background:#eee;}

.DefaultTable{display:inline-table;position:relative;margin:1%}
.DefaultTable td{padding:0 4px;color:#000;}

.GoogleMap{position:relative;padding:0 0 66% 0;height:0;overflow:hidden;outline:solid 1px #ccc;margin:1%;}
.GoogleMap iframe {position:absolute;top:1%;left:1%;width:98%;height:98%;}

.FeaturedLink{background:#eee;float:left;margin:1%;width:23%;min-width:220px;overflow:hidden;height:380px;}
.FeaturedLink.Short{height:280px;}
.FeaturedLink img{display:block;position:relative;float:left;width:100%;margin:2% 0}
.FeaturedLink h2{text-align:center;font-size:20px;font-family:serif;color:#000;font-weight:bold}
.InnerDiv{display:block;position:relative;float:left;width:96%;padding:2%;}
.FeaturedLink a{color:#00f;}
.FeaturedLink a:hover{text-decoration:none;}


#BottomLine{position:relative;float:right;text-align:center;width:100%;color:#666;font-size:10px;}
#BottomLine span{padding:0 10px;}
#BottomLine a{color:#666;}
#BottomLine img{vertical-align:bottom;padding:0 4px;}


.GalleryIndex{position:relative;float:left;width:20%;text-align:center;}

#Player{display:block;Width:80%;margin:1% 10%}
#PlayerControls{width:100%;}
.TrackButton{display:inline-table;color:#fff;background:#00a;padding:1%;font-size:20px;margin:0.5%;}
.TrackTitle{display:block;font-size:38px;font-family:serif;font-style:italic;font-weight:bold;}
.TrackNumber{display:block;font-size:28px;font-weight:bold;}

#TrackDisplay{background:#eee;font-size:64px;color:#f00;background:#444;max-width:400px;font-family:monospace;font-weight:bold;}
#KeyPad {max-width:320px;margin:0 auto;}
#KeyPad input{display:inline-block;width:30%;font-size:40px;}

#TrackList{width:95%;margin:1% 2.5%}
#TrackList a{display:inline-block;width:48%;font-size:16px;line-height:24px;text-decoration:none;color:#00a;text-align:left;}
#PrefixSelector {width:90%;margin:1% 5%}
#PrefixSelector input{width:6%;margin:0.2% 1%;font-size:28px;}