/*
$Date: 2006/10/03 12:39:46 $
$Name: ukconcept_v1_r16_p1 $
$Revision: 1.43 $
$State: Exp $
*/

/* OFFERING CSS */

*	{
	padding:0px;
	margin:0px;
	}

/* STRUCTURAL COMPONENTS */

BODY {
    font-size:62.5%;
    font-family:arial,helvetica,sans-serif;
    margin:0px;
    padding:0px;

	background: url('http://www.makesillymoney.co.uk/images/Movie1.gif') repeat-x;
    background-color:#ffffff;
	text-align:center;


}

#banner {margin:5px auto; width:800px;}

#outer_wrapper{
	margin:0 auto; width:830px;
}

#wrapper {
	width:800px;
	display:block;
	text-align:left;

}

.dropshadow{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cdn.digitalcity.com/aoluk/portal_general/longshadow_830_white.png', sizingMethod='scale');}
.dropshadow[class] {background:transparent url('http://www.makesillymoney.co.uk/images/longshadow_830_white.png') repeat-y;}

#outer_wrapper #inner_wrapper{
	text-align:left;
	margin:0 auto;
	width:800px;
	overflow:hidden;
	min-height:100%;
	padding-top:5px;
	padding-bottom:10px;

}

* html #outer_wrapper #inner_wrapper{
	overflow:visible;
}

#wrapper {
	width:800px;
	display:block;
	text-align:left;
	}
	
.wide	{
	margin:5px 0px 0px 10px;
	padding:0px 0px 0px 0px;
	width:310px;
	float:left;
	display:inline;
	}

.superwide	{
	margin:5px 0px 0px 10px;
	padding:0px 0px 0px 0px;
	width:470px;
	float:none; 
	}

.square	{
	margin:5px 0px 0px 10px;
	padding:0px 0px 5px 0px;
	width:150px;
	float:left;
	display:inline;
	}

#lhc .square {
	margin:0px;
	padding:0px;
	float:none;
	display:inline;
}

/* PAGE BLOCKS */

#lhc	{
	width:150px;
	float:left;
    display:inline;
	}
		
#mc	{
	width:320px;
	float:left;
	}

#rhc	{
	width:320px;
	float:left;
    	/* visibility:hidden; */
	}

#footerS {
	clear:both;
	}
	
#footer	{
	clear:both;
	}
	
/* TEXT ELEMENTS */

/* Link Styles */

a,a:link,a:visited,a:active,a:hover {
	color:#033AC8;
	text-decoration:none;	
	}

a:hover {
	text-decoration:underline;
	}

/* Headlines & Titles */

.title	{
	font-size:1.4em;
	background:url(http://www.makesillymoney.co.uk/images/bg_general.gif) repeat-x top left;
	margin:0px 0px 5px 0px;
	padding:4px 0px 4px 4px;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	text-transform: uppercase;
	color: #666666;
	}

.title a,.title a:link,.title a:visited,.title a:active,.title a:hover {
	text-decoration:none;
	color:#666666;
	}

.tW	{
	background:#ffffff;
	border-color:#A9A9A9;
	}

.tG	{
	background:url(http://www.makesillymoney.co.uk/images/bg_grey.gif) repeat-x top left;
	}
	
.tB	{
	background:#ffffff;
	border-color:#000000;
	}
	
.tB a,.tB a:link,.tB a:visited,.tB a:active,.tB a:hover {
	color:#58ACDC;
}

/* Headline Styles */

.headline	{
	font-size:1.3em;
	margin:0px;
	padding:0px;
	line-height:1.3em;
	}

/* Text Styles */

p,li	{
	font-size:1.1em;
	}

p	{
	margin: 2px 0px 2px 0px;
	}

/* Image Elements */

.wide img {
	margin: 0px 5px 0px 0px;
	}

.square img {
	margin: 0px 0px 0px 0px;
	}

.superwide img {
	margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	}

/* Collections */

ul	{
	list-style-type:disc;
	list-style-position: inside;	
	}
	
ol	{
	list-style-type:decimal;
	list-style-position: inside;
	}

.collectionleft {
	width:50%;
	float:left;
	}
	
.collectionright {
	width:50%;
	float:right;
	}

/* WEATHER WIDGET PROBLEMS */

.wth	{
	display:block;
	}
	
.wthL	{
	float:left;	
	display:block;
	}

.wthR	{
	float:right;
	display:block;
	}
	
.wthTxt	{
	padding:5px 0px 2px 0px;
	}

.wthTmp {
	padding:4px 0px 0px 0px;
	font-size:1.8em;
	}

.wth .headline {
	font-size:1.2em;
}
	
/* Rotator Styles */

#rP 	{
	width:310px;
	margin-right:-6px;
	height:28.8em;
	}

#rT	{
	border-bottom:1px solid #CCCCCC;
	margin-left:10px;
	height:2em;
	width:310px;
	display:block;
	}
	
#rTL	{
	float:left;
	width:20%;
	}
	
#rTR	{
	float:right;
	width:20%;
	text-align:right;
	}
	
#rTT	{
	float:left;
	width:60%;
	text-align:center;	
	}
	
.rotator_frame {
	width:310px;
	}
	
.rotator_frame img {
	margin:	0px 0px 0px 0px;
	}
	
#rC .headline	{
	font-size:1.4em;
	margin:0px;
	padding:0px;
	line-height:1.4em;
	}

#rC p	{
	margin:0px;padding:0px;
	line-height:1.3em;
	}

/* MAIN HEADER */
#myHeader { background:none; background:url(http://www.makesillymoney.co.uk/images/welcome.gif); float:left; width:800px; height:85px; overflow:hidden;}

#aolIntro { float:left; width:195px; height:55px; margin:27px 0px 0px 0px; display:inline; }
#myLogo { float:left; vertical-align:top; margin:0px; }
#myLogo a {display: block; width: 123px; height: 50px; text-indent: -9999px; background:url(http://cdn.digitalcity.com/aoluk/hat/aol_logo.gif);}
#myLogo a:hover, #myLogo a:focus {outline:none;}
#myDate { float:left; position:relative; left:5px; top:-70px; width:190px; height:16px; font-size:1.1em; color:fff; font-weight:normal; margin-top:2px;} 
#myChannel H1 { display:none; float:left; width:270px; height:40px; font-size:2.7em; color:fff; font-weight:normal; margin:0px; } 

/* CSS2 - FIREFOX/GECKO ONLY */
#myHeader input[type=radio] {margin: 5px 4px 0px 4px;}

/* CONTROL HEADER SEARCH BOX*/
#gSearch_header { float:right; width:563px; height:63px; border:0px solid #ff0000; background-color:fff; margin:10px 11px 0px 0px; display: inline; }
#googSearch { float:left; width:506px; height:38px; margin:12px 0px 0px 0px; }
.dsForm { margin:3px 0px 0px 6px; }
.dsShop { margin:3px 0px 0px 6px; }
.dsTb0 { float:left; padding:2px 5px 2px 0px; color:#53AE09; }
.dsTb1 a { float:left; position:relative; top:4px; left:0px; margin-left:3px; padding:0px 5px 1px 5px; font-size:1.1em; color: #006699; text-decoration:none; cursor:pointer; z-index:2;}
.dsTb2 a { float:left; position:relative; top:4px; left:-2px; padding:0px 5px 1px 8px; font-size:1.1em; color: #006699; text-decoration:none; cursor:pointer; z-index:2;}
.dsTb3 a { float:left; position:relative; top:4px; left:-2px; padding:0px 5px 1px 8px; font-size:1.1em; color: #006699; text-decoration:none; cursor:pointer; z-index:2;}
.dsTb4 a { float:left; position:relative; top:4px; left:-2px; padding:0px 5px 1px 8px; font-size:1.1em; color: #006699; text-decoration:none; cursor:pointer; z-index:2;}
.dsTb5 a { float:left; position:relative; top:4px; left:-2px; padding:0px 5px 1px 8px; font-size:1.1em; color: #006699; text-decoration:none; cursor:pointer; z-index:2;}
.dsTb6 { float:left; padding:0px 0px 0px 0px; font-size:1.1em; color:#000; }
.dsTb7 { float:right; margin:0px 0px 0px 0px; text-indent: -9999px; background:url(http://cdn.digitalcity.com/aoluk/hat/powered_by_google.gif) no-repeat;}
.dsTb8 { float:right; margin:0px 1px 0px 0px; text-indent: -9999px; background:url(http://cdn.digitalcity.com/aoluk/hat/powered_by_shop.gif) no-repeat;}

.kzyShop0 { float:left; width:100%; height:auto; display:block; } 
.kzyShop1 { float:left; width:100%; height:auto; display:none; }
.dsTbOn { font-weight:bold; }
.dsTbOff { font-weight:normal; }
#gSearch_header .dsTbOff .dsTb0 {padding:3 0 0 0;}
#gSearch_header .dsTbOn .dsTb0 {display:none ;}
#gSearch_header .dsTbOn a {background-color:#9DE878; border-left:1px solid #53AE09; border-top:1px solid #53AE09; border-right:1px solid #53AE09; margin-bottom:2px;}
#gSearch_header .usStyle {float:left; width:555px; height:18px; border:1px solid #53AE09; background-color:#9DE878; padding:4px 0px 2px 0px; position:relative; left:-3px; top:-2px; z-index:1;margin-bottom:-4px;}
.googInput { width:462px; height:18px; margin:-1px 5px 0px 3px; border:1px solid #000;}
.shopInput { width:356px; height:18px; margin:-1px 5px 0px 3px; border:1px solid #000;}
.googGo { vertical-align: top; margin-top: -1px;}
*html .googGo { vertical-align: top; margin-top: 0px;}
.shopDrop { width:100px; font-size:1.1em; color:#000; vertical-align: top; margin:-1px 0px 0px 0px; }


/* CONTROL FOOTER SEARCH BOX */
#gSearch_footer { width:640px; height:63px; border-top:1px solid #D9D9D9; border-bottom:1px solid #D9D9D9; background-color:fff; margin-left: 150px; padding:12px 0px 0px 0px;}
#gSearch_footer .googInput  { width:405px; margin:-1px 0px 0px 3px;}
#gSearch_footer .shopInput  { width:305px; margin:-1px 0px 0px 3px;}
#gSearch_footer .shopDrop   { width:120px; }
#gSearch_footer .kzyShop0 { width:99%; } 
#gSearch_footer .kzyShop1 { width:99%; }
#gSearch_footer .dsTb0 { padding:3px 7px 2px 0px; color:#000; }
#gSearch_footer .dsTb1 a { padding:0px 5px 2px 9px; color: #0259A9; }
#gSearch_footer .dsTb2 a { padding:0px 5px 2px 0px; color: #0259A9; }
#gSearch_footer .dsTb3 a { padding:0px 5px 2px 0px; color: #0259A9; }
#gSearch_footer .dsTb4 a { padding:0px 5px 2px 0px; color: #0259A9; }
#gSearch_footer .dsTb5 a { padding:0px 5px 2px 0px; color: #0259A9; }
#gSearch_footer .dsTb8 { margin:0px 0px 0px 0px;}
#gSearch_footer .dsTb6 { padding-top:2px;}
#gSearch_footer .dsTb6 input[type="radio"]{ margin-top: 5px; margin-right: 4px;margin-left: 4px;}


/* HAT STYLES */
.aolukhat {
    margin-bottom: 1px;
}

div.aolukhat {
    display: block;
    width: 800px;
    color: #999999;
    height:1.7em;
}


#aolukhatleft {
    font-size: 1.1em;
    float: left;
    margin-left: 5px;
    display: inline;
}

#sns {
    font-size: 1.1em;
    float: right;
    margin-right: 10px;
}

#sns div {
    display: inline;
}

.aolukhat a:link { 
    color: #0033CC;
    text-decoration: none;
}
.aolukhat a:visited {
    color: #0033CC;
    text-decoration: none;
}
.aolukhat a:hover {
    color: #0033CC;
    text-decoration: underline;
}
.aolukhat a:active {
    color: #0033CC;
    text-decoration: underline;
}


/* ---- NAVIGATION ---- */

#nav {
    margin: 0px;
}

#nav ul {

    float:left;

    list-style-type:none;

    list-style-position:outside;
	
    font-weight:normal;

}

#nav a {

    text-decoration:none;

    color:#000000;

    border-top: solid 1px #7F7F7F;

    display: block;

    text-indent: 3px;

    width:150px;

    padding:2px 0px 3px 0px;

    background-color: #FFFFFF;

}



#nav a:link {

    color: #000000; 

    text-decoration:none;

}

#nav a:visited {

    color: #000000; 

    text-decoration:none;

}

#nav a:hover {

    text-decoration:underline;

}



#nav .channel a:link {

    font-weight:bold;

}

#nav .channel a:visited {

    font-weight:bold;

}

#nav .channel a:hover {

    font-weight:bold;

}


#nav .indented a {

    /* text-indent: 13px; */

}


#nav .navsel a:link {

    font-weight:bold;

    background-color: #0053A4;

    color: #FFFFFF;

}

#nav .navsel a:visited {

    font-weight:bold;

    background-color: #0053A4;

    color: #FFFFFF;

}

#nav .navsel a:hover {

    font-weight:bold;

    background-color: #0053A4;

    color: #FFFFFF;

}



#nav .welcomenavsel a:link {

    font-weight:bold;

    background-color: #0053A4;

    color: #FFFFFF;

}

#nav .welcomenavsel a:visited {

    font-weight:bold;

    background-color: #0053A4;

    color: #FFFFFF;

}

#nav .welcomenavsel a:hover {

    font-weight:bold;

    background-color: #0053A4;

    color: #FFFFFF;

}



#nav .nav0 a:link {

    background-color: green;

}

#nav .nav0 a:visited {

    background-color: green;

}

#nav .nav0 a:hover {

    background-color: green;

}



#nav .nav1 a:link {

    background-color: #EBEBEB;

}

#nav .nav1 a:visited {

    background-color: #EBEBEB;

}

#nav .nav1 a:hover {

    background-color: #EBEBEB;

}



#nav .nav2 a:link {

    background-color: #CCCCCC;

}

#nav .nav2 a:visited {

    background-color: #CCCCCC;

}

#nav .nav2 a:hover {

    background-color: #CCCCCC;

}



#nav .nav3 a:link {

    background-color: #999999;

}

#nav .nav3 a:visited {

    background-color: #999999;

}

#nav .nav3 a:hover {

    background-color: #999999;

}

/* FOOTER STYLES */
.footer {
    width: 640px;
    margin-top: 20px;
    margin-left: 160px;
    margin-bottom: 5px;
    clear: both;

    background-color: white;
    font-size: 1.1em;
    color: #999999;
}

.footer #more_on_aol {
    font-weight: bold;
    color: #000000;
}

.footer a:link, .footer a:visited {color: #0033CC; text-decoration: none;} 
.footer a:hover {text-decoration: underline;}

/* Style for flexible advert positioning*/
#sL_L_A {position:absolute; display: none; z-index: 150;}



/* BANNER STYLES */

#sT_B_1	{ width:800px;text-align:center;padding:5px 0px 5px 0px;}

/* AD STYLES */

#sFLEX {float:right;width:0px;height:0px;display:inline;margin-top:5px;}

/* FIX FOR MARKETING SPOTS */

#sM_1 .square, #sM_2 .square {padding:0px 0px 0px 0px;}

#nav .videolink {
   background:url("http://cdn.digitalcity.com/aoluk/newvideonavlogo.gif") no-repeat 60px 0px;
}

#nav .elevenlink {
   background:url("http://cdn.digitalcity.com/aoluk/newvideonavlogo.gif") no-repeat 40px 0px;
}