﻿/* General Site Styles Start */

img		{border:0px; padding:0px; margin: 0px; border: none;}

.Table .Row {clear:both;}
.Table .Row .Column {display: inline; float:left;}

.Clear, .clear {clear:both; height:0px; margin:0px; padding:0px;}

.clearboth 
{
	clear:both;
}

/* General Site Styles Finish */

/* General font styles */

body  
{
    padding: 0;
    margin: 0;
    background-color: #FFFFFF;
}
.ErrorText	{background:#DD0000;color:#FFFFFF;font-weight:bold;padding:3px 10px; }

/* Print Only */
.printonly{display:none;}

/* link area hand cursor */
.linkArea{cursor:pointer;}

/* Validation Control */
.validationSummary,
.statusbox
{
	color:Red;
	background-color:#F0F0F0;
	border:1px solid #7BA4E0;
}

.statusbox
{
	padding: 5px 0 5px 10px;
}

.validationItem
{
	color:Red;
}

#Page { margin: 0px auto; width: 980px; color: #ffffff; font-size: 12px; font-family: Arial; }

a { text-decoration: none; color: #FA9E31; }
a.AccountManager { color: #63AEF7; }
a.EmailAddress { color: #63AEF7; }
a:active { -moz-outline-style: none; outline: none; border: none;}
a:focus { -moz-outline-style: none; outline: none; border: none;}

/* Start Header */
#Header { float: left; width: 980px; height: 80px; display: block; }

#Header .Logo { float: left; width:300px; height:80px; }
#Header .Logo h1 {float: left; margin:0; padding:0;}
#Header .Logo h1 a {display: block; background: url("../images/Layout/studentsuperstore.jpg"); width:300px; height:80px;}
#Header .Logo h1 a span { display: none; }

#Header .salesInfo { float: right; width:257px; height: 80px; font-size: 18px; display: block; }
#Header .salesInfo .email{height: 51px;}
#Header .salesInfo .buttons { height:  26px; }
#Header .salesInfo .buttons .ukButton
{
	background:url(../images/layout/currency_pound.gif);
	float: right; 
	width: 48px;
	height:26px;
	margin-left: 5px;
}
#Header .salesInfo .buttons .irelandButton
{
	background:url(../images/layout/currency_ireland.gif);
	float: right; 
	width: 48px;
	height:26px;
}

#Header .Search 
{
	margin-left: 375px;margin-top:25px; width:295px; height:37px; background: url(../images/layout/search_background.gif)
}
#Header .Search .TextBox
{
	float: left; display: inline; font-family: Arial;
	width: 177px; font-size: 12px; height: 17px; padding: 3px 6px 1px 6px; margin-left: 10px; margin-top: 6px;
}
#Header .Search .Watermark { color: #999; }
#Header .Search .SearchButton 
{
	background:url(../images/layout/search_button.gif);
	float: right; 
	width: 71px;
	height:18px;
	margin-right: 10px; margin-top: 10px; 
}
/* End Header */

/* Start Top Navigation */

#Navigation
{
	width: 980px;
	clear: both;
	float: left; display: block;
	height: 32px;
	margin-bottom: 3px;
	margin-top: 3px;
	background: url('../images/layout/navigation_rpt.jpg') repeat-x;
}
#Navigation .Left { float: left; width: 15px; background: url('../images/layout/navigation_lt.jpg') no-repeat; width: 15px; height: 32px; }
#Navigation .Right { float: right; width: 15px; background: url('../images/layout/navigation_rt.jpg') no-repeat; width: 15px; height: 32px; }

#Navigation a { text-decoration: none; font-weight: normal;}
#Navigation ul {margin: 0px; padding: 0px; list-style: none; }

#Navigation ul.Level1 
{
	width: 950px; display: block; float: left; margin-top:1px
}

#Navigation ul.Level1 > li 
{
	float: left;
	text-align: center; 
	position: relative;
	background: url(../images/Layout/menu_divider.gif) no-repeat left top;
	padding-left:24px;
	padding-right:15px;
}

#Navigation ul.Level1 > li > a
{
	color: #ffffff;
	font-weight: bold; 
	font-size: 13px;
	text-decoration: none; 
	height: 24px; 
	display: block; 
	line-height: 26px;
	padding-top: 2px;
}

#Navigation ul.Level1 > li.First
{
	background:none;
	padding-left: 9px;
}
#Navigation ul.Level1 > li.Last
{
	padding-right: 4px;
}

#Navigation ul.Level1 > li:hover > a
{
	color: #555; 
}

#Navigation ul.Level1 > li.Current > a,
#Navigation ul.Level1 > li.Ancester > a
{
	color: #555; 
}




/* End Top Navigation */

/* Left hand sub-category nav */
.SubNavigation
{
	 float: left; display: block; width: 185px; padding-right: 6px; 
}

.SubNavigation .selectbox
{
	width:185px;
	height:86px;
	margin-bottom:10px; 
}
.SubNavigation .selectbox .header
{
	background: url(../images/layout/orange_header_browse.gif) no-repeat;
	width:185px;
	height: 36px;
}
.SubNavigation .selectbox .dropdown
{
	background: url(../images/layout/orange_SelectBox_Background.gif) no-repeat bottom;
	width:170px;
	height: 36px;
	padding-top: 15px;
	padding-left: 15px;
}

.SubNavigation .selectbox .dropdown .NavigationDropDown
{
	width:130px; float: left; 
}
.SubNavigation .GoButton { float: right; display: block; height:18px; width:19px; color: #fff; background: url("../images/layout/blue_button_tiny.gif") no-repeat; font-size: 90%; font-weight: bold; text-align: center; line-height: 18px; margin-right: 15px; margin-top: 1px;  }

.SubNavigation { float: left; display: block; width: 185px; margin-top: 0; padding:0;}
.SubNavigation .Inner { display: block; width: 185px; float: left; padding-bottom: 0;}
.SubNavigation .Bottom { display: block; width: 185px; height:15px;clear:both; background: url(../images/layout/gray_bottom.gif) no-repeat; }

.SubNavigation ul { float: left; margin: 0; padding: 0; list-style: none; width: 185px;background: url(../images/layout/gray_background.gif) repeat-y; }

.SubNavigation ul.Level1 > li { width: 185px; background: url(../images/layout/lightblue_header_arrow.gif) no-repeat top center #fb8b01; clear: both; }
.SubNavigation ul.Level1 > li > a { padding: 10px 8px 8px 10px; color: #ffffff; font-weight: bold; display: block; text-decoration: none; font-size: 110%; width: 168px; min-height:20px;}

.SubNavigation ul.Level2 > li.Current > a,
.SubNavigation ul.Level3 > li.Current > a,
.SubNavigation ul.Level2 > li.Ancester > a,
.SubNavigation ul.Level3 > li.Ancester > a { font-weight: bold; color: #000; }

.SubNavigation ul.Level2 li a:hover,
.SubNavigation ul.Level2 li.Current a:hover,
.SubNavigation ul.Level2 li.Ancester a:hover
{ text-decoration:underline;}

.SubNavigation ul.Level2 { margin:4px 0;  }
.SubNavigation ul.Level2 > li { margin: 4px 4px; background: url("../images/layout/bullet_plus.gif") no-repeat; background-position: 0px 2px; clear: both;}
.SubNavigation ul.Level2 > li.Product { background: url("../images/layout/bullet_minus.gif") no-repeat; background-position: 0px 3px; }
.SubNavigation ul.Level2 > li.Ancester { background: url("../images/layout/bullet_minus.gif") no-repeat; }

.SubNavigation ul.Level2 > li > a { padding-left: 14px; display: inline-block; color: #6d6d6d; text-decoration: none; font-size: 100%; }

.SubNavigation ul.Level3 { margin:4px 0px; margin-left: 4px; width: 177px; display: block; }
.SubNavigation ul.Level3 > li { margin: 4px 4px; background: url("../images/layout/bullet_plus.gif") no-repeat; background-position: 0px 2px; clear: both;}
.SubNavigation ul.Level3 > li.Product { background: url("../images/layout/bullet_minus.gif") no-repeat; background-position: 0px 3px; }
.SubNavigation ul.Level3 > li.Ancester { background: url("../images/layout/bullet_minus.gif") no-repeat; }
.SubNavigation ul.Level3 > li > a { padding-left: 14px; display: inline-block; color: #6d6d6d; text-decoration: none; font-size: 100%; }

.SubNavigation .PDFLink { position: relative; top: 2px; left: -7px;   }


/* End Left Panel */

/* Start Right Panel*/
.LoginQuotePanel .loginBox
{
}

.LoginQuotePanel .loginBox .header
{
	width:175px;
	height:26px;
	background:url(../images/layout/grey_header_blank.gif) no-repeat;
	padding-left: 10px; padding-top: 10px;
	color: #fff; font-weight: bold; font-size: 15px;
}

.LoginQuotePanel .loginBox .content
{
	background:url(../images/layout/gray_login_background.gif) repeat-y;	
	padding-top:10px;
	padding-left:10px;
}

.LoginQuotePanel .loginBox .content .loginPanel .username
{
	padding-bottom:10px;
}

.LoginQuotePanel .loginBox .content .loginPanel .password
{
}

.LoginQuotePanel .loginBox .content .loginPanel .forgotPassword
{
	padding-bottom:5px; color: #47acff;
}
.LoginQuotePanel .loginBox .content .loginPanel .textbox
{
	width:160px;
}
.LoginQuotePanel .loginBox .content .loginPanel .button
{
	color: Black;
	font-size: 90%;
}

.LoginQuotePanel .loginBox .content .loginPanel .login
{
	height: 18px;
	padding-bottom:10px;
	padding-right:10px;
}

.LoginQuotePanel .loginBox .content .loginPanel .login .button,
.LoginButton
{ 
	float: right; 
	background: url("../images/layout/blue_button.gif") no-repeat; 
	color: #fff; 
	font-weight: bold; 
	width: 81px; 
	height: 18px; 
	font-size: 90%; 
	text-align: center; 
	line-height: 18px;
}
.cancelImpersonationDiv
{
	text-align:right;
	padding-bottom:5px;
	padding-right: 5px;
}
a.cancelImpersonationButton
{
	color:Navy;
	text-align:right;
	text-decoration: none;
}

a.cancelImpersonationButton:hover
{
	text-decoration: underline;
}
.LoginQuotePanel .loginBox .content .loginPanel .register
{
	height: 20px;
	padding-bottom:10px;
}

.LoginQuotePanel .loginBox .content .loginPanel .register .button
{
	background:url(../images/layout/Register_Account.gif);
	width: 125px;
	height:20px;
	float: left;
}

.LoginQuotePanel .loginBox .content .userDetailPanel
{
}

.LoginQuotePanel .loginBox .content .userDetailPanel .welcome
{
	color:#47ACFF;
	font-size:90%;
	padding-bottom:2px;
}

.userDetailBox
{
	padding-bottom:10px;
}

 .userDetailBox .username
{
	font-size:140%;
}

 .userDetailBox .userdepartmentdetail
{
	font-size: 100%;
	font-weight:bold;
	color:#4082B7;
}

.LoginQuotePanel .loginBox .content .userDetailPanel .myaccount
{
	color:#47ACFF;
}

.LoginQuotePanel .loginBox .content .userDetailPanel .links
{
}

.LoginQuotePanel .loginBox .content .userDetailPanel .links ul
{
	margin-left:0px;
	padding-left:20px;
}

.LoginQuotePanel .loginBox .content .userDetailPanel .links ul li
{
	list-style-image:url(../images/layout/account_bullet.gif);
}

.LoginQuotePanel .loginBox .content .userDetailPanel .links ul a
{
	color:Black;
	text-decoration: none;
}

.LoginQuotePanel .loginBox .content .userDetailPanel .links ul a:hover
{
	text-decoration: underline;
}


.LoginQuotePanel .loginBox .content .userDetailPanel .logout
{
	height:20px;
	padding-bottom: 20px;
	padding-right:10px;
}

.LoginQuotePanel .loginBox .content .userDetailPanel .logout .button
{ 
	float: right; 
	background: url("../images/layout/blue_button.gif") no-repeat; 
	color: #fff; 
	font-weight: bold; 
	width: 81px; 
	height: 18px; 
	font-size: 90%; 
	text-align: center; 
	line-height: 18px;
}


.LoginQuotePanel .quotebox
{
	margin-top: 10px;
}

.LoginQuotePanel .quotebox .header
{
	width:175px;
	height:26px;
	background:url(../images/layout/grey_header_blank.gif) no-repeat;
	padding-left: 10px; padding-top: 10px;
	color: #fff; font-weight: bold; font-size: 15px;
}

.LoginQuotePanel .quotebox .content
{	
	background:url(../images/layout/gray_login_background.gif) repeat-y;	
	padding-left: 10px;
	padding-right: 0px;
}

.LoginQuotePanel .quotebox .content .numberline
{
	padding: 20px 0 5px 0;
}

.LoginQuotePanel .quotebox .content .priceline
{
	padding: 5px 0 5px 0;
	font-size: 140%;
}

.LoginQuotePanel .quotebox .content .priceline span
{
	color: #47ACFF;
}

.LoginQuotePanel .quotebox .content .button
{
	padding:  5px 10px 0 0; height: 18px;
}

.LoginQuotePanel .quotebox .panel
{
	clear:both;
	width:185px;
	height:131px;
	background:url(../images/layout/training-graphic.jpg) no-repeat;
}

.LoginQuotePanel .quotebox .panel .link
{
	padding-top: 45px;
	padding-left:10px;
}

.LoginQuotePanel .quotebox .panel .link .spacer
{
	width:172px;
	height:80px;
}

.LoginQuotePanel .quotebox .viewQuoteButton 
{ 
	float: right; 
	background: url("../images/layout/blue_button.gif") no-repeat; 
	color: #fff; 
	font-weight: bold; 
	width: 81px; 
	height: 18px; 
	font-size: 90%; 
	text-align: center; 
	line-height: 18px;
}

.LoginQuotePanel .bottom
{
	width:185px;
	height:8px;
	background:url(../images/layout/my_quote_bottom.jpg) no-repeat;	
}

.LoginQuotePanel .requestQuotePanel
{
	width:185px;
	height:131px;
	margin-top: 15px;
	background: url(../images/layout/request_quote_box.jpg) no-repeat;
}

.LoginQuotePanel .requestQuotePanel .spacer
{
	width:185px;
	height:131px;
}


/* End LoginUser Panel */

/* Paging Control */
.PagingControl
{
	float:left; 
	padding-bottom: 0px; 
	padding-top: 5px;
}

.PagingControl .ProductsPerPage { float: right; margin-top: 2px;}
.PagingControl .ProductsPerPage select { width: 145px; font-size: 75%; font-weight: bold; height: 19px;}
.PagingControl .Pages { float: right; font-size: 85%; margin-right: 10px; margin-top: 2px;}
.PagingControl .Pages .Title { float: left; margin-right: 5px; font-weight: bold;}
.PagingControl .Pages a { margin-right: 5px; color: #6d6d6d;}
.PagingControl .Pages a:hover { text-decoration: none; }
.PagingControl .Pages a.CurrentPage { font-weight: bold; }
.PagingControl .PageInfo { float: left; font-size: 85%; margin-top: 2px;}
.PagingControl .ViewAll { font-size: 85%; font-weight: bold;  color: #6d6d6d; }


.adminmenu
{
	width:185px;
	float:right;
}

.adminmenu .header
{
	width:185px;
	height:36px;
	background:url(../images/layout/grey_header_myaccount.gif) no-repeat;
}

.adminmenu .content
{
	background:url(../images/layout/gray_login_background.gif) repeat-y;	
	padding-top:10px;
	padding-left:10px;
}

.adminmenu .content .userDetailPanel .welcome
{
	color:#47ACFF;
	font-size:90%;
	padding-bottom:2px;
}

.adminmenu .content .userDetailPanel .myaccount
{
	color:#47ACFF;
}


.adminmenu .content .userDetailPanel .links ul
{
	margin-left:0px;
	padding-left:30px;
}

.adminmenu .content .userDetailPanel .links ul li
{
	list-style-image:url(../images/layout/account_bullet.gif);
}

.adminmenu .content .userDetailPanel .links ul a
{
	color:Black;
	text-decoration: none;
}

.adminmenu .content .userDetailPanel .links ul a:hover
{
	text-decoration: underline;
}


.adminmenu .content .userDetailPanel .logout
{
	height:20px;
	padding-bottom: 20px;
	padding-right:10px;
}

.adminmenu .content .userDetailPanel .logout .button
{ 
	float: right; 
	background: url("../images/layout/blue_button.gif") no-repeat; 
	color: #fff; 
	font-weight: bold; 
	width: 81px; 
	height: 18px; 
	font-size: 90%; 
	text-align: center; 
	line-height: 18px;
}



/* Product Refine */
.ProductRefine ul.Level2 li { font-weight: bold; text-transform: uppercase; }
.ProductRefine ul.Level2 li li { font-weight: normal; text-transform: none; }
.ProductRefine ul.Level2 li li.Selected a { font-weight: bold; color: #000; }
/* End Product Refine */


/* End left hand sub-category nav */

/* Bread crumb trail */
.BreadCrumbTrail { padding: 8px 0; color: #6d6d6d; font-size: 90%; border-bottom: 1px solid #ADAAAD; margin-bottom: 10px; }
.BreadCrumbTrail .YouAreHere { display:inline; font-weight: bold; margin-right: 10px; }
.BreadCrumbTrail .Divider { margin-left: 5px; margin-right: 5px; }
.BreadCrumbTrail a { text-decoration: none; color: #6d6d6d; }
.BreadCrumbTrail a:hover { text-decoration: underline; }
.BreadCrumbTrail .Current { font-weight: bold; text-decoration: none;}

/* End bread crumb */

/* Page content */

.PageContentContainer
{
	float: left; clear: both; margin-top: 8px; min-height: 400px; width: 980px;	background-color: #ffffff; color: #000000;
}

.PageContentContainer .MainContent
{
	width: 588px; 
	margin-left: 196px;
}

.PageContentContainer .MainContent .inner
{
	width: 588px; float:left; 
}

.productHr
{
	width: 588px;
	color: Gray;
}

.PageContentContainer .FloatLeft
{
	width: 789px;
	float: left;
}

.PageContentContainer .FloatLeft .inner
{
	
}

.PageContentContainer .RightPanel
{
	float: right; width: 185px; display: inline; margin-left: 3px; margin-bottom: 20px;
	min-height: 500px; 
}

.PageContentContainer .FullContent
{
	float: left; width: 969px; display: inline; margin-top: 20px; margin-left: 20px; margin-bottom: 20px;
	min-height: 500px; 
}

.PageContentContainer .leftContent
{
	float: left; width: 731px;
}


.FlashImageScrollerEcommerce 
{
	background-color: #fff; display: block; 
	height: 508px; 
}


h2 {margin: 0; padding: 0; font-size: 150%; color: #666; }


/*End page content */

/* Category List */
.CategoryList { float: left; display: block; width: 540px; margin-top: 3px; }
.CategoryList .CategoryListItem { float: left; width: 225px; height: 214px; margin-right: 20px; margin-bottom: 20px; border: 1px solid #ccc;}
.CategoryList .CategoryListItem:Hover { border: 1px solid black; }
.CategoryList .CategoryListItem .CategoryImage { width: 225px; height: 180px; }
.CategoryList .CategoryListItem .CategoryImage td { width: 225px; height: 180px; text-align: center; }
.CategoryList .CategoryListItem .CategoryListItemTitle { display: block; height: 24px; background-color: #000; }
.CategoryList .CategoryListItem .CategoryListItemTitle a { display: block; color: #fff; text-decoration: none; text-align: center;  padding: 0px 2px 2px 2px; font-size: 90%; line-height: 24px; vertical-align: middle;}
/* End Category List */

/* Product List */

.Paging {float:left; width: 568px; display: block; padding: 5px 10px;}
.PagingTop {border-bottom: 1px solid #ccc; }

.ViewSubProducts
{
	float:left; width: 500px; height: 75px; 
	line-height: 22px; line-height: 22px; vertical-align: middle;
	display: block;
	background: url("../images/layout/pagingfooter.gif") no-repeat #fff;
	background-position: center center;
	color: #fff; padding: 5px 10px;
}
.ViewSubProducts .ViewAll { clear: both; float: right; font-size: 120%; margin-right: 10px; font-weight: bold;  color: #fff; margin-top: 26px; padding-right: 20px; display: block; text-align: right; width: 300px; background: url("../images/layout/viewall.gif") no-repeat right center; }


.Paging .Pages { float: right; font-size: 85%; }
.Paging .Pages a { margin-left: 5px;  color: #666;}
.Paging .Pages a:hover { text-decoration: none; }
.Paging .Pages a.CurrentPage { font-weight: bold; }
.Paging .PageInfo { float: left; font-size: 85%; }
.Paging .ViewAll { float: right; font-size: 85%; font-weight: bold;  color: #666; margin-left: 10px; }

.ProductList { float: left; display: block; width: 588px; }
.ProductList .ProductFamilies { float: left; margin-top: 10px; }
.ProductList .Product { float: left; width: 588px; border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px; display: block; }
.ProductList .Product .Image { float: left; height: 90px; width: 90px; }
.ProductList .Product .Image td { text-align: center; width: 65px; vertical-align: top; }

.ProductList .Product .Details { float: left; padding: 0px 10px 5px 10px; width: 478px; }
.ProductList .Product .Details .Name { color: #777; margin-bottom: 6px; font-weight: bold; font-size: 115%; }
.ProductList .Product .Details .Name a { text-decoration: none; color: #777; }
.ProductList .Product .Details .Description { margin-bottom: 6px; font-size: 90%; color: #777; }
.ProductList .Product .Details .Button { float:right; margin-top: 0px; background: url("../images/layout/yellowbutton.gif") no-repeat; width: 76px; height: 15px; }
.ProductList .Product .Details .Button .LearnMore { font-family: Arial; display: block; color: #fff; padding: 1px 10px 2px 6px; font-size: 9px; font-weight: bold; }

.PageTitle h2 { margin: 0 0 10px 0; }


.SearchResults .ProductList	{ width: 770px;}
.SearchResults .Paging, 
.SearchResults .PagingBottom { width: 770px; }
.SearchResults .Product { width: 788px; }
.SearchResults .Product .Details { width: 670px; }

/* End Product List */

/* Product Details */

.ProductDetails { float: left; display: block; width: 588px; }

.ProductDetails .Details { margin: 0px; color: #6d6d6d;}

.ProductDetails .Image {float: left; width:120px; margin-top: 10px; }
.ProductDetails .Image td { vertical-align: top; }
.ProductDetails .Image td a { display: block ; width: 120px; text-align: center; }

.ProductDetails .KeyFeatures { float: right; width: 460px; }
.ProductDetails .KeyFeatures h2 { color: #666; font-size: 160%; margin: 0; padding: 0; margin-bottom: 5px;}

.AlternativeImages { clear: left; float: left; display: inline; width: 310px; margin-top: 6px;}
.AlternativeImages .AlternativeImage { display: inline; float: left; height: 75px; width: 95px; border: 1px solid #ccc; margin: 6px 6px 0px 0px; text-align: center; }

.ProductDetails .MustImpersonate { float: right; color: #cc0000; font-weight: bold; }
.ProductDetails .LoginForDiscount { float: left; color: #cc0000; font-weight: bold; }


/* Product Info Tab */
	/* default layout */
	.AdditionalInfo { clear: both; margin-top: 20px; float: left; width: 588px; }
	.AdditionalInfo .ajax__tab_header {	white-space:normal;	font-weight:bold; font-family:Arial; border-bottom: 1px solid #666; line-height: 19px; }
	.AdditionalInfo .ajax__tab_body { margin-top: 20px; width: 588px; }

	/* Active/Hover States */
	.AdditionalInfo .ajax__tab_active .ajax__tab_tab { background:url("../images/Tabs/tab_active_rpt.jpg") repeat-x; color: #fff;  }
	.AdditionalInfo .ajax__tab_active .ajax__tab_outer { background:url("../images/Tabs/tab_active_lt.jpg") no-repeat left top; }   
	.AdditionalInfo .ajax__tab_active .ajax__tab_inner { background:url("../images/Tabs/tab_active_rt.jpg") no-repeat right top; }   


	/* Regular States */
	.AdditionalInfo .ajax__tab_tab { background:url("../images/tabs/Tab_rpt.jpg") repeat-x; padding:5px 5px; height: 19px; min-width: 95px;}
	.AdditionalInfo .ajax__tab_outer { background:url("../images/tabs/Tab_lt.jpg") no-repeat left top; padding-left: 5px;}   
	.AdditionalInfo .ajax__tab_inner { background:url("../images/tabs/Tab_rt.jpg") no-repeat right top;}   
	
/* Platform Info Tab */
	/* default layout */
	
	.Licences { width: 588px; float: left; }
	.Licences .ajax__tab_header { margin-left: 6px; font-weight:bold; font-family:Arial; border: 0; background: url("../images/tabs/licence_tab_rpt.gif") repeat-x; height: 29px; margin-right: 6px; }
	.Licences .ajax__tab_body { background: url("../images/tabs/licence_top.gif") no-repeat center top; min-height: 100px; margin: 0; padding: 0; width: 588px;  }

	/* Active/Hover States */
	.Licences .ajax__tab_active .ajax__tab_tab { background:url("../images/Tabs/platform_active_rpt.jpg") repeat-x; color: #000; }
	.Licences .ajax__tab_active .ajax__tab_outer { background:url("../images/Tabs/platform_active_lt.jpg") no-repeat left top; }   
	.Licences .ajax__tab_active .ajax__tab_inner { background:url("../images/Tabs/platform_active_rt.jpg") no-repeat right top; }   


	/* Regular States */
	.Licences .ajax__tab_tab { background:url("../images/tabs/platform_rpt.jpg") repeat-x; padding:0px; height: 29px; color: #666; width: 100px; }
	.Licences .ajax__tab_tab span { float: right; padding: 7px 7px; }
	.Licences .ajax__tab_tab span.Maintenance { float: right; padding:  7px 2px 7px 0; }
	.Licences .ajax__tab_tab img { float: right; margin-top: 3px; height: 24px; }
	.Licences .ajax__tab_outer { background:url("../images/tabs/platform_lt.jpg") no-repeat left top; padding-left: 11px;}   
	.Licences .ajax__tab_inner { background:url("../images/tabs/platform_rt.jpg") no-repeat right top; padding-right: 7px; margin-right: 4px; }   
	
	.Licences .Table { padding: 5px 10px; }
	.Licences .Table .Row {margin-bottom: 2px; padding: 2px 0; float:left; line-height: 20px; clear: both; width: 570px; font-size: 90%; }
	.Licences .Table .Alternate { background-color: #E2F2FE; }
	.Licences .Table .Header { font-size: 100%; font-weight: bold; border-bottom: 1px solid #999; }
	.Licences .Table .Row .Product {float: left; width:322px; margin-left: 4px; margin-right: 10px; display: inline; }
	.Licences .Table .Row .Platform {float: left; width:60px; display: inline; margin-right: 5px;}
	.Licences .Table .Row .Price {float: left; width:100px; display: inline;}
	.Licences .Table .Row .ExVAT {display: block;}
	.Licences .Table .Row .IncVAT {display: block; color: #0182de;}
	.Licences .Table .Row .Was {display: block; text-decoration: line-through; color: #cc0000; }
	.Licences .Table .Row .Price .Small {font-size: 90%; font-weight: normal; }
	.Licences .Table .Row div.Info {float: left; width:30px; display: inline; }
	.Licences .Table .Row .Quantity {float: left; width:30px; }
	.Licences .Table .Row input.Quantity {float: left; width:30px; font-size: 90%; }

	.Licences .AddToQuote { margin-top: 5px; float: right; background: url("../images/layout/blue_button.gif") no-repeat; color: #fff; font-weight: bold; width: 81px; height: 18px; font-size: 80%; text-align: center; vertical-align: top; margin-right: 2px; }
	
	.ProductDetails .Status { border: 1px solid black; z-index: 1000; background-color: #fff; float: left; }
	.ProductDetails .Basket { position: relative; }
		
	.ProductDetails .Status .Content { padding: 10px; text-align: center; }
	.ProductDetails .Status img { padding: 5px; }
	.ProductDetails .Status .Price { display: block; font-size: 140%; text-align: center; margin: 0 auto; color: #47ACFF; font-weight: bold; padding: 5px;}


	.Products .Table { padding: 0px 0px; }
	.Products .Table .Row {margin-bottom: 2px; padding: 2px 0; float:left; line-height: 20px; clear: both; width: 588px;}
	.Products .Table .Alternate { background-color: #E2F2FE; }
	.Products .Table .Header { font-size: 100%; font-weight: bold; border-bottom: 1px solid #999; }
	.Products .Table .Row .Product {float: left; width:404px; margin-right: 10px; display: inline; margin-left: 4px; }
	.Products .Table .Row .Price {float: left; width:100px; display: inline;}
	.Products .Table .Row .ExVAT {display: block;}
	.Products .Table .Row .IncVAT {display: block; color: #0182de;}
	.Products .Table .Row .Was {display: block; text-decoration: line-through; color: #cc0000; }
	.Products .Table .Row .Price .Small {font-size: 90%; font-weight: normal; }
	.Products .Table .Row div.Info {float: left; width:30px; display: inline; }
	.Products .Table .Row .Quantity {float: left; width:30px; }
	.Products .Table .Row input.Quantity {float: left; width:30px; font-size: 90%; }

	.Products .AddToQuote { margin-top: 10px; float: right; background: url("../images/layout/blue_button.gif") no-repeat; color: #fff; font-weight: bold; width: 81px; height: 18px; font-size: 80%; text-align: center; vertical-align: top; }

	.Licences .BlueButton,
	.Products .BlueButton { float: left; margin: 5px 4px; background: url("../images/layout/blue_button.gif") no-repeat; color: #fff; font-weight: bold; width: 81px; height: 18px; font-size: 80%; text-align: center; vertical-align: top; padding-top: 2px;}


	.CaseStudyTitle { font-weight: bold; font-size: 105%; float: left; clear: both; margin-bottom: 10px; }
	.CaseStudyText { float: left; clear: both; margin-bottom: 10px; width: 100%; }
	.CaseStudyPDF  { float: left; clear: both; font-weight: bold; width: 100%; }
	.CaseStudyPDF a { color: #0859A5; line-height: 24px; float:left; margin-top: 5px; width: 100%; }
	.CaseStudyPDF a img { float: left; }
	.CaseStudyPDF a span { float: left; margin-left: 5px; }
	
/* End product details */



/* Login/Register */
.ErrorMessage { color: #cc0000; }
.Mandatory { color: #CC0000; font-weight: bold; }

.RegisterBox { width: 685px; border: 1px solid #999999; padding: 20px; display: block; position: relative; }
.RegisterBox h2 {margin-bottom:15px;}
.RegisterBox .Row { float: left; width: 100%;padding-bottom: 5px; }
.RegisterBox .Header,
.RegisterBox .Footer{padding-bottom: 0px; clear:both; background-color: #F0F0F0; width: 680px; border-top:2px solid #7BA4E0;border-bottom:1px solid #C5C2B2;margin-top:10px; margin-bottom: 10px; height:20px;}
.RegisterBox .Column { display: inline; float: left; width: 150px;}
.RegisterBox .Column1 { width: 170px; margin-bottom: 5px;  }
.RegisterBox .Column2 { width: 200px; margin-bottom: 5px;  }
.RegisterBox .Column1large { width: 610px; padding-top: 5px;padding-left:3px; }
.RegisterBox .Column2small { width: 62px;  padding-top: 5px; padding-left:3px;}
.RegisterBox .separator{width:98%;clear:both; }
.RegisterBox .BorderRight {border-right: solid 1px #C5C2B2;}
.RegisterBox .BorderBottom {border-bottom:2px solid #C5C2B2;}
.RegisterBox .Buttons {margin-top:10px;}
.RegisterBox .NewsLetter { width: 350px; margin-left: 60px; font-weight: bold; }
.RegisterBox .Table { display: block; }
.RegisterBox .Error { color: #cc0000; }
.RegisterBox .SelectButton
{
	background: url(../images/icons/select.gif) no-repeat;
	width:14px;
	height:14px;	
	float:left;
	margin-left:13px;
}
.RegisterBox .Buttons .Button
{
	margin-top: 3px; float: right; display: inline; padding: 0px 0px 2px 0px; 
	text-decoration: none; color: #ffffff; 
	background: url(../images/layout/blue_button.gif) no-repeat;
	width: 81px; cursor: hand;
	text-align: center;
}
.RegisterBox .Buttons .ButtonWide
{
	margin-top: 3px; float: left; display: inline; padding: 0px 0px 2px 0px; 
	text-decoration: none; color: #ffffff; 
	background: url(../images/layout/blue_button_121.gif) no-repeat;
	width: 121px; cursor: hand;
	text-align: center;
}
.RegisterBox .GreyButton
{
	margin-top: 3px; float: left; display: inline; padding: 0px 0px 2px 0px; 
	text-decoration: none; color: #ffffff; 
	background: url(../images/layout/grey_button.gif) no-repeat;
	width: 81px; cursor: hand;
	text-align: center;
}

.RegisterBox .ColumnFull { width: 680px; }
.RegisterBox .input { width: 210px; }
.RegisterBox select { width: 215px; }

.RegisterBox .Radio { margin-right: 20px; }
.RegisterBox .Radio input { clear: none; width: 20px; }

.RegisterBox .RegisterButton { border: none; background: url("../images/layout/blue_button_register.gif") no-repeat #000; width: 71px; height: 18px; cursor: hand; color: #fff; font-weight: bold; position: absolute; bottom: 20px; right: 20px; padding: 0; line-height: 22px; text-align: center; vertical-align: middle;}
.RegisterBox .NextButton { border: none; background: url("../images/layout/blue_button_next.gif") no-repeat #000; width: 71px; height: 18px; cursor: hand; padding: 0; float:right;}
.RegisterBox .CreateButton { border: none; background: url("../images/layout/blue_button_create.gif") no-repeat #000; width: 71px; height: 18px; cursor: hand; padding: 0;float:right;}
.RegisterBox h2 { color: #000; }
.RegisterBox .ErrorMessage { margin-bottom: 15px; }
.RegisterBox .SubmitButton:hover { text-decoration: none; }
.RegisterBox .validationSummary{margin-bottom:20px;}
.RegisterBox .UpdateBlueButton{ border: none; background: url("../images/layout/blue_button_71.gif") no-repeat; width: 71px; height: 18px; cursor: hand; padding: 0; float:right;color:White;font-weight:bold; padding-left: 15px;padding-top:2px;}


.RegisterBox .PostCodeLookup_FindPanel                   {width: 385px;}
.RegisterBox .PostCodeLookup_SelectPanel                 {width: 385px;}
.RegisterBox .PostCodeLookup_FindPanel .Label            {float:left; display:inline;margin-top:5px;}
.RegisterBox .PostCodeLookup_FindPanel .TextBox          {float:right;}
.RegisterBox .PostCodeLookup_FindPanel .Lookup           {clear: right; float:right; width: 80px}
.RegisterBox .PostCodeLookup_SelectPanel .Select         {clear:right; float:right;}
.RegisterBox .PostCodeLookup_SelectPanel .FetchButton    {clear: right; float:right; width: 80px}

.RegisterBox .UserPreferences .IndustrySelector{width: 440px;margin-right:40px;}

.UpdateProgressBackground
{
	position: absolute; top: 0px; height: 100%; width: 100%; left: 0; z-index: 10;
}

.UpdateProgress
{
	position: absolute;
	left: 50%;
	margin-left: -100px;
	top:50%;
	margin-top: -50px; 
	width: 200px; 
	height: 100px; 
	background-color: #ffffff; 
	border: solid 1px Black;
	padding: 20px; 
	z-index: 11;
	}

/* End Login/Register */

/* My Account Styles */

.PageList { clear: both; }
.PageList .Table .Row .Column { width: 325px; background-color: #f0f0f0; margin-left: 20px; margin-bottom: 20px; padding: 10px; display:inline; }

.PageList .Image {float: left; width: 50px; text-align: center; margin-top: 15px;}
.PageList .Description {float: right; width: 270px; height: 50px; overflow: hidden;}
.PageList .Title {float: right; width: 270px; font-weight: bold; margin-bottom: 10px;}
.PageList .Title a {color: #000000; text-decoration: none;}
.PageList .Title a:hover {text-decoration: underline;}

/* My Account - Address Book */

.AddressSelector{width:750px;}
.AccountAddress, .AddressBox {width: 250px;border: solid 1px #999999;margin:0 20px 10px 3px;padding:10px;float:left;}
.AddressBox .AddressSelectButtons{width: 100%; display: block; }
.AddressBox .AddressSeparator{clear:both;width:100%;height:1px;color:#C5C2B2;background-color:#C5C2B2;border-width:0;}

.AddressSelection { float: left; width: 750px;}
.AddressSelection .FormRow { float: left; padding: 3px 0px 3px 0px; width: 360px; display: block; margin: 2px 5px; }
.AddressSelection .FormRow .RowName { float: left; display: block; width: 150px; height: 17px; padding-top: 2px;}
.AddressSelection .FormRow input { float: right; width: 200px; font-family: Arial; font-size: 95%; }
.AddressSelection .FormRow select { float: right; width: 206px; font-family: Arial; font-size: 95%; }
.AddressSelection .Mandatory { color: #cc0000; font-weight: bold; }
.AddressSelection .Right { float: right; }
.AddressSelection .Header { float:left; padding-bottom: 10px; }
.AddressSelection .SubmitButton
{
	margin-top: 3px; float: left; display: inline; padding: 2px 0px 2px 0px; 
	text-decoration: none; color: #ffffff; 
	background: url(../images/layout/blue_button.gif) no-repeat;
	margin-right: 10px;
	width: 81px;
	text-align: center;
}

.addressList {float:left; width: 380px;}
.organisationAddressPicker{float:right; width:380px;}
.organisationAddressPicker	.AddressSelection,
.organisationAddressPicker	.AddressSelector{width: 380px;}
/* End My Account - Address Book */

/* My Account - Order History */
#OrderHistory {font-size:100%; min-height: 200px;}
#OrderHistory .Table {}
#OrderHistory .Table .Row {clear: both; float: left; width: 100%;}
#OrderHistory .Table .Alternate { background-color: #efefef; }

#OrderHistory .Table .Row .Column {float:left; padding: 4px; width: 125px;}
#OrderHistory .Table .Row .Column1 {width:125px;}
#OrderHistory .Table .Row .Column2 {width:100px;}
#OrderHistory .Table .Row .Column3 {width:155px;}
#OrderHistory .Table .Row .Column4 {width:120px;}
#OrderHistory .Table .Row .Column5 {width:50px;}
#OrderHistory .Table .Header {height:25px; border-bottom:#636584 1px solid; font-weight:bold;}

#OrderHistory .Table .Processing_Payment { color: #ee2200; }
#OrderHistory .Table .Payment_Failed { color: #ee2200; }
#OrderHistory .Table .Received { color: #cc7700; }
#OrderHistory .Table .Complete { color: #009900; }
/* End My Account - Order History */

/* My Account - Order Details */

#OrderDetails .Table {}
#OrderDetails .Table .Row {clear: both; float: left; width: 100%;}
#OrderDetails .Table .Row .Column {float:left; padding: 4px; width: 125px;}
#OrderDetails .Table .Row .FullRow {width: 720px;}

/* End My Account - Order Details */

/* Newsletter Signup */
.Newsletter { float:left; height: 380px; display: block; position: relative;}
.Newsletter .Row { float: left; width: 100%; margin-bottom: 5px;}
.Newsletter .Column { display: inline; float: left; width: 150px; }
.Newsletter .Column1 { width: 180px; }
.Newsletter .Column2 { width: 210px; }
.Newsletter .NewsLetter { width: 370px; font-weight: bold; }
.Newsletter h2 { display: none; }

.Newsletter .ColumnFull { width: 360px; }
.Newsletter input { width: 210px; }
.Newsletter select { width: 215px; }

.Newsletter .Radio { margin-right: 20px; }
.Newsletter .Radio input { clear: none; width: 20px; }
.Newsletter .ErrorMessage { margin-bottom: 15px; }

.Newsletter .SubmitButton
{
	margin-top: 3px; float: left; display: inline; padding: 2px 0px 2px 0px; 
	text-decoration: none; color: #ffffff; 
	background: url(../images/layout/blue_button.gif) no-repeat;
	margin-right: 10px;
	width: 81px;
	text-align: center;
}

/* End Newsletter Signup */

/* Basket Styles */
.Basket .Title { float: left; font-size: 170%; font-weight: bold; margin: 5px; clear: both; width: 560px; }
.Basket .Date { float: left; font-size: 130%; margin: 5px; clear: both; width: 560px; }
.Basket .Valid { float: left; clear: both;  margin: 5px; margin-bottom: 5px; width: 560px; }
.Basket .Valid .Until { float: left; font-weight: bold; margin-right: 5px; }
.Basket .Valid .ValidUntil { float: left; margin-right: 5px; }
.Basket .Valid .DaysRemaining { float: left; color: #cc0000; margin-right: 5px; }
.Basket .MustImpersonate { clear: both; float: left; display: block; margin-top: 5px; color: #cc0000; font-weight: bold; margin-left: 5px; }

.Basket .AccountManager { float: left; clear: left; margin-left: 5px; margin-bottom: 2px; width: 760px; }
.Basket .AccountManager a { color: #63AEF7; }
.Basket .CostType { float: left; clear: left; margin-left: 5px; margin-bottom: 2px; width: 760px;}

.Basket .ReferencePanel {width: 375px; background-color: #efefef; margin-bottom: 10px;padding:5px 0 5px 0;}
.Basket .ReferenceLabel { float: left;  margin-left: 5px; margin-bottom: 2px; width: 150px; font-weight: bold; }
.Basket .ReferenceText { float: left;  margin-bottom: 2px; width: 200px;  }
.Basket .ReferenceText input { float: left; }
.Basket .ReferenceText img { float: left; padding: 2px; margin-left: 2px;  }

.DeliveryValidation { visibility:hidden;}

.Basket .Table { clear: both; }
.Basket .Table tr td { vertical-align: top; line-height: 18px; padding: 8px 4px; border-top: 1px solid #ccc; }
.Basket .Table tr td * { line-height: normal; padding: 0; }
.Basket .Table .Header td { font-weight: bold; font-size: 105%; padding-bottom: 10px; border-top: 0; background-color: #efefef; }
.Basket .Table td.Notes { border-top: none; line-height: normal; padding: 4px 4px; }
.Basket .Table td.Footer { border-bottom: 1px solid #ccc; background-color: #efefef; }

.Basket .Notes .PublicNotes { width: 50%; float: left; clear: left; }
.Basket .Notes .PrivateNotes { width: 50%; float: left; clear: right; }
.Basket .Notes .MiscNote { width: 100%; clear: both; margin-bottom: 5px; border-bottom: 1px solid #eee; float: left; padding: 5px 0; }
.Basket .Notes .Button { float: left; cursor: hand; }
.Basket .MiscNote .Button { float: left; cursor: hand; clear: both; margin-left: 5px;}
.Basket .Notes .Label { padding: 0 5px; font-size: 90%; float: left; clear: both; }
.Basket .Notes .Label b { font-size: 90%; }
.Basket .Notes .Panel { float: left; background-color: #fff; padding: 5px; border: 1px solid black; z-index: 30; }
.Basket .Notes .Panel .Warning { float: left; clear: both; padding-left: 22px; background: url("../images/layout/warning.gif") no-repeat top left; color: #cc0000; margin-bottom: 5px; }
.Basket .Notes .Panel b { float: left; clear: both; margin-bottom: 5px; }
.Basket .Notes .Panel .TextBox { float: left; width: 400px; clear: both;}
.Basket .Notes .Panel .Save { float: left; padding-top: 5px; clear: both; color: #000; text-decoration: none; line-height: 16px; vertical-align: middle; }
.Basket .Notes .Panel .Save img { float: left; margin-right: 5px; }
.Basket .Notes .FooterLabel { font-weight: bold; float: left; clear: both; padding: 5px; }


.Basket .UploadPanel { float: left; clear: both; width: 789px; margin-bottom: 20px; }
.Basket .UploadPanel .Header { vertical-align: top; height: 18px; line-height: 18px; padding: 8px; border-bottom: 1px solid #ccc; background-color: #efefef; border-top: none; line-height: normal; display: block;}
.Basket .UploadPanel .Header b { float: left; }
.Basket .UploadPanel .Row { padding: 4px 8px; line-height: 16px; vertical-align: middle; }
.Basket .UploadPanel .Footer { border-top: 1px solid #ccc; padding: 4px 8px; }
.Basket .UploadPanel .Error {float: left; clear: both; color: #cc0000; }
.Basket .UploadPanel .Error span { float: left; clear: both; }
.Basket .UploadPanel .FileName { color: #529DE6; padding-right: 10px; }
.Basket .UploadPanel .FileName:hover { text-decoration: underline; }
.Basket .UploadPanel .Footer { display:block; line-height: 18px; }
.Basket .UploadPanel .Footer b { float: left; padding-right: 10px;  }
.Basket .UploadPanel .Upload { float: left; width: 350px; margin-right: 10px; display: inline; }
.Basket .UploadPanel .Button { float: left; border-bottom: 1px solid #666; border-right: 1px solid #666; border-left: 1px solid #ccc; border-top: 1px solid #ccc; display: block; width: 76px; }
.Basket .UploadPanel .Button .Label { float: right; padding: 2px 10px 0px 2px; color: #000; font-weight: bold; display: block; }
.Basket .UploadPanel .Button img { padding: 2px 2px 0px 2px; float: left; display: block; }

.Basket .UploadPanel .Header b { padding-bottom: 2px; }
/*.Basket .UploadPanel .Info { vertical-align: bottom; }*/

.Basket .Item { width: 250px; padding-left: 10px; padding-right: 10px; }
.Basket .Item .ProductName { float: left; clear: both; font-weight: bold; color: #000; }
.Basket .Item .LicenceName { float: left; clear: both; font-size: 90%; }
.Basket .Item .SupplierDetails { float: left; clear: both; font-size: 90%; }
.Basket .Customer { color: #63AEF7; }

.Basket .ExVAT {display: block; margin: 2px 0px; font-weight: normal; font-size: 90%; color: #0182de; }
.Basket .IncVAT {display: block; font-weight: bold; color: #000000;}
.Basket .Was {display: block; text-decoration: line-through; color: #cc0000; font-weight: normal; }

.Basket .PartNumber { width: 125px; padding-right: 10px; font-size: 95%; }
.Basket .UnitPrice { width: 90px; font-weight: bold; text-align: center; }
.Basket td.Quantity { width: 85px; height: 16px; text-align: center; }
.Basket input.Quantity { width: 30px; font-size: 100%; margin: 0; padding: 0; height: 16px; line-height: 16px; vertical-align: middle; text-align: right; padding-right: 5px; }
.Basket .TotalPrice { width: 120px; text-align: center; font-weight: bold; }
.Basket .TotalPrice .ExVAT { margin-bottom: 5px; }
.Basket .TotalPrice .IncVAT { font-size: 120%; color: #000000; font-weight: bold; }
.Basket .TotalPrice .Was { font-weight: bold; }

.Basket .ManufacturerPN { font-weight: bold; }
.Basket .ManufacturerPN span { font-weight: normal; }

.Basket .ManagerPrice { width: 170px; line-height: normal; margin: 0; padding: 0; }
.Basket .ManagerPrice div.Price { float: left; width: 75px; }
.Basket .ManagerPrice div.PriceCol2 { float: right; width: 75px; }

.Basket .ManagerPrice .Label { float: left; clear: both; font-size: 85%; width: 75px;}
.Basket .ManagerPrice .Grey { color: #999; }
.Basket .ManagerPrice .GrossPrice { float: left; clear: both; font-weight: bold; width: 75px;}
.Basket .ManagerPrice .CostPrice { float: left; clear: both; font-weight: bold; width: 75px;}
.Basket .ManagerPrice .BaseCost { float: left; clear: both; font-weight: bold; color: #999; width: 75px;}
.Basket .ManagerPrice .GrossProfit { float: left; clear: both; font-weight: bold; width: 75px;}

.Basket .MultiCol { clear: both; float: left; width: 140px; color: #cc0000; line-height: normal; }
.Basket .MultiCol .Column { float: left; width: 70px; }
.Basket .MultiCol .Margin { float: left; clear: left; font-weight: bold; color: #cc0000; width: 60px;}
.Basket .MultiCol .Rebate { float: left; clear: left; font-weight: bold; color: #cc0000; width: 60px;}

.Basket .ManagerTotal { line-height: normal; font-size: 100%; }
.Basket .ManagerTotal .Label { float: left; clear: both; font-size: 85%; width: 100px; text-align: center; color: #000000; }
.Basket .ManagerTotal .TotalPrice { float: left; clear: both; font-size: 120%; font-weight: bold; width: 100px; text-align: center; }
.Basket .ManagerTotal .GrossProfit { float: left; clear: both; font-size: 120%; font-weight: bold; width: 100px; text-align: center; }
.Basket .ManagerTotal .ExVAT { font-size: 70%; }

.Basket .RebatePanel { border: 1px solid black; background-color: #fff; padding: 2px; line-height: 20px; }
.Basket .RebatePanel .Row { width: 300px; }
.Basket .RebatePanel .Header { font-weight: bold; }
.Basket .RebatePanel .RebateAmount { float:left; width: 50px; padding: 2px; }
.Basket .RebatePanel .RebateAmount input { font-size: 95%; height: 16px; width: 40px; padding: 0; margin: 0; } 
.Basket .RebatePanel .RebateType { float:left; width: 60px; padding: 2px; }
.Basket .RebatePanel .RebateType select { font-size: 95%; width: 50px;  padding: 0; margin: 0; height: 20px;}
.Basket .RebatePanel .Method { float:left; width: 100px; padding: 2px; }
.Basket .RebatePanel .Method select { font-size: 95%; width: 90px ;  padding: 0; margin: 0; height: 20px;}
.Basket .RebatePanel .Calculation { float:left; width: 50px; padding: 2px; }
.Basket .RebatePanel .Save { float:left; width: 20px; padding: 2px; }


.Basket .MarginPanel { border: 1px solid black; background-color: #fff; padding: 2px; line-height: 20px; }
.Basket .MarginPanel .Row { width: 200px; }
.Basket .MarginPanel .Header { font-weight: bold; }
.Basket .MarginPanel .MarginAmount { float:left; width: 50px; padding: 2px; }
.Basket .MarginPanel .MarginAmount input { font-size: 95%; height: 16px; width: 40px; padding: 0; margin: 0; } 
.Basket .MarginPanel .MarginType { float:left; width: 60px; padding: 2px; }
.Basket .MarginPanel .MarginType select { font-size: 95%; width: 50px;  padding: 0; margin: 0; height: 20px;}
.Basket .MarginPanel .Calculation { float:left; width: 50px; padding: 2px; }
.Basket .MarginPanel .Save { float:left; width: 20px; padding: 2px; }

.Basket .Left { float: left; }

.Basket .PromotionCode { float: left; }
.Basket .PromotionCode .ErrorMessage { padding: 10px; }
.Basket .PromotionCode .InputForm {background-color: #efefef; color:#000; text-decoration:none; font-weight:bold; font-size:100%; padding: 5px 10px; display: block; display: block; height: 29px; border-bottom: 1px solid #ccc; width: 375px;}
.Basket .PromotionCode .Text { float: left; margin-top: 7px; display: inline;}
.Basket .PromotionCode .Input { float: left; margin-top: 3px; margin-left: 5px;  display: inline;}
.Basket .PromotionCode .TextBox { float: left; width: 150px; }
.Basket .PromotionCode .Buttons { float: left; margin-top: 4px; margin-left: 10px; display: inline; width: 68px; }
.Basket .PromotionCode .Button { float: left; border-bottom: 1px solid #666; border-right: 1px solid #666; border-left: 1px solid #ccc; border-top: 1px solid #ccc; display: block; color: #000; padding: 2px 15px;}
.Basket .PromotionCode .Remove { float: left; border: 0; margin-left: 10px; padding: 0; background: url("../images/layout/addtobag_grey_small.jpg") #ccc no-repeat; width: 68px; height: 20px; color: #000; font-size: 11px; font-weight: bold; line-height: 17px; text-align: center; vertical-align: middle; }
.Basket .PromotionCode .Remove:Hover { text-decoration:none; }
.Basket .PromotionCode .Info { float: left; padding-top: 5px; padding-left: 2px; }

.Basket .SaveEmailPrint { float: left; margin-top: 15px; clear: left; width: 450px; }
.Basket .SaveEmailPrint .Button { float: left; padding: 5px; width: 125px; display:block; line-height: 20px; cursor: hand; }
.Basket .SaveEmailPrint img { float: left; margin-right: 5px; }
.Basket .SaveEmailPrint span { background-color: #efefef; border-bottom: 2px solid #ccc; border-right: 2px solid #ccc; padding: 3px 12px; font-weight: bold; margin-left: 5px; color: #333; width: 69px; text-align: center; }

.Basket .HideButtons { position: absolute; width: 450px; height: 40px; left: 0; z-index: 2; background-color:#fff; filter:alpha(opacity=70); opacity:0.7;}
.Basket .HideButtonsText { position: absolute; width: 385px; top: 35px; left: 0; z-index: 3; color: #63AEF7; font-weight: bold; text-align: center; }

.Basket .Right { float: right; width: 322px; }
.Basket .Right .Padding { padding: 15px; background-color: #efefef; width: 295px; border-bottom: 1px solid #ccc; }
.Basket .Right table { width: 100%; }
.Basket .Right td { border: 0; padding: 2px; }
.Basket .Right td.Label { padding-left: 4px; font-weight: bold; font-size: 105%; width: 130px; }
.Basket .Right .Silver { color: #666; }
.Basket .Right .Total { border: 1px solid #999; background-color: #fff; padding: 1px 5px; display: block; text-align: right; line-height: 16px; height: 16px; }
.Basket .Right input.Total { border: 1px solid #cc0000; width: 120px; float: left;  }
.Basket .Right input.Button { float: right; padding-top: 2px; }
.Basket .Right .GrossProfit { border: 1px solid #999; background-color: #fff; font-weight: bold; padding: 1px 5px; color: #cc0000; display: block; text-align: right; line-height: 16px; height: 16px; font-size: 100%; }

.Basket .Status { border: 1px solid black; z-index: 1000; background-color: #fff; float: left; }
.Basket .Status .Content { padding: 10px; text-align: center; }
.Basket .Status img { padding: 5px; }

.Basket .AddressDetails { float: left; margin-top: 8px; width: 785px; margin-bottom: 10px; clear: both; }
.Basket .AddressDetails .InvoiceTo { float: left; min-width: 350px; padding: 0px 5px; margin-bottom: 10px; }
.Basket .AddressDetails .ShipTo { float: left; min-width: 350px; padding: 0px 5px; margin-bottom: 10px; }
.Basket .AddressDetails .AddressTitle { float: left; font-weight: bold; clear: both; }
.Basket .AddressDetails .DisplayAddress { float: left; clear: both; }
.Basket .AddressDetails .Right { width: auto; }

.Basket .AddressDetails .SubmitButton,
.Basket .AddressDetails .Button
{
	margin-top: 3px; float: left; display: inline; padding: 0px 0px 2px 0px; 
	text-decoration: none; color: #ffffff; 
	background: url(../images/layout/blue_button.gif) no-repeat;
	margin-right: 10px;
	width: 81px; cursor: hand;
	text-align: center;
}

.Basket .ContinueShopping .Button
{
	margin-top: 10px; display: inline; padding: 3px 0px 0px 0px; 
	text-decoration: none; color: #ffffff; 
	background: url(../images/layout/grey_button_wide.gif) no-repeat;
	margin-right: 20px;
	width: 150px;
	text-align: center;
	font-weight: bold; height: 23px;
	float: right; 
}
.Basket .Checkout .Button
{
	margin-top: 10px; display: inline; padding: 3px 0px 0px 0px; 
	text-decoration: none; color: #ffffff; 
	background: url(../images/layout/blue_button_wide.gif) no-repeat;
	width: 150px;
	text-align: center;
	font-weight: bold; height: 23px;
	float: right; 
	margin-right: 2px;
}

.Basket .TopRight .Button
{
	margin-top: 10px; margin-bottom: 10px;
	margin-right: 0px;
}

.Basket .NewQuote .Button
{
	margin-top: 5px; float: right; display: inline; padding: 3px 0px 0px 0px; clear: both; 
	text-decoration: none; color: #ffffff; 
	background: url(../images/layout/blue_button_wide.gif) no-repeat;
	width: 150px;
	text-align: center;
	font-weight: bold; height: 23px;
	float: left; 
}

.Basket .TopButtons { float: right; margin-bottom: 5px; width: 100%; }
.Basket .TopButtons .ContinueShopping .Button { margin-right: 0; }
.Basket .TopButtons .NewQuote .Button { float: right; margin-right: 0; }

.Basket .QuoteStatus, .Basket .OrderStatus { float: right; clear: both; }

.Basket .QuoteStatus input, .Basket .OrderStatus input
 { float: left; font-size: 85%; line-height: 20px; }
.Basket .QuoteStatus select, .Basket .OrderStatus select
 { float: left; font-size: 85%; line-height: 20px; width: 150px; }

.Basket .QuoteStatus .Label, 
.Basket .OrderStatus .Label 
{ float: left; font-weight: bold; margin-right: 5px; clear: left; line-height: 20px; width: 125px; text-align: right; }

.Basket .QuoteStatus .SaveButton { float: left; margin-left: 3px; margin-top: 2px; }
.Basket .OrderStatus .SaveButton { clear: left; margin-left: 77px; float: left; padding-left: 3px; margin-top: 2px; }
.Basket .Info { margin: 0px 5px;  }

.Basket > .AddressDetails > a { color: #63aef7; }
.ExtendQuote { background-color: #fff; border: 1px solid #000; padding: 6px 8px; display: block; }
.ExtendQuote b { display: block; margin-bottom: 2px; }
.ExtendMessage { float: right; color: #cc0000; display: block; margin-left: 10px;  }

.Basket .RequiresAuthorisation { float: right; width: 150px; color: #cc0000; margin-top: 10px; text-align: center; }

.Basket .FinalTotal td {padding-top: 5px; border-top: 1px solid #999; font-weight: bold; font-size: 120%; }
.Basket .BeforeFinalTotal td {padding-bottom: 5px; }

/* End Basket Styles */

/* Checkout Styles */
.Checkout { display: block; }
.Checkout h1 { padding-left: 5px; margin: 0; }
.Checkout .Payment { clear: both; display: block; }
.Checkout .Payment h2 { color: #000; padding: 5px; }
.Checkout .PaymentMethod { padding: 5px; }
.Checkout .PaymentMethod .Label { float: left; clear: both; width: 300px; }

.Checkout .Status { border: 1px solid black; z-index: 998; background-color: #fff; float: left; }
.Checkout .Status .Content { padding: 10px; text-align: center; }
.Checkout .Status img { padding: 5px; }

.Checkout .Payment .CardDetails { float: left; margin-top: 10px; margin-bottom: 10px; margin-left: 5px; }
.Checkout .Payment .Row { padding: 2px 5px; float: left; clear: both; line-height: 18px; }
.Checkout .Payment .Column { float: left; margin-right: 5px; }
.Checkout .Payment .Column2 { margin-left: 20px; }
.Checkout .Payment .Label { float: left; width: 100px; font-weight: bold; }
.Checkout .Payment .After { float: left; color: #666; margin-left: 5px; font-size: 90%; }
.Checkout .Payment .CardType { float: left; width: 100px; }
.Checkout .Payment .NameOnCard { float: left; width: 270px; }
.Checkout .Payment .CardNumber { float: left; width: 270px; }
.Checkout .Payment .SecurityCode { float: left; width: 58px; }
.Checkout .Payment .IssueNumber { float: left; width: 58px; }
.Checkout .Payment .Info { color: #666; }

.Checkout .Error { float: left; padding-left: 5px; }
.Checkout .Payment .Error { padding: 0; }

.Checkout .ErrorMessage { color: #ff0000; font-weight: bold; padding: 5px; float: left; clear: both; }

.OrderConfirmation { font-size: 180%; font-weight: bold; padding: 5px; }
.ThankYou { color: #cc0000; font-weight: bold; font-size: 110%; padding: 5px; }



.Checkout .TermsAndConditions { padding: 5px;  float: left; text-align: right;}
.Checkout .TermsAndConditions a { font-weight: bold; color: #63AEF7; }
.Checkout .TermsAndConditions a:hover { text-decoration: underline; }
.Checkout .CheckoutButtons { clear: both; float: left; margin-top: 5px; width: 780px; }
.Checkout .CheckoutButtons .Button
{
	margin-top: 10px; float: left; display: inline; padding: 3px 0px 0px 0px; 
	text-decoration: none; color: #ffffff; 
	background: url(../images/layout/blue_button_wide.gif) no-repeat;
	width: 150px;
	text-align: center;
	font-weight: bold; height: 23px;
	float: right; 
	margin-right: 2px;
}
.Checkout .ContinueShopping .Button
{
	margin-top: 10px; display: inline; padding: 3px 0px 0px 0px; 
	text-decoration: none; color: #ffffff; 
	background: url(../images/layout/grey_button_wide.gif) no-repeat;
	margin-right: 20px;
	width: 150px;
	text-align: center;
	font-weight: bold; height: 23px;
	float: right; 
}


/* End Checkout Styles */

/* Wishlist Styles */
.Wishlist .ProductList { margin-top: 20px; width: 745px; }

.ProductList .Buttons { clear: both; }
.ProductList .Buttons .Remove { float: right; border: 0; margin-top: 2px; padding: 0; background: url("../images/layout/addtobag_grey_small.gif") #aaa no-repeat; width: 68px; height: 20px; color: #000; font-size: 11px; font-weight: bold;line-height: 16px; text-align: center; vertical-align: middle; color: #000;}

/* End Wishlist Styles */

/* Popup Styles */
.ModalPopup
{ 
	background-color:white;
	border: 1px solid black;
	display: block;
	z-index: 999;
}

.ModalBackground {background-color:Gray; filter:alpha(opacity=70); opacity:0.7;z-index: 10;}
.ModalBackgroundLight {background-color:Gray; filter:alpha(opacity=50); opacity:0.5;z-index: 10;}

.ModalPopup .Toolbar { padding: 5px 0px 5px 0px; width: 100%; border-bottom: 1px solid black; clear: both; background-color: #000000; height: 16px;}
.ModalPopup .Toolbar .Close a { float: right; margin-right: 10px; font-weight: bold; color: #ffffff;}
.ModalPopup .Toolbar .Title { float: left; margin-left: 10px; font-weight: bold; color: #ffffff;}

.ModalPopup .Content { padding: 10px; }

/* End Popup Styles */

/* Contact Form Styles */

.EnquiryForm { float: left; margin-top: 20px; width: 400px;}
.EnquiryForm .FormRow { float: left; clear: both; margin-bottom: 5px; width: 400px;}
.EnquiryForm .FormRow .RowName { font-weight: bold; float: left; width: 180px; }
.EnquiryForm input, textarea { width: 200px; }
.EnquiryForm select { width: 205px; }
.EnquiryForm .EnquiryFormButton { float: left; width: 380px; }
/*.EnquiryForm .SubmitButton {float: right; cursor:pointer; background: url("../images/layout/button_small.jpg"); width:100px; height:26px; font-weight:bold; color: #fff; border: none; font-size: 85%; margin-top: 5px; line-height: 26px; text-align: center; vertical-align: middle; padding: 0;}
.EnquiryForm .SubmitButton:hover {text-decoration: none;}*/
.EnquiryForm .SubmitButton
{
	margin-top: 5px; float: right; display: inline; padding: 3px 0px 0px 0px; clear: both; 
	text-decoration: none; color: #ffffff; 
	background: url(../images/layout/blue_button_wide.gif) no-repeat;
	width: 150px;
	text-align: center;
	font-weight: bold; height: 23px;
	float: left; 
}


/* End contact form styles */



/* Begin footer */

#Footer { float: left; display: inline; width: 980px; background-color: #f3f3f3;margin-top:10px; margin-bottom:10px;}

#Footer a { text-decoration: none; font-weight: normal;}

#Footer .FooterLinksTitle{color:#003399; padding-left:10px; padding-top: 10px;}

#Footer .White { background-color: #fff; display: block; width: 980px; height: 54px; }

#Footer .Payment {
	width:355px; height: 54px; float: right; 
	background:url(../images/layout/payment_footer.gif) no-repeat; }
#Footer .Accreditation {
	width: 600px; height: 54px; background-position: left center; float: left;
	background: url(../images/layout/Accreditation-Banner.jpg) no-repeat; }
#Footer .PaymentGrey {
	width:355px; height: 54px; float: right; 
	background:url(../images/layout/payment_footer_grey.gif) no-repeat; }
#Footer .AccreditationGrey {
	width: 600px; height: 54px; background-position: left center; float: left; 
	background: url(../images/layout/Accreditation-Banner_grey.jpg) no-repeat; }

#Footer .Navigation ul {padding-left:10px; list-style: none;height:30px;}
#Footer .Navigation ul.Level1 
{
	width: 920px;  display: block; float: left; margin-top:1px; z-index: 1;
	margin-bottom: 0px;
}

#Footer .Navigation ul.Level1 > li 
{
	float: left;
	text-align: center; 
	background: url(../images/Layout/footer_menu_divider.gif) no-repeat left top;
	padding-left:15px;
	padding-right:10px;
	z-index: 1;
}

#Footer .Navigation ul.Level1 > li > a
{
	color: #000000;
	font-weight: bold; 
	font-size: 13px;
	text-decoration: none; 
	height: 18px; 
	display: block; 
	line-height: 18px;
}

#Footer .Navigation ul.Level1 > li:hover > a
{
	color: #FF0000;
}


.PureNetCredit			{margin-bottom:20px;text-align:center;font-size:80%;color:#000; float: left; clear: both; width: 100%;}
.PureNetCredit a		{color:#000;text-decoration:none;}
.PureNetCredit a:Hover	{text-decoration:underline;}

/* End footer */

/* Admin Styles */
.ThemeTitle { color: #cc0000; display: block; margin: 10px 0; }

.Accordian { float: left; width: 500px; border: 1px solid black;}
.AccordianHeader { padding: 10px; border: 1px solid black; }
.AccordianHeaderSelected { padding: 10px; border: 1px solid black; background-color: Black; color: white; }
.AccordianContent { padding: 10px; border: 1px solid black; font-size: 90%; }
/* End Admin Styles */

/* Industry New Allocation Selector */
.IndustrySelector
{
	width:100%;
	background-color: #999999;
}

.IndustrySelector .headerText
{
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 120%;
	font-weight: bold;
}

.UserPreferences
{
	width:725px;
	
}

.UserPreferences .MailSelector
{
	width: 200px;
	float:left;
	border:solid 1px #999999;
	padding: 10px 5px 50px 5px;
}

.UserPreferences .MailSelector .description
{
	padding-bottom: 10px;
}
.UserPreferences .IndustrySelector
{
	width: 480px;
	float:right;	
	background-color: #ffffff;
	border: solid 1px #999999;
	padding: 10px 5px 10px 5px;
}

.UserPreferences .IndustrySelector .headerText
{
	padding-bottom: 10px;
	font-size: 100%;
	font-weight:normal;
}


.UserPreferences .UpdateRow
{
	clear:both;
	margin-top: 20px;
	
}


/* News Item Styles */
/* NEWS ITEMS */
.NewsItemList                       {}
 .NewsListItem                      {margin-bottom:10px;padding-bottom:5px;border:1px solid #FFFFFF;border-bottom:1px solid #4082B7;}
  .NewsTitle                        {font-size:120%;color:#4082B7;font-weight:bold;}
   .NewsTitle a                     {color:#4082B7;text-decoration:none;}
   .NewsTitle a:Hover         {text-decoration:underline;}
  
  .NewsListingLeft                  {float:left;display:inline;margin:0px 50px 0px 0px;width:560px;}
  .NewsListingRight                 {float:right;display:inline;width:100px;height:100px;margin:0px;}
   .NewsDate                        {font-size:100%;font-weight:bold;}
   .NewsContent                     {font-size:100%;}
    .NewsContent a                  {background-image: url(../images/layout/read_more.jpg); background-repeat:no-repeat;width:71px; height:18px; padding:3px 0 3px 0;}
    .NewsContent  a:Hover     {} 
    
 .StoryDate                         {font-size:100%;font-weight:bold;}
 .BackButton                        {margin-top:20px;float:right;color:#FFFFFF;font-size:80%;display:block;background:#FFC400;padding:2px 10px;}
  .BackButton a                     {text-decoration:none;color:#FFFFFF;}
  .BackButton a:Hover         {text-decoration:underline;}
.newsListFooter .PagingControl {width:735px;}

/* My Account Settings */
.UserAccountManager{width: 335px; float:left; }
.UserAccountManager .UserName {font-weight:bold; font-size:140%;}
.UserAccountManager .userdepartmentdetail{}
.UserAccountManager .Organisation {font-weight:bold;color:#4082B7; font-size:100%;}
.UserAccountManager .adminMenu{margin-top: 10px;}
.UserAccountManager .adminMenu ul{margin-left:0px;padding-left:30px;}
.UserAccountManager .adminMenu ul li{list-style-image:url(../images/layout/account_bullet_white.gif);}
.UserAccountManager .adminMenu ul a{color:Black;text-decoration: none;}
.UserAccountManager .adminMenu ul a:hover{text-decoration: underline;}
.UserAccountManager .LoggedInAs { font-weight: bold; margin-bottom: 5px; }

.AccountManager .AccountManagerIs {font-weight: bold; margin-bottom: 5px; }
.AccountManager .amName{font-weight:bold; font-size:140%;}
.AccountManager .amEmail a{color:#4082B7; text-decoration:none;}
.AccountManager .amEmail a:hover{text-decoration:underline;}

.NewsTitle {font-weight:bold; font-size:140%; margin-top: 10px; color: #000; }


.newsPanel {width: 335px; float: left; margin-left: -5px; }
.newsPanel .PageTitle { font-size: 140%; font-weight: bold; margin-bottom: 5px; margin-left: 5px; }
.newsPanel .NewsListItem { display: block; background: #f1f4f9; width: 335px; margin-bottom: 10px; padding: 0; border: 0; }
.newsPanel .NewsListHeader { background: url(../images/layout/my_account_box_top.jpg) no-repeat; background-position: center top; padding-top: 10px; }
.newsPanel .NewsListFooter { background: url(../images/layout/my_account_box_bottom.jpg) no-repeat; background-position: center bottom; padding-bottom: 10px; }

.newsPanel .NewsDate {font-size:100%;font-weight:bold; }
.newsPanel .NewsTitle {font-size:120%;color:#4082B7;font-weight:bold; }
.newsPanel .NewsTitle a  {color:#4082B7;text-decoration:none;}
.newsPanel .NewsTitle a:Hover {text-decoration:underline;}
.newsPanel .NewsListingLeft {float:left;display:inline; padding-left:10px; width: 210px; margin: 0; }
.newsPanel .NewsListingRight {float:right;display:inline;width:100px;height:100px;margin:0px;padding-right: 10px; padding-top: 25px; }
.newsPanel .NewsContent {font-size:100%; }
.newsPanel .NewsContent a {background-image: url(../images/layout/read_more.jpg); background-repeat:no-repeat;width:71px; height:18px; padding:3px 0 3px 0;}
    
/* Order/Quote History */

.History .Row { display: block; clear:both; float: left; padding-top: 3px; }
.History .Alternate { background-color: #efefef; }
.History a { color: #000; }
.History .Row { width: 100%; }
.History .Header
{
	clear:both;
	width: 100%;
	border-top:2px solid #7BA4E0;
	background-color: #F0F0F0;
	border-bottom:2px solid #C5C2B2;
	float: left; 
	font-size: 100%;
}
.History .Footer
{
	clear:both;
	background-color: #F0F0F0;
	width: 100%;
	border-top:2px solid #7BA4E0;
	border-bottom:1px solid #C5C2B2;
	margin-top:10px;
	height:20px;
}


.History .separator
{
	clear:both;
	width:100%;
	height:1px;
	color:#C5C2B2;
	background-color:#C5C2B2;
	border-width:0;
	padding: 0; margin: 0;
}
.History .Header .Column
{
	border-right: solid 1px #C5C2B2;
	padding-right: 0px; font-weight: bold; 
	height: 30px;
}
.History .Column
{
	float:left;
	padding: 3px 1px 3px 3px;
	line-height: 16px;
	min-height: 16px; 
	font-size: 95%;
}
.History .ColumnReference { width: 125px; }
.History .ColumnDate { width: 115px; }
.History .ColumnValue { width: 65px; }
.History .ColumnStatus { width: 75px; }
.History .ColumnOrganisation { width: 112px; }
.History .ColumnDepartment { width: 113px; }
.History .ColumnName { width: 100px; }
.History .ColumnButton { border-right: 0; }
.History .Header .ColumnButton { border-right: 0; }
.History .InitialDate { float: left; clear: both; width: 100px; }
.History .ExpiresLabel { float: left; clear: left; margin-right: 5px; color: #777; font-weight: bold;}
.History .Expiry { float: left; color: #3CAC22; font-weight: bold; }
.History .ExpiresSoon  { color: #FF7F00; }
.History .Expired { color: #CC0000; }

.History .NoResults
{
	clear:both;
	padding: 4px 4px 4px 3px;
	color: #cc0000;
	float: left; 
	height: 20px;
}

.History .Status { border: 1px solid black; z-index: 1000; background-color: #fff; float: left; }
.History .Status .Content { padding: 10px; text-align: center; }
.History .Status img { padding: 5px; }

.History .Filter .Row { float: left; clear: both; padding: 0 8px; padding-top: 4px; width: 765px; }
.History .Filter .Header { font-weight: bold; font-size: 105%; padding: 8px; border-top: 0; background-color: #efefef; }
.History .Filter .Label { float: left; width: 100px; font-weight: bold; padding-top: 5px; }
.History .Filter .Column { float: left; width: 220px; }
.History .Filter .Column input { float: left; width: 180px; }
.History .Filter .Column select { float: left; width: 186px; }
.History .Filter .Column .DateFrom { float: left; width: 80px;}
.History .Filter .Column .DateTo { float: left; width: 80px;}
.History .Filter .Column .Seperator { float: left; margin: 0 5px; line-height: 18px; }
.History .Filter .FilterFooter { border-bottom: 1px solid #ccc; margin-bottom: 10px; padding-bottom: 5px; }


.History .Button { float: left; margin-left: 533px; background: url("../images/layout/blue_button.gif") no-repeat; width: 81px; height: 18px; text-align: center; line-height: 18px; color: #fff; font-size: 90%; font-weight: bold; }
.History a.View { float: left; width: 50px; vertical-align: middle; position: relative; z-index:1;}
.History a.View img { float: left; margin-right: 2px; }
.History a.View:hover{z-index:2; }
.History a.View span{display: none}
.History a.View:hover span{ display:block; position:absolute; top:-2px; left: 50px; width: 150px; border:1px solid #015CAB; background-color:#FFFFCC; color:#000; padding: 4px; }
.History .PageTitle { padding: 0 8px; font-size: 140%; font-weight: bold; float: left; margin-bottom: 10px; }
.History .Paging { float: left; width: 780px; display: block; line-height: 16px; margin: 5px 2px; padding: 0;  }
.History .ItemCount { font-size: 90%; }
.History .ItemsPerPage { float: right; margin-left: 10px; display: inline; }
.History .ItemsPerPage select { font-size: 85%; }
.History .Small { font-size: 75%; font-weight: normal; }

.Admin .Status { border: 1px solid black; z-index: 1000; background-color: #fff; float: left; }
.Admin .Status .Content { padding: 10px; text-align: center; }
.Admin .Status img { padding: 5px; }

.SelectButton {background: url(../images/layout/blue_button_71.gif) no-repeat;width:71px;height:18px;float:right;margin-top: 5px; margin-left: 5px; text-align:center; padding-top:2px; color:#fff;}

.MiniHistory { float: right; width: 450px; }
.MiniHistory .History { float: left; width: 450px; margin-bottom: 20px; }
.MiniHistory .HistoryType { float: left; font-size: 140%; font-weight: bold; margin-bottom: 5px; }
.MiniHistory .Button { margin-left: 365px; }

.Basket .Email { border: 1px solid #666; background-color: #ccc; z-index: 100; }
.Basket .Email .TitleBar { display:block; padding: 5px; background-color: Navy; color: #fff; font-weight: bold; }
.Basket .Email td { border: 0; padding: 0; margin: 0; }
.Basket .Email .PureEditor { min-height: 10px;  }
.Basket .Email .Table { float: left; width: 100%; }
.Basket .Email .Table .Header { float: left; width: 100%; border-bottom: 1px solid #666; padding: 5px 0px; display: block; clear: both; }
.Basket .Email .Label { float: left; margin-left: 10px; font-weight: bold; margin-right: 5px; width: 60px; display: block; }
.Basket .Email .Input { z-index: 100; float: left; font-weight: bold; width: 712px; background-color: #fff; border: 1px solid #666; color: #666; font-weight: normal; padding-left: 3px; }
.Basket .Email .Input input { z-index: 101; border: none; background: #fff; font-size: 90%; width: 710px; height: 100%; }
.Basket .Email .Row { float: left; width: 100%; line-height: 18px; padding: 2px 0px; display: block; background: none; clear: both; }

.Basket .Email .EmailBody { float: left; clear: both; width: 774px; height: 420px; overflow: auto; border: 1px solid #666; 
	font-size: 100%; padding: 10px; background-color: #fff; margin: 2px; }
.Basket .Email .EmailBody * { margin: auto; padding: 0; }
.Basket .Email .Button { float: right; background: url("../images/layout/blue_button.gif") no-repeat; width: 81px; height: 18px; text-align: center; line-height: 18px; color: #fff; font-size: 90%; font-weight: bold; margin-left: 3px; margin-right: 2px; }


/* Site Map */
.SiteMap { float: left; margin-left: 10px; }
.SiteMap ul { margin: 0; padding: 0; }
.SiteMap li { margin: 0; padding: 0; list-style-type: disc; }

.SiteMap ul.Level1 { margin: 10px 25px; }
.SiteMap ul.Level2 { margin: 0px 0px 10px 25px; }
.SiteMap ul.Level3 { margin: 0px 0px 10px 25px; }

.SiteMap .Shop ul.Level1 > li { width: 400px; float: left; margin-right: 25px; font-weight: bold; list-style: none; font-size: 120%; }
.SiteMap .Shop ul.Level2 > li { font-weight: normal; font-size: 85%; }

/* Popup Styles */
.Secure3D {width:580px;}

.ModalPopup
{ 
	background-color:white;
	border: 1px solid black;
	display: block;
	z-index: 700;
}

.ModalBackground {background-color:Gray; filter:alpha(opacity=70); opacity:0.7;}
.Secure3DLayourCSS .Buttons {text-align:center;}

.Secure3DLayourCSS .Buttons .Button {background:url(../images/layout/blue_button_wide.gif) no-repeat; height:23px; width:150px; font-weight:bold; border:0; color: #fff; cursor: hand;}
.Secure3DLayourCSS .Buttons a.Button {display:block; line-height:30px; background:url(../images/Layout/button.jpg) no-repeat top; height:42px; width:119px; color:#fff; font-weight:bold; border:0; cursor: hand;}

.ModalPopup .Toolbar { padding: 5px 0px 5px 0px; width: 100%; border-bottom: 1px solid black; clear: both; background-color: #000000; height: 16px;}
.ModalPopup .Toolbar .Close a { float: right; margin-right: 10px; font-weight: bold; color: #ffffff;}
.ModalPopup .Toolbar .Title { float: left; margin-left: 10px; font-weight: bold; color: #ffffff;}

.ModalPopup .Content { padding: 0px; }

#Secure3DForm, .Secure3DForm {width:100%; border:0px; height:573px; font-family: Arial;}
.Secure3D { font-family: Arial; font-size: 90%; }
.Secure3D h1 { padding: 0px 15px; }
/* End Popup Styles */

.RelatedProductsPopup .Title { font-size: 120%; width: 590px; }
.RelatedProductsPopup .Products { float: left; width: 100%; height: 286px; overflow-x: hidden; overflow-y: auto; border-top: 1px solid #999; padding-top: 5px; padding-bottom: 5px; }
.RelatedProductsPopup .Product { float: left; width: 590px; clear: both; display: block; text-align: left; margin-top: 10px; }
.RelatedProductsPopup .Image { float: left; width: 70px; margin-top: 0; }
.RelatedProductsPopup .Image td { width: 60px; }
.RelatedProductsPopup .Image td a { width: 60px; }
.RelatedProductsPopup .Details { float: right; width: 515px; }
.RelatedProductsPopup .Details .Name { float: left; width: 380px; padding: 5px 10px 0 10px; font-size: 120%; font-weight: bold; }
.RelatedProductsPopup .Details .Name a { color: #666; padding-left: 2px; }
.RelatedProductsPopup .Details .Button { float:right; margin-top: 10px; background: url("../images/layout/yellowbutton.gif") no-repeat; width: 76px; height: 15px; }
.RelatedProductsPopup .Details .Button .LearnMore { font-family: Arial; display: block; text-align: center; color: #fff; padding: 2px 10px 1px 6px; font-size: 9px; font-weight: bold; }
.Status .Content .Buttons { width: 178px; margin: 0 auto; font-weight: bold; }

.RelatedProductsPopup .Licences { float: right; width: 515px;}
.RelatedProductsPopup .Licences .Table { padding: 5px 10px; }
.RelatedProductsPopup .Licences .Table div,
.RelatedProductsPopup .Licences .Table span { padding: 0; margin: 0; }
.RelatedProductsPopup .Licences .Table .Row {margin-bottom: 2px; padding: 2px 0; float:left; line-height: 20px; clear: both; width: 500px; font-size: 90%; }
.RelatedProductsPopup .Licences .Table .Alternate { background-color: #E2F2FE; }
.RelatedProductsPopup .Licences .Table .Header { font-size: 100%; font-weight: bold; border-bottom: 1px solid #999; }
.RelatedProductsPopup .Licences .Table .Header .Quantity { padding-left: 20px; }
.RelatedProductsPopup .Licences .Table .Row .Product {float: left; width:245px; margin-left: 4px; margin-right: 10px; display: inline; text-align: left; }
.RelatedProductsPopup .Licences .Table .Row .Platform {float: left; width:55px; display: inline; margin-right: 5px;}
.RelatedProductsPopup .Licences .Table .Row .Price {float: left; width:90px; display: inline; font-size: 100%; color: inherit; font-weight: inherit; text-align: left; }
.RelatedProductsPopup .Licences .Table .Row .ExVAT {display: block;}
.RelatedProductsPopup .Licences .Table .Row .IncVAT {display: block; color: #0182de;}
.RelatedProductsPopup .Licences .Table .Row .Was {display: block; text-decoration: line-through; color: #cc0000; }
.RelatedProductsPopup .Licences .Table .Row .Price .Small {font-size: 90%; font-weight: normal; }
.RelatedProductsPopup .Licences .Table .Row div.Info {float: left; width:30px; display: inline; }
.RelatedProductsPopup .Licences .Table .More  {padding: 2px 4px; color: #cc0000; }
.RelatedProductsPopup .AddToQuote { font-weight: bold; line-height: 16px; }

.MyAccount h2 { border-bottom: 1px solid #ccc; padding-bottom: 5px; }
.ShopNow .Button 
{
	display: inline; padding: 3px 0px 0px 0px; 
	text-decoration: none; color: #ffffff; 
	background: url(../images/layout/orange_button_wide.gif) no-repeat;
	width: 150px;
	text-align: center;
	font-weight: bold; height: 23px;
	float: right; 
	margin-right: 2px;
}

.SelectOrganisation { color: #000; }
.SelectOrganisation:hover { text-decoration: underline; }
.SelectOrganisationButton { float: right; background: url("../images/layout/blue_button.gif") no-repeat; width: 81px; height: 18px; text-align: center; line-height: 18px; color: #fff; font-size: 90%; font-weight: bold; }

a.Info { float: left; width: 18px;  position: relative; z-index:1; margin-right: 5px; }
a.Info img { float: left; }
a.Info:hover{z-index:2; }
a.Info span{display: none; font-weight: normal; }
a.Info:hover span{ display:block; position:absolute; top:-2px; left: 22px; border:1px solid #015CAB; background-color:#FFFFCC; color:#000; padding: 2px 4px; }

.Carriage a.Info { float: right; }

.DownloadLink { float: left; clear: left; margin-top: 2px; font-weight: bold; font-size: 90%; }
.DownloadLink a { color: #0182de; font-weight: normal; }
