﻿/*
###################################################################
        WELCOME TO THE CONTENT STYLESHEET

// please make any relevant notes about this stylesheet here

// remember to always include the .cmsfront class
// IE6 png-fix: 
    .yourClass img{behavior:url(png-fix/iepngfix.htc);}
*/

/* default master page*/
* {text-align:center; margin:0 auto; padding:0;}
Body{background-color:#000;color:#484848; font-family: Arial, Sans-Serif; font-size:10px;}
a{text-decoration:none;}
input {text-align:left;}

.cmsfront {width:929px; text-align:left; margin:0 auto;}
.cmsfront #header { background:url('../gfx/bg/Header_Bg.gif') no-repeat top right; width:901px; height:75px; text-align:right; padding:14px;}
.cmsfront #header img {margin:-14px; float:left; border:0 none;}
.cmsfront #header, .cmsfront #header a { color:#fff;  font-weight:bold; font-size:11px;} 
.cmsfront #footer, .cmsfront #footer a { color:#fff;font-size:9px; margin-top:20px;margin-bottom:50px;}
.cmsfront .GrayGrad { height:21px; width:929px; background:url('../gfx/bg/GrayGradBg.gif') repeat-x;}
.cmsfront .Right{float:right;}
.cmsfront a.MainNavBtn /* small top nav btn */
{
    height: 21px;
    width: 91px;
    background:#000000 url('../gfx/bg/Btn_FullBlueBg.gif') no-repeat right top;
    padding-left: 3px;
    float: left;
    vertical-align: middle;
    color: #fff;
    font-weight: bold;
    line-height: 21px;
    text-transform:uppercase;
}
.cmsfront a.MainNavBtn:hover {color:#f3f27b;}
.cmsfront .pushdown { clear:both; height:1px;}
.cmsfront #McKennaPic { margin:7px 3px 20px 0px; float:left;}

/* Content Header */
.cmsfront table#Head,.cmsfront table.Head { width:701px;height:44px; border:0 none; margin-bottom:6px;}
.cmsfront table.Head2 { margin-bottom: 0 !important;}
.cmsfront table#Head td#left,.cmsfront table.Head td.left {width:21px;}
.cmsfront table#Head td#heading,.cmsfront table.Head td.heading {width:224px;}
.cmsfront table#Head td#right,.cmsfront table.Head td.right {width:24px;}
.cmsfront table#Head td.repeat,.cmsfront table.Head td.repeat{background:url('../gfx/Headers/Head_repeat.gif') repeat-x left top; height:45px;}
html>/**/body .cmsfront table#Head td.repeat, x:-moz-any-link, x:default  
{background:url('../gfx/Headers/Head_repeat.gif') repeat-x left center;} /* firefox 3 */

html>/**/body .cmsfront table.Head td.repeat, x:-moz-any-link, x:default  
{background:url('../gfx/Headers/Head_repeat.gif') repeat-x left center;} /* firefox 3 */

/* Login & Register */
.cmsfront .Login {background-color:#FFFFFF;height:522px;margin:0 5px;width:691px;}
.cmsfront .Login .padding{padding:10px;width:380px;}
td.logTxt {text-align:right; font-size:12px;}

.cmsfront div.Reg{background-color:#ffffff;margin:0px 5px;text-align:left;}

.cmsfront .Reg table.reg{ width:500px; border: 1px solid #e5e5e5;}
.cmsfront .Reg table.reg tr td.RegHead{
    background-color:#4d8dee; height:28px; line-height:28px; text-align:left;padding-left:10px;
    color:#ffffff;text-decoration:none;font-size:14px;font-weight:bold;}
.cmsfront .Reg table.reg tr td{ text-align:left; padding-left:10px; font-size:12px;}
.cmsfront .Reg table.reg tr td .regInput{width:180px; }

/* Portal */
.cmsfront #NavColumn {float:left; margin-top:7px; /*background-image:url('../gfx/bg/portalBg.jpg') looks dumb*/} /* large portal btn */
.cmsfront .MainBtn {height:105px; width:466px; background:url('../gfx/bg/btn_graygradBg.gif') repeat-x; margin-bottom:8px; padding-top:5px;_margin-bottom:-2px;}
.cmsfront .MainBtn a h1{text-indent: -9999px;}
.cmsfront .MainBtn a:hover img{border:2px solid #0277eb; margin-top:-2px;}

/* for search engines */
.cmsfront a.MainNavBtn h1,.cmsfront .MainBtn a h1{text-indent: -9999px;}

/* Left Menu */
.cmsfront #LeftColumn,.cmsfront #MainColumn {background:url('../gfx/bg/MainBg.gif') repeat-x; border:1px solid #6b6f71; float:left; margin-top:3px; width:214px;}
.cmsfront #LeftColumn{padding:5px;padding-top:0px;}
.cmsfront #LeftColumn .Header {background:url('../gfx/bg/LeftMenu_HeadBg.gif') repeat-x; width:214px; height:38px;margin-top:5px;line-height:38px;text-transform:capitalize;}
.cmsfront #LeftColumn a:hover h1{color:#c9dff7;}
.cmsfront #LeftColumn .blue {background-color:#c9dff7;text-align:left; padding:6px 5px 5px 10px;border-top:1px solid #ffffff;width:199px;}
.cmsfront #LeftColumn .blue a{font-size:14px; font-weight:bold; color:#000000;}
.cmsfront #LeftColumn .blue a:hover{text-decoration:underline;}
.cmsfront #LeftColumn .blue img {margin:-7px 0px;}

.cmsfront #LeftColumn a img {*margin-bottom:-3px;}
.cmsfront #LeftColumn .blue table {width:199px;}
.cmsfront #LeftColumn .graybar 
{ 
    background:url("../gfx/bg/thinGray.gif") repeat-x scroll left top transparent;
    height:9px;
    margin-left:-5px;
    margin-top:-6px;
    position:absolute;
    width:227px;
    *margin-top:-1px\9; /* IE7 & 8 */
    *margin-left:-113px\9; /* IE7 & 8 */
 }
@-moz-document url-prefix() { .cmsfront #LeftColumn .graybar {margin-top:-5px;}} /* firefox */

.cmsfront #MainColumn {padding-bottom:4px;}

/* Middle content of three panel */
.cmsfront #MidColumn{float:left; width:527px;background-color:#ffffff; text-align:left;margin-bottom:-4px;}

.cmsfront #MidColumn div.TitleArticles,.cmsfront #MidColumn div.FloatL div.TitleAboutPaul,.cmsfront #MidColumn div#KnowPanel div.TitleKnow
{color:#4d8eee; font-size:30px;margin:15px 0px 0px 15px;text-align:left;font-weight:bold;}
.cmsfront #MidColumn div.FloatL div.TitleAboutPaul{margin:17px; margin-left:0px;}
.cmsfront #MidColumn div#KnowPanel div.TitleKnow{ text-align:center;  margin-top:17px;}

/* About Paul */
.cmsfront #MidColumn div.FloatL{float:left;width:244px;margin:0px 17px;_margin:0px 10px;}
.cmsfront #MidColumn div#KnowPanel{float:left;width:249px;background-color:#f0f5fe;}
.cmsfront #MidColumn div#KnowPanel div.yellow{ background-color:#fdf5a1;padding:15px;margin:13px 19px;}

/* Article */
.cmsfront #MidColumn ul{list-style:none;text-align:left; margin:10px;}
.cmsfront #MidColumn ul li.yellow{background-color:#fdf5a1; text-align:left;padding:10px 7px;}
.cmsfront #MidColumn ul li.blue{background-color:#e8f1ff; text-align:left;padding:10px 0px;}
.cmsfront #MidColumn ul li.blue table {width:100%;}
.cmsfront #MidColumn ul li.blue table tr td.descript{width:327px;text-align:left; padding-left:5px;}
.cmsfront #MidColumn ul li.blue table tr td.img {text-align:right; padding-right:5px;}

/* Multimedia */
.cmsfront #MidColumn ul li.picked{background-color:#fde36b; text-align:left;padding:10px 7px;}
.cmsfront #MidColumn ul li.blue table tr td.img a div.BtnPlay
{background:url('../gfx/btn/icon_play.gif') no-repeat center center;width:33px; height:32px;}
.cmsfront #MidColumn ul li.blue table tr td.img a:hover div.BtnPlay, 
.cmsfront #MidColumn ul li.blue table tr td.img a div.BtnPlaySelected 
{background:url('../gfx/btn/icon_play_rollover.gif') no-repeat center center;width:33px; height:32px;}

/* Right Menu */
.cmsfront #RightColumn{float:right; margin-left:6px;}
.cmsfront #RightColumn ul#RightMenu { list-style:none;}
.cmsfront #RightColumn ul#RightMenu  li a div{width:168px; height:28px;background-color:#4d8dee;line-height:28px;border-bottom:2px solid #ffffff;_margin-top:-6px;*margin-top:-7px;}
.cmsfront #RightColumn ul#RightMenu  li a:hover div,.cmsfront #RightColumn ul#RightMenu  li a div.selected {background-color:#a5c5f7;}
.cmsfront #RightColumn ul#RightMenu  li a img {border:none;border-bottom:2px solid #d5d5d4;margin-bottom:-3px;margin-bottom:0px\0/}

/* Store */
.cmsfront #MainColumn{width:701px;}
.cmsfront .storeHolder, .cmsfront .storeHolderLarge{width:348px; height:258px; float:left; background-color:#ffffff;margin-top:6px; background-image: url('../gfx/bg/Portal-front-box.jpg'); background-position: bottom;}
.cmsfront .storeHolderLarge{width:701px;}
.cmsfront .DarkBlue {background-color:#4d8dee; height:28px; line-height:28px;}
.marginR5{margin-right:5px;}
.cmsfront div.storeHolder table {width:348px; border-collapse:collapse;}
.cmsfront div.storeHolderLarge table {width:701px; border-collapse:collapse;}
.cmsfront div.storeHolder img {_margin-bottom:-4px;}
/* NEW Store Page */
a.Red {color:#ff0000; text-decoration:underline;}
.cmsfront .store{background-color:#ffffff;width:348px;float:left; text-align:left;margin-top:5px;}
.cmsfront .store table{margin-bottom:0px;width:348px; border-collapse:collapse;}
.cmsfront .store img {margin:20px;}
.cmsfront .store p {margin:0px 20px;font-size:12px;}
.cmsfront .store a {margin:0px 20px;font-size:12px;}
/* Mircosite */
.cmsfront .INFO{width:322px;height:204px; padding:13px;}
.cmsfront .mid{vertical-align:middle; text-align:left; margin:0px;}
.cmsfront .INFO .txt{float:left; width:175px;}
/*.cmsfront div.storeHolder div.img1{background:url('../gfx/InstantCon_iPhone.jpg') no-repeat; }
.cmsfront div.storeHolder div.img2{background:url('../gfx/InstantCon_Book.jpg') no-repeat; }
.cmsfront div.storeHolder div.img3{background:url('../gfx/InstantCon_CD.jpg') no-repeat; }
.cmsfront div.storeHolder div.img4{background:url('../gfx/instantCon_Phobia.jpg') no-repeat; }*/

/* sqaure blue btn */
.cmsfront #MainColumn div.btnBuy a,.cmsfront #MainColumn div.btnBack a,.cmsfront div.btnCd a,.cmsfront div.btnCart a,.cmsfront div.btnUpdate a 
{font-family: Helvetica; text-transform: uppercase; color:#ffffff;text-decoration:none;font-size:16px;font-weight:bold;}
.cmsfront #MainColumn div.btnBuy,.cmsfront #MainColumn div.btnBack,.cmsfront div.btnCd,.cmsfront div.btnCart
{font-family: Helvetica; text-transform: uppercase; background-color:#4d8dee;padding:5px 10px;margin-top:2px; width:203px; margin-left:16px;}
.cmsfront #MainColumn div.btnBack{width:62px;font-family: Helvetica; text-transform: uppercase;}
.cmsfront div.btnCd{width:118px; padding:5px 0px;margin-left:0px;font-family: Helvetica; text-transform: uppercase;}
.cmsfront div.btnCart{margin-left:0px; width:150px;padding:10px;font-family: Helvetica; text-transform: uppercase;}
.cmsfront div.btnUpdate{background-color:#4d8dee; position:relative; width:167px; left:-174px; top:3px;padding:5px 0px;font-family: Helvetica; text-transform: uppercase;}

/* STORE - books*/
.cmsfront #Store img {background-color: #FFF;}
.cmsfront #Store {min-height:660px;text-align:left;}
* html .cmsfront #Store {height:660px;}
.cmsfront #Store img{margin-bottom:2px;margin-right:1px;}
.cmsfront #Store img.NoMarginR{margin-right:0px;}

/* STORE - book detail */
.cmsfront #DetailPanel { float:left; width:320px; text-align:left;}
.cmsfront #DetailPanel #DetailTxt{width:272px; padding:25px; background-color:#ffffff;text-align:left;}
.ProductImg{ float:right;}

/* STORE - CDs */
.cmsfront div.WhiteBG{ background-color:#ffffff;}
.cmsfront div.Txt, .cmsfront .WhiteBG div.Txt{ text-align:left; padding:10px;float:left;width:156px;}
.cmsfront .WhiteBG div.Txt{width:315px;}
.cmsfront .storeHolder img.CDImg{float:right; margin:10px;}
.cmsfront .storeHolder a.BuyNowLnk, .cmsfront .storeHolder a.MoreInfoLnk{ color:#c1001f; text-transform:uppercase; font-weight:bold; font-size:14px; text-decoration:underline;margin-left:4px;}
.cmsfront .storeHolder a.MoreInfoLnk{color:#000000;}
.cmsfront div.storeHolder table.Txt{margin:10px;float:left;width:166px;_width:150px; height:208px;margin-right:0px;}

.cmsfront table.WhiteBG{ background-color:#ffffff; width:701px;}
.cmsfront table.WhiteBG tr td{ padding:15px;}
.cmsfront table.WhiteBG tr td.Txt, .cmsfront table.WhiteBG tr td.PhobiaTxt
{ text-align:left; padding:10px;width:300px;}

.cmsfront table.WhiteBG tr td.PriceNbtn {width:118px;}

/* Phobias */
.cmsfront div.WhiteBG .PhobiaTxt{padding:10px;width:315px; float:left;}
.cmsfront #Store div.WhiteBG img.phobiaImg{float:right;margin-bottom:-1px;_margin-bottom:-13px;}

.cmsfront #Overcome table{width:170px;float:left; border-collapse:collapse;margin-right:7px;margin-bottom:7px;color:#6f6f6f;}
.cmsfront #Overcome table tr td a{color:#6f6f6f; font-size: 11px; }
.cmsfront #Overcome table tr td a:hover{ text-decoration:underline;}
td.Color1,td.Color2,td.Color3,td.Color4,td.Color5,td.Color6,td.Color7,td.Color8,td.Color9,td.Color10,td.Color11,td.Color12
{ background-color:#f7e1fe;font-size:12px; padding:5px;}
td.Color2{background-color:#efe1fe;}
td.Color3{background-color:#e5e1fe;}
td.Color4{background-color:#e1ebfe;}
td.Color5{background-color:#e1f3fe;}
td.Color6{background-color:#e1faf7;}
td.Color7{background-color:#e1fae4;}
td.Color8{background-color:#ebf7d7;}
td.Color9{background-color:#f7f7d7;}
td.Color10{background-color:#f7f0d7;}
td.Color11{background-color:#f7e4d7;}
td.Color12{background-color:#f7d7d7;}

.cmsfront #Overcome table tr td.Overcome{ background-color:#ffffff; height:177px; line-height:21px;}
.cmsfront #Overcome table tr td.Overcome span.BLUE{color:#4d8dee;}
.cmsfront #Overcome table tr td.Overcome span.LONG{font-size:16px;}
.cmsfront #Overcome table.NoRMargin{margin-right:0px;}

/* SHOPPING CART */
.cmsfront .pink
{
    background-color:#ffc9ba; height:28px; line-height:28px;margin-top:6px;
    color:#000000;text-decoration:none;font-size:16px;font-weight:bold;
}
.cmsfront div.ItemsPanel,.cmsfront div.PricePanel{float:left; background-color:#ffffff; width:527px; padding-bottom:50px;}
.cmsfront div.PricePanel{width:170px;height:250px;_height:236px;*height:236px;margin-left:4px;padding-bottom:0px;}

.cmsfront div.ItemsPanel table {font-size:13px;color:#2d2d2d;}
.cmsfront div.ItemsPanel table th.Heading,tr.Heading{background-color:#7aaaf2;height:28px; color:#ffffff; font-weight:bold; font-size:14px;}
.cmsfront div.ItemsPanel span.DDLTxt {color:#000000; font-weight:bold;}
.cmsfront div.ItemsPanel table tr td.ProductPadding{text-align:left;padding:10px 0px 10px 10px;}
.cmsfront div.ItemsPanel table tr td.padding{padding:10px 0px; vertical-align:top;}

.cmsfront div.PricePanel table{font-size:13px; width:150px; color:#000000; margin:10px;}
.cmsfront div.PricePanel table tr td.name { text-align:left; font-weight:bold; padding:5px 0px;}
.cmsfront div.PricePanel table tr td.price { text-align:right;padding:5px 0px;}

.cmsfront .rep-pos
{
	position: relative;	
}

.cmsfront p.l-shaped-image-container
{
	position: absolute; 
	width: 190px; 
	top: 15px; 
	left: 15px;
}

.cmsfront input.button
{
	color: #FFF;
	background-color: #4D8DEE;
	padding: 5px 10px;
	text-align: center;
	border: 0;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	}

.cmsfront table.payment-details tr td
{
	padding-bottom: 5px;
	padding-right: 10px;
}

.cmsfront table.payment-details
{
	margin: 20px auto;	
}

.cmsfront select,.cmsfront select option
{
	text-align: left !important;	
}

/* Checkout complete */
.cmsfront table#complete {background-color:#ffffff; margin:0px 10px;}
.cmsfront table#complete td {padding:10px;}

.cmsfront .COComp {margin-left:15px;font-size:14px;font-weight:bold;}

.cmsfront .Basket {background-color:#b8cce4;}
.cmsfront .AltRow {background-color:#dbe5f1;}
.cmsfront .BasketHeader {background-color:#4f81bd; color:#ffffff;padding:10px; border:1px solid #4f81bd; border-bottom:4px solid #ffffff; font-weight:bold; font-size:12px;}
.cmsfront .BasketFoot{background-color:#ffffff;border:1px solid #ffffff;font-size:12px;text-align:right;}
.cmsfront .BasketItem, .cmsfront .BasketLeft  {border:1px solid #ffffff;font-size:12px; color:#000000;}
.cmsfront .BasketTotal { line-height:18px; font-size:14px;}
.cmsfront .BasketRight { text-align:right; line-height:16px;}
.cmsfront .BasketLeft {text-align:left;}

.cmsfront table.SummaryAddress tr td,.cmsfront table.SummaryAddress tr td span{ text-align:left;padding:2px 10px;font-size:12px;}
.cmsfront .BtnEdit{padding:2px 10px; width:30px;background-color:#4d8dee;}
.cmsfront .BtnEdit a{font-family: Helvetica; text-transform: uppercase; color:#ffffff;text-decoration:none;font-weight:bold;}

.cmsfront .SummaryBlock table{ float:left; margin-left:15px;}

/* downloads */
.cmsfront .PlainBG {background-color:#ffffff;margin:10px;padding:20px;height:468px; font-size:14px;}

/* SITE MAP STRUCTURE */
ul.sitemap-list, ul.sitemap-list li
{
	text-align: left;
		
}

ul.sitemap-list
{
	margin-left: 50px;	
}

ul.sitemap-list li
{
	font-size: 12px;
}

ul.sitemap-list li ul
{
	margin-left: 20px;	
}

.cmsfront #MainColumn div.btnBack a
{
	display: block;	
}

.cmsfront input.button
{
	cursor: pointer !important;	
}

/****** UPDATING BUTTONS ******/
.cmsfront div.buy-button-container, .cmsfront div.back-button-container
{
	text-align: left;
	margin-left: 16px;
	margin-top: 2px;
}

.cmsfront div.buy-button-container a, .cmsfront div.back-button-container a
{
	display: inline-block;
	min-width: 70px;
	background-color: #4D8DEE;
	color: #FFF;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	font-family: Helvetica;
	text-decoration: none;
	text-transform: uppercase;
	padding: 5px 10px;
}

.clearer
{
	clear: both;	
}