/**

 * Site Pages CSS Stylesheet

 *

 * @IKSURFMAG 2009

 * @author Alex Chater alex.chater@gmail.com

 */


body {
font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
color: #EFEEFE;
font-size: 100%;
height: 100%;
width: 100%;
margin: 0px;
background-color: #020202;
}

html #mainContainer {
	width: 1010px;
}

#mainContainer {
font-size:62.5%;
margin: 0px auto;   /* align for good browsers */
text-align: left; /* counter the body center */
}

#externalContainerBgTopImage{
width: auto;
height: auto;
background: url(../images/page_bg_top_repeat.jpg) repeat-x;
}

#externalContainerBgBottomImage{
width: auto;
height: auto;
background: url(../images/page_bg_bottom_repeat.jpg) bottom repeat-x;
padding-bottom: 55px;
}

#headerMainContainer{
width: auto;
height: 100%; /*100% to fix overflow: auto not working in IE 6 */
overflow: auto;
padding-top: 22px;
padding-bottom: 5px;
padding-left: 30px;
padding-right: 30px;
}

#logo{
width: auto;
height: auto;
float: left;
padding-left: 15px;
padding-top: 11px;
}

#advertBanner{
width: auto;
height: auto;
float: right;
padding-right: 15px;
}	

#menuMainContainer{
width: auto;
height: 42px;
padding-top: 7px;
background: url(../images/menu_bg.jpg) bottom repeat-x;
padding-left: 35px;
padding-right: 35px;
}

/* menu items */

/* home */
#menuItemHome a{
width: 50px;
height: 30px;
display: block;
float: left;
text-indent: -9999px;
overflow: hidden;
background: url(../images/menu_home.jpg) top no-repeat;
}

#menuItemHome a:hover{
background-position: bottom;
}

#menuItemHomeDown a{
width: 50px;
height: 30px;
display: block;
float: left;
text-indent: -9999px;
overflow: hidden;
background: url(../images/menu_home.jpg) bottom no-repeat;
}

#menuItemLatestIssue a{
width: 93px;
height: 30px;
display: block;
float: left;
text-indent: -9999px;
overflow: hidden;
background: url(../images/menu_latest_issue.jpg) top no-repeat;
}

#menuItemLatestIssue a:hover{
background-position: bottom;
}

#menuItemLatestIssueDown a{
width: 93px;
height: 30px;
display: block;
float: left;
text-indent: -9999px;
overflow: hidden;
background: url(../images/menu_latest_issue.jpg) bottom no-repeat;
}

/* articles */
#menuItemArticles a{
width: 72px;
height: 30px;
display: block;
float: left;
text-indent: -9999px;
overflow: hidden;
background: url(../images/menu_articles.jpg) top no-repeat;
}

#menuItemArticles a:hover{
background-position: bottom;
}

#menuItemArticlesDown a{
width: 72px;
height: 30px;
display: block;
float: left;
text-indent: -9999px;
overflow: hidden;
background: url(../images/menu_articles.jpg) bottom no-repeat;
}

/* kit tests */
#menuItemKitTests a{
width: 72px;
height: 30px;
display: block;
float: left;
text-indent: -9999px;
overflow: hidden;
background: url(../images/menu_kit_tests.jpg) top no-repeat;
}

#menuItemKitTests a:hover{
background-position: bottom;
}

#menuItemKitTestsDown a{
width: 72px;
height: 30px;
display: block;
float: left;
text-indent: -9999px;
overflow: hidden;
background: url(../images/menu_kit_tests.jpg) bottom no-repeat;
}

/* technique */
#menuItemTechnique a{
width: 80px;
height: 30px;
display: block;
float: left;
text-indent: -9999px;
overflow: hidden;
background: url(../images/menu_technique.jpg) top no-repeat;
}

#menuItemTechnique a:hover{
background-position: bottom;
}

#menuItemTechniqueDown a{
width: 80px;
height: 30px;
display: block;
float: left;
text-indent: -9999px;
overflow: hidden;
background: url(../images/menu_technique.jpg) bottom no-repeat;
}

/* travel */
#menuItemTravel a{
width: 60px;
height: 30px;
display: block;
float: left;
text-indent: -9999px;
overflow: hidden;
background: url(../images/menu_travel.jpg) top no-repeat;
}

#menuItemTravel a:hover{
background-position: bottom;
}

#menuItemTravelDown a{
width: 60px;
height: 30px;
display: block;
float: left;
text-indent: -9999px;
overflow: hidden;
background: url(../images/menu_travel.jpg) bottom no-repeat;
}

/* back issues */
#menuItemBackIssues a{
width: 89px;
height: 30px;
display: block;
float: left;
text-indent: -9999px;
overflow: hidden;
background: url(../images/menu_back_issues.jpg) top no-repeat;
}

#menuItemBackIssues a:hover{
background-position: bottom;
}

#menuItemBackIssuesDown a{
width: 89px;
height: 30px;
display: block;
float: left;
text-indent: -9999px;
overflow: hidden;
background: url(../images/menu_back_issues.jpg) bottom no-repeat;
}

/* editors arcghive */
#menuItemEditorsArchive a{
width: 115px;
height: 30px;
display: block;
float: left;
text-indent: -9999px;
overflow: hidden;
background: url(../images/menu_editors_archive.jpg) top no-repeat;
}

#menuItemEditorsArchive a:hover{
background-position: bottom;
}

#menuItemEditorsArchiveDown a{
width: 115px;
height: 30px;
display: block;
float: left;
text-indent: -9999px;
overflow: hidden;
background: url(../images/menu_editors_archive.jpg) bottom no-repeat;
}

/* shop */
#menuItemShop a{
width: 48px;
height: 30px;
display: block;
float: right;
text-indent: -9999px;
overflow: hidden;
background: url(../images/menu_shop.jpg) top no-repeat;
}

#menuItemShop a:hover{
background-position: bottom;
}

#menuItemShopDown a{
width: 48px;
height: 30px;
display: block;
float: right;
text-indent: -9999px;
overflow: hidden;
background: url(../images/menu_shop.jpg) bottom no-repeat;
}

/* forum */
#menuItemForum a{
width: 59px;
height: 30px;
display: block;
float: right;
text-indent: -9999px;
overflow: hidden;
background: url(../images/menu_forum.jpg) top no-repeat;
}

#menuItemForum a:hover{
background-position: bottom;
}

#menuItemForumDown a{
width: 59px;
height: 30px;
display: block;
float: right;
text-indent: -9999px;
overflow: hidden;
background: url(../images/menu_forum.jpg) bottom no-repeat;
}

/* news */
#menuItemNews a{
width: 53px;
height: 30px;
display: block;
float: left;
text-indent: -9999px;
overflow: hidden;
background: url(../images/menu_news.jpg) top no-repeat;
}

#menuItemNews a:hover{
background-position: bottom;
}

#menuItemNewsDown a{
width: 53px;
height: 30px;
display: block;
float: left;
text-indent: -9999px;
overflow: hidden;
background: url(../images/menu_news.jpg) bottom no-repeat;
}

/* subscribe */
#menuItemSubscribe a{
width: 81px;
height: 30px;
display: block;
float: right;
text-indent: -9999px;
overflow: hidden;
background: url(../images/menu_subscribe.jpg) top no-repeat;
}

#menuItemSubscribe a:hover{
background-position: bottom;
}

#menuItemSubscribeDown a{
width: 81px;
height: 30px;
display: block;
float: right;
text-indent: -9999px;
overflow: hidden;
background: url(../images/menu_subscribe.jpg) bottom no-repeat;
}

.menuItemLeftDivider{
width: 9px;
height: 23px;
margin-top: 7px; 
float: left;
background: url(../images/menu_item_divider.jpg) no-repeat;
}

.menuItemRightDivider{
width: 9px;
height: 23px;
margin-top: 7px;
float: right;
background: url(../images/menu_item_divider.jpg) no-repeat;
}

.menuText{
display: none;
}

/* end menu items */

#mainContentContainer{
width: auto;
height: auto;
margin-top: 29px;
background: url(../images/content_middle_repeat_bg.jpg) center repeat-y;
}

#contentTopImage{
width: auto;
height: auto;
background: url(../images/content_top_bg.jpg) center top no-repeat;
}

#contentMiddleImage{
width: auto;
height: auto;
background: url(../images/content_middle_bg.jpg) center 79px no-repeat;
}

#contentBottomImage{
width: auto;
height: auto;
background: url(../images/content_bottom_bg.jpg) center bottom no-repeat;
}		 

#mainPaddingContent{
width: auto;
height: auto;
padding-left: 45px;
padding-right: 45px;
padding-top: 20px;
padding-bottom: 20px;
}

#mainContent{
width: auto;
height: 100%;
overflow: auto;
font-size: 1.1em;
line-height: 1.2em;
text-align: justify;
}		

#imageBannerContainer{
width: auto;
height: auto;
padding-bottom: 10px;
}

#imageBannerSlideShow{
width: 920px; /* fixed hights for better jquery trasitions */
height: 269px;
overflow: hidden;
}

#mainLeftContentContainer{
width: 695px;
height: auto;
float: left;
/*border: 1px solid #FFFFFF;*/
}

#mainRightContentContainer{
width: 215px;
height: auto;
float: right;
/*border: 1px solid #FFFFFF;*/
}

#homePageLatestIssueInfoContainer{
width: auto;
height: 100%;
overflow: auto;
}	

#homePageLatestIssueContainer{
width: 220px;
height: auto;
float: left;
}

#homePageLatestIssueContent{
width: auto;
height: auto;
padding-top: 10px;
}

#homePageEditorsCommentsContainer{
width: 465px;
height: auto;
float: right;
}

#homePageEditorsComments{
width: auto;
height: auto;
padding-top: 10px;
}

#homePageFBCommentsMainContainer{
width: auto;
height: auto;
margin-top: 10px;
margin-bottom: 10px;
}

#homePageFBCommentsContainer{
width: auto;
height: 100%;
overflow: auto;
margin-top: 10px;
padding-left: 15px;
padding-top: 10px;
background: url(../images/fb_bg.jpg) no-repeat;
}

#homePageFBComments{
width: auto;
height: 553px;
overflow: hidden;
}

#homePageFBBtnsContainer{
width: auto;
height: 100%;
overflow: auto;
padding-top: 10px;
background: url(../images/fb_bg_bottom.jpg) top no-repeat;
}	

#homePageFBViewMoreBtn{
width: 111px;
height: 22px;
float: right;
}	

#homePageFBViewLessBtn{
width: 111px;
height: 22px;
float: right;
display: none;
}

#homePageFBLoginBtn{
width: auto;
height: auto;
float: right;
padding-top: 7px;
padding-right: 10px;
}

#homePageFBError{
width: auto;
height: auto;
padding: 30px;
text-align: center;
font-size: 1.3em;
line-height: 1.4em;
}							

#articlesMainContainer{
width: auto;
height: auto;
padding-top: 10px;
}

#articlesIssueSelect{
width: auto;
height: auto;
float: left;
padding-top: 3px;
padding-left: 34px;
}

.articlesElementContainer{
width: auto;
height: 100%;
overflow: auto;
padding-bottom: 10px;
}

.articlesLeftContentContainer{
width: auto;
height: auto;
float: left;
border: 4px solid #FFFFFF;
}

.articlesRightContentContainer{
width: 460px;
height: auto;
float: left;
padding-left: 10px;
}

.mainSubTitle{
width: auto;
height: auto;
padding-bottom: 5px;
margin-bottom: 5px;
font-family: Georgia,"Times New Roman",Times,serif;
font-size: 1.2em;
font-weight: bold;
border-bottom: 1px solid #FFFFFF;
}

.articlesDescription{
width: auto;
height: auto;
}

.articlesClickHereBtn{
width: auto;
height: auto;
padding-top: 10px;
float: right;
}

#KKTkit_testsControlsMargin{
padding-left: 60px;
}

#KKTtechniqueControlsMargin{
padding-left: 110px;
}

#KTTcontrolsContainer{
width: auto;
height: 40px;
margin-top: 20px;
font-size: 1.2em;
font-weight: bold;
}

#KTTcontrolsLinks{
width: auto;
height: auto;
float: left;
padding-top: 4px;
}

#KTTcontrolsSearchBox{
width: auto;
height: auto;
float: left;
padding-left: 10px;
}

#KKTcontrolsSearchBtn{
width: auto;
height: auto;
float: left;
padding-left: 5px;
}

#KKTheaderContainer{
width: auto;
height: 100%;
overflow: auto;
padding-bottom: 5px;
margin-bottom: 10px;
font-weight: bold;
border-bottom: 1px solid #FFFFFF;
}

#KTTheaderDisplayInfo{
width: 150px;
height: auto;
float: left;
}

#KTTheaderSearchInfo{
width: 415px;
height: auto;
float: left;
text-align: center;
}

#KTTpageLinks{
width: auto;
height: auto;
text-align: right;
padding-top: 5px;
padding-bottom: 10px;
border-top: 1px solid #FFFFFF; 
}

#KKTerrorMsg{
width: auto;
height: auto;
text-align: center;
font-size: 1.2em;
font-weight: bold;
padding: 30px;
}

.KKTbrowseByResults{
width: auto;
height: auto;
text-align: center;
font-size: 1.2em;
font-weight: bold;
line-height: 1.4em;
padding-bottom: 20px;
display: none;
}

.KTTheaderRightInfo{
width: 65px;
height: auto;
float: right;
text-align: right;
}

.KTTelementMainContainer{
width: auto;
height: 100%;
overflow: auto;
padding-bottom: 10px;
}

.KTTimageContainer{
width: auto;
height: auto;
float: left;
border: 4px solid #FFFFFF;
}

.KTTmainInfoContainer{
width: 546px;
height: auto;
float: left;
padding-left: 10px;
}

.KTTtitleContainer{
width: auto;
height: 100%;
overflow: auto;
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom: 1px solid #FFFFFF;
}

.KTTtitle{
width: auto;
height: auto;
font-family: Georgia,"Times New Roman",Times,serif;
font-size: 1.1em;
font-weight: bold;
float: left;
}

.KTTrightInfo{
width: 65px;
height: auto;
float: right;
text-align: right;
}

.KTTclickHereContainer{
width: auto;
height: auto;
float: right;
} 

#backIssuesMainContainer{
width: auto;
height: 100%;
overflow: auto;
padding-top: 10px;
}

.backIssuesPaddingDivider{
width: 10px;
height: 200px;
float: left;
}

.backIssuesElementConatiner{
width: 131px;
height: auto;
padding-bottom: 10px;
float: left;
}

.backIssuesTitle{
width: auto;
height: 19px;
overflow: hidden;
padding-left: 7px;
margin-bottom: 10px;
background: url(../images/back_issues_header_bg.jpg) top no-repeat;
}

.backIssuesImg{
width: auto;
height: auto;
}

.backIssuesReadMagBtn{
width: auto;
height: auto;
margin-top: 10px;
}

.backIssuesDownloadMagBtn{
width: auto;
height: auto;
margin-top: 5px;
}

#downloadsCoverContainer{
width: auto;
height: auto;
float: left;
}

#downloadsInstallBadgeContainer{
width: 464px;
height: auto;
float: left;
margin-left: 10px;
}

#downloadsInstallBadgeMessage{
width: auto;
height: auto;
}

#downloadsPlatformsImg{
width: auto;
height: auto;
padding-top: 20px;
}

#downloadsAnotherIssueText{
width: auto;
height: auto;
margin-top: 20px;
}

#editorsArchiveMainContainer{
width: auto;
height: auto;
padding-top: 10px;
}

.editorsArchiveMainElementContainer{
width: auto;
height: 100%;
overflow: auto;
padding-bottom: 12px;
}

.editorsArchiveLeftContent{
width: auto;
height: auto;
float: left;
border: 10px solid #333333;
}

.editorsArchiveSnippetLeftContent{
width: auto;
height: auto;
float: left;
}

.editorsArchiveSnippetRightContent{
width: 625px;
height: auto;
float: left;
padding-left: 10px;
}

.editorsArchiveRightContent{
width: 485px;
height: auto;
float: left;
padding-left: 10px;
}

.editorsTextContent{
width: auto;
height: auto;
}

#editorsArchiveRSS{
width: auto;
height: auto;
float: right;
padding-right: 10px;
padding-top: 5px;
}

#shopMainContainer{
width: auto;
height: auto;
padding-top: 10px;
}

.shopMainElementContainer{
width: auto;
height: 100%;
overflow: auto;
padding-bottom: 10px;
border-bottom: 1px solid #FFFFFF;
}

.shopMainLeftContainer{
width: auto;
height: auto;
float: left;
}

.shopMainRightContainer{
width: 413px;
height: auto;
float: left;
padding-left: 10px;
}

.shopMainImage{
width: 250px;
height: 284px;
overflow: hidden;
border: 10px solid #333333;
}

.shopMainInfo{
width: auto;
height: auto;
padding-bottom: 20px;
}

.shopMainSizeSelect{
width: auto;
height: auto;
padding-bottom: 10px;
}

.shopMainTshirtSizeChart{
width: auto;
height: auto;
padding-bottom: 20px;
}

.shopMainPrice{
width: 70px;
height: auto;
text-align: center;
color: #000000;
font-weight: bold;
font-size: 1.5em;
background-color: #FFFFFF;
padding: 2px;
margin-bottom: 10px;
}

.shopMainAddToBasketBtn{
width: auto;
height: auto;
}

.shopComingSoon{
width: auto;
height: auto;
font-size: 1.4em;
font-weight: bold;
padding-top: 10px;
}

.shopThumbViewDivider{
width: 10px;
height: 170px;
float: left;
}

.shopLargeThumbViewElementContainer{
width: 270px;
height: auto;
float: left;
padding-bottom: 20px;
padding-top: 20px;
padding-left: 38px;
padding-right: 38px;
}

.shopThumbViewElementContainer{
width: 166px;
height: auto;
float: left;
padding-top: 10px;
padding-bottom: 10px;
}

.shopThumbViewImageContainer{
width: auto;
height: auto;
border: 10px solid #333333;
}

.shopThumbViewInfoContainer{
width: auto;
height: 100%;
overflow: auto;
}

.shopThumbViewName{
width: auto;
height: auto;
padding-top: 5px;
padding-bottom: 5px;
font-family: Georgia,"Times New Roman",Times,serif;
font-weight: bold;
color: #00adcf;
border-bottom: 1px solid #FFFFFF;
}

.shopThumbViewStock{
width: auto;
height: auto;
float: left;
color: #000000;
font-weight: bold;
background-color: #FFFFFF;
padding: 2px;
}

.shopThumbViewPrice{
width: auto;
height: auto;
float: right;
color: #000000;
font-weight: bold;
background-color: #FFFFFF;
padding: 2px;
}

#subscribeMainContainer{
margin: 0 auto;   /* align for good browsers */
width: 366px;
text-align: justify;
font-size:62.5%;
}

#subscribeTitleContainer{
width: auto;
height: auto;
margin-bottom: 10px;
margin-top: 10px;
}

#subscribeContent{
width: auto;
height: auto;
background-color: #151515;
font-size: 1.1em;
padding: 10px;
}

#footerContainer{
width: auto;
height: 24px;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px; 
font-size: 1.1em;
background: url(../images/footer_bg.jpg) repeat-x;
}

#footerLeftContent{
width: auto;
height: auto;
float: left;
}

#footerRightContent{
width: auto;
height: auto;
float: right;
}

#footerImgStripFbBg{
width: 295px;
height: 70px;
padding-top: 5px;
padding-left: 5px;
overflow: hidden;
background: url(../images/footer_strip_bg.jpg) no-repeat;
}

#footerImgStripContainer{
width: auto;
height: 75px;
padding-bottom: 10px;
}

.footerImgStripElement{
width: auto;
height: auto;
float: left;
}

#footerImgStripMiddleElement{
width: auto;
height: auto;
float: left;
padding-right: 10px;
padding-left: 10px;
}
					
#pageNotFound{
text-align: center;
font-size: 1.4em;
padding: 20px;
}

#fbFanBoxContainer{
width: 195px;
height: 54px;
padding: 10px 10px 0 10px;
background: #333333;
overflow: hidden;
}

/* common styles */
.h1Style{
padding-top: 5px;
padding-bottom: 5px;
font-size: 1.2em;
margin: 0px;
color: #00adcf;
}

.rightModuleTextHeaders{
padding-top: 5px;
padding-bottom: 5px;
color: #00adcf;
}

.rightModuleContainer{
width: auto;
height: auto;
margin-bottom: 10px;
color: #FFFFFF;
}

.rightModuleContent{
width: auto;
height: 100%;
overflow: auto;
padding-top: 10px;
}

.rightModuleTopBlock{
width: auto;
height: auto;
background-color: #333333;
padding: 10px;
margin-bottom: 1px;
}

.rightModuleLeftBlock{
width: 134px;
height: 20px;
padding-top: 7px;
padding-left: 10px;
float: left;
background-color: #333333;
}

.rightModuleRightBlock{
width: 70px;
height: 20px;
padding-top: 7px;
text-align: center;
float: right;
background-color: #01BFF9;
font-weight: bold;
color: #FFFFFF;
}

.rightModuleInfoTitle{
width: auto;
height: auto;
padding-top: 8px;
}

.moduleImg{
display: block;
border: 2px solid #FFFFFF;
}

.featuredArticleImg{
display: block;
border: 4px solid #FFFFFF;
}

#rightModuleTotalFlicks{
width: auto;
height: auto;
text-align: center;
background-color: #333333;
}	
		

.titleHeaderContainer{
width: auto;
height: auto;
background: url(../images/title_header_bg.jpg) repeat-x;
}

.titleHeaderRightEndImg{
width: auto;
height: auto;
background: url(../images/title_header_right_end_bg.jpg) right top no-repeat;
}

.titleHeaderLeftEndImg{
width: auto;
height: auto;
background: url(../images/title_header_left_end_bg.jpg) left top no-repeat;
}

.titleHeader{
width: auto;
height: 30px;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif; 
font-size: 1.2em;
font-weight: bold;
padding-top: 4px;
padding-left: 10px;
overflow: hidden;
}

.titleLeftContent{
width: auto;
height: auto;
float: left;
}

.titleRightContent{
width: auto;
height: auto;
float: right;
}

.seeAllNewsTitleContent{
width: auto;
height: auto;
padding: 5px 10px;
}

.latestNewsMainContainer{
width: auto;
height: auto;
padding: 10px;
margin-bottom: 1px;
background: url(/forum/images/custom_theme/gradient-grey-up.png) #333333 bottom repeat-x;
}

.latestNewsDate{
color: #666666;
font-size: 0.8em;
}

.latestNewsSnippet{
width: auto;
height: auto;
}
	
img {
border: 0px;
display: block;
}	

a:link, a:active, a:visited{
color: #00adcf;
text-decoration: none;
}

a:hover{
text-decoration: none;
color: #FFFFFF;
}

a:link.footerGrey, a:active.footerGrey, a:visited.footerGrey{
color: #333333;
text-decoration: none;
}

a:hover.footerGrey{
text-decoration: none;
color: #FFFFFF;
}

a:link.footerWhite, a:active.footerWhite, a:visited.footerWhite{
color: #FFFFFF;
text-decoration: none;
}

a:hover.footerWhite{
text-decoration: none;
color: #333333;
}

.siteBlue{
color: #00adcf;
}

.siteWhite{
color: #EFEEFE;
}

.siteRed{
color: #F00;
}

.inputLabel{
color: #00adcf;
}

/* pageination classes */

.paginate{
padding-left: 2px;
padding-right: 2px;
}

.current{
color: #FFFFFF;
font-weight: bold;
font-size: 1.2em;
border-bottom: 1px solid #00adcf;
}

.inactive{
display: none;
}

/* forms */
.inputtext{
width: 220px;
height: 18px;
background-color: #333333;
padding-left: 3px;
padding-right: 3px;
border: 1px solid #bdc7d8;
color: #EFEEFE;
}

select {
background-color: #333333;
color: #FFFFFF;
border: 1px solid #FFFFFF;
}

.required {
font-weight: bold;
color: #FF1A00;
}