﻿#sidebarBasket .CheckOut { width:250; float:left; display:inline; margin:25px 5px 25px 5px; overflow:hidden; }
#sidebarBasket .largads { width:250; height:510px; float:left; display:inline; margin:40px 5px 40px 5px; overflow:hidden; }
#sidebarBasket .largads img { border:none; }

.clear {clear:both;}

.shopping {
background:url('../images/basket.png') no-repeat 149px 3px;
}

.total {
padding:5px 0px;
/*background-color:#bfcbd1;*/
background-color:#DCDEE2;
}

.checkout {
padding:5px;
background: url(../images/arrow-wht.png) no-repeat;
background-position:155px 7px;
}

.checkout a {
color:#FFF !important;
text-decoration:underline !important;
}

/***************** Product CSS ***********************/
.brand-title {
	border-bottom:solid 2px #e5e3e3;
	padding-bottom:3px;
	margin-bottom:20px;
	width:580px;
	height:auto;
}

.bookwrap {
width:110px;
min-height: 150px;
float:left;
margin:0px 10px 10px 0px;
}

.bookwrap img {
	padding:0px 5px 0px 0px;
	width:110px;	
	}

.product-text {
width:auto;
clear:both;
margin:10px 0px;
}

.product-text ul li {
list-style-position:outside;	
	list-style-type:disc !important;
	padding:0px 0px 3px 0px;
	margin-left:30px;
}

.product-text ol li {
list-style-position:outside;	
	padding:0px 0px 3px 0px;
	margin-left:30px;
	list-style-type:decimal;
}


.overviewwrap {
height:auto;
width:100%;
margin:0px 0px 15px 0px;
/*margin:15px 0px 15px 0px;*/
}

.overview {
height:auto;
width:auto;
padding:8px;
}

.overview p {
margin:0px;}


.price-normal,.price-charity {
font-weight:bold;
font-size:small;
}

.price-normal {
color:#466f82;
}

.price-charity {
color:#69a24f;
}

.price-holder 
{
	width:auto;
	min-height:50px;
	margin-top:5px;
}

.cms-styles {
	width:auto;
	height:auto;
	font-size:90%;
}

.cms-styles h1, .cms-styles h2, .cms-styles h3, .cms-styles h4 {
margin:12px 0px 12px 0px;}

.cms-styles h1 {font-size:1.5em;}

.cms-styles h2 {font-size:1.2em}

.cms-styles h3 {font-size:1em}

.cms-styles h4 {font-size:0.89em  !important;}

.cms-styles h6 {margin:15px 0px}

.content-left, .content-right {
	width:280px;
	}

.content-left ul li, .content-right ul li
{
	list-style-type:none !important;
	padding:0px 0px 3px 0px;
	margin-left:30px;
}

.content-left h5, .content-right h5 {
	font-size:100%;
	border-bottom:solid 2px #B1C0C9;
	padding-bottom:3px;
	margin-bottom:5px;
	color:#466f82;
	}

.content-left {
	float:left;
	}

.content-right {
	float:right;
	}
	
	
.product-wrap {
height:20em;
width:auto;
margin-bottom:30px;
/*background-color:Fuchsia*/
}

.product-title {
font-weight:bold;
text-decoration:underline;
margin-bottom:8px;
width:auto;
}

.product-des {
max-width:15em !important;
min-height:17em;
/*height:15em;*/
float:right;
margin-bottom:30px;
font-size:90%;

}

.product-des a {
 	text-decoration:underline !important;
 	display: block;
 	padding-bottom: 8px;
 	}

.product-des img {
	float:right; 
	padding-top:5px;
	}

.product-front {
float:left;
padding-right:1%;
width:95px;
height:12em;
margin-bottom:5px;

}

.product-front img {
max-width:95px !important;
}

.price-front {
float:left;
width:50%;
}


.more-link a:hover, .more-link2 a:hover {
text-decoration:underline !important;
}

.more-link {
background-image: url(../images/arrow-pink.gif);
background-repeat: no-repeat;
float:left;
background-position:left;
padding-left:12px;
padding-bottom:0px;
font-weight:bold;
font-size:85%;
}

.vat{font-size:x-small;}

.more 
{
	width:auto;
	height:30px;
font-size:85%;
font-weight:bold;
float:right;
margin-bottom:300px;
}

.content-wrap {
/*background-color:#333;*/
margin:0px auto 20px auto;
width:580px;
height:auto;
overflow:hidden;
}

/*
#sidebar .midRec { width:350px; height:200px; float:left; display:inline; margin:25px 5px 25px 5px; overflow:hidden; }
#sidebar .midRec a { border:none; margin:0; padding:0; }
#sidebar .midRec img { border:none; }
*/
.update ul { margin:0 0 20px 10px; padding:0; list-style-type:none; overflow:hidden; }
.update li { list-style-type:none; margin:0; overflow:hidden; display:inline; }


#adviser_fund_wrapper a.staff_delete, #adviser_fund_wrapper a.staff_edit { float:right; margin-right:10px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKCAYAAABi8KSDAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABHSURBVChTYyAE0tLS/oMwlIsbICsCsZmgbAwAU0jQVGSFMAyWQAfoEtRTiE5jBciSuBQyQmkUBbNmzYKLowCQIrxWwgEDAwBa3DIJJReH3gAAAABJRU5ErkJggg==); background-repeat: no-repeat; text-indent:-5000px; width:12px; height:15px; }
#adviser_fund_wrapper a.staff_delete, #adviser_fund_wrapper a.staff_add { float:right; margin-right:10px; background-image: url(data:image/gif;base64,R0lGODlhDAAMAKIAAAAAAP///7DBxzMzM////wAAAAAAAAAAACH5BAEAAAQALAAAAAAMAAwAAAMWSLLc2jDKOMZcddZtIc8SqHVXOT1nAgA7); background-repeat: no-repeat; text-indent:-5000px; width:12px; height:15px; }
#adviser_fund_wrapper .adviser_fund_page_table_wrapper .edit input[type="text"] { clear:both; width:300px; }
#adviser_fund_wrapper .edit_wrapper2 { width:750px; }

#adviser_search_form .adviser_search_form_submit { float:right; font-size:11px; }
#adviser_search_form .adviser_email_search_form_submit { font-size:11px; }

#landing_page #adviser_search_form .adviser_name { font-size:14px; width:355px; }
#landing_page #adviser_search_form .adviser_type { font-size:14px; width:365px; margin-left:5px; }
#landing_page #adviser_search_form .adviser_search_form_submit { width:100px; margin:0; }
#landing_page #pension_fund_search_form .fund_name { font-size:14px; width:642px; margin-bottom:3px; }
#landing_page #pension_fund_search_form .pension_fund_search_form_submit { margin:17px 0 0 0; float:right; font-size:11px; width:100px; }


#articles_page .request_demo { width:500px; }
#articles_page .request_demo h2 { margin:5px 0 5px 0; padding:0; color:#4d5557; font-size:20px; }
#articles_page .request_demo h3 { margin:25px 0 0 0; padding:0; color:#4d5557; font-size:16px; }
#articles_page .request_demo p { margin:0 0 0 0; padding:0; color:#4d5557; font-size:14px; }
#articles_page .request_demo p.overview { line-height:1.3; font-size:16px; margin-bottom:15px; }
#articles_page .request_demo ul { color:#4d5557; font-size:16px; list-style:none; list-style-type:none; }
#articles_page .request_demo ul li { margin:0 0 15px 0; padding-left:25px; color:#4d5557; font-size:16px; line-height:1.25; list-style:none; background:url(../images/blue-bullet-large.png) 0 6px no-repeat; }

#login_page #login_panel p.intro { position:absolute; margin:35px 20px 15px 25px; width:270px; font-size:12px; color:#fff; }
#login_page #login_panel p.Question { position:absolute; margin:55px 20px 15px 25px; width:270px; font-size:12px; color:#fff; }
#login_page #login_panel p.login_rem { position:absolute; top:90px; right:30px; width:80px; text-align:right; }
#login_page #login_panel p.login_rem .bluebutton { margin-right:0; z-index:5; }
#login_page #login_panel p.login_SQ { position:absolute; top:100px; right:30px; width:80px; text-align:right; }
#login_page #login_panel p.login_SQ .bluebutton { margin-right:0; z-index:5; }
#login_page #login_panel .login_remtxt { position:absolute; top:150px; left:0; width:320px; padding-top:15px; color:#fff; }
#login_page #login_panel .login_remtxt p { padding:0; margin:0 0 8px 30px; line-height:1.2; }
#login_page #login_panel .login_remtxt p strong { font-size:14px; }
#login_page #login_panel .login_remtxtNP { position:absolute; top:170px; left:0; width:320px; padding-top:15px; color:#fff; }
#login_page #login_panel .login_remtxtNP p { padding:0; margin:0 0 8px 30px; line-height:1.2; }
#login_page #login_panel .login_remtxtNP p strong { font-size:14px; }
#login_page #login_panel p.helprem { position:absolute; top:90px; left:0; width:290px; padding-bottom:50px; border-bottom:1px solid #eee; }
#login_page #login_panel p.helpNP { position:absolute; top:120px; left:0; width:290px; padding-bottom:50px; border-bottom:1px solid #eee; }
#login_page #login_panel p.securtyQ { position:absolute; top:70px; left:0; }
#login_page #login_panel p.password { position:absolute; top:70px; left:0; }
#login_page #login_panel p.securtyQ input, #login_panel p.password input { width:290px; font-size:12px; }
#login_page #login_panel p.securtyQ label, #login_panel p.password label { display:none; }
#login_page #login_panel p.NewPword { position:absolute; top:60px; left:0; }
#login_page #login_panel p.PwordConfirm { position:absolute; top:90px; left:0; }
#login_page #login_panel p.NewPword input, #login_panel p.PwordConfirm input { width:290px; font-size:12px; }
#login_page #login_panel p.NewPword label, #login_panel p.PwordConfirm label { display:none; }
#login_page #login_panel p.login_PW { position:absolute; top:120px; right:30px; width:80px; text-align:right; }
#login_page #login_panel p.login_PW .bluebutton { margin-right:0; z-index:5; }

#login_page #error_panel { margin:35px 0 0 35px; width:340px; min-height:315px; background:#eee; box-shadow:5px 2px 13px #4d5557; }
#login_page #error_panel .login_inner { position:relative; }
#login_page #error_panel h2 { position:absolute; top:0; left:0; width:270px; font-size:14px; color:#fff; padding:14px 15px; }
#login_page #error_panel p { margin:5px 10px 5px 25px; }
#login_page #error_panel p label { color:#fff; }
#login_page #error_panel p.intro { position:absolute; margin:35px 20px 15px 25px; width:270px; font-size:12px; color:#666; }

#mypfo .grid_14 { width:99%; }
#mypfo .back { position:relative; border-bottom:2px solid #b0c1c7; height:32px; width:99%; margin-left:20px; }
#mypfo .back a { position:absolute; bottom:3px; left:0; font-size:11px; line-height:11px; padding:5px; display:block; }

#find_adviser_links_panel .find_adviser_other_dropdown { width:210px; height:30px; background-color:#fff; padding:5px 9px; font-size:13px; color:#25aae1; }

#thankyou_page ul { clear:both; font-size:16px; line-height:1.3; color:#666; padding:0 10px 15px 20px; }

a:hover {/*background:#ffffff;*/ text-decoration:none;} /*BG color is a must for IE6*/
a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:160px;}
a.tooltip span {text-decoration:none; }
a.tooltip:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#6c6c6c;}

.tender { font-weight:bold; padding:10px 0 10px 10px; background-color: #fff; font-size:14px; }

.textarea { font-size:13px; color:#666; height:90px; }

.hidden { display:none; }

.dialoginput { width: 20em; margin-bottom: 5px; }

.white-bg
{
    background-color: white;
    border-style:solid;
    border-color:black;
    border-width:1px;
    
}

/**** Bootstrap customs ****/

.classWithPad { margin:0 0 0 10px; }
.vr-all {
    padding:0px;
    border-right:1px solid #CC0000;
}
.vr-xs {
    padding:0px;
}
.vr-md {
    padding:0px;
}
.hrspacing { padding:0 0 5px 0; }
.hrcolor {
    border-color: #cccccc;
    border-style: solid;
    border-bottom: 1px;
    margin:0 0 15px 0;
    padding:0px;
}

.rightspacing
{
    margin-right: 5px;
}

/* fades bottom of divs */
.fadeout {
    position: relative; 
    bottom: 4em;
    height: 4em;
    background: -webkit-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    ); 
    background-image: -moz-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    background-image: -o-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    background-image: linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    background-image: -ms-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
} 
/* End fade*/

.padleft { margin-left:10px; }
.padleft_1 { margin-left:20px; }
.padleft_2 { margin-left:30px; }
.padleft_3 { margin-left:40px; }

.trend_button_base_panel { float:left; text-align:left; margin:10px 10px 20px 0; }
.trend_button_base_panel p { display:inline; font-size:12px; color:#4d5557; margin-right:20px; }
.trend_button_base_panel p span { color:#ff8500; font-weight:bold; font-size:16px; margin:0 2px 0 1px; }
.trend_button_base_panel input { }
.trend_button_base_panel select { padding:5px 3px; height:2.5em; width:254px; margin-right:10px; }

.exportoptions
{
    background-color:red;
    padding-left:10px;
}

.dt-buttons {
    margin-bottom: 10px; margin-left: 5px;
}
.toolbar
{
    float:right;
}
/**** END Customs ****/