#fixed {
   margin: 0 auto;
   width: 970px;
   text-align: left;
}

* {
	margin:0;
	padding:0;
}

body {
	font-family: Verdana, Tahoma, Arial; 
	text-align: center;
	background-image: url(/img/page-bg-2.gif);
	background-repeat: repeat-x;
}

A:link {text-decoration: none}
A:visited {text-decoration: none}
A:hover {text-decoration: underline}
A {font-weight: bold}

p {font-size: 12px; text-align: justify; text-indent: 20px; margin-top: 0; margin-bottom: 10px}

img {border: 0}

ul {list-style: none}

#LeftCol {
	float:left;
	width:220px;
	background: white;
	padding: 5px;
}

#RightCol {
	float:left;
  width: 740px;
  background: white;
}

#RightCol2 {
	float:left;
	width:360px;
	background: white;
	padding: 5px;
}

#RightCol3 {
	float:left;
	width:360px;
	background: white;
	padding: 5px;
}

#Footer {
	clear: both;
	display: block;
	width: 970px;
	height: 50px;
	background-color1: #496940;
	text-align: center;
	background: transparent url(/img/footer-bg.gif) left top no-repeat;
}

#Footer p {
	padding-top: 18px;
	font-size: 10px;
	text-indent: 0;
	text-align: center;
	color: white;
}

#Footer a {color: white}

#CntCont {clear: both; width: 100%; text-align: center; margin: 10px 0 10px 0;}

#PageHeaderInfo {float: left; width: 730px; text-align: right;}
#LogoCont {float: left; width: 235px}
.Logo {margin: 10px 0 0 62px}
#PhonesCont {float: left; width: 525px; height: 27px;}
#PhonesCont span {display: inline-block; margin: 7px 195px 0 0; font-size: 11px; color: #430B0C; font-weight: bold;}
#SearchForm {float: left; background-color1: gray}
#SearchForm #query {background-image: url(/img/search-input-bg.gif); left top no-repeat; padding-left: 22px; font-size: 13px; width: 178px; height: 19px; margin-right: 0px; margin-top: 4px; border-width: 0}

#SearchForm label {display: none}

#MenuCont {clear: both; height: 27px; margin: 0px 15px 0 0; background-color1: gray}
#BannerCont {clear: both; margin: 5px 0 0 0; text-align: left}

ul#Menu {float: left; list-style: none; display: inline-block;  margin: 4px 0 0 0; background-color1: green}
ul#Menu li {float: left; line-height: 12px}
ul#Menu li a {display: block; font-size: 11px; color: white; padding: 2px 5px 5px 5px; margin-right: 1px; line-height: 12px}
ul#Menu li a:hover {color: #5E1012; background-color: white; text-decoration: none}

.DetailsButton {
	display: block; text-align: left;
	width: 83px; height: 15px;
	padding-left: 7px;
	font-size: 10px;
	color: white; background-image: url(/img/buttons/details-button.gif); background-repeat: no-repeat;
}

.MagnifyButton {
	display: block; text-align: left;
	width: 83px; height: 15px;
	padding-left: 7px;
	font-size: 10px;
	color: white; background-image: url(/img/buttons/magnify-button.gif); background-repeat: no-repeat;
}

.VideoArchiveButton {
	display: block;
	width: 100px; height: 15px;
	padding-left: 7px;
	font-size: 10px;
	text-align: left;
	color: white; background-image: url(/img/buttons/video-archive-button.gif); background-repeat: no-repeat;
}


#NewsCol1 {
	float:left;
	width:400px;
	background: white;
	padding: 0 5px 0 0;
}

#NewsCol2 {
	float:left;
	width:310px;
	background: white;
	padding: 5px;
}

#CompanyNews {
	background-color: white;
}

#CompanyNewsDetails, #CompanyNewsArchive, #AboutProshop, #CompanyContacts, #VideoPage, #PhotoPage {padding: 5px}

#CompanyNews h2, #AllNews h2, #ProBilliardNews h2 {
	clear: both;
	padding: 3px 0px 4px 0px; color: #FFFFFF; font-size: 13px; text-indent: 10px; font-weight: bold;
	background: transparent url(/img/header-green.gif) left top no-repeat;
	height: 23px;
	margin: 0 0 10px 0;
	width: 359px;
}

#CompanyNews h2 a {margin-left: 175px; color: #FFFF33}
#CompanyNews h3 a, #CompanyNewsDetails h3 {font-size: 13px; color: #0085CF; margin-left: 30px; margin-bottom: 10px; text-indent: 0; display: block}
#CompanyNews p, #CompanyNewsDetails p {margin-left: 10px; margin-right: 10px}

#CompanyNewsDetails h2 span#RSS a {margin-left: 546px; color: #FFFF33}
#CompanyNewsArchive h2 span#Pager {margin-left: 300px}

#CompanyNewsDetails h2,  #CompanyNewsArchive h2, #AboutProshop h2, #CompanyContacts h2, #VideoPage h2, #PhotoPage h2 {
	clear: both;
	padding: 3px 0px 4px 0px; color: #FFFFFF; font-size: 13px; text-indent: 10px; font-weight: bold;
	background: transparent url(/img/header-green-big.gif) left top no-repeat;
	height: 23px;
	margin: 0 0 10px 0;
	width: 730px;
}

.NewsImgCont {width: 100%; text-align: center}
.NewsImgCont img {border: 1px solid black}
.NewsImgCont div {width: 100%; text-align: left}

#CompanyNews div a.MagnifyButton {
	margin: 10px 0 10px 135px;
}

#CompanyNewsDetails div a.MagnifyButton {
	float: left;
	margin: 10px 0 30px 155px;
}

.NewsArchive {
	width: 83px;
	height: 15px;
	padding-left: 7px;
	font-size: 10px;
	color: white;
	text-align: left;
	background-image: url(/img/buttons/news-archive-button.gif); background-repeat: no-repeat;
}

#AllNews div a.NewsArchive {
	float: right; 
	margin-bottom: 10px;
}

#CompanyNewsDetails div a.NewsArchive {
	float: right; 
	margin-bottom: 30px;
	margin-right: 20px;
}

#PhotoSection {
	text-align: center;
}

#PhotoSection img {border: 1px solid black}

#PhotoSection h2 {
	height: 23px;
	width: 359px;
	font-size: 13px; text-indent: 10px; font-weight: bold; text-align: left;
	color: #FFFFFF; 
	padding: 3px 0px 4px 0px;
	margin: 0 0 10px 0;
	background: transparent url(/img/header-green.gif) left top no-repeat;
}

#PhotoSection h3 {
	width: auto;
	font-size: 13px; font-weight: normal;
	color: black; 
	margin: 10px 0 10px 0;
}

#PhotoSection div a {
	display: block; float: right;
	width: 100px;
	height: 15px;
	padding-left: 7px;
	margin-bottom: 20px;
	font-size: 10px;
	text-align: left;
	color: white; background-image: url(/img/buttons/photo-archive-button.gif); background-repeat: no-repeat;
}


#Catalogue {
	padding-bottom: 10px;
	background: transparent url(/img/bg/tree-panel-bg.gif) center bottom no-repeat;
	background-color: #F3F3F3;
}

#Catalogue h2 {
	padding: 3px 0px 4px 0px; color: #FFFFFF; font-size: 13px; text-indent: 10px; font-weight: bold;
	background: transparent url(/img/bg/tree-header-bg.gif) left top no-repeat;
	height: 34px;
	width: 220px;
}

#Partners {clear: both; width: 730px; margin-bottom: 10px; margin-left: 5px}

#Partners h2 {
	height: 23px;
	width: 730px;
	font-size: 13px; text-indent: 10px; font-weight: bold; text-align: left;
	color: #FFFFFF; 
	padding: 3px 0px 4px 0px;
	margin: 0 0 10px 0;
	background: transparent url(/img/header-red-big.gif) left top no-repeat;
}

#Partners a {
	padding: 9px;
}	

.BranchOpen0, .BranchClose0, .BranchEmpty0 {list-style: none; margin: 5px 0 0 10px; padding: 0}
.BranchOpen1, .BranchClose1, .BranchEmpty1 {list-style: none; margin: 0 0 0 30px; padding: 0}

ul.BranchOpen0 li, ul.BranchClose0 li, ul.BranchEmpty0 li {color: #69A400; font-size: 11px; font-weight: bold; padding: 0 0 8px 20px; line-height: 10px; cursor: pointer}
ul.BranchOpen0 li {background: url(/img/li/catalog-branch-open.gif) no-repeat 0 0;}
ul.BranchClose0 li {background: url(/img/li/catalog-branch-close.gif) no-repeat 0 0;}
ul.BranchEmpty0 li {background: url(/img/li/branch-empty.gif) no-repeat 0 0;}
ul.BranchOpen0 li a, ul.BranchClose0 li a, ul.BranchEmpty0 li a {color: #69A400; font-size: 11px}

ul.BranchOpen1 li, ul.BranchClose1 li, ul.BranchEmpty1 li {color:  #656565; font-size: 10px; font-weight: bold; padding: 0 0 8px 15px; line-height: 10px; cursor: pointer}
ul.BranchOpen1 li {background: url(/img/li/branch-open-2.gif) no-repeat 0 0;}
ul.BranchClose1 li {background: url(/img/li/branch-close-2.gif) no-repeat 0 0;}
ul.BranchEmpty1 li {background: url(/img/li/branch-empty.gif) no-repeat 0 0;}
ul.BranchOpen1 li a, ul.BranchClose1 li a, ul.BranchEmpty1 li a {color:  #656565; font-size: 10px}

ul.SubMenu, ul.SubMenu2 {list-style: none; margin: 0px 10px 0px 45px;}
ul.SubMenu li, ul.SubMenu2 li {padding: 0 0 5px 15px; font-size: 11px; background: url(/img/li/submenu.gif) no-repeat 0 0; line-height: 10px}
ul.SubMenu li a, ul.SubMenu2 li a {font-size: 10px; color: #656565}
ul.SubMenu2 {margin: 0px 10px 0px 30px;}

ul.SubMenu {list-style: none; margin: 0px 10px 0px 45px;}
ul.SubMenu li {padding: 0 0 5px 15px; font-size: 11px; background: url(/img/li/submenu.gif) no-repeat 0 0; line-height: 10px}
ul.SubMenu li a {font-size: 10px; color: #656565}

.SubMenuCont {display: block; margin-bottom: 0}

.DarkGray {color: #656565}

ul.NewsList {margin: 0 0 10px 10px}
ul.NewsList li {font-size: 11px; line-height: 13px; padding: 0 0 5px 15px; background: url(/img/li/gray-arrow-small.gif) no-repeat 0 0; padding: 0 0 5px 20px; margin: 5px 0 5px 0}
ul.NewsList li a {font-size: 11px; color: gray}
ul.NewsList li span {font-size: 11px; font-weight: bold; color: #69A400}

/* Catalogue styles */

#GoodsList, #GoodsDetails, #ServiceDetails {
	width: 730px;
	background: white;
	padding: 5px;
}

#GoodsList h2, #GoodsDetails h2, #ServiceDetails h2 {
	clear: both;
	padding: 3px 0 4px 10px; color: #FFFFFF; font-size: 13px; text-indent: 0; font-weight: bold;
	background: transparent url(/img/header-green-big.gif) left top no-repeat;
	height: 23px;
	width: 720px;
}

#GoodsList h2 span#Header {display: inline-block; width: 420px; text-indent: 0}

#GoodsList h2 a, #GoodsDetails h2 a, #ServiceDetails h2 a {
	color: #FFFF33;
}

#GoodsDetails div a.MagnifyButton  {
	margin: 10px 0 10px 325px;
}

#GoodsList div a.DetailsButton  {
	margin: 5px 0 0 15px;
}

#GoodsList h3, #GoodsDetails h3, #ServiceDetails h3 {clear: both; font-size: 13px; color: #0085CF; margin-left: 20px; text-indent: 0; display: block}
#GoodsList h3 a {color: #0085CF;}
#GoodsList p {margin-bottom: 10px; margin-top: 20px}

.Price1, .Price2, .Price3, .Price4, .Price5 {font-size: 14px; font-weight: bold}
.Price1 span, .Price2 span, .Price3 span, .Price4 span, .Price5 span {font-size: 12px; color: black; font-weight: normal}

#GoodsList div.Price1, #GoodsList div.Price2, #GoodsList div.Price3, #GoodsList div.Price4, #GoodsList div.Price5 {width: 220px; text-align: center; float: left; margin-bottom: 5px}
#GoodsList div.Status1, #GoodsList div.Status2, #GoodsList div.Status3, #GoodsList div.Status4, #GoodsList div.Status5 {width: 220px; text-align: center; float: left; font-weight: bold; font-size: 13px}
#GoodsDetails div.Price1, #GoodsDetails div.Price2, #GoodsDetails div.Price3, #GoodsDetails div.Price4, #GoodsDetails div.Price5 {width: 250px; text-align: center; margin-bottom: 5px; margin-left: 5px}
#GoodsDetails div.Status1, #GoodsDetails div.Status2, #GoodsDetails div.Status3, #GoodsDetails div.Status4, #GoodsDetails div.Status5 {width: 250px; text-align: center; font-size: 13px; font-weight: bold; margin-left: 5px; margin-bottom: 5px}
#GoodsDetails div.StatusComment {width: 250px; text-align: center; font-size: 10px; color: gray; margin-bottom: 15px}

.Price1, .Status1 {color: #009900}
.Price2, .Price3, .Price4, .Status2, .Status3, .Status4 {color: #990000}
.Price5, .Status5 {color: #000BA0}

.GoodsProperty {font-size: 12px; margin-left: 30px; margin-bottom: 5px}
.GoodsProperty span {font-weight: bold}
.GoodsProperty a {color: blue}

.GoodsListItem {background-color1: green; clear: both; display: inline-block; margin-bottom: 20px}
.GoodsListItem h4, .TipsListItem h4 {width: 690px; display: inline-block; font-size: 11px; font-weight: normal; color: gray; margin: 2px 0 10px 30px}
.TipsListItem h4 {width: 300px}

#GoodsList div.TipsListItem div.Price1, #GoodsList div.TipsListItem div.Price2, #GoodsList div.TipsListItem div.Price3  {width: 150px; margin-top: 40px; margin-left: 5px}
#GoodsList div.TipsListItem div.Status1, #GoodsList div.TipsListItem div.Status2, #GoodsList div.TipsListItem div.Status3 {width: 150px}

#GoodsDetails div.TipsDetails div.Price1, #GoodsDetails div.TipsDetails div.Price2, #GoodsDetails div.TipsDetails div.Price3  {width: 150px; margin-top: 40px}
#GoodsDetails div.TipsDetails div.Status1, #GoodsDetails div.TipsDetails div.Status2, #GoodsDetails div.TipsDetails div.Status3 {width: 150px}

.GoodsListItem1 div {display: inline-block; float: left}
.GoodsImgCont {float: left; display: inline-block}
.GoodsListItem div.Price {float: left}

.TipsListItem {float: left; width: 360px; margin-bottom: 20px}
.TipsListItem div.ButtonCont {float: left; margin-left: 20px}

.TipsListItem div.TipsImgCont {
	float: left;
	margin-left: 20px;
}

.TipsListItem div.Price {
	float: left;
	margin-top: 30px;
	margin-left: 20px;
}

#TipsImgCont {
	float: left;
	width: 200px;
	margin-left: 20px
}

#TipsImgCont div a.MagnifyButton {
	margin: 5px 0 30px 55px;
}

#TipsProperties {
	float: left
}

#TipsProperties div.Price {margin-left: 30px}

/* Catalog - Service section */

div.ImgCont {
	float: left;
	margin-left: 10px;
}

.ServicesListItem {float: left; width: 360px; height: 170px; margin-bottom: 10px; background: url(/img/bg/service-item-bg.gif) left top no-repeat;}
.ServicesListItem h3 {margin-top: 10px; margin-bottom: 10px}

#ServiceDetails h3 {margin-top: 10px; margin-bottom: 10px}
#ServiceDetails .Cont {float: left; width: 730px; height: 170px; margin-bottom: 10px; background: url(/img/bg/service-details-bg.gif) left top no-repeat;}
#ServiceDetails .Properties {float: left; margin-top: 10px; margin-left: 15px}
#ServiceDetails div.Price1 {margin-bottom: 15px; }
#ServiceDetails div.GoodsProperty {margin-left: 0}

#GoodsList div.ServicesListItem div.Price1, #GoodsList div.ServicesListItem div.Price2, #GoodsList div.ServicesListItem div.Price3  {width: 150px; margin-top: 40px; margin-left: 5px}

div.NothingFound {font-size: 25px; font-weight: bold; color: gray; width: 100%; text-align: center; margin-top: 50px}

#Pager {display: inline-block; width: 290px; text-align: right}
#Pager a {display: inline-block; margin: 0 5px 0 5px; padding: 0; text-indent: 0; color: #FFFF33}
#Pager span {display: inline-block; text-indent: 0; padding: 0 5px 0 5px; color: #003300; background-color: white}
#FooterPager {text-align: center; border-top: 1px solid gray; margin-bottom: 20px; padding-top: 10px}
#FooterPager a {display: inline-block; text-indent: 0; padding: 0 5px 0 5px; font-size: 13px; color: gray}
#FooterPager span {display: inline-block; text-indent: 0; padding: 0 5px 0 5px; font-size: 13px; font-weight: bold; color: white; background-color: gray}

#SortForm {width: 730px; height: 29px; padding-top: 7px; margin: 0 0 25px 0; background-image: url(/img/bg/sort-form-bg.gif); background-repeat: no-repeat;}
#SortFormCont {width: 730px}
#SortForm span {font-size: 12px; margin: 0 5px 0 5px; line-height: 13px; display: inline-block; vertical-align: middle}
#SortForm span#SortBy {margin-left: 20px; margin-right: 15px}
#SortForm span#PriceFrom {margin-left: 17px}
#SortForm span#PriceFrom2 {margin-left: 95px}
#SortForm a {display: inline-block; vertical-align: middle}
#SortForm input.PriceFilter {width: 50px; vertical-align1: middle}
#SortForm input.Submit {width: 70px; height: 21px; font-size: 11px; line-height: 12px; padding-bottom: 3px; margin-left: 20px; vertical-align: middle}
#SortForm img {margin: 0 15px 0 5px}
#SortForm #SortOutRef {font-family: arial; font-size: 9px; text-align: center; color: #990000; display: inline-block; margin-left: 18px; line-height: 10px}

#SortOutForm {width: 730px; height: 113px; padding-top: 7px; margin: 0 0 25px 0; background-image: url(/img/bg/sort-out-form-bg.gif); background-repeat: no-repeat;}
#SortOutForm #cont1 {height: 22px; margin: 8px 0 5px 16px}
#SortOutForm #cont2 {height: 22px;margin: 5px 0 5px 16px}
#SortOutForm #cont3 {height: 20px;margin: 5px 0 5px 16px}

#SortOutForm span {font-size: 12px; margin: 0 5px 0 5px; line-height: 13px; display: inline-block; vertical-align: middle}
#SortOutForm span#SortBy {margin-left: 20px; margin-right: 15px}
#SortOutForm span#PriceFrom {margin-left: 15px}
#SortOutForm a {display: inline-block; vertical-align: middle}
#SortOutForm input.PriceFilter {width: 50px; vertical-align1: middle}
#SortOutForm input.Submit, #SortOutForm #ClearForm {width: 70px; height: 21px; font-size: 11px; line-height: 12px; padding-bottom: 3px; margin-left: 20px; vertical-align: middle}
#SortOutForm #ClearForm {margin-left: 10px}
#SortOutForm img {margin: 0 15px 0 5px}
#SortOutForm #FormFactor {width: 130px}
#length1, #length2, #weight1, #weight2, #tip1, #tip2 {width: 50px}
#game {width: 100px;}

#SortOutForm select {width1: 220px; padding: 0; font-size: 13px}
#SortOutForm .Caption {text-align: left}
#SortOutForm #GameCap {width: 88px}
#SortOutForm #game {width: 110px}
#SortOutForm #cue_type {width: 130px}
#SortOutForm #cue_construction {width: 162px}
#SortOutForm #craftsman {width: 258px}
#SortOutForm #wood {width: 212px}
#SortOutForm #MasterCap {width: 88px}
#SortOutForm #length1, #SortOutForm #length2, #SortOutForm #weight1, #SortOutForm #weight2 {width: 57px}
#SortOutForm #tip1, #SortOutForm #tip2 {width: 56px}

.Sort, .SortAsc, .SortDesc {font-size: 12px}
.Sort {color: #646464}
.SortAsc {color: #990000}
.SortDesc {color: #990000}

/* About company styles */
#AboutCompany {margin-bottom: 10px; margin-top: 5px; margin-left: 5px; margin-right: 5px; background: url(/img/bg/main-frame-bg.gif) no-repeat center bottom; background-color: #F3F3F3}
#AboutCompany p {margin-left: 20px; margin-right: 20px}
#AboutCompany p b {font-weight: bold; color: #3B5635}
#AboutCompany h2 {
	width: 730px;
	clear: both;
	color: #FFFFFF; font-size: 13px; text-indent: 10px; font-weight: bold;
	background: transparent url(/img/bg/about-header.gif) left top no-repeat;
	height: 27px;
	margin: 0 0 15px 0;
	padding: 3px 0px 4px 0px;
}

#AboutCompany #PhotosCont {height: 1000px}
.PersonCont {float: left; width: 365px; height: 320px; text-align: center}
.PersonPhoto {display: inline-block; margin-top: 30px; border: gray solid 2px}
.PersonName {clear: both; text-align: center; font-size: 12px; margin-top: 10px}
.PersonTitle {clear: both; text-align: center; font-size: 11px; font-weight: bold;  margin-top: 2px; color: gray}

/* Proshop styles */
#AboutProshop h3 {font-size: 12px; font-weight: bold; color: gray; text-indent: 20px; margin: 10px 0 10px 20px}
#AboutProshop p {margin-left: 20px; margin-right: 20px}
#AboutProshop #ImgCont1 {padding-left: 40px}
#AboutProshop #ImgCont1 .MagnifyButton {margin-left: 280px; margin-bottom: 30px}
#AboutProshop #ImgCont2 {float: left; width: 365px; height: 380px;}
#AboutProshop #ImgCont2 img {margin: 5px 0 10px 40px; border: solid black 2px}
#AboutProshop #ImgCont3 {float: left; width: 365px; height: 380px;}
#AboutProshop #ImgCont3 img {margin: 5px 0 10px 6px; border: solid black 2px}
#AboutProshop #ImgCont2 .MagnifyButton {margin-left: 158px; margin-bottom: 30px}
#AboutProshop #ImgCont3 .MagnifyButton {margin-left: 122px; margin-bottom: 30px}
#AboutProshop #VideoPlayerCont {width: 354px; margin: 20px 0 20px 188px}
#AboutProshop ul.ServicesList {margin: 15px 0 10px 40px}
#AboutProshop ul.ServicesList li {padding: 0 0 5px 25px; margin: 5px 0 5px 0; font-family: Verdana; font-size: 12px; background: url(/img/li/services.gif) no-repeat 0 0; line-height: 13px}
#AboutProshop #MapCont {width: 100%; text-align: center; margin-bottom: 20px}
#AboutProshop #MapCont h3 {font-size: 13px; font-weight: bold; color: gray; text-align: center; margin: 20px 0 20px 0}
#AboutProshop #MapCont p {width: 100%; text-align: center;  margin: 0; text-indent: 0}

/* Contacts styles */
#CompanyContacts #MapCont {width: 100%; text-align: center}
#CompanyContacts #MapCont h3 {font-size: 13px; font-weight: bold; color: gray; text-align: center; margin: 20px 0 20px 0}
#CompanyContacts #MapCont p {width: 100%; text-align: center;  margin: 0; text-indent: 0}

/* Video styles */

#VideoSection h2 {
	height: 23px;
	width: 359px;
	font-size: 13px; text-indent: 10px; font-weight: bold; text-align: left;
	color: #FFFFFF; 
	padding: 3px 0px 4px 0px;
	margin: 0 0 10px 0;
	background: transparent url(/img/header-green.gif) left top no-repeat;
}
 
#VideoPlayerCont {margin-left1: 5px}

#VideoPlayerCont #VideoPlayer {
	float: left;
}

#VideoPlayerCont2 {
	width: 560px;
	margin-left: 85px;
}

#VideoSection #VideoPlayerCont {padding: 0; margin-bottom: 20px; width: 354px}
#VideoSection #VideoPlayer {margin: 0; width: 354px}

ul.VideoList {margin: 0 0 10px 10px}
ul.VideoList li {font-size: 11px; line-height: 13px; padding: 0 0 5px 15px; background: url(/img/li/gray-arrow-small.gif) no-repeat 0 0; padding: 0 0 5px 20px; margin: 5px 0 5px 0}
ul.VideoList li a {font-size: 11px; color: gray}
ul.VideoList li span {font-size: 11px; font-weight: bold; color: #69A400}

#VideoSection, #VideoInfo {text-align: center}
#VideoInfo {float: left; width: 340px; margin-left: 15px}
#VideoSection #VideoInfo {margin: 10px 0 10px 0}

#VideoPlayerCont2 #VideoInfo {
	clear: both;
	width: 560px;
	margin: 20px 0 10px 0;
}

#VideoPlayerCont #VideoInfo h3 {
	font-size: 13px; font-weight: bold;
	color: gray; 
	text-align: center;
	margin: 10px 0 10px 0;
}

#VideoSection h2 {clear: both}

#VideoSection h3, #VideoInfo h3  {
	clear: both;	
	width: auto;
	font-size: 13px; font-weight: bold;
	color: gray; 
	margin: 10px 0 10px 0;
}

#VideoSection .Added, #VideoSection .Duration, #VideoSection .Views,
#VideoInfo .Added, #VideoInfo .Duration, #VideoInfo .Views {font-size: 11px; text-indent: 10px}

#VideoSection .Added span, #VideoSection .Duration span , #VideoSection .Views span,
#VideoInfo .Added span, #VideoInfo .Duration span , #VideoInfo .Views span {font-size: 11px; font-weight: bold; color: #669900}

#VideoSection .Duration, #VideoSection .Views,

#VideoInfo .Duration, #VideoInfo .Views {float: left}

#VideoSection .Views {margin-left: 100px}

#VideoInfo .Views {margin-left: 85px}
#VideoPlayerCont2 #VideoInfo .Views {margin-left: 310px}

#VideoSection #DescriptionCont a, #VideoInfo #DescriptionCont a {color: #669900}

#VideoPage #VideoPlayerCont {float: left; padding-right1: 15px; margin-bottom: 15px}

#VideoSection div a.VideoArchiveButton {
	float: right;
	margin-bottom: 20px;
}

/* Photo styles */
#PhotoPage h2 {
	clear: both;
	padding: 3px 0px 4px 10px; color: #FFFFFF; font-size: 13px; text-indent: 0; font-weight: bold;
	background: transparent url(/img/header-green-big.gif) left top no-repeat;
	height: 23px;
	margin: 0 0 10px 0;
	width: 720px;
}

#PhotoPage h2 span#GalleryName {display: inline-block; text-indent: 0; width: 510px}
#PhotoPage h2 span#GalleryName a, #PhotoPage h2 span#GalleryName2 a {color: #FFFF33}

#PhotoPage h2 span#GalleryName2 {display: inline-block; text-align: center; text-indent: 0; width: 510px}

#PhotoPage h2 span#Pager {width: 200px}
#PhotoPage #Prev, #PhotoPage #Next {display: inline-block; text-indent: 0; width: 100px; text-align: left}
#PhotoPage #Next {text-align: right}
#PhotoPage #Prev a, #PhotoPage #Next a {color: #FFFF33}

#PhotoPage #ImgCont {width: 730px; text-align: center; margin-bottom: 20px}
#PhotoPage #ImgCont h3 {color: gray; font-size: 13px; font-weight: bold; margin-bottom: 10px}

ul.GalleriesList {margin: 0 0 10px 10px}
ul.GalleriesList li {font-size: 11px; line-height: 13px; padding: 0 0 5px 15px; background: url(/img/li/gray-arrow-small.gif) no-repeat 0 0; padding: 0 0 5px 20px; margin: 5px 0 5px 0}
ul.GalleriesList li a {font-size: 11px; color: gray}
ul.GalleriesList li span {font-size: 11px; font-weight: bold; color: #69A400}

/* Articles styles */
#ArticlesPage {margin-bottom: 10px; margin-top: 5px; margin-left: 5px; margin-right: 5px; background: url(/img/bg/main-frame-bg.gif) no-repeat center bottom; background-color: #F3F3F3}
#ArticlesPage h2 {
	width: 730px;
	clear: both;
	color: #FFFFFF; font-size: 13px; text-indent: 10px; font-weight: bold;
	background: transparent url(/img/bg/articles-header.gif) left top no-repeat;
	height: 27px;
	margin: 0 0 15px 0;
	padding: 3px 0px 4px 0px;
}

ul.ArticleList {margin: 0 0 10px 10px}
ul.ArticleList li {font-size: 11px; line-height: 13px; padding: 0 0 5px 15px; background: url(/img/li/gray-arrow-small.gif) no-repeat 0 0; padding: 0 0 5px 20px; margin: 5px 0 5px 0}
ul.ArticleList li a {font-size: 11px; color: gray}
ul.ArticleList li span {font-size: 11px; font-weight: bold; color: #69A400}
#ArticlesPage div#Body {padding-bottom: 20px}
#ArticlesPage h3 {font-size: 13px; color: #0085CF; margin-left: 30px; margin-bottom: 10px; text-indent: 0; display: block}
#ArticlesPage dt, #ArticlesPage dd {margin: 10px 20px 10px 20px}
#ArticlesPage dt {font-size: 13px; font-style: italic; text-indent: 20px}
#ArticlesPage dd div {float: right; margin: 0 0 0 10px; width: 130px; text-align: center}
#ArticlesPage img {border: solid black 1px}
#ArticlesPage a.MagnifyButton {margin: 5px 0 5px 20px}
#ArticlesPage ol {font-size: 13px; margin: 10px 0 10px 40px}

/* Service prices */
.DataCont {width: 565px; float: left}
.ServiceHeader {margin-top: 20px; margin-bottom: 10px; padding-left: 40px; font-size: 17px; color: #0085CF}
.ServicePrice {font-size: 13px; padding-left: 50px;}
.ServiceTime {font-size: 14px; padding-left: 50px; margin-top: 5px}
.ServiceImg {float: left; margin-top: 15px}

.TipSection1, .TipSection2, .FerruleSection1, .FerruleSection2, .ShaftCareSection1, .ShaftCareSection2, .ShaftCareSection4,
.TuningSection1, .TuningSection2, .TuningSection3, .TuningSection4 {margin-bottom: 10px; float: none; width: 730px; background: left top no-repeat}

.TipSection1 {height: 200px; background: url(/img/bg/tip-section-bg-1.gif)}
.TipSection2 {height: 140px; background: url(/img/bg/service-bg-1.gif)}

.FerruleSection1 {height: 140px; background: url(/img/bg/ferrule-section-bg-1.gif)}
.FerruleSection2 {height: 230px; background: url(/img/bg/ferrule-section-bg-2.gif)}

.ShaftCareSection1 {height: 140px; background: url(/img/bg/shaft-care-section-bg-1.gif)}
.ShaftCareSection2 {height: 180px; background: url(/img/bg/shaft-care-section-bg-2.gif)}
.ShaftCareSection4 {height: 110px; background: url(/img/bg/shaft-care-section-bg-4.gif)}

.TuningSection1 {height: 160px; background: url(/img/bg/tuning-section-bg-1.gif)}
.TuningSection1 div.DataCont {width: 680px}
.TuningSection2 {height: 140px; background: url(/img/bg/tuning-section-bg-2.gif)}
.TuningSection3 {height: 120px; background: url(/img/bg/tuning-section-bg-4.gif)}
.TuningSection4 {height: 110px; background: url(/img/bg/tuning-section-bg-4.gif)}

.EconomSection1 {margin: 10px 10px 5px 24px; float: none; display: block; height: 85px; width: 480px; background: url(/img/bg/econom-block-bg-1.gif) left top no-repeat; background-color1: gray}
.EconomSection1 div {color: white; font-size: 12px}
.EconomSection1 div.ServiceHeader {font-weight: bold; font-size: 14px; margin-bottom: 10px; margin-top: 10px; padding-left: 15px; clear: both; float: none; display: inline-block}
.EconomSection1 div.ServicePrice {margin: 0 0 7px 25px; padding: 0}

.EconomSection2 {margin: 10px 10px 5px 24px; float: none; display: block; height: 100px; width: 480px; background: url(/img/bg/econom-section-2.gif) left top no-repeat; background-color1: gray}
.EconomSection2 div {color: white; font-size: 12px}
.EconomSection2 div.ServiceHeader {font-weight: bold; font-size: 14px; margin-bottom: 10px; margin-top: 10px; padding-left: 15px; clear: both; float: none; display: inline-block}
.EconomSection2 div.ServicePrice {margin: 0 0 7px 25px; padding: 0}

.MaterialsSection {float: none; width: 730px; height: 330px; margin-bottom: 10px; background-image: url(/img/bg/service-materials-bg-1.gif); left top no-repeat}
.MaterialsSection2 {float: none; width: 730px; height: 150px; margin-bottom: 10px; background-image: url(/img/bg/service-materials-bg-2.gif); left top no-repeat}
.MaterialsSection2 div.MatHeader {margin: 12px 0 12px 0}

.MatHeader {width: 730px; margin: 20px 0 4px 0; display: inline-block; font-size: 17px; text-align: center; text-indent: 0; color: #216513}
.MatHeader2 {float: none; width: 610px; margin: 10px 0 10px 0; color: #8F0000; text-align: center; text-indent: 0; clear1: both; display: inline-block; font-size: 17px}
.MaterialsCont {margin-bottom: 20px; margin-left: 60px}
.MaterialBlock {float: left; width: 200px;  padding: 4px; display: -moz-inline-box; display: inline-block; font-size: 12px; color: #216513; text-decoration: none;	vertical-align: top; text-align: center;}

.ShkantSection {margin-bottom: 10px; float: none; width: 730px; height: 160px; background-image: url(/img/bg/shkant-section-bg.gif); left top no-repeat}
.ShkantSection div.ServiceHeader {width: 730px; padding: 0; margin: 6px 0 10px 0; text-align: center; clear: both; float: none; display: inline-block;}
.ShkantSection img.ServiceImg {margin: 0 16px 0 16px}

.FreeTipSection {float: none; width: 730px; height: 50px; margin-bottom: 10px; background-image: url(/img/bg/free-tip-section-bg.gif); left top no-repeat}
.FreeTipSection div.ServiceHeader {width: 730px; padding: 0; margin: 14px 0 10px 0; color: white; text-align: center; float: none; display: inline-block}

/* 404 error */

#PageNotFound {margin-top: 5px; margin-left: 5px; margin-right: 5px; background: url(/img/bg/main-frame-bg.gif) no-repeat center bottom; background-color: #F3F3F3}
#PageNotFound p {height: 72px; display: block; clear: both; float: none; margin: 0 20px 10px 20px; text-align: center; text-indent: 0}
#PageNotFound p a {color: blue}
#PageNotFound h2 {
	width: 730px;
	clear: both;
	color: #FFFFFF; font-size: 13px; text-indent: 10px; font-weight: bold;
	background: transparent url(/img/bg/404-header.gif) left top no-repeat;
	height: 27px;
	margin: 0 0 15px 0;
	padding: 3px 0px 4px 0px;
}

#PageNotFound h3 {margin-bottom: 20px; font-size: 20px; color: #0085CF; text-align: center}

/* Old styles */
.Center {text-align: center}